1234567891011121314151617181920212223242526272829303132 |
- import $ from 'jquery';
- import {queryElemChildren} from '../../utils/dom.js';
-
- export function initFomanticDimmer() {
- // stand-in for removed dimmer module
- $.fn.dimmer = function (arg0, arg1) {
- if (arg0 === 'add content') {
- const $el = arg1;
- const existingDimmer = document.querySelector('body > .ui.dimmer');
- if (existingDimmer) {
- queryElemChildren(existingDimmer, '*', (el) => el.classList.add('hidden'));
- this._dimmer = existingDimmer;
- } else {
- this._dimmer = document.createElement('div');
- this._dimmer.classList.add('ui', 'dimmer');
- document.body.append(this._dimmer);
- }
- this._dimmer.append($el[0]);
- } else if (arg0 === 'get dimmer') {
- return $(this._dimmer);
- } else if (arg0 === 'show') {
- this._dimmer.classList.add('active');
- document.body.classList.add('tw-overflow-hidden');
- } else if (arg0 === 'hide') {
- const cb = arg1;
- this._dimmer.classList.remove('active');
- document.body.classList.remove('tw-overflow-hidden');
- cb();
- }
- return this;
- };
- }
|