@soyfri/template 1.0.0 → 1.0.3

package/dist/assets/ts/components/index.js

@@ -1,30 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./_CookieComponent"), exports);
-__exportStar(require("./_DrawerComponent"), exports);
-__exportStar(require("./_FeedbackComponent"), exports);
-__exportStar(require("./_ImageInputComponent"), exports);
-__exportStar(require("./_ScrollComponent"), exports);
-__exportStar(require("./_ScrollTopComponent"), exports);
-__exportStar(require("./_StepperComponent"), exports);
-__exportStar(require("./_StickyComponent"), exports);
-__exportStar(require("./_ToggleComponent"), exports);
+export * from './_CookieComponent';
+export * from './_DrawerComponent';
+export * from './_FeedbackComponent';
+export * from './_ImageInputComponent';
+export * from './_ScrollComponent';
+export * from './_ScrollTopComponent';
+export * from './_StepperComponent';
+export * from './_StickyComponent';
+export * from './_ToggleComponent';
 // export * from './_DialerComponent';
-__exportStar(require("./_PasswordMeterComponent"), exports);
-__exportStar(require("./_SwapperComponent"), exports);
-__exportStar(require("./MenuComponent"), exports);
-__exportStar(require("./SearchComponent"), exports);
+export * from './_PasswordMeterComponent';
+export * from './_SwapperComponent';
+export * from './MenuComponent';
+export * from './SearchComponent';

package/dist/assets/ts/components/index.ts

@@ -0,0 +1,14 @@
+export * from './_CookieComponent'
+export * from './_DrawerComponent'
+export * from './_FeedbackComponent'
+export * from './_ImageInputComponent'
+export * from './_ScrollComponent'
+export * from './_ScrollTopComponent'
+export * from './_StepperComponent'
+export * from './_StickyComponent'
+export * from './_ToggleComponent'
+// export * from './_DialerComponent';
+export * from './_PasswordMeterComponent'
+export * from './_SwapperComponent'
+export * from './MenuComponent'
+export * from './SearchComponent'

package/dist/assets/ts/index.js

@@ -1,31 +1,5 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.components = exports.KTUtil = void 0;
-exports.KTUtil = __importStar(require("./_utils/index"));
-exports.components = __importStar(require("./components/index"));
+export * as KTUtil from './_utils/index';
+export * as components from './components/index';
 // declare global {
 //   interface Window {
 //     keenthemes: any;

package/dist/assets/ts/index.ts

@@ -0,0 +1,43 @@
+export * as KTUtil from './_utils/index'
+export * as components from './components/index'
+// declare global {
+//   interface Window {
+//     keenthemes: any;
+//   }
+// }
+
+// window.keenthemes = {
+//   components: {
+//     ScrollTop: components.ScrollTopComponent,
+//     Coockie: components.CookieComponent,
+//     Drawer: components.DrawerComponent,
+//     Feedback: components.FeedbackComponent,
+//     ImageInput: components.ImageInputComponent,
+//     Scroll: components.ScrollComponent,
+//     Stepper: components.StepperComponent,
+//     Sticky: components.StickyComponent,
+//     Toggle: components.ToggleComponent,
+//     Menu: components.MenuComponent,
+//     Search: components.SearchComponent,
+//     Dialder: components.DialerComponent,
+//     PasswordMeter: components.PasswordMeterComponent,
+//     Place: components.PlaceComponent,
+//     defaultDialerOptions: components.defaultDialerOptions,
+//     defaultDialderQueries: components.defaultDialerQueires,
+//     defaultPasswordMeterOptions: components.defaultPasswordMeterOptions,
+//     defaultPasswordMeterQueries: components.defaultPasswordMeterQueires,
+//     defaultPlaceOptions: components.defaultPlaceOptions,
+//     defaultPlaceQueries: components.defaultPlaceQueires,
+//     defaultDrawerOptions: components.defaultDrawerOptions,
+//     defaultFeedbackOptions: components.defaultFeedbackOptions,
+//     defaultImageInputOptions: components.defaultImageInputOptions,
+//     defaultScrollOptions: components.defaultScrollOptions,
+//     defaultScrollTopOptions: components.defaultScrollTopOptions,
+//     defaultStepperOptions: components.defaultStepperOptions,
+//     defaultStickyOptions: components.defaultStickyOptions,
+//     defaultToggleOptions: components.defaultToggleOptions,
+//     defaultMenuOptions: components.defaultMenuOptions,
+//     defaultSearchOptions: components.defaultSearchOptions,
+//   },
+//   utils: KTUtil,
+// };

