wj-elements 0.7.6 → 0.8.0

package/dist/dark.css

@@ -1,302 +1 @@
-/*
-[ Dark Mode ]
-*/
-
-:host,
-.wje-theme-dark,
-.dark,
-[data-theme=dark] {
-    color-scheme: dark;
-
-    --wje-font-family:
-        -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
-        'Droid Sans', 'Helvetica Neue', sans-serif;
-    --wje-font-family-secondary:
-        'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
-        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-    --wje-force-mac-font-family:
-        -apple-system, BlinkMacSystemFont, 'Inter UI', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
-        'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-
-    --wje-border-size: 0px;
-    --wje-border-style: solid;
-
-    --wje-backdrop: rgb(0, 0, 0);
-    --wje-backdrop-opacity: 0.3;
-
-    /*COLORS*/
-    --wje-color: var(--wje-color-contrast-11);
-    --wje-color-dark: hsl(0, 0%, 29%);
-    --wje-color-light: hsl(0 0% 95%);
-    --wje-background: var(--wje-color-contrast-2);
-    --wje-border-color: var(--wje-color-contrast-4);
-
-    --wje-color-primary: var(--wje-color-primary-1);
-    --wje-color-complete: var(--wje-color-complete-1);
-    --wje-color-success: var(--wje-color-success-1);
-    --wje-color-warning: var(--wje-color-warning-1);
-    --wje-color-danger: var(--wje-color-danger-1);
-    --wje-color-info: var(--wje-color-info-1);
-    --wje-color-menu: hsl(220, 15%, 15%);
-    --wje-color-contrast: hsl(210, 11%, 15%);
-
-    --wje-color-white: #fff;
-    --wje-color-black: #000;
-
-    /* Primary */
-    --wje-color-primary-1: hsla(254, 50%, 21%, 1);
-    --wje-color-primary-2: hsla(254, 52%, 24%, 1);
-    --wje-color-primary-3: hsla(254, 52%, 35%, 1);
-    --wje-color-primary-4: hsla(254, 54%, 39%, 1);
-    --wje-color-primary-5: hsla(254, 54%, 47%, 1);
-    --wje-color-primary-6: hsla(254, 54%, 53%, 1);
-    --wje-color-primary-7: hsla(254, 54%, 57%, 1);
-    --wje-color-primary-8: hsla(254, 68%, 66%, 1);
-    --wje-color-primary-9: hsla(254, 88%, 78%, 1);
-    --wje-color-primary-10: hsla(254, 70%, 81%, 1);
-    --wje-color-primary-11: hsla(254, 69%, 88%, 1);
-
-    /* Complete */
-    --wje-color-complete-1: hsla(211, 91%, 16%, 1);
-    --wje-color-complete-2: hsla(211, 91%, 23%, 1);
-    --wje-color-complete-3: hsla(211, 91%, 31%, 1);
-    --wje-color-complete-4: hsla(211, 93%, 35%, 1);
-    --wje-color-complete-5: hsla(211, 93%, 39%, 1);
-    --wje-color-complete-6: hsla(211, 93%, 44%, 1);
-    --wje-color-complete-7: hsla(211, 93%, 49%, 1);
-    --wje-color-complete-8: hsla(211, 93%, 55%, 1);
-    --wje-color-complete-9: hsla(211, 100%, 75%, 1);
-    --wje-color-complete-10: hsla(211, 100%, 81%, 1);
-    --wje-color-complete-11: hsla(211, 93%, 85%, 1);
-
-    /* Success */
-    --wje-color-success-1: hsla(158, 93%, 13%, 1);
-    --wje-color-success-2: hsla(158, 94%, 16%, 1);
-    --wje-color-success-3: hsla(158, 95%, 19%, 1);
-    --wje-color-success-4: hsla(158, 96%, 22%, 1);
-    --wje-color-success-5: hsla(158, 96%, 24%, 1);
-    --wje-color-success-6: hsla(158, 95%, 27%, 1);
-    --wje-color-success-7: hsla(158, 96%, 31%, 1);
-    --wje-color-success-8: hsla(158, 96%, 35%, 1);
-    --wje-color-success-9: hsla(158, 86%, 48%, 1);
-    --wje-color-success-10: hsla(158, 78%, 62%, 1);
-    --wje-color-success-11: hsla(158, 80%, 75%, 1);
-
-    /* Warning */
-    --wje-color-warning-1: hsla(47, 75%, 19%, 1);
-    --wje-color-warning-2: hsla(47, 75%, 23%, 1);
-    --wje-color-warning-3: hsla(47, 75%, 27%, 1);
-    --wje-color-warning-4: hsla(47, 74%, 31%, 1);
-    --wje-color-warning-5: hsla(47, 78%, 37%, 1);
-    --wje-color-warning-6: hsla(47, 78%, 41%, 1);
-    --wje-color-warning-7: hsla(47, 78%, 45%, 1);
-    --wje-color-warning-8: hsla(47, 80%, 52%, 1);
-    --wje-color-warning-9: hsla(47, 80%, 67%, 1);
-    --wje-color-warning-10: hsla(47, 90%, 74%, 1);
-    --wje-color-warning-11: hsla(47, 90%, 80%, 1);
-
-    /* Danger */
-    --wje-color-danger-1: hsla(3, 82%, 17%, 1);
-    --wje-color-danger-2: hsla(3, 82%, 19%, 1);
-    --wje-color-danger-3: hsla(3, 83%, 28%, 1);
-    --wje-color-danger-4: hsla(3, 83%, 32%, 1);
-    --wje-color-danger-5: hsla(3, 83%, 36%, 1);
-    --wje-color-danger-6: hsla(3, 83%, 40%, 1);
-    --wje-color-danger-7: hsla(3, 82%, 44%, 1);
-    --wje-color-danger-8: hsla(3, 72%, 58%, 1);
-    --wje-color-danger-9: hsla(3, 80%, 70%, 1);
-    --wje-color-danger-10: hsla(3, 80%, 76%, 1);
-    --wje-color-danger-11: hsla(4, 80%, 82%, 1);
-
-    /* Info */
-    --wje-color-info-1: hsla(207, 36%, 16%, 1);
-    --wje-color-info-2: hsla(207, 16%, 27%, 1);
-    --wje-color-info-3: hsla(207, 20%, 35%, 1);
-    --wje-color-info-4: hsla(210, 7%, 45%, 1);
-    --wje-color-info-5: hsla(208, 6%, 55%, 1);
-    --wje-color-info-6: hsla(203, 6%, 62%, 1);
-    --wje-color-info-7: hsla(213, 6%, 69%, 1);
-    --wje-color-info-8: hsla(203, 5%, 71%, 1);
-    --wje-color-info-9: hsla(210, 7%, 78%, 1);
-    --wje-color-info-10: hsla(204, 6%, 85%, 1);
-    --wje-color-info-11: hsla(210, 5%, 92%, 1);
-
-    /* Contrast */
-    --wje-color-contrast-0: hsla(240, 3%, 13%, 1);
-    --wje-color-contrast-1: hsla(240, 6%, 10%, 1);
-    --wje-color-contrast-2: hsla(0, 0%, 0%, 1);
-    --wje-color-contrast-3: hsla(240, 5%, 30%, 1);
-    --wje-color-contrast-4: hsla(240, 5%, 41%, 1);
-    --wje-color-contrast-5: hsla(240, 4%, 58%, 1);
-    --wje-color-contrast-6: hsla(240, 5%, 75%, 1);
-    --wje-color-contrast-7: hsla(240, 5%, 84%, 1);
-    --wje-color-contrast-8: hsla(240, 6%, 90%, 1);
-    --wje-color-contrast-9: hsla(240, 5%, 96%, 1);
-    --wje-color-contrast-10: hsla(0, 0%, 98%, 1);
-    --wje-color-contrast-11: hsla(0, 0%, 100%, 1);
-
-    /*
-    [ Skeleton ]
-    */
-    --wje-skeleton-bg: var(--wje-color-contrast-3);
-    --wje-skeleton-bg-strong: var(--wje-color-contrast-6);
-    --wje-skeleton-highlight: rgba(255, 255, 255, 0.45);
-
-    /*
-   [ Elements ]
-   */
-
-    /* Aside */
-    --wje-aside-border-color: var(--wje-border-color);
-
-    /* Avatar */
-    --wje-avatar-color: var(--wje-color-contrast-11);
-    --wje-avatar-background-color: var(--wje-color-contrast-3);
-
-    /* Breadcrumb */
-    --wje-breadcrumb-a: var(--wje-color-contrast-8);
-    --wje-breadcrumb-a-hover: var(--wje-color-contrast-6);
-
-    /* Button */
-    --wje-button-border-color: var(--wje-color-contrast-1);
-
-    /* Card */
-    --wje-card-background: var(--wje-color-contrast-0);
-    --wje-card-color: var(--wje-color-white);
-    --wje-card-border-color: transparent;
-
-    /* Dialog */
-    --wje-dialog-background: var(--wje-color-contrast-1);
-
-    /* Divider */
-    --wje-divider-border-color: var(--wje-border-color);
-
-    /* File Upload */
-    --wje-file-upload-padding: 0;
-
-    /* File Upload - Item */
-    --wje-file-upload-item-border-width: 1px;
-    --wje-file-upload-item-border-style: solid;
-    --wje-file-upload-item-border-color: var(--wje-border-color);
-
-    /* Header */
-    --wje-header-background: var(--wje-background);
-    --wje-header-border-color: var(--wje-border-color);
-
-    /* Icon Picker */
-    --wje-icon-picker-background: var(--wje-color-contrast-0);
-    --wje-icon-picker-border-color: var(--wje-border-color);
-
-    /* Infinite Scroll */
-    --wje-infinite-scroll-loading-background: var(--wje-color-contrast-0);
-
-    /* Input */
-    --wje-input-background-color: var(--wje-color-contrast-0);
-    --wje-input-color: var(--wje-color);
-    --wje-input-color-invalid: var(--wje-color-danger-9);
-    --wje-input-error-background-color: var(--wje-tooltip-background);
-    --wje-input-error-color: var(--wje-tooltip-color);
-    --wje-input-border-color: var(--wje-border-color);
-    --wje-input-border-color-focus: var(--wje-color-primary);
-
-    /* Item */
-    --wje-item-color: var(--wje-color);
-    --wje-item-border-color: var(--wje-border-color);
-    --wje-item-background: transparent;
-    --wje-item-background-hover: var(--wje-color-contrast-3);
-
-    /* Level - Indicator */
-    --wje-level-indicator-color: var(--wje-color-contrast-4);
-    --wje-level-indicator-color-active: var(--wje-color-contrast-6);
-
-    /* List */
-    --wje-list-background: var(--wje-background);
-
-    /* Menu */
-    --wje-menu-background: var(--wje-background);
-    --wje-menu-border-color: var(--wje-border-color);
-
-    /* Menu - Item */
-    --wje-menu-item-color: var(--wje-color);
-    --wje-menu-item-background: transparent;
-    --wje-menu-item-color-hover: var(--wje-color-contrast-8);
-    --wje-menu-item-background-hover: var(--wje-border-color);
-    --wje-menu-item-color-focus: var(--wje-color-contrast-8);
-    --wje-menu-item-background-focus: var(--wje-border-color);
-    --wje-menu-item-color-active: var(--wje-color-contrast-8);
-    --wje-menu-item-background-active: var(--wje-border-color);
-
-    /* Option */
-    --wje-option-highlighted: var(--wje-color-contrast-3);
-
-    /* Orgchart - Item */
-    --wje-orgchart-item-background: var(--wje-color-contrast-0);
-
-    --wje-orgchart-item-highlight-background: var(--wje-color-complete-2);
-    --wje-orgchart-item-boss-background: var(--wje-color-complete-2);
-    --wje-orgchart-item-hover-background: var(--wje-color-contrast-3);
-
-    --wje-orgchart-item-highlight-border: 1px solid var(--wje-color-complete-3);
-    --wje-orgchart-item-boss-border: 1px solid var(--wje-border-color);
-    --wje-orgchart-item-hover-border: 1px solid var(--wje-color-danger-3);
-
-    /* Popup */
-    --wje-popup-overlay-background: var(--wje-color-contrast-0);
-
-    /* Rate */
-    --wje-rate-color: var(--wje-color-contrast-11);
-    --wje-rate-selected-color: var(--wje-color-danger-6);
-
-    /* Select */
-    --wje-select-border-color: var(--wje-border-color);
-    --wje-select-background: var(--wje-color-contrast-0);
-    --wje-select-options-background-color: var(--wje-color-contrast-0);
-    --wje-select-options-border-color: var(--wje-border-color);
-    --wje-select-error-background-color: var(--wje-tooltip-background);
-    --wje-select-error-color: var(--wje-tooltip-color);
-    --wje-select-color: var(--wje-color);
-
-    /* Sliding - Container */
-    --wje-sliding-container-background: transparent;
-    --wje-sliding-container-box-shadow: none;
-
-    /* Tab */
-    --wje-tab-color-active: var(--wje-color-primary-11);
-    --wje-tab-color-hover: var(--wje-color-primary-1);
-
-    /* Textarea */
-    --wje-textarea-background-color: var(--wje-background);
-    --wje-textarea-color: var(--wje-color);
-    --wje-textarea-color-invalid: var(--wje-color-danger-1);
-    --wje-textarea-error-background-color: var(--wje-tooltip-background);
-    --wje-textarea-error-color: var(--wje-tooltip-color);
-    --wje-textarea-border-color: var(--wje-border-color);
-    --wje-textarea-border-color-focus: var(--wje-color-primary-1);
-
-    /* Toast */
-    --wje-toast-stack-width: 300px;
-
-    /* Tree - Item */
-    --wje-tree-item-indent-guid-color: var(--wje-border-color);
-    --wje-tree-item-border-color: transparent;
-    --wje-tree-item-border-color-hover: transparent;
-    --wje-tree-item-border-color-selected: transparent;
-    --wje-tree-item-background: transparent;
-    --wje-tree-item-color: var(--wje-color);
-    --wje-tree-item-background-hover: var(--wje-color-contrast-1);
-    --wje-tree-item-color-hover: var(--wje-color-contrast-8);
-    --wje-tree-item-background-selected: var(--wje-color-primary-9);
-    --wje-tree-item-color-selected: var(--wje-color-contrast-0);
-    --wje-tree-item-drop-color: var(--wje-color-primary);
-    --wje-tree-item-drop-border-color: var(--wje-tree-item-drop-color);
-
-    /* Toolbar */
-    --wje-toolbar-background: var(--wje-background);
-    --wje-toolbar-border-color: var(--wje-border-color);
-    --wje-toolbar-shadow: var(--wje-shadow-medium);
-
-    /* Tooltip */
-    --wje-tooltip-arrow-color: var(--wje-color-contrast-4);
-    --wje-tooltip-background: var(--wje-color-contrast-4);
-    --wje-tooltip-color: var(--wje-color-contrast-11);
-}
+:host,.wje-theme-dark,.dark,[data-theme=dark]{color-scheme:dark;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--wje-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--wje-force-mac-font-family: -apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--wje-border-size: 0px;--wje-border-style: solid;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: var(--wje-color-contrast-11);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background: var(--wje-color-contrast-2);--wje-border-color: var(--wje-color-contrast-4);--wje-color-primary: var(--wje-color-primary-1);--wje-color-complete: var(--wje-color-complete-1);--wje-color-success: var(--wje-color-success-1);--wje-color-warning: var(--wje-color-warning-1);--wje-color-danger: var(--wje-color-danger-1);--wje-color-info: var(--wje-color-info-1);--wje-color-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(210, 11%, 15%);--wje-color-white: #fff;--wje-color-black: #000;--wje-color-primary-1: hsla(254, 50%, 21%, 1);--wje-color-primary-2: hsla(254, 52%, 24%, 1);--wje-color-primary-3: hsla(254, 52%, 35%, 1);--wje-color-primary-4: hsla(254, 54%, 39%, 1);--wje-color-primary-5: hsla(254, 54%, 47%, 1);--wje-color-primary-6: hsla(254, 54%, 53%, 1);--wje-color-primary-7: hsla(254, 54%, 57%, 1);--wje-color-primary-8: hsla(254, 68%, 66%, 1);--wje-color-primary-9: hsla(254, 88%, 78%, 1);--wje-color-primary-10: hsla(254, 70%, 81%, 1);--wje-color-primary-11: hsla(254, 69%, 88%, 1);--wje-color-complete-1: hsla(211, 91%, 16%, 1);--wje-color-complete-2: hsla(211, 91%, 23%, 1);--wje-color-complete-3: hsla(211, 91%, 31%, 1);--wje-color-complete-4: hsla(211, 93%, 35%, 1);--wje-color-complete-5: hsla(211, 93%, 39%, 1);--wje-color-complete-6: hsla(211, 93%, 44%, 1);--wje-color-complete-7: hsla(211, 93%, 49%, 1);--wje-color-complete-8: hsla(211, 93%, 55%, 1);--wje-color-complete-9: hsla(211, 100%, 75%, 1);--wje-color-complete-10: hsla(211, 100%, 81%, 1);--wje-color-complete-11: hsla(211, 93%, 85%, 1);--wje-color-success-1: hsla(158, 93%, 13%, 1);--wje-color-success-2: hsla(158, 94%, 16%, 1);--wje-color-success-3: hsla(158, 95%, 19%, 1);--wje-color-success-4: hsla(158, 96%, 22%, 1);--wje-color-success-5: hsla(158, 96%, 24%, 1);--wje-color-success-6: hsla(158, 95%, 27%, 1);--wje-color-success-7: hsla(158, 96%, 31%, 1);--wje-color-success-8: hsla(158, 96%, 35%, 1);--wje-color-success-9: hsla(158, 86%, 48%, 1);--wje-color-success-10: hsla(158, 78%, 62%, 1);--wje-color-success-11: hsla(158, 80%, 75%, 1);--wje-color-warning-1: hsla(47, 75%, 19%, 1);--wje-color-warning-2: hsla(47, 75%, 23%, 1);--wje-color-warning-3: hsla(47, 75%, 27%, 1);--wje-color-warning-4: hsla(47, 74%, 31%, 1);--wje-color-warning-5: hsla(47, 78%, 37%, 1);--wje-color-warning-6: hsla(47, 78%, 41%, 1);--wje-color-warning-7: hsla(47, 78%, 45%, 1);--wje-color-warning-8: hsla(47, 80%, 52%, 1);--wje-color-warning-9: hsla(47, 80%, 67%, 1);--wje-color-warning-10: hsla(47, 90%, 74%, 1);--wje-color-warning-11: hsla(47, 90%, 80%, 1);--wje-color-danger-1: hsla(3, 82%, 17%, 1);--wje-color-danger-2: hsla(3, 82%, 19%, 1);--wje-color-danger-3: hsla(3, 83%, 28%, 1);--wje-color-danger-4: hsla(3, 83%, 32%, 1);--wje-color-danger-5: hsla(3, 83%, 36%, 1);--wje-color-danger-6: hsla(3, 83%, 40%, 1);--wje-color-danger-7: hsla(3, 82%, 44%, 1);--wje-color-danger-8: hsla(3, 72%, 58%, 1);--wje-color-danger-9: hsla(3, 80%, 70%, 1);--wje-color-danger-10: hsla(3, 80%, 76%, 1);--wje-color-danger-11: hsla(4, 80%, 82%, 1);--wje-color-info-1: hsla(207, 36%, 16%, 1);--wje-color-info-2: hsla(207, 16%, 27%, 1);--wje-color-info-3: hsla(207, 20%, 35%, 1);--wje-color-info-4: hsla(210, 7%, 45%, 1);--wje-color-info-5: hsla(208, 6%, 55%, 1);--wje-color-info-6: hsla(203, 6%, 62%, 1);--wje-color-info-7: hsla(213, 6%, 69%, 1);--wje-color-info-8: hsla(203, 5%, 71%, 1);--wje-color-info-9: hsla(210, 7%, 78%, 1);--wje-color-info-10: hsla(204, 6%, 85%, 1);--wje-color-info-11: hsla(210, 5%, 92%, 1);--wje-color-contrast-0: hsla(240, 3%, 13%, 1);--wje-color-contrast-1: hsla(240, 6%, 10%, 1);--wje-color-contrast-2: hsla(0, 0%, 0%, 1);--wje-color-contrast-3: hsla(240, 5%, 30%, 1);--wje-color-contrast-4: hsla(240, 5%, 41%, 1);--wje-color-contrast-5: hsla(240, 4%, 58%, 1);--wje-color-contrast-6: hsla(240, 5%, 75%, 1);--wje-color-contrast-7: hsla(240, 5%, 84%, 1);--wje-color-contrast-8: hsla(240, 6%, 90%, 1);--wje-color-contrast-9: hsla(240, 5%, 96%, 1);--wje-color-contrast-10: hsla(0, 0%, 98%, 1);--wje-color-contrast-11: hsla(0, 0%, 100%, 1);--wje-skeleton-bg: var(--wje-color-contrast-3);--wje-skeleton-bg-strong: var(--wje-color-contrast-6);--wje-skeleton-highlight: rgba(255, 255, 255, .45);--wje-aside-border-color: var(--wje-border-color);--wje-avatar-color: var(--wje-color-contrast-11);--wje-avatar-background-color: var(--wje-color-contrast-3);--wje-breadcrumb-a: var(--wje-color-contrast-8);--wje-breadcrumb-a-hover: var(--wje-color-contrast-6);--wje-button-border-color: var(--wje-color-contrast-1);--wje-card-background: var(--wje-color-contrast-0);--wje-card-color: var(--wje-color-white);--wje-card-border-color: transparent;--wje-dialog-background: var(--wje-color-contrast-1);--wje-divider-border-color: var(--wje-border-color);--wje-file-upload-padding: 0;--wje-file-upload-item-border-width: 1px;--wje-file-upload-item-border-style: solid;--wje-file-upload-item-border-color: var(--wje-border-color);--wje-header-background: var(--wje-background);--wje-header-border-color: var(--wje-border-color);--wje-icon-picker-background: var(--wje-color-contrast-0);--wje-icon-picker-border-color: var(--wje-border-color);--wje-infinite-scroll-loading-background: var(--wje-color-contrast-0);--wje-input-background-color: var(--wje-color-contrast-0);--wje-input-color: var(--wje-color);--wje-input-color-invalid: var(--wje-color-danger-9);--wje-input-error-background-color: var(--wje-tooltip-background);--wje-input-error-color: var(--wje-tooltip-color);--wje-input-border-color: var(--wje-border-color);--wje-input-border-color-focus: var(--wje-color-primary);--wje-item-color: var(--wje-color);--wje-item-border-color: var(--wje-border-color);--wje-item-background: transparent;--wje-item-background-hover: var(--wje-color-contrast-3);--wje-level-indicator-color: var(--wje-color-contrast-4);--wje-level-indicator-color-active: var(--wje-color-contrast-6);--wje-list-background: var(--wje-background);--wje-menu-background: var(--wje-background);--wje-menu-border-color: var(--wje-border-color);--wje-menu-item-color: var(--wje-color);--wje-menu-item-background: transparent;--wje-menu-item-color-hover: var(--wje-color-contrast-8);--wje-menu-item-background-hover: var(--wje-border-color);--wje-menu-item-color-focus: var(--wje-color-contrast-8);--wje-menu-item-background-focus: var(--wje-border-color);--wje-menu-item-color-active: var(--wje-color-contrast-8);--wje-menu-item-background-active: var(--wje-border-color);--wje-option-highlighted: var(--wje-color-contrast-3);--wje-orgchart-item-background: var(--wje-color-contrast-0);--wje-orgchart-item-highlight-background: var(--wje-color-complete-2);--wje-orgchart-item-boss-background: var(--wje-color-complete-2);--wje-orgchart-item-hover-background: var(--wje-color-contrast-3);--wje-orgchart-item-highlight-border: 1px solid var(--wje-color-complete-3);--wje-orgchart-item-boss-border: 1px solid var(--wje-border-color);--wje-orgchart-item-hover-border: 1px solid var(--wje-color-danger-3);--wje-popup-overlay-background: var(--wje-color-contrast-0);--wje-rate-color: var(--wje-color-contrast-11);--wje-rate-selected-color: var(--wje-color-danger-6);--wje-select-border-color: var(--wje-border-color);--wje-select-background: var(--wje-color-contrast-0);--wje-select-options-background-color: var(--wje-color-contrast-0);--wje-select-options-border-color: var(--wje-border-color);--wje-select-error-background-color: var(--wje-tooltip-background);--wje-select-error-color: var(--wje-tooltip-color);--wje-select-color: var(--wje-color);--wje-sliding-container-background: transparent;--wje-sliding-container-box-shadow: none;--wje-tab-color-active: var(--wje-color-primary-11);--wje-tab-color-hover: var(--wje-color-primary-1);--wje-textarea-background-color: var(--wje-background);--wje-textarea-color: var(--wje-color);--wje-textarea-color-invalid: var(--wje-color-danger-1);--wje-textarea-error-background-color: var(--wje-tooltip-background);--wje-textarea-error-color: var(--wje-tooltip-color);--wje-textarea-border-color: var(--wje-border-color);--wje-textarea-border-color-focus: var(--wje-color-primary-1);--wje-toast-stack-width: 300px;--wje-tree-item-indent-guid-color: var(--wje-border-color);--wje-tree-item-border-color: transparent;--wje-tree-item-border-color-hover: transparent;--wje-tree-item-border-color-selected: transparent;--wje-tree-item-background: transparent;--wje-tree-item-color: var(--wje-color);--wje-tree-item-background-hover: var(--wje-color-contrast-1);--wje-tree-item-color-hover: var(--wje-color-contrast-8);--wje-tree-item-background-selected: var(--wje-color-primary-9);--wje-tree-item-color-selected: var(--wje-color-contrast-0);--wje-tree-item-drop-color: var(--wje-color-primary);--wje-tree-item-drop-border-color: var(--wje-tree-item-drop-color);--wje-toolbar-background: var(--wje-background);--wje-toolbar-border-color: var(--wje-border-color);--wje-toolbar-shadow: var(--wje-shadow-medium);--wje-tooltip-arrow-color: var(--wje-color-contrast-4);--wje-tooltip-background: var(--wje-color-contrast-4);--wje-tooltip-color: var(--wje-color-contrast-11)}

package/dist/date.js

@@ -1,43 +1,23 @@
-function formatDate(input, format) {
-  let date;
-  if (typeof input === "string") {
-    date = new Date(input);
-  } else if (typeof input === "number") {
-    date = new Date(input);
-  } else if (input instanceof Date) {
-    date = input;
-  } else {
-    throw new Error("Invalid date input");
+function t(t2, e2) {
+  let n;
+  if ("string" == typeof t2) n = new Date(t2);
+  else if ("number" == typeof t2) n = new Date(t2);
+  else {
+    if (!(t2 instanceof Date)) throw new Error("Invalid date input");
+    n = t2;
   }
-  const map = {
-    yyyy: date.getFullYear(),
-    MM: String(date.getMonth() + 1).padStart(2, "0"),
-    // Mesiace sú indexované od 0
-    dd: String(date.getDate()).padStart(2, "0"),
-    HH: String(date.getHours()).padStart(2, "0"),
-    mm: String(date.getMinutes()).padStart(2, "0"),
-    ss: String(date.getSeconds()).padStart(2, "0"),
-    MMMM: date.toLocaleString("en-US", { month: "long" }),
-    // Full month name
-    MMM: date.toLocaleString("en-US", { month: "short" })
-    // Short month name
-  };
-  return format.replace(/yyyy|MM|dd|HH|mm|ss|MMMM|MMM/g, (matched) => map[matched]);
+  const r = { yyyy: n.getFullYear(), MM: String(n.getMonth() + 1).padStart(2, "0"), dd: String(n.getDate()).padStart(2, "0"), HH: String(n.getHours()).padStart(2, "0"), mm: String(n.getMinutes()).padStart(2, "0"), ss: String(n.getSeconds()).padStart(2, "0"), MMMM: n.toLocaleString("en-US", { month: "long" }), MMM: n.toLocaleString("en-US", { month: "short" }) };
+  return e2.replace(/yyyy|MM|dd|HH|mm|ss|MMMM|MMM/g, (t3) => r[t3]);
 }
-function toSafeDate(iso) {
-  const timeOnlyRegex = /^\d{2}:\d{2}(?::\d{2}(?:\.\d{3})?)?(Z)?$/;
-  if (timeOnlyRegex.test(iso)) {
-    let cleanTime = iso.replace(/Z$/, "");
-    let [h, m, s = "00.000"] = cleanTime.split(":");
-    if (!s.includes(".")) {
-      s = `${s}.000`;
-    }
-    return `1970-01-01T${h}:${m}:${s}Z`;
+function e(t2) {
+  if (/^\d{2}:\d{2}(?::\d{2}(?:\.\d{3})?)?(Z)?$/.test(t2)) {
+    let e2 = t2.replace(/Z$/, ""), [n, r, a = "00.000"] = e2.split(":");
+    return a.includes(".") || (a = `${a}.000`), `1970-01-01T${n}:${r}:${a}Z`;
   }
-  return iso;
+  return t2;
 }
 export {
-  formatDate,
-  toSafeDate
+  t as formatDate,
+  e as toSafeDate
 };
 //# sourceMappingURL=date.js.map

package/dist/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","sources":["../packages/utils/date.js"],"sourcesContent":["export function formatDate(input, format) {\n    let date;\n\n    // Rozpoznanie typu vstupu a jeho konverzia na objekt Date\n    if (typeof input === 'string') {\n        date = new Date(input); // Predpokladáme, že je to ISO reťazec\n    } else if (typeof input === 'number') {\n        date = new Date(input); // Predpokladáme, že je to timestamp\n    } else if (input instanceof Date) {\n        date = input; // Je to objekt Date\n    } else {\n        throw new Error('Invalid date input');\n    }\n\n    const map = {\n        yyyy: date.getFullYear(),\n        MM: String(date.getMonth() + 1).padStart(2, '0'), // Mesiace sú indexované od 0\n        dd: String(date.getDate()).padStart(2, '0'),\n        HH: String(date.getHours()).padStart(2, '0'),\n        mm: String(date.getMinutes()).padStart(2, '0'),\n        ss: String(date.getSeconds()).padStart(2, '0'),\n        MMMM: date.toLocaleString('en-US', { month: 'long' }), // Full month name\n        MMM: date.toLocaleString('en-US', { month: 'short' }), // Short month name\n    };\n\n    return format.replace(/yyyy|MM|dd|HH|mm|ss|MMMM|MMM/g, (matched) => map[matched]);\n}\n\nexport function toSafeDate(iso) {\n    // Match 07:00, 07:00:00, 07:00:00.000, 07:00:00.000Z\n    const timeOnlyRegex = /^\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d{3})?)?(Z)?$/;\n\n    if (timeOnlyRegex.test(iso)) {\n        let cleanTime = iso.replace(/Z$/, ''); // Remove Z if present\n        let [h, m, s = '00.000'] = cleanTime.split(':');\n\n        // Ensure seconds and milliseconds\n        if (!s.includes('.')) {\n            s = `${s}.000`;\n        }\n\n        return `1970-01-01T${h}:${m}:${s}Z`;\n    }\n\n    return iso;\n}\n"],"names":[],"mappings":"AAAO,SAAS,WAAW,OAAO,QAAQ;AACtC,MAAI;AAGJ,MAAI,OAAO,UAAU,UAAU;AAC3B,WAAO,IAAI,KAAK,KAAK;AAAA,EACzB,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO,IAAI,KAAK,KAAK;AAAA,EACzB,WAAW,iBAAiB,MAAM;AAC9B,WAAO;AAAA,EACX,OAAO;AACH,UAAM,IAAI,MAAM,oBAAoB;AAAA,EACxC;AAEA,QAAM,MAAM;AAAA,IACR,MAAM,KAAK,YAAW;AAAA,IACtB,IAAI,OAAO,KAAK,SAAQ,IAAK,CAAC,EAAE,SAAS,GAAG,GAAG;AAAA;AAAA,IAC/C,IAAI,OAAO,KAAK,QAAO,CAAE,EAAE,SAAS,GAAG,GAAG;AAAA,IAC1C,IAAI,OAAO,KAAK,SAAQ,CAAE,EAAE,SAAS,GAAG,GAAG;AAAA,IAC3C,IAAI,OAAO,KAAK,WAAU,CAAE,EAAE,SAAS,GAAG,GAAG;AAAA,IAC7C,IAAI,OAAO,KAAK,WAAU,CAAE,EAAE,SAAS,GAAG,GAAG;AAAA,IAC7C,MAAM,KAAK,eAAe,SAAS,EAAE,OAAO,QAAQ;AAAA;AAAA,IACpD,KAAK,KAAK,eAAe,SAAS,EAAE,OAAO,SAAS;AAAA;AAAA,EAC5D;AAEI,SAAO,OAAO,QAAQ,iCAAiC,CAAC,YAAY,IAAI,OAAO,CAAC;AACpF;AAEO,SAAS,WAAW,KAAK;AAE5B,QAAM,gBAAgB;AAEtB,MAAI,cAAc,KAAK,GAAG,GAAG;AACzB,QAAI,YAAY,IAAI,QAAQ,MAAM,EAAE;AACpC,QAAI,CAAC,GAAG,GAAG,IAAI,QAAQ,IAAI,UAAU,MAAM,GAAG;AAG9C,QAAI,CAAC,EAAE,SAAS,GAAG,GAAG;AAClB,UAAI,GAAG,CAAC;AAAA,IACZ;AAEA,WAAO,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;AAAA,EACpC;AAEA,SAAO;AACX;"}
+{"version":3,"file":"date.js","sources":["../packages/utils/date.js"],"sourcesContent":["export function formatDate(input, format) {\n    let date;\n\n    // Rozpoznanie typu vstupu a jeho konverzia na objekt Date\n    if (typeof input === 'string') {\n        date = new Date(input); // Predpokladáme, že je to ISO reťazec\n    } else if (typeof input === 'number') {\n        date = new Date(input); // Predpokladáme, že je to timestamp\n    } else if (input instanceof Date) {\n        date = input; // Je to objekt Date\n    } else {\n        throw new Error('Invalid date input');\n    }\n\n    const map = {\n        yyyy: date.getFullYear(),\n        MM: String(date.getMonth() + 1).padStart(2, '0'), // Mesiace sú indexované od 0\n        dd: String(date.getDate()).padStart(2, '0'),\n        HH: String(date.getHours()).padStart(2, '0'),\n        mm: String(date.getMinutes()).padStart(2, '0'),\n        ss: String(date.getSeconds()).padStart(2, '0'),\n        MMMM: date.toLocaleString('en-US', { month: 'long' }), // Full month name\n        MMM: date.toLocaleString('en-US', { month: 'short' }), // Short month name\n    };\n\n    return format.replace(/yyyy|MM|dd|HH|mm|ss|MMMM|MMM/g, (matched) => map[matched]);\n}\n\nexport function toSafeDate(iso) {\n    // Match 07:00, 07:00:00, 07:00:00.000, 07:00:00.000Z\n    const timeOnlyRegex = /^\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d{3})?)?(Z)?$/;\n\n    if (timeOnlyRegex.test(iso)) {\n        let cleanTime = iso.replace(/Z$/, ''); // Remove Z if present\n        let [h, m, s = '00.000'] = cleanTime.split(':');\n\n        // Ensure seconds and milliseconds\n        if (!s.includes('.')) {\n            s = `${s}.000`;\n        }\n\n        return `1970-01-01T${h}:${m}:${s}Z`;\n    }\n\n    return iso;\n}\n"],"names":["formatDate","input","format","date","Date","Error","map","yyyy","getFullYear","MM","String","getMonth","padStart","dd","getDate","HH","getHours","mm","getMinutes","ss","getSeconds","MMMM","toLocaleString","month","MMM","replace","matched","toSafeDate","iso","test","cleanTime","h","m","s","split","includes"],"mappings":"AAAO,SAASA,EAAWC,IAAOC,IAAAA;AAC9B,MAAIC;AAGJ,MAAqB,YAAA,OAAVF,GACPE,KAAO,IAAIC,KAAKH,EAAAA;AAAAA,WACQ,YAAA,OAAVA,GACdE,KAAO,IAAIC,KAAKH,EAAAA;AAAAA,OACb;AAAA,QAAA,EAAIA,cAAiBG,MAGxB,OAAM,IAAIC,MAAM,oBAAA;AAFhBF,QAAOF;AAAAA,EAGX;AAEA,QAAMK,IAAM,EACRC,MAAMJ,EAAKK,YAAAA,GACXC,IAAIC,OAAOP,EAAKQ,SAAAA,IAAa,CAAA,EAAGC,SAAS,GAAG,GAAA,GAC5CC,IAAIH,OAAOP,EAAKW,QAAAA,CAAAA,EAAWF,SAAS,GAAG,GAAA,GACvCG,IAAIL,OAAOP,EAAKa,SAAAA,CAAAA,EAAYJ,SAAS,GAAG,GAAA,GACxCK,IAAIP,OAAOP,EAAKe,WAAAA,CAAAA,EAAcN,SAAS,GAAG,GAAA,GAC1CO,IAAIT,OAAOP,EAAKiB,WAAAA,CAAAA,EAAcR,SAAS,GAAG,GAAA,GAC1CS,MAAMlB,EAAKmB,eAAe,SAAS,EAAEC,OAAO,OAAA,CAAA,GAC5CC,KAAKrB,EAAKmB,eAAe,SAAS,EAAEC,OAAO,QAAA,CAAA,EAAA;AAG/C,SAAOrB,GAAOuB,QAAQ,iCAAkCC,CAAAA,OAAYpB,EAAIoB,EAAAA,CAAAA;AAC5E;AAEO,SAASC,EAAWC,IAAAA;AAIvB,MAFsB,2CAEJC,KAAKD,EAAAA,GAAM;AACzB,QAAIE,KAAYF,GAAIH,QAAQ,MAAM,EAAA,GAAA,CAC7BM,GAAGC,GAAGC,IAAI,QAAA,IAAYH,GAAUI,MAAM,GAAA;AAO3C,WAJKD,EAAEE,SAAS,GAAA,MACZF,IAAI,GAAGA,CAAAA,SAGJ,cAAcF,CAAAA,IAAKC,CAAAA,IAAKC,CAAAA;AAAAA,EACnC;AAEA,SAAOL;AACX;"}

package/dist/element-utils.js

@@ -1,95 +1,34 @@
-class WjElementUtils {
-  /**
-   * This function creates an element.
-   * @param element : HTMLElement - The element value.
-   * @param object : Object - The object value.
-   */
-  static setAttributesToElement(element, object) {
-    Object.entries(object).forEach(([key, value]) => {
-      element.setAttribute(key, value);
+class t {
+  static setAttributesToElement(t2, e) {
+    Object.entries(e).forEach(([e2, r]) => {
+      t2.setAttribute(e2, r);
     });
   }
-  /**
-   * This function gets the attributes from an element.
-   * @param {string|HTMLElement} el The element or selector to retrieve attributes from.
-   * @returns {object} - An object containing the element's attributes as key-value pairs.
-   */
-  static getAttributes(el) {
-    if (typeof el === "string") el = document.querySelector(el);
-    return Array.from(el.attributes).filter((a) => !a.name.startsWith("@")).map((a) => [
-      a.name.split("-").map((s, i) => {
-        if (i !== 0) {
-          return s.charAt(0).toUpperCase() + s.slice(1);
-        } else {
-          return s;
-        }
-      }).join(""),
-      a.value
-    ]).reduce((acc, attr) => {
-      acc[attr[0]] = attr[1];
-      return acc;
-    }, {});
+  static getAttributes(t2) {
+    return "string" == typeof t2 && (t2 = document.querySelector(t2)), Array.from(t2.attributes).filter((t3) => !t3.name.startsWith("@")).map((t3) => [t3.name.split("-").map((t4, e) => 0 !== e ? t4.charAt(0).toUpperCase() + t4.slice(1) : t4).join(""), t3.value]).reduce((t3, e) => (t3[e[0]] = e[1], t3), {});
   }
-  /**
-   * This function gets the events from an element.
-   * @param {string|HTMLElement} el The element or selector to retrieve events from.
-   * @returns {Map<any, any>} - The map value.
-   */
-  static getEvents(el) {
-    if (typeof el === "string") el = document.querySelector(el);
-    return Array.from(el.attributes).filter((a) => a.name.startsWith("@wje")).map((a) => [a.name.substring(3).split("-").join(""), a.value]).reduce((acc, attr) => {
-      acc.set(attr[0], attr[1]);
-      return acc;
-    }, /* @__PURE__ */ new Map());
+  static getEvents(t2) {
+    return "string" == typeof t2 && (t2 = document.querySelector(t2)), Array.from(t2.attributes).filter((t3) => t3.name.startsWith("@wje")).map((t3) => [t3.name.substring(3).split("-").join(""), t3.value]).reduce((t3, e) => (t3.set(e[0], e[1]), t3), /* @__PURE__ */ new Map());
   }
-  /**
-   * This function converts an object to a string.
-   * @param {object} object The object to convert.
-   * @returns {string} - The string value.
-   */
-  static attributesToString(object) {
-    return Object.entries(object).map(([key, value]) => {
-      return `${key}="${value}"`;
-    }).join(" ");
+  static attributesToString(t2) {
+    return Object.entries(t2).map(([t3, e]) => `${t3}="${e}"`).join(" ");
   }
-  /**
-   * This function checks if the slot exists.
-   * @param {string|HTMLElement} el The element or selector to check for slots.
-   * @param slotName The slot name to check for.
-   * @returns {boolean} - The boolean value.
-   */
-  static hasSlot(el, slotName = null) {
-    let selector = slotName ? `[slot="${slotName}"]` : "[slot]";
-    return el.querySelectorAll(selector).length > 0 ? true : false;
+  static hasSlot(t2, e = null) {
+    let r = e ? `[slot="${e}"]` : "[slot]";
+    return t2.querySelectorAll(r).length > 0;
   }
-  /**
-   * This function checks if the slot has content.
-   * @param {string|HTMLElement} el The element or selector to check for slot content
-   * @param slotName The slot name to check for.
-   * @returns {boolean} - The boolean value.
-   */
-  static hasSlotContent(el, slotName = null) {
-    let slotElement = el.querySelector(`slot`);
-    if (slotName) {
-      slotElement = el.querySelector(`slot[name="${slotName}"]`);
-    }
-    if (slotElement) {
-      const assignedElements = slotElement.assignedElements();
-      return assignedElements.length > 0;
+  static hasSlotContent(t2, e = null) {
+    let r = t2.querySelector("slot");
+    if (e && (r = t2.querySelector(`slot[name="${e}"]`)), r) {
+      return r.assignedElements().length > 0;
     }
     return false;
   }
-  /**
-   * This function converts a string to a boolean.
-   * @param {string | object} value The value to convert to a boolean. If the value is a boolean, it will be returned as is.
-   * @returns {boolean} - The boolean value.
-   */
-  static stringToBoolean(value) {
-    if (typeof value === "boolean") return value;
-    return !["false", "0", 0].includes(value);
+  static stringToBoolean(t2) {
+    return "boolean" == typeof t2 ? t2 : !["false", "0", 0].includes(t2);
   }
 }
 export {
-  WjElementUtils
+  t as WjElementUtils
 };
 //# sourceMappingURL=element-utils.js.map

package/dist/element-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"element-utils.js","sources":["../packages/utils/element-utils.js"],"sourcesContent":["export class WjElementUtils {\n    /**\n     * This function creates an element.\n     * @param element : HTMLElement - The element value.\n     * @param object : Object - The object value.\n     */\n    static setAttributesToElement(element, object) {\n        Object.entries(object).forEach(([key, value]) => {\n            element.setAttribute(key, value);\n        });\n    }\n\n    /**\n     * This function gets the attributes from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve attributes from.\n     * @returns {object} - An object containing the element's attributes as key-value pairs.\n     */\n    static getAttributes(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => !a.name.startsWith('@'))\n            .map((a) => [\n                a.name\n                    .split('-')\n                    .map((s, i) => {\n                        if (i !== 0) {\n                            return s.charAt(0).toUpperCase() + s.slice(1);\n                        } else {\n                            return s;\n                        }\n                    })\n                    .join(''),\n                a.value,\n            ])\n            .reduce((acc, attr) => {\n                acc[attr[0]] = attr[1];\n                return acc;\n            }, {});\n    }\n\n    /**\n     * This function gets the events from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve events from.\n     * @returns {Map<any, any>} - The map value.\n     */\n    static getEvents(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => a.name.startsWith('@wje'))\n            .map((a) => [a.name.substring(3).split('-').join(''), a.value])\n            .reduce((acc, attr) => {\n                acc.set(attr[0], attr[1]);\n                return acc;\n            }, new Map());\n    }\n\n    /**\n     * This function converts an object to a string.\n     * @param {object} object The object to convert.\n     * @returns {string} - The string value.\n     */\n    static attributesToString(object) {\n        return Object.entries(object)\n            .map(([key, value]) => {\n                return `${key}=\"${value}\"`;\n            })\n            .join(' ');\n    }\n\n    /**\n     * This function checks if the slot exists.\n     * @param {string|HTMLElement} el The element or selector to check for slots.\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlot(el, slotName = null) {\n        let selector = slotName ? `[slot=\"${slotName}\"]` : '[slot]';\n\n        return el.querySelectorAll(selector).length > 0 ? true : false;\n    }\n\n    /**\n     * This function checks if the slot has content.\n     * @param {string|HTMLElement} el The element or selector to check for slot content\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlotContent(el, slotName = null) {\n        let slotElement = el.querySelector(`slot`);\n        if (slotName) {\n            slotElement = el.querySelector(`slot[name=\"${slotName}\"]`);\n        }\n\n        if (slotElement) {\n            const assignedElements = slotElement.assignedElements();\n            return assignedElements.length > 0;\n        }\n\n        return false;\n    }\n\n    /**\n     * This function converts a string to a boolean.\n     * @param {string | object} value The value to convert to a boolean. If the value is a boolean, it will be returned as is.\n     * @returns {boolean} - The boolean value.\n     */\n    static stringToBoolean(value) {\n        if (typeof value === 'boolean') return value;\n\n        return !['false', '0', 0].includes(value);\n    }\n}\n"],"names":[],"mappings":"AAAO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,OAAO,uBAAuB,SAAS,QAAQ;AAC3C,WAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC7C,cAAQ,aAAa,KAAK,KAAK;AAAA,IACnC,CAAC;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,cAAc,IAAI;AACrB,QAAI,OAAO,OAAO,SAAU,MAAK,SAAS,cAAc,EAAE;AAE1D,WAAO,MAAM,KAAK,GAAG,UAAU,EAC1B,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,WAAW,GAAG,CAAC,EACrC,IAAI,CAAC,MAAM;AAAA,MACR,EAAE,KACG,MAAM,GAAG,EACT,IAAI,CAAC,GAAG,MAAM;AACX,YAAI,MAAM,GAAG;AACT,iBAAO,EAAE,OAAO,CAAC,EAAE,YAAW,IAAK,EAAE,MAAM,CAAC;AAAA,QAChD,OAAO;AACH,iBAAO;AAAA,QACX;AAAA,MACJ,CAAC,EACA,KAAK,EAAE;AAAA,MACZ,EAAE;AAAA,IAClB,CAAa,EACA,OAAO,CAAC,KAAK,SAAS;AACnB,UAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC;AACrB,aAAO;AAAA,IACX,GAAG,CAAA,CAAE;AAAA,EACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,UAAU,IAAI;AACjB,QAAI,OAAO,OAAO,SAAU,MAAK,SAAS,cAAc,EAAE;AAE1D,WAAO,MAAM,KAAK,GAAG,UAAU,EAC1B,OAAO,CAAC,MAAM,EAAE,KAAK,WAAW,MAAM,CAAC,EACvC,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,MAAM,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAC7D,OAAO,CAAC,KAAK,SAAS;AACnB,UAAI,IAAI,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC;AACxB,aAAO;AAAA,IACX,GAAG,oBAAI,KAAK;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,mBAAmB,QAAQ;AAC9B,WAAO,OAAO,QAAQ,MAAM,EACvB,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACnB,aAAO,GAAG,GAAG,KAAK,KAAK;AAAA,IAC3B,CAAC,EACA,KAAK,GAAG;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,OAAO,QAAQ,IAAI,WAAW,MAAM;AAChC,QAAI,WAAW,WAAW,UAAU,QAAQ,OAAO;AAEnD,WAAO,GAAG,iBAAiB,QAAQ,EAAE,SAAS,IAAI,OAAO;AAAA,EAC7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,OAAO,eAAe,IAAI,WAAW,MAAM;AACvC,QAAI,cAAc,GAAG,cAAc,MAAM;AACzC,QAAI,UAAU;AACV,oBAAc,GAAG,cAAc,cAAc,QAAQ,IAAI;AAAA,IAC7D;AAEA,QAAI,aAAa;AACb,YAAM,mBAAmB,YAAY,iBAAgB;AACrD,aAAO,iBAAiB,SAAS;AAAA,IACrC;AAEA,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,gBAAgB,OAAO;AAC1B,QAAI,OAAO,UAAU,UAAW,QAAO;AAEvC,WAAO,CAAC,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS,KAAK;AAAA,EAC5C;AACJ;"}
+{"version":3,"file":"element-utils.js","sources":["../packages/utils/element-utils.js"],"sourcesContent":["export class WjElementUtils {\n    /**\n     * This function creates an element.\n     * @param element : HTMLElement - The element value.\n     * @param object : Object - The object value.\n     */\n    static setAttributesToElement(element, object) {\n        Object.entries(object).forEach(([key, value]) => {\n            element.setAttribute(key, value);\n        });\n    }\n\n    /**\n     * This function gets the attributes from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve attributes from.\n     * @returns {object} - An object containing the element's attributes as key-value pairs.\n     */\n    static getAttributes(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => !a.name.startsWith('@'))\n            .map((a) => [\n                a.name\n                    .split('-')\n                    .map((s, i) => {\n                        if (i !== 0) {\n                            return s.charAt(0).toUpperCase() + s.slice(1);\n                        } else {\n                            return s;\n                        }\n                    })\n                    .join(''),\n                a.value,\n            ])\n            .reduce((acc, attr) => {\n                acc[attr[0]] = attr[1];\n                return acc;\n            }, {});\n    }\n\n    /**\n     * This function gets the events from an element.\n     * @param {string|HTMLElement} el The element or selector to retrieve events from.\n     * @returns {Map<any, any>} - The map value.\n     */\n    static getEvents(el) {\n        if (typeof el === 'string') el = document.querySelector(el);\n\n        return Array.from(el.attributes)\n            .filter((a) => a.name.startsWith('@wje'))\n            .map((a) => [a.name.substring(3).split('-').join(''), a.value])\n            .reduce((acc, attr) => {\n                acc.set(attr[0], attr[1]);\n                return acc;\n            }, new Map());\n    }\n\n    /**\n     * This function converts an object to a string.\n     * @param {object} object The object to convert.\n     * @returns {string} - The string value.\n     */\n    static attributesToString(object) {\n        return Object.entries(object)\n            .map(([key, value]) => {\n                return `${key}=\"${value}\"`;\n            })\n            .join(' ');\n    }\n\n    /**\n     * This function checks if the slot exists.\n     * @param {string|HTMLElement} el The element or selector to check for slots.\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlot(el, slotName = null) {\n        let selector = slotName ? `[slot=\"${slotName}\"]` : '[slot]';\n\n        return el.querySelectorAll(selector).length > 0 ? true : false;\n    }\n\n    /**\n     * This function checks if the slot has content.\n     * @param {string|HTMLElement} el The element or selector to check for slot content\n     * @param slotName The slot name to check for.\n     * @returns {boolean} - The boolean value.\n     */\n    static hasSlotContent(el, slotName = null) {\n        let slotElement = el.querySelector(`slot`);\n        if (slotName) {\n            slotElement = el.querySelector(`slot[name=\"${slotName}\"]`);\n        }\n\n        if (slotElement) {\n            const assignedElements = slotElement.assignedElements();\n            return assignedElements.length > 0;\n        }\n\n        return false;\n    }\n\n    /**\n     * This function converts a string to a boolean.\n     * @param {string | object} value The value to convert to a boolean. If the value is a boolean, it will be returned as is.\n     * @returns {boolean} - The boolean value.\n     */\n    static stringToBoolean(value) {\n        if (typeof value === 'boolean') return value;\n\n        return !['false', '0', 0].includes(value);\n    }\n}\n"],"names":["WjElementUtils","element","object","Object","entries","forEach","key","value","setAttribute","el","document","querySelector","Array","from","attributes","filter","a","name","startsWith","map","split","s","i","charAt","toUpperCase","slice","join","reduce","acc","attr","substring","set","Map","slotName","selector","querySelectorAll","length","slotElement","assignedElements","includes"],"mappings":"AAAO,MAAMA,EAAAA;AAAAA,EAMT,8BAA8BC,IAASC;AACnCC,WAAOC,QAAQF,GAAQG,QAAQ,CAAA,CAAEC,IAAKC,CAAAA,MAAAA;AAClCN,MAAAA,GAAQO,aAAaF,IAAKC,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAElC;AAAA,EAOA,OAAA,cAAqBE,IAAAA;AAGjB,WAFkB,YAAA,OAAPA,OAAiBA,KAAKC,SAASC,cAAcF,MAEjDG,MAAMC,KAAKJ,GAAGK,UAAAA,EAChBC,OAAQC,CAAAA,QAAOA,GAAEC,KAAKC,WAAW,GAAA,CAAA,EACjCC,IAAKH,CAAAA,OAAM,CACRA,GAAEC,KACGG,MAAM,GAAA,EACND,IAAI,CAACE,IAAGC,MACK,MAANA,IACOD,GAAEE,OAAO,CAAA,EAAGC,YAAAA,IAAgBH,GAAEI,MAAM,CAAA,IAEpCJ,IAGdK,KAAK,EAAA,GACVV,GAAET,KAAAA,CAAAA,EAELoB,OAAO,CAACC,IAAKC,OACVD,GAAIC,EAAK,CAAA,CAAA,IAAMA,EAAK,CAAA,GACbD,KACR,CAAA;EACX;AAAA,EAOA,OAAA,UAAiBnB,IAAAA;AAGb,WAFkB,mBAAPA,OAAiBA,KAAKC,SAASC,cAAcF,EAAAA,IAEjDG,MAAMC,KAAKJ,GAAGK,UAAAA,EAChBC,OAAQC,CAAAA,OAAMA,GAAEC,KAAKC,WAAW,MAAA,CAAA,EAChCC,IAAKH,CAAAA,OAAM,CAACA,GAAEC,KAAKa,UAAU,CAAA,EAAGV,MAAM,GAAA,EAAKM,KAAK,KAAKV,GAAET,KAAAA,CAAAA,EACvDoB,OAAO,CAACC,IAAKC,OACVD,GAAIG,IAAIF,EAAK,CAAA,GAAIA,EAAK,KACfD,KACR,oBAAII,KAAAA;AAAAA,EACf;AAAA,EAOA,OAAA,mBAA0B9B;AACtB,WAAOC,OAAOC,QAAQF,EAAAA,EACjBiB,IAAI,EAAEb,IAAKC,CAAAA,MACD,GAAGD,EAAAA,KAAQC,CAAAA,GAAAA,EAErBmB,KAAK,GAAA;AAAA,EACd;AAAA,EAQA,eAAejB,IAAIwB,IAAW,MAAA;AAC1B,QAAIC,IAAWD,IAAW,UAAUA,CAAAA,OAAe;AAEnD,WAAOxB,GAAG0B,iBAAiBD,CAAAA,EAAUE,SAAS;AAAA,EAClD;AAAA,EAQA,OAAA,eAAsB3B,IAAIwB,IAAW;AACjC,QAAII,IAAc5B,GAAGE,cAAc,MAAA;AAKnC,QAJIsB,MACAI,IAAc5B,GAAGE,cAAc,cAAcsB,CAAAA,IAAAA,IAG7CI,GAAa;AAEb,aADyBA,EAAYC,iBAAAA,EACbF,SAAS;AAAA,IACrC;AAEA,WAAA;AAAA,EACJ;AAAA,EAOA,OAAA,gBAAuB7B;AACnB,WAAqB,aAAA,OAAVA,KAA4BA,KAAAA,CAE/B,CAAC,SAAS,KAAK,CAAA,EAAGgC,SAAShC,EAAAA;AAAAA,EACvC;AAAA;"}