package/dist/assets/ts/layout/ThemeMode.js

@@ -1,182 +1,170 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeModeComponent = void 0;
-var _utils_1 = require("../_utils");
-var ThemeMode = /** @class */ (function () {
-    function ThemeMode() {
-        var _this = this;
-        this.menu = null;
-        this.element = null;
-        this.getParamName = function (postfix) {
-            var ktName = document.body.hasAttribute('data-kt-name');
-            var name = ktName ? ktName + '_' : '';
-            return 'kt_' + name + 'theme_mode_' + postfix;
-        };
-        this.getMode = function () {
-            var _a;
-            var modeParam = _this.getParamName('value');
-            var themeMode = _this.getMenuMode();
-            var defaultMode = 'light';
-            if (!localStorage.getItem(modeParam)) {
-                return defaultMode;
-            }
-            var ls = localStorage.getItem(modeParam);
-            if (ls) {
-                return ls;
-            }
-            var dataTheme = (_a = _this.element) === null || _a === void 0 ? void 0 : _a.getAttribute('data-bs-theme');
-            if (dataTheme) {
-                return dataTheme;
-            }
-            if (!themeMode) {
-                return defaultMode;
-            }
-            if (themeMode === 'system') {
-                return _this.getSystemMode();
-            }
-            return themeMode;
-        };
-        this.setMode = function (mode, menuMode) {
-            var _a, _b, _c;
-            // Check input values
-            if (mode !== 'light' && mode !== 'dark') {
-                return;
-            }
-            // Get param names
-            var modeParam = _this.getParamName('value');
-            var menuModeParam = _this.getParamName('menu');
-            // Reset mode if system mode was changed
-            if (menuMode === 'system') {
-                if (_this.getSystemMode() !== mode) {
-                    mode = _this.getSystemMode();
+import { EventHandlerUtil } from '../_utils';
+class ThemeMode {
+    menu = null;
+    element = null;
+    getParamName = (postfix) => {
+        const ktName = document.body.hasAttribute('data-kt-name');
+        const name = ktName ? ktName + '_' : '';
+        return 'kt_' + name + 'theme_mode_' + postfix;
+    };
+    getMode = () => {
+        const modeParam = this.getParamName('value');
+        const themeMode = this.getMenuMode();
+        const defaultMode = 'light';
+        if (!localStorage.getItem(modeParam)) {
+            return defaultMode;
+        }
+        const ls = localStorage.getItem(modeParam);
+        if (ls) {
+            return ls;
+        }
+        const dataTheme = this.element?.getAttribute('data-bs-theme');
+        if (dataTheme) {
+            return dataTheme;
+        }
+        if (!themeMode) {
+            return defaultMode;
+        }
+        if (themeMode === 'system') {
+            return this.getSystemMode();
+        }
+        return themeMode;
+    };
+    setMode = (mode, menuMode) => {
+        // Check input values
+        if (mode !== 'light' && mode !== 'dark') {
+            return;
+        }
+        // Get param names
+        const modeParam = this.getParamName('value');
+        const menuModeParam = this.getParamName('menu');
+        // Reset mode if system mode was changed
+        if (menuMode === 'system') {
+            if (this.getSystemMode() !== mode) {
+                mode = this.getSystemMode();
+            }
+        }
+        // Check menu mode
+        if (!menuMode) {
+            menuMode = mode;
+        }
+        // Read active menu mode value
+        const activeMenuItem = this.menu?.querySelector('[data-kt-element="mode"][data-kt-value="' + menuMode + '"]') || null;
+        // Enable switching state
+        this.element?.setAttribute('data-kt-theme-mode-switching', 'true');
+        // Set mode to the target element
+        this.element?.setAttribute('data-bs-theme', mode);
+        // Disable switching state
+        const self = this;
+        setTimeout(function () {
+            self.element?.removeAttribute('data-kt-theme-mode-switching');
+        }, 300);
+        // Store mode value in storage
+        if (localStorage) {
+            localStorage.setItem(modeParam, mode);
+        }
+        // Set active menu item
+        if (activeMenuItem && localStorage) {
+            localStorage.setItem(menuModeParam, menuMode);
+            this.setActiveMenuItem(activeMenuItem);
+        }
+        // Flip images
+        this.flipImages();
+    };
+    getMenuMode = () => {
+        const menuModeParam = this.getParamName('menu');
+        const menuItem = this.menu?.querySelector('.active[data-kt-element="mode"]');
+        const dataKTValue = menuItem?.getAttribute('data-kt-value');
+        if (dataKTValue) {
+            return dataKTValue;
+        }
+        if (!menuModeParam) {
+            return '';
+        }
+        const ls = localStorage ? localStorage.getItem(menuModeParam) : null;
+        return ls || '';
+    };
+    getSystemMode = () => {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    };
+    initMode = () => {
+        this.setMode(this.getMode(), this.getMenuMode());
+        if (this.element) {
+            EventHandlerUtil.trigger(this.element, 'kt.thememode.init');
+        }
+    };
+    getActiveMenuItem = () => {
+        return (this.menu?.querySelector('[data-kt-element="mode"][data-kt-value="' + this.getMenuMode() + '"]') || null);
+    };
+    setActiveMenuItem = (item) => {
+        const menuModeParam = this.getParamName('menu');
+        const menuMode = item.getAttribute('data-kt-value');
+        const activeItem = this.menu?.querySelector('.active[data-kt-element="mode"]');
+        if (activeItem) {
+            activeItem.classList.remove('active');
+        }
+        item.classList.add('active');
+        if (localStorage && menuMode && menuModeParam) {
+            localStorage.setItem(menuModeParam, menuMode);
+        }
+    };
+    handleMenu = () => {
+        this.menu
+            ?.querySelectorAll('[data-kt-element="mode"]')
+            ?.forEach((item) => {
+            item.addEventListener('click', (e) => {
+                e.preventDefault();
+                const menuMode = item.getAttribute('data-kt-value');
+                const mode = menuMode === 'system' ? this.getSystemMode() : menuMode;
+                if (mode) {
+                    this.setMode(mode, menuMode);
                 }
-            }
-            // Check menu mode
-            if (!menuMode) {
-                menuMode = mode;
-            }
-            // Read active menu mode value
-            var activeMenuItem = ((_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelector('[data-kt-element="mode"][data-kt-value="' + menuMode + '"]')) || null;
-            // Enable switching state
-            (_b = _this.element) === null || _b === void 0 ? void 0 : _b.setAttribute('data-kt-theme-mode-switching', 'true');
-            // Set mode to the target element
-            (_c = _this.element) === null || _c === void 0 ? void 0 : _c.setAttribute('data-bs-theme', mode);
-            // Disable switching state
-            var self = _this;
-            setTimeout(function () {
-                var _a;
-                (_a = self.element) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-kt-theme-mode-switching');
-            }, 300);
-            // Store mode value in storage
-            if (localStorage) {
-                localStorage.setItem(modeParam, mode);
-            }
-            // Set active menu item
-            if (activeMenuItem && localStorage) {
-                localStorage.setItem(menuModeParam, menuMode);
-                _this.setActiveMenuItem(activeMenuItem);
-            }
-            // Flip images
-            _this.flipImages();
-        };
-        this.getMenuMode = function () {
-            var _a;
-            var menuModeParam = _this.getParamName('menu');
-            var menuItem = (_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelector('.active[data-kt-element="mode"]');
-            var dataKTValue = menuItem === null || menuItem === void 0 ? void 0 : menuItem.getAttribute('data-kt-value');
-            if (dataKTValue) {
-                return dataKTValue;
-            }
-            if (!menuModeParam) {
-                return '';
-            }
-            var ls = localStorage ? localStorage.getItem(menuModeParam) : null;
-            return ls || '';
-        };
-        this.getSystemMode = function () {
-            return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-        };
-        this.initMode = function () {
-            _this.setMode(_this.getMode(), _this.getMenuMode());
-            if (_this.element) {
-                _utils_1.EventHandlerUtil.trigger(_this.element, 'kt.thememode.init');
-            }
-        };
-        this.getActiveMenuItem = function () {
-            var _a;
-            return (((_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelector('[data-kt-element="mode"][data-kt-value="' + _this.getMenuMode() + '"]')) || null);
-        };
-        this.setActiveMenuItem = function (item) {
-            var _a;
-            var menuModeParam = _this.getParamName('menu');
-            var menuMode = item.getAttribute('data-kt-value');
-            var activeItem = (_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelector('.active[data-kt-element="mode"]');
-            if (activeItem) {
-                activeItem.classList.remove('active');
-            }
-            item.classList.add('active');
-            if (localStorage && menuMode && menuModeParam) {
-                localStorage.setItem(menuModeParam, menuMode);
-            }
-        };
-        this.handleMenu = function () {
-            var _a, _b;
-            (_b = (_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[data-kt-element="mode"]')) === null || _b === void 0 ? void 0 : _b.forEach(function (item) {
-                item.addEventListener('click', function (e) {
-                    e.preventDefault();
-                    var menuMode = item.getAttribute('data-kt-value');
-                    var mode = menuMode === 'system' ? _this.getSystemMode() : menuMode;
-                    if (mode) {
-                        _this.setMode(mode, menuMode);
-                    }
-                });
             });
-        };
-        this.flipImages = function () {
-            var _a;
-            (_a = document.querySelectorAll('[data-kt-img-dark]')) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
-                if (item.tagName === 'IMG') {
-                    if (_this.getMode() === 'dark' && item.hasAttribute('data-kt-img-dark')) {
-                        item.setAttribute('data-kt-img-light', item.getAttribute('src') || '');
-                        item.setAttribute('src', item.getAttribute('data-kt-img-dark') || '');
-                    }
-                    else if (_this.getMode() === 'light' && item.hasAttribute('data-kt-img-light')) {
-                        item.setAttribute('data-kt-img-dark', item.getAttribute('src') || '');
-                        item.setAttribute('src', item.getAttribute('data-kt-img-light') || '');
-                    }
+        });
+    };
+    flipImages = () => {
+        document.querySelectorAll('[data-kt-img-dark]')?.forEach((item) => {
+            if (item.tagName === 'IMG') {
+                if (this.getMode() === 'dark' && item.hasAttribute('data-kt-img-dark')) {
+                    item.setAttribute('data-kt-img-light', item.getAttribute('src') || '');
+                    item.setAttribute('src', item.getAttribute('data-kt-img-dark') || '');
                 }
-                else {
-                    if (_this.getMode() === 'dark' && item.hasAttribute('data-kt-img-dark')) {
-                        item.setAttribute('data-kt-img-light', item.getAttribute('src') || '');
-                        item.style.backgroundImage = "url('" + item.getAttribute('data-kt-img-dark') + "')";
-                    }
-                    else if (_this.getMode() === 'light' && item.hasAttribute('data-kt-img-light')) {
-                        item.setAttribute('data-kt-img-dark', item.getAttribute('src') || '');
-                        item.style.backgroundImage = "url('" + item.getAttribute('data-kt-img-light') + "')";
-                    }
+                else if (this.getMode() === 'light' && item.hasAttribute('data-kt-img-light')) {
+                    item.setAttribute('data-kt-img-dark', item.getAttribute('src') || '');
+                    item.setAttribute('src', item.getAttribute('data-kt-img-light') || '');
                 }
-            });
-        };
-        this.on = function (name, hander) {
-            if (_this.element) {
-                return _utils_1.EventHandlerUtil.on(_this.element, name, hander);
-            }
-        };
-        this.off = function (name, handlerId) {
-            if (_this.element) {
-                return _utils_1.EventHandlerUtil.off(_this.element, name, handlerId);
             }
-        };
-        this.init = function () {
-            _this.menu = document.querySelector('[data-kt-element="theme-mode-menu"]');
-            _this.element = document.documentElement;
-            _this.initMode();
-            if (_this.menu) {
-                _this.handleMenu();
+            else {
+                if (this.getMode() === 'dark' && item.hasAttribute('data-kt-img-dark')) {
+                    item.setAttribute('data-kt-img-light', item.getAttribute('src') || '');
+                    item.style.backgroundImage = "url('" + item.getAttribute('data-kt-img-dark') + "')";
+                }
+                else if (this.getMode() === 'light' && item.hasAttribute('data-kt-img-light')) {
+                    item.setAttribute('data-kt-img-dark', item.getAttribute('src') || '');
+                    item.style.backgroundImage = "url('" + item.getAttribute('data-kt-img-light') + "')";
+                }
             }
-        };
-    }
-    return ThemeMode;
-}());
-var ThemeModeComponent = new ThemeMode();
-exports.ThemeModeComponent = ThemeModeComponent;
+        });
+    };
+    on = (name, hander) => {
+        if (this.element) {
+            return EventHandlerUtil.on(this.element, name, hander);
+        }
+    };
+    off = (name, handlerId) => {
+        if (this.element) {
+            return EventHandlerUtil.off(this.element, name, handlerId);
+        }
+    };
+    init = () => {
+        this.menu = document.querySelector('[data-kt-element="theme-mode-menu"]');
+        this.element = document.documentElement;
+        this.initMode();
+        if (this.menu) {
+            this.handleMenu();
+        }
+    };
+}
+const ThemeModeComponent = new ThemeMode();
+// Initialize app on document ready => ThemeModeComponent.init()
+export { ThemeModeComponent };