wj-elements 0.1.39 → 0.1.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/dark.css CHANGED
@@ -1 +1 @@
1
- :host,.wje-theme-dark,.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: hsl(218, 57%, 3%);--wje-border-color: var(--wje-color-contrast-4);--wje-card-background: var(--wje-color-contrast-3);--wje-card-color: var(--wje-color-white) !important;--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, 59%, 35%, 1);--wje-color-primary-2: hsla(254, 59%, 45%, 1);--wje-color-primary-3: hsla(254, 67%, 62%, 1);--wje-color-primary-4: hsla(257, 61%, 68%, 1);--wje-color-primary-5: hsla(258, 61%, 72%, 1);--wje-color-primary-6: hsla(259, 61%, 76%, 1);--wje-color-primary-7: hsla(260, 63%, 80%, 1);--wje-color-primary-8: hsla(260, 61%, 84%, 1);--wje-color-primary-9: hsla(260, 64%, 88%, 1);--wje-color-primary-10: hsla(260, 66%, 92%, 1);--wje-color-primary-11: hsla(261, 70%, 96%, 1);--wje-color-complete-1: hsla(211, 100%, 28%, 1);--wje-color-complete-2: hsla(211, 100%, 45%, 1);--wje-color-complete-3: hsla(211, 100%, 60%, 1);--wje-color-complete-4: hsla(223, 83%, 70%, 1);--wje-color-complete-5: hsla(225, 83%, 74%, 1);--wje-color-complete-6: hsla(226, 82%, 78%, 1);--wje-color-complete-7: hsla(228, 85%, 82%, 1);--wje-color-complete-8: hsla(229, 86%, 86%, 1);--wje-color-complete-9: hsla(229, 86%, 89%, 1);--wje-color-complete-10: hsla(229, 89%, 93%, 1);--wje-color-complete-11: hsla(233, 90%, 96%, 1);--wje-color-success-1: hsla(158, 93%, 23%, 1);--wje-color-success-2: hsla(158, 74%, 30%, 1);--wje-color-success-3: hsla(158, 67%, 45%, 1);--wje-color-success-4: hsla(152, 42%, 59%, 1);--wje-color-success-5: hsla(151, 42%, 65%, 1);--wje-color-success-6: hsla(150, 41%, 70%, 1);--wje-color-success-7: hsla(149, 42%, 75%, 1);--wje-color-success-8: hsla(150, 41%, 80%, 1);--wje-color-success-9: hsla(149, 40%, 85%, 1);--wje-color-success-10: hsla(149, 41%, 90%, 1);--wje-color-success-11: hsla(147, 44%, 95%, 1);--wje-color-warning-1: hsla(47, 75%, 38%, 1);--wje-color-warning-2: hsla(47, 100%, 53%, 1);--wje-color-warning-3: hsla(47, 100%, 67%, 1);--wje-color-warning-4: hsla(47, 100%, 74%, 1);--wje-color-warning-5: hsla(46, 100%, 77%, 1);--wje-color-warning-6: hsla(46, 100%, 81%, 1);--wje-color-warning-7: hsla(46, 100%, 84%, 1);--wje-color-warning-8: hsla(46, 100%, 87%, 1);--wje-color-warning-9: hsla(46, 100%, 90%, 1);--wje-color-warning-10: hsla(47, 100%, 93%, 1);--wje-color-warning-11: hsla(45, 100%, 96%, 1);--wje-color-danger-1: hsla(3, 81%, 31%, 1);--wje-color-danger-2: hsla(3, 68%, 41%, 1);--wje-color-danger-3: hsla(3, 78%, 59%, 1);--wje-color-danger-4: hsla(8, 77%, 65%, 1);--wje-color-danger-5: hsla(8, 80%, 70%, 1);--wje-color-danger-6: hsla(10, 82%, 74%, 1);--wje-color-danger-7: hsla(9, 87%, 79%, 1);--wje-color-danger-8: hsla(10, 91%, 83%, 1);--wje-color-danger-9: hsla(11, 94%, 87%, 1);--wje-color-danger-10: hsla(12, 100%, 91%, 1);--wje-color-danger-11: hsla(9, 100%, 96%, 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%, 52%, 1);--wje-color-info-6: hsla(203, 6%, 58%, 1);--wje-color-info-7: hsla(213, 6%, 65%, 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(0, 0%, 0%, 1);--wje-color-contrast-1: hsla(240, 7%, 8%, 1);--wje-color-contrast-2: hsla(240, 6%, 10%, 1);--wje-color-contrast-3: hsla(240, 4%, 16%, 1);--wje-color-contrast-4: hsla(240, 5%, 26%, 1);--wje-color-contrast-5: hsla(240, 5%, 34%, 1);--wje-color-contrast-6: hsla(240, 4%, 46%, 1);--wje-color-contrast-7: hsla(240, 5%, 65%, 1);--wje-color-contrast-8: hsla(240, 5%, 84%, 1);--wje-color-contrast-9: hsla(240, 6%, 90%, 1);--wje-color-contrast-10: hsla(240, 5%, 96%, 1);--wje-color-contrast-11: hsla(0, 0%, 98%, 1);--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-divider-border-color: var(--wje-border-color);--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-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-border-color: var(--wje-border-color);--wje-textarea-border-color-focus: var(--wje-color-primary-1);--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)}
1
+ :host,.wje-theme-dark,.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: hsl(218, 57%, 3%);--wje-border-color: var(--wje-color-contrast-4);--wje-card-background: var(--wje-color-contrast-3);--wje-card-color: var(--wje-color-white) !important;--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%, 74%, 1);--wje-color-primary-10: hsla(254, 70%, 78%, 1);--wje-color-primary-11: hsla(254, 69%, 85%, 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%, 67%, 1);--wje-color-complete-10: hsla(211, 93%, 71%, 1);--wje-color-complete-11: hsla(211, 93%, 79%, 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, 96%, 41%, 1);--wje-color-success-10: hsla(158, 88%, 48%, 1);--wje-color-success-11: hsla(158, 80%, 65%, 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%, 58%, 1);--wje-color-warning-10: hsla(47, 90%, 68%, 1);--wje-color-warning-11: hsla(47, 90%, 76%, 1);--wje-color-danger-1: hsla(3, 82%, 20%, 1);--wje-color-danger-2: hsla(3, 82%, 23%, 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, 82%, 50%, 1);--wje-color-danger-9: hsla(3, 80%, 63%, 1);--wje-color-danger-10: hsla(3, 80%, 70%, 1);--wje-color-danger-11: hsla(4, 80%, 78%, 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-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-divider-border-color: var(--wje-border-color);--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-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-border-color: var(--wje-border-color);--wje-textarea-border-color-focus: var(--wje-color-primary-1);--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/light.css CHANGED
@@ -1 +1 @@
1
- :root,:host,.wje-theme-light,.light{color-scheme:light;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--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-line-height-denser: 1.2;--wje-line-height-dense: 1.4;--wje-line-height-normal: 1.5;--wje-line-height-loose: 1.6;--wje-line-height-looser: 1.8;--wje-font-size-2x-small: .5rem;--wje-font-size-x-small: .625rem;--wje-font-size-small: .75rem;--wje-font-size: .875rem;--wje-font-size-medium: 1rem;--wje-font-size-large: 1.25rem;--wje-font-size-x-large: 1.5rem;--wje-font-size-2x-large: 2.25rem;--wje-font-size-3x-large: 3rem;--wje-font-size-4x-large: 4.5rem;--wje-spacing-4x-small: .125rem;--wje-spacing-3x-small: .25rem;--wje-spacing-2x-small: .375rem;--wje-spacing-x-small: .5rem;--wje-spacing-small: .75rem;--wje-spacing-medium: 1rem;--wje-spacing-large: 1.5rem;--wje-spacing-x-large: 2rem;--wje-spacing-2x-large: 2.5rem;--wje-spacing-3x-large: 3rem;--wje-spacing-4x-large: 4.5rem;--wje-font-weight-light: 300;--wje-font-weight-normal: 400;--wje-font-weight-medium: 500;--wje-font-weight-semibold: 600;--wje-font-weight-bold: 700;--wje-border-radius-small: .125rem;--wje-border-radius-medium: .25rem;--wje-border-radius-large: .5rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-shadow-small: 0 1px 2px rgba(0, 0, 0, .05);--wje-shadow-medium: 2px 2px 11px 0px hsla(0, 0%, 0%, .08);--wje-shadow-large: 0 4px 8px rgba(0, 0, 0, .1);--wje-shadow-x-large: 0 8px 16px rgba(0, 0, 0, .1);--wje-shadow-2x-large: 0 16px 32px rgba(0, 0, 0, .1);--wje-letter-spacing-tightest: -.05em;--wje-letter-spacing-tighter: -.025em;--wje-letter-spacing-normal: 0em;--wje-letter-spacing-wider: .025em;--wje-letter-spacing-widest: .05em;--wje-transition-fast: .2s ease-in-out;--wje-transition-medium: .4s ease-in-out;--wje-transition-slow: .6s ease-in-out;--wje-size-4x-small: .125rem;--wje-size-3x-small: .25rem;--wje-size-2x-small: .5rem;--wje-size-x-small: .625rem;--wje-size-small: .75rem;--wje-size-medium: .875rem;--wje-size: 1rem;--wje-size-large: 1.25rem;--wje-size-x-large: 1.5rem;--wje-size-2x-large: 2.25rem;--wje-size-3x-large: 3rem;--wje-size-4x-large: 4.5rem;--wje-size-5x-large: 9rem;--wje-border-width: 1px;--wje-border-style: solid;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: hsl(0, 0%, 29%);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background: var(--wje-color-contrast-0);--wje-border-color: var(--wje-color-contrast-3);--wje-card-background: var(--wje-color-contrast-0);--wje-card-color: var(--wje-color);--wje-color-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(0, 0%, 95%);--wje-color-white: #fff;--wje-color-black: #000;--wje-color-primary: var(--wje-color-primary-11);--wje-color-complete: var(--wje-color-complete-11);--wje-color-success: var(--wje-color-success-11);--wje-color-warning: var(--wje-color-warning-11);--wje-color-danger: var(--wje-color-danger-11);--wje-color-info: var(--wje-color-info-11);--wje-color-primary-1: hsla(261, 70%, 96%, 1);--wje-color-primary-2: hsla(260, 66%, 92%, 1);--wje-color-primary-3: hsla(260, 64%, 88%, 1);--wje-color-primary-4: hsla(260, 61%, 84%, 1);--wje-color-primary-5: hsla(260, 63%, 80%, 1);--wje-color-primary-6: hsla(259, 61%, 76%, 1);--wje-color-primary-7: hsla(258, 61%, 72%, 1);--wje-color-primary-8: hsla(257, 61%, 68%, 1);--wje-color-primary-9: hsla(254, 67%, 62%, 1);--wje-color-primary-10: hsla(254, 59%, 45%, 1);--wje-color-primary-11: hsla(254, 59%, 35%, 1);--wje-color-complete-1: hsla(233, 90%, 96%, 1);--wje-color-complete-2: hsla(229, 89%, 93%, 1);--wje-color-complete-3: hsla(229, 86%, 89%, 1);--wje-color-complete-4: hsla(229, 86%, 86%, 1);--wje-color-complete-5: hsla(228, 85%, 82%, 1);--wje-color-complete-6: hsla(226, 82%, 78%, 1);--wje-color-complete-7: hsla(225, 83%, 74%, 1);--wje-color-complete-8: hsla(223, 83%, 70%, 1);--wje-color-complete-9: hsla(211, 100%, 60%, 1);--wje-color-complete-10: hsla(211, 100%, 45%, 1);--wje-color-complete-11: hsla(211, 100%, 28%, 1);--wje-color-success-1: hsla(147, 44%, 95%, 1);--wje-color-success-2: hsla(149, 41%, 90%, 1);--wje-color-success-3: hsla(149, 40%, 85%, 1);--wje-color-success-4: hsla(150, 41%, 80%, 1);--wje-color-success-5: hsla(149, 42%, 75%, 1);--wje-color-success-6: hsla(150, 41%, 70%, 1);--wje-color-success-7: hsla(151, 42%, 65%, 1);--wje-color-success-8: hsla(152, 42%, 59%, 1);--wje-color-success-9: hsla(158, 67%, 45%, 1);--wje-color-success-10: hsla(158, 74%, 30%, 1);--wje-color-success-11: hsla(158, 93%, 23%, 1);--wje-color-warning-1: hsla(45, 100%, 96%, 1);--wje-color-warning-2: hsla(47, 100%, 93%, 1);--wje-color-warning-3: hsla(46, 100%, 90%, 1);--wje-color-warning-4: hsla(46, 100%, 87%, 1);--wje-color-warning-5: hsla(46, 100%, 84%, 1);--wje-color-warning-6: hsla(46, 100%, 81%, 1);--wje-color-warning-7: hsla(46, 100%, 77%, 1);--wje-color-warning-8: hsla(47, 100%, 74%, 1);--wje-color-warning-9: hsla(47, 100%, 67%, 1);--wje-color-warning-10: hsla(47, 100%, 53%, 1);--wje-color-warning-11: hsla(47, 75%, 38%, 1);--wje-color-danger-1: hsla(9, 100%, 96%, 1);--wje-color-danger-2: hsla(12, 100%, 91%, 1);--wje-color-danger-3: hsla(11, 94%, 87%, 1);--wje-color-danger-4: hsla(10, 91%, 83%, 1);--wje-color-danger-5: hsla(9, 87%, 79%, 1);--wje-color-danger-6: hsla(10, 82%, 74%, 1);--wje-color-danger-7: hsla(8, 80%, 70%, 1);--wje-color-danger-8: hsla(8, 77%, 65%, 1);--wje-color-danger-9: hsla(3, 78%, 59%, 1);--wje-color-danger-10: hsla(3, 68%, 41%, 1);--wje-color-danger-11: hsla(3, 81%, 31%, 1);--wje-color-info-1: hsla(210, 5%, 92%, 1);--wje-color-info-2: hsla(204, 6%, 85%, 1);--wje-color-info-3: hsla(210, 7%, 78%, 1);--wje-color-info-4: hsla(203, 5%, 71%, 1);--wje-color-info-5: hsla(213, 6%, 65%, 1);--wje-color-info-6: hsla(203, 6%, 58%, 1);--wje-color-info-7: hsla(208, 6%, 52%, 1);--wje-color-info-8: hsla(210, 7%, 45%, 1);--wje-color-info-9: hsla(207, 20%, 35%, 1);--wje-color-info-10: hsla(207, 16%, 27%, 1);--wje-color-info-11: hsla(207, 36%, 16%, 1);--wje-color-contrast-0: hsla(0, 0%, 100%, 1);--wje-color-contrast-1: hsla(0, 0%, 98%, 1);--wje-color-contrast-2: hsla(240, 5%, 96%, 1);--wje-color-contrast-3: hsla(240, 6%, 90%, 1);--wje-color-contrast-4: hsla(240, 5%, 84%, 1);--wje-color-contrast-5: hsla(240, 5%, 65%, 1);--wje-color-contrast-6: hsla(240, 4%, 46%, 1);--wje-color-contrast-7: hsla(240, 5%, 34%, 1);--wje-color-contrast-8: hsla(240, 5%, 26%, 1);--wje-color-contrast-9: hsla(240, 4%, 16%, 1);--wje-color-contrast-10: hsla(240, 6%, 10%, 1);--wje-color-contrast-11: hsla(240, 7%, 8%, 1);--wje-avatar-size: var(--wje-size-x-large);--wje-avatar-font-size: var(--wje-font-size-x-small);--wje-avatar-font-weight: var(--wje-font-weight-normal);--wje-avatar-color: inherit;--wje-avatar-background-color: var(--wje-color-contrast-3);--wje-avatar-border-radius: var(--wje-border-radius-circle);--wje-avatar-border-color: transparent;--wje-avatar-border-width: 1px;--wje-avatar-border-style: solid;--wje-badge-border-radius: var(--wje-border-radius-pill);--wje-breadcrumb-a: var(--wje-color-contrast-8);--wje-breadcrumb-a-hover: var(--wje-color-contrast-6);--wje-button-border-radius: var(--wje-border-radius-medium);--wje-button-border-width: 1px;--wje-button-border-style: solid;--wje-button-border-color: var(--wje-color-contrast-1);--wje-button-margin-inline: 0;--wje-button-outline-width: .5rem;--wje-card-border-radius: var(--wje-border-radius-large);--wje-card-border-color: transparent;--wje-card-header-padding: 1rem 1rem .5rem;--wje-card-controls-font-size: var(--wje-font-size-small);--wje-card-controls-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-font-size: var(--wje-font-size-small);--wje-card-subtitle-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-padding: 0;--wje-card-content-padding: 0 1rem 1rem;--wje-card-title-font-size: var(--wje-font-size-x-large);--wje-card-title-font-weight: var(--wje-font-weight-medium);--wje-card-title-margin: 0;--wje-card-title-padding: 0;--wje-card-title-line-height: 1.2;--wje-scroll-hint: 0px;--wje-carousel-width: 100%;--wje-carousel-height: auto;--wje-carousel-size: 100%;--wje-carousel-item-aspect-ratio: inherit;--wje-container-indent: 0;--wje-checkbox-interminate: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1taW51cyI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTJsMTQgMCIgLz48L3N2Zz4=);--wje-checkbox-checkmark: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGVjayI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTJsNSA1bDEwIC0xMCIgLz48L3N2Zz4=);--wje-checkbox-margin-top: 0;--wje-checkbox-margin-bottom: var(--wje-spacing-x-small);--wje-checkbox-margin-inline: 0;--wje-checkbox-size: var(--wje-font-size-medium);--wje-checkbox-border-radius: var(--wje-border-radius-medium);--wje-chip-border-radius: 100px;--wje-chip-margin: 0;--wje-dialog-width: 600px;--wje-dialog-height: 600px;--wje-dialog-border-radius: var(--wje-border-radius-medium);--wje-dialog-border-width: var(--wje-border-width);--wje-dialog-border-style: var(--wje-border-style);--wje-dialog-border-color: var(--wje-border-color);--wje-dialog-margin-top: auto;--wje-dialog-margin-start: auto;--wje-dialog-margin-end: auto;--wje-dialog-margin-bottom: auto;--wje-dialog-padding: var(--wje-spacing-medium);--wje-dialog-padding-inline: var(--wje-spacing-medium);--wje-dialog-padding-top: var(--wje-spacing-medium);--wje-dialog-padding-bottom: var(--wje-spacing-medium);--wje-divider-border-width: var(--wje-border-width, 1px);--wje-divider-border-style: var(--wje-border-style);--wje-divider-border-color: var(--wje-border-color);--wje-divider-spacing: 0;--wje-icon-stroke: 2;--wje-icon-size: var(--wje-size);--wje-icon-color: currentColor;--wje-infinite-scroll-width: 100%;--wje-infinite-scroll-height: 300px;--wje-infinite-scroll-loading-bg: rgba(0, 0, 0, 0);--wje-img-compare-divider-area: 12px;--wje-img-compare-divider-background: white;--wje-img-compare-divider-size: 2px;--wje-img-compare-divider-left: 50%;--wje-img-compare-position: 50%;--wje-img-compare-clip-path: inset(0 calc(100% - var(--wje-img-compare-position)) 0 0);--wje-list-inset-padding: 1rem;--wje-list-border-radius: var(--wje-border-radius-medium);--wje-list-background: var(--wje-background);--wje-menu-background: var(--wje-background);--wje-menu-border-width: 1px;--wje-menu-border-style: solid;--wje-menu-border-color: var(--wje-border-color);--wje-menu-border-radius: var(--wje-border-radius-medium);--wje-menu-padding-top: var(--wje-spacing-x-small);--wje-menu-padding-bottom: var(--wje-spacing-x-small);--wje-menu-padding-inline: 0;--wje-menu-margin-top: 9;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px;--wje-menu-z-index: 8;--wje-menu-shadow: var(--wje-shadow-medium);--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-menu-item-padding-top: var(--wje-spacing-x-small);--wje-menu-item-padding-bottom: var(--wje-spacing-x-small);--wje-menu-item-line-height: 1.8rem;--wje-menu-submenu-offset: 0;--wje-menu-item-icon-visibility: hidden;--wje-menu-item-check-icon-display: flex;--wje-menu-item-check-icon-width: 1.5rem;--wje-menu-label-font-size: var(--wje-font-size-small);--wje-menu-label-weight: var(--wje-font-weight-semibold);--wje-option-padding-top: var(--wje-spacing-x-small);--wje-option-padding-bottom: var(--wje-spacing-x-small);--wje-option-highlighted: var(--wje-color-contrast-3);--wje-rate-gap: .25rem;--wje-status-size: var(--wje-size-small);--wje-tab-font-family: var(--wje-font-family-secondary);--wje-tab-font-size: var(--wje-font-size-x-small);--wje-tab-line-height: var(--wje-line-height-looser);--wje-tab-text-transfrom: uppercase;--wje-tab-font-weight: var(--wje-font-weight-medium);--wje-tab-letter-spacing: var(--wje-letter-spacing-widest);--wje-tab-padding-inline: var(--wje-spacing-medium);--wje-tab-padding-top: var(--wje-spacing-small);--wje-tab-padding-bottom: var(--wje-spacing-small);--wje-tab-color-active: var(--wje-color-primary-9);--wje-tab-color-hover: var(--wje-color-primary-1);--wje-tab-border-radius: 0;--wje-textarea-font-family: var(--wje-font-family);--wje-textarea-background-color: var(--wje-background);--wje-textarea-color: var(--wje-color);--wje-textarea-color-invalid: var(--wje-color-danger);--wje-textarea-border-width: 1px;--wje-textarea-border-style: solid;--wje-textarea-border-color: var(--wje-border-color);--wje-textarea-border-color-focus: var(--wje-color-primary);--wje-textarea-border-radius: var(--wje-border-radius-medium);--wje-textarea-margin-bottom: var(--wje-spacing-x-small);--wje-textarea-line-height: 20px;--wje-textarea-padding: var(--wje-spacing-x-small);--wje-thumbnail-width: 48px;--wje-thumbnail-height: 48px;--wje-thumbnail-border-radius: var(--wje-border-radius-medium);--wje-tooltip-arrow-color: var(--wje-color-contrast-11);--wje-tooltip-background: var(--wje-color-contrast-11);--wje-tooltip-color: var(--wje-color-contrast-1);--wje-tooltip-font-size: var(--wje-font-size-small);--wje-tooltip-font-weight: var(--wje-font-weight-normal);--wje-tooltip-line-height: var(--wje-line-height-normal);--wje-tooltip-shadow: var(--wje-shadow-medium);--wje-tooltip-spacing: var(--wje-spacing-x-small);--wje-tooltip-border-radius: var(--wje-border-radius-medium)}:root *,:host *,.wje-theme-light *,.light *{box-sizing:border-box!important}
1
+ :root,:host,.wje-theme-light,.light{color-scheme:light;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--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-line-height-denser: 1.2;--wje-line-height-dense: 1.4;--wje-line-height-normal: 1.5;--wje-line-height-loose: 1.6;--wje-line-height-looser: 1.8;--wje-font-size-2x-small: .5rem;--wje-font-size-x-small: .625rem;--wje-font-size-small: .75rem;--wje-font-size: .875rem;--wje-font-size-medium: 1rem;--wje-font-size-large: 1.25rem;--wje-font-size-x-large: 1.5rem;--wje-font-size-2x-large: 2.25rem;--wje-font-size-3x-large: 3rem;--wje-font-size-4x-large: 4.5rem;--wje-spacing-4x-small: .125rem;--wje-spacing-3x-small: .25rem;--wje-spacing-2x-small: .375rem;--wje-spacing-x-small: .5rem;--wje-spacing-small: .75rem;--wje-spacing-medium: 1rem;--wje-spacing-large: 1.5rem;--wje-spacing-x-large: 2rem;--wje-spacing-2x-large: 2.5rem;--wje-spacing-3x-large: 3rem;--wje-spacing-4x-large: 4.5rem;--wje-font-weight-light: 300;--wje-font-weight-normal: 400;--wje-font-weight-medium: 500;--wje-font-weight-semibold: 600;--wje-font-weight-bold: 700;--wje-border-radius-small: .125rem;--wje-border-radius-medium: .25rem;--wje-border-radius-large: .5rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-shadow-small: 0 1px 2px rgba(0, 0, 0, .05);--wje-shadow-medium: 2px 2px 11px 0px hsla(0, 0%, 0%, .08);--wje-shadow-large: 0 4px 8px rgba(0, 0, 0, .1);--wje-shadow-x-large: 0 8px 16px rgba(0, 0, 0, .1);--wje-shadow-2x-large: 0 16px 32px rgba(0, 0, 0, .1);--wje-letter-spacing-tightest: -.05em;--wje-letter-spacing-tighter: -.025em;--wje-letter-spacing-normal: 0em;--wje-letter-spacing-wider: .025em;--wje-letter-spacing-widest: .05em;--wje-transition-fast: .2s ease-in-out;--wje-transition-medium: .4s ease-in-out;--wje-transition-slow: .6s ease-in-out;--wje-size-4x-small: .125rem;--wje-size-3x-small: .25rem;--wje-size-2x-small: .5rem;--wje-size-x-small: .625rem;--wje-size-small: .75rem;--wje-size-medium: .875rem;--wje-size: 1rem;--wje-size-large: 1.25rem;--wje-size-x-large: 1.5rem;--wje-size-2x-large: 2.25rem;--wje-size-3x-large: 3rem;--wje-size-4x-large: 4.5rem;--wje-size-5x-large: 9rem;--wje-border-width: 1px;--wje-border-style: solid;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: hsl(0, 0%, 29%);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background: var(--wje-color-contrast-0);--wje-border-color: var(--wje-color-contrast-3);--wje-card-background: var(--wje-color-contrast-0);--wje-card-color: var(--wje-color);--wje-color-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(0, 0%, 95%);--wje-color-white: #fff;--wje-color-black: #000;--wje-color-primary: var(--wje-color-primary-11);--wje-color-complete: var(--wje-color-complete-11);--wje-color-success: var(--wje-color-success-11);--wje-color-warning: var(--wje-color-warning-11);--wje-color-danger: var(--wje-color-danger-11);--wje-color-info: var(--wje-color-info-11);--wje-color-primary-1: hsla(261, 70%, 96%, 1);--wje-color-primary-2: hsla(260, 66%, 92%, 1);--wje-color-primary-3: hsla(260, 64%, 88%, 1);--wje-color-primary-4: hsla(260, 61%, 84%, 1);--wje-color-primary-5: hsla(260, 63%, 80%, 1);--wje-color-primary-6: hsla(259, 61%, 76%, 1);--wje-color-primary-7: hsla(258, 61%, 72%, 1);--wje-color-primary-8: hsla(257, 61%, 68%, 1);--wje-color-primary-9: hsla(254, 67%, 62%, 1);--wje-color-primary-10: hsla(254, 59%, 45%, 1);--wje-color-primary-11: hsla(254, 59%, 35%, 1);--wje-color-complete-1: hsla(233, 90%, 96%, 1);--wje-color-complete-2: hsla(229, 89%, 93%, 1);--wje-color-complete-3: hsla(229, 86%, 89%, 1);--wje-color-complete-4: hsla(229, 86%, 86%, 1);--wje-color-complete-5: hsla(228, 85%, 82%, 1);--wje-color-complete-6: hsla(226, 82%, 78%, 1);--wje-color-complete-7: hsla(225, 83%, 74%, 1);--wje-color-complete-8: hsla(223, 83%, 70%, 1);--wje-color-complete-9: hsla(211, 100%, 60%, 1);--wje-color-complete-10: hsla(211, 100%, 45%, 1);--wje-color-complete-11: hsla(211, 100%, 28%, 1);--wje-color-success-1: hsla(147, 44%, 95%, 1);--wje-color-success-2: hsla(149, 41%, 90%, 1);--wje-color-success-3: hsla(149, 40%, 85%, 1);--wje-color-success-4: hsla(150, 41%, 80%, 1);--wje-color-success-5: hsla(149, 42%, 75%, 1);--wje-color-success-6: hsla(150, 41%, 70%, 1);--wje-color-success-7: hsla(151, 42%, 65%, 1);--wje-color-success-8: hsla(152, 42%, 59%, 1);--wje-color-success-9: hsla(158, 67%, 45%, 1);--wje-color-success-10: hsla(158, 74%, 30%, 1);--wje-color-success-11: hsla(158, 93%, 23%, 1);--wje-color-warning-1: hsla(45, 100%, 96%, 1);--wje-color-warning-2: hsla(47, 100%, 93%, 1);--wje-color-warning-3: hsla(46, 100%, 90%, 1);--wje-color-warning-4: hsla(46, 100%, 87%, 1);--wje-color-warning-5: hsla(46, 100%, 84%, 1);--wje-color-warning-6: hsla(46, 100%, 81%, 1);--wje-color-warning-7: hsla(46, 100%, 77%, 1);--wje-color-warning-8: hsla(47, 100%, 74%, 1);--wje-color-warning-9: hsla(47, 100%, 67%, 1);--wje-color-warning-10: hsla(47, 100%, 53%, 1);--wje-color-warning-11: hsla(47, 75%, 38%, 1);--wje-color-danger-1: hsla(9, 100%, 96%, 1);--wje-color-danger-2: hsla(12, 100%, 91%, 1);--wje-color-danger-3: hsla(11, 94%, 87%, 1);--wje-color-danger-4: hsla(10, 91%, 83%, 1);--wje-color-danger-5: hsla(9, 87%, 79%, 1);--wje-color-danger-6: hsla(10, 82%, 74%, 1);--wje-color-danger-7: hsla(8, 80%, 70%, 1);--wje-color-danger-8: hsla(8, 77%, 65%, 1);--wje-color-danger-9: hsla(3, 78%, 59%, 1);--wje-color-danger-10: hsla(3, 68%, 41%, 1);--wje-color-danger-11: hsla(3, 81%, 31%, 1);--wje-color-info-1: hsla(210, 5%, 92%, 1);--wje-color-info-2: hsla(204, 6%, 85%, 1);--wje-color-info-3: hsla(210, 7%, 78%, 1);--wje-color-info-4: hsla(203, 5%, 71%, 1);--wje-color-info-5: hsla(213, 6%, 65%, 1);--wje-color-info-6: hsla(203, 6%, 58%, 1);--wje-color-info-7: hsla(208, 6%, 52%, 1);--wje-color-info-8: hsla(210, 7%, 45%, 1);--wje-color-info-9: hsla(207, 20%, 35%, 1);--wje-color-info-10: hsla(207, 16%, 27%, 1);--wje-color-info-11: hsla(207, 36%, 16%, 1);--wje-color-contrast-0: hsla(0, 0%, 100%, 1);--wje-color-contrast-1: hsla(0, 0%, 98%, 1);--wje-color-contrast-2: hsla(240, 5%, 96%, 1);--wje-color-contrast-3: hsla(240, 6%, 90%, 1);--wje-color-contrast-4: hsla(240, 5%, 84%, 1);--wje-color-contrast-5: hsla(240, 5%, 65%, 1);--wje-color-contrast-6: hsla(240, 4%, 46%, 1);--wje-color-contrast-7: hsla(240, 5%, 34%, 1);--wje-color-contrast-8: hsla(240, 5%, 26%, 1);--wje-color-contrast-9: hsla(240, 4%, 16%, 1);--wje-color-contrast-10: hsla(240, 6%, 10%, 1);--wje-color-contrast-11: hsla(240, 7%, 8%, 1);--wje-avatar-size: var(--wje-size-x-large);--wje-avatar-font-size: var(--wje-font-size-x-small);--wje-avatar-font-weight: var(--wje-font-weight-normal);--wje-avatar-color: inherit;--wje-avatar-background-color: var(--wje-color-contrast-3);--wje-avatar-border-radius: var(--wje-border-radius-circle);--wje-avatar-border-color: transparent;--wje-avatar-border-width: 1px;--wje-avatar-border-style: solid;--wje-badge-border-radius: var(--wje-border-radius-pill);--wje-breadcrumb-a: var(--wje-color-contrast-8);--wje-breadcrumb-a-hover: var(--wje-color-contrast-6);--wje-button-border-radius: var(--wje-border-radius-medium);--wje-button-border-width: 1px;--wje-button-border-style: solid;--wje-button-border-color: var(--wje-color-contrast-1);--wje-button-margin-inline: 0;--wje-button-outline-width: .5rem;--wje-card-border-radius: var(--wje-border-radius-large);--wje-card-border-color: transparent;--wje-card-shadow: var(--wje-shadow-x-large);--wje-card-header-padding: 1rem 1rem .5rem;--wje-card-controls-font-size: var(--wje-font-size-small);--wje-card-controls-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-font-size: var(--wje-font-size-small);--wje-card-subtitle-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-padding: 0;--wje-card-content-padding: 0 1rem 1rem;--wje-card-title-font-size: var(--wje-font-size-x-large);--wje-card-title-font-weight: var(--wje-font-weight-medium);--wje-card-title-margin: 0;--wje-card-title-padding: 0;--wje-card-title-line-height: 1.2;--wje-scroll-hint: 0px;--wje-carousel-width: 100%;--wje-carousel-height: auto;--wje-carousel-size: 100%;--wje-carousel-item-aspect-ratio: inherit;--wje-container-indent: 0;--wje-checkbox-interminate: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1taW51cyI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTJsMTQgMCIgLz48L3N2Zz4=);--wje-checkbox-checkmark: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1jaGVjayI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTJsNSA1bDEwIC0xMCIgLz48L3N2Zz4=);--wje-checkbox-margin-top: 0;--wje-checkbox-margin-bottom: var(--wje-spacing-x-small);--wje-checkbox-margin-inline: 0;--wje-checkbox-size: var(--wje-font-size-medium);--wje-checkbox-border-radius: var(--wje-border-radius-medium);--wje-chip-border-radius: 100px;--wje-chip-margin: 0;--wje-dialog-width: 600px;--wje-dialog-height: 600px;--wje-dialog-border-radius: var(--wje-border-radius-medium);--wje-dialog-border-width: var(--wje-border-width);--wje-dialog-border-style: var(--wje-border-style);--wje-dialog-border-color: var(--wje-border-color);--wje-dialog-margin-top: auto;--wje-dialog-margin-start: auto;--wje-dialog-margin-end: auto;--wje-dialog-margin-bottom: auto;--wje-dialog-padding: var(--wje-spacing-medium);--wje-dialog-padding-inline: var(--wje-spacing-medium);--wje-dialog-padding-top: var(--wje-spacing-medium);--wje-dialog-padding-bottom: var(--wje-spacing-medium);--wje-divider-border-width: var(--wje-border-width, 1px);--wje-divider-border-style: var(--wje-border-style);--wje-divider-border-color: var(--wje-border-color);--wje-divider-spacing: 0;--wje-icon-stroke: 2;--wje-icon-size: var(--wje-size);--wje-icon-color: currentColor;--wje-infinite-scroll-width: 100%;--wje-infinite-scroll-height: 300px;--wje-infinite-scroll-loading-bg: rgba(0, 0, 0, 0);--wje-img-compare-divider-area: 12px;--wje-img-compare-divider-background: white;--wje-img-compare-divider-size: 2px;--wje-img-compare-divider-left: 50%;--wje-img-compare-position: 50%;--wje-img-compare-clip-path: inset(0 calc(100% - var(--wje-img-compare-position)) 0 0);--wje-list-inset-padding: 1rem;--wje-list-border-radius: var(--wje-border-radius-medium);--wje-list-background: var(--wje-background);--wje-menu-background: var(--wje-background);--wje-menu-border-width: 1px;--wje-menu-border-style: solid;--wje-menu-border-color: var(--wje-border-color);--wje-menu-border-radius: var(--wje-border-radius-medium);--wje-menu-padding-top: var(--wje-spacing-x-small);--wje-menu-padding-bottom: var(--wje-spacing-x-small);--wje-menu-padding-inline: 0;--wje-menu-margin-top: 9;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px;--wje-menu-z-index: 8;--wje-menu-shadow: var(--wje-shadow-medium);--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-menu-item-padding-top: var(--wje-spacing-x-small);--wje-menu-item-padding-bottom: var(--wje-spacing-x-small);--wje-menu-item-line-height: 1.8rem;--wje-menu-submenu-offset: 0;--wje-menu-item-icon-visibility: hidden;--wje-menu-item-check-icon-display: flex;--wje-menu-item-check-icon-width: 1.5rem;--wje-menu-label-font-size: var(--wje-font-size-small);--wje-menu-label-weight: var(--wje-font-weight-semibold);--wje-option-padding-top: var(--wje-spacing-x-small);--wje-option-padding-bottom: var(--wje-spacing-x-small);--wje-option-highlighted: var(--wje-color-contrast-3);--wje-rate-gap: .25rem;--wje-status-size: var(--wje-size-small);--wje-tab-font-family: var(--wje-font-family-secondary);--wje-tab-font-size: var(--wje-font-size-x-small);--wje-tab-line-height: var(--wje-line-height-looser);--wje-tab-text-transfrom: uppercase;--wje-tab-font-weight: var(--wje-font-weight-medium);--wje-tab-letter-spacing: var(--wje-letter-spacing-widest);--wje-tab-padding-inline: var(--wje-spacing-medium);--wje-tab-padding-top: var(--wje-spacing-small);--wje-tab-padding-bottom: var(--wje-spacing-small);--wje-tab-color-active: var(--wje-color-primary-9);--wje-tab-color-hover: var(--wje-color-primary-1);--wje-tab-border-radius: 0;--wje-textarea-font-family: var(--wje-font-family);--wje-textarea-background-color: var(--wje-background);--wje-textarea-color: var(--wje-color);--wje-textarea-color-invalid: var(--wje-color-danger);--wje-textarea-border-width: 1px;--wje-textarea-border-style: solid;--wje-textarea-border-color: var(--wje-border-color);--wje-textarea-border-color-focus: var(--wje-color-primary);--wje-textarea-border-radius: var(--wje-border-radius-medium);--wje-textarea-margin-bottom: var(--wje-spacing-x-small);--wje-textarea-line-height: 20px;--wje-textarea-padding: var(--wje-spacing-x-small);--wje-thumbnail-width: 48px;--wje-thumbnail-height: 48px;--wje-thumbnail-border-radius: var(--wje-border-radius-medium);--wje-tooltip-arrow-color: var(--wje-color-contrast-11);--wje-tooltip-background: var(--wje-color-contrast-11);--wje-tooltip-color: var(--wje-color-contrast-1);--wje-tooltip-font-size: var(--wje-font-size-small);--wje-tooltip-font-weight: var(--wje-font-weight-normal);--wje-tooltip-line-height: var(--wje-line-height-normal);--wje-tooltip-shadow: var(--wje-shadow-medium);--wje-tooltip-spacing: var(--wje-spacing-x-small);--wje-tooltip-border-radius: var(--wje-border-radius-medium)}:root *,:host *,.wje-theme-light *,.light *{box-sizing:border-box!important}
@@ -3,7 +3,7 @@ var h = (e, l, o) => l in e ? j(e, l, { enumerable: !0, configurable: !0, writab
3
3
  var c = (e, l, o) => (h(e, typeof l != "symbol" ? l + "" : l, o), o);
4
4
  import p, { WjElementUtils as g, event as n } from "./wje-element.js";
5
5
  import v from "./wje-icon.js";
6
- const b = (e) => e === "false" || e === "null" || e === "NaN" || e === "undefined" || e === "0" ? !1 : !!e, m = '.wje-button-solid.wje-color-primary{background-color:var(--wje-color-primary-9);border-color:var(--wje-color-primary-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-primary{border-color:var(--wje-color-primary-6);color:var(--wje-color-primary-6)}.wje-button-solid.wje-color-complete{background-color:var(--wje-color-complete-9);border-color:var(--wje-color-complete-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-complete{border-color:var(--wje-color-complete-6);color:var(--wje-color-complete-6)}.wje-button-solid.wje-color-success{background-color:var(--wje-color-success-9);border-color:var(--wje-color-success-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-success{border-color:var(--wje-color-success-6);color:var(--wje-color-success-6)}.wje-button-solid.wje-color-warning{background-color:var(--wje-color-warning-9);border-color:var(--wje-color-warning-9);color:var(--wje-color-black)}.wje-button-outline.wje-color-warning{border-color:var(--wje-color-warning-6);color:var(--wje-color-warning-6)}.wje-button-solid.wje-color-danger{background-color:var(--wje-color-danger-9);border-color:var(--wje-color-danger-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-danger{border-color:var(--wje-color-danger-6);color:var(--wje-color-danger-6)}.wje-button-solid.wje-color-neutral{background-color:var(--wje-color-contrast-9);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-neutral{border-color:var(--wje-color-contrast-6);color:var(--wje-color-contrast-6)}.wje-button-solid.wje-color-default{background-color:transparent;border-color:var(--wje-color-contrast-4);color:var(--wje-color-contrast-11)}.wje-button-outline.wje-color-default{border-color:var(--wje-color-contrast-4);color:var(--wje-color-contrast-11)}:host{--wje-padding-top: .4rem;--wje-padding-start: .5rem;--wje-padding-end: .5rem;--wje-padding-bottom: .4rem;display:inline-flex;position:relative;width:auto;cursor:pointer;margin-inline:var(--wje-button-margin-inline)}:host(.wje-button-group-button){display:block}.native-button{font-family:var(--wje-font-family);font-size:var(--wje-font-size);display:flex;position:relative;align-items:center;width:100%;height:100%;min-height:inherit;border-width:var(--wje-button-border-width);border-style:var(--wje-button-border-style);border-color:var(--wje-button-border-color);background-color:transparent;line-height:1;contain:layout style;cursor:pointer;z-index:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:var(--wje-button-border-radius);padding-top:var(--wje-padding-top);padding-bottom:var(--wje-padding-bottom);padding-inline:var(--wje-padding-start) var(--wje-padding-end)}.native-button:not(.wje-button-outline):hover{outline-style:solid;outline-width:var(--wje-button-outline-width);transition:outline-width .1s linear}@media (any-hover: hover){.wje-button-solid.wje-color-primary:hover{background-color:var(--wje-color-primary-10);border-color:var(--wje-color-primary-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-primary-2)}.wje-button-outline.wje-color-primary:hover{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-11);color:var(--wje-color-primary-11)}.wje-button-solid.wje-color-complete:hover{background-color:var(--wje-color-complete-10);border-color:var(--wje-color-complete-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-complete-2)}.wje-button-outline.wje-color-complete:hover{background-color:var(--wje-color-complete-1);border-color:var(--wje-color-complete-11);color:var(--wje-color-complete-11)}.wje-button-solid.wje-color-success:hover{background-color:var(--wje-color-success-10);border-color:var(--wje-color-success-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-success-2)}.wje-button-outline.wje-color-success:hover{background-color:var(--wje-color-success-1);border-color:var(--wje-color-success-11);color:var(--wje-color-success-11)}.wje-button-solid.wje-color-warning:hover{background-color:var(--wje-color-warning-10);border-color:var(--wje-color-warning-10);color:var(--wje-color-black);outline-color:var(--wje-color-warning-2)}.wje-button-outline.wje-color-warning:hover{background-color:var(--wje-color-warning-1);border-color:var(--wje-color-warning-11);color:var(--wje-color-warning-11)}.wje-button-solid.wje-color-danger:hover{background-color:var(--wje-color-danger-10);border-color:var(--wje-color-danger-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-danger-2)}.wje-button-outline.wje-color-danger:hover{background-color:var(--wje-color-danger-1);border-color:var(--wje-color-danger-11);color:var(--wje-color-danger-11)}.wje-button-solid.wje-color-neutral:hover{background-color:var(--wje-color-contrast-10);border-color:var(--wje-color-contrast-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-contrast-2)}.wje-button-outline.wje-color-neutral:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-11);color:var(--wje-color-contrast-11)}.wje-button-solid.wje-color-default:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-2);color:var(--wje-color-contrast-9);outline-color:var(--wje-color-contrast-2)}.wje-button-outline.wje-color-default:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-2);color:var(--wje-color-contrast-9)}.wje-button-link:hover{background-color:var(--wje-color-contrast-1);border-color:transparent;color:var(--wje-color-contrast-9);outline-color:var(--wje-color-contrast-2)}}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}.wje-button-link{border-width:1px;border-color:transparent;background-color:transparent}.wje-button-disabled{cursor:default;opacity:.5;pointer-events:none}:host([round]) .native-button{border-radius:var(--wje-border-radius-pill)}:host([circle]) .native-button{border-radius:var(--wje-border-radius-circle);aspect-ratio:1/1;width:1.813rem;display:flex;align-items:center;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}:host([size=small]) .native-button{--wje-padding-top: .25rem;--wje-padding-start: .25rem;--wje-padding-end: .25rem;--wje-padding-bottom: .25rem}:host([size=large]) .native-button{--wje-padding-top: .6rem;--wje-padding-start: .7rem;--wje-padding-end: .7rem;--wje-padding-bottom: .6rem}:host([size=small][circle]) .native-button{width:1.5rem;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}:host([size=large][circle]) .native-button{width:2.188rem;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}::slotted(wje-icon[slot="start"]){margin:0 .3rem 0 -.3rem}::slotted(wje-icon[slot="end"]){margin:0 -.2rem 0 .3rem}:host(:not([only-caret])) slot[name=caret]{padding:0 0 0 .3rem}:host([only-caret]) slot[name=caret]{padding:0;display:block}:host(.wje-button-group-first:not(.wje-button-group-last)) .native-button{border-start-end-radius:0;border-end-end-radius:0}:host(.wje-button-group-inner) .native-button{border-radius:0}:host(.wje-button-group-last:not(.wje-button-group-first)) .native-button{border-start-start-radius:0;border-end-start-radius:0}:host(.wje-button-group-button:not(.wje-button-group-first)){margin-inline-start:calc(-1 * var(--wje-button-border-width))!important}::slotted([slot="toggle"]){display:none}::slotted([slot="toggle"].show){display:block}';
6
+ const b = (e) => e === "false" || e === "null" || e === "NaN" || e === "undefined" || e === "0" ? !1 : !!e, m = '.wje-button-solid.wje-color-primary{background-color:var(--wje-color-primary-9);border-color:var(--wje-color-primary-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-primary{border-color:var(--wje-color-primary-6);color:var(--wje-color-primary-6)}.wje-button-solid.wje-color-complete{background-color:var(--wje-color-complete-9);border-color:var(--wje-color-complete-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-complete{border-color:var(--wje-color-complete-6);color:var(--wje-color-complete-6)}.wje-button-solid.wje-color-success{background-color:var(--wje-color-success-9);border-color:var(--wje-color-success-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-success{border-color:var(--wje-color-success-6);color:var(--wje-color-success-6)}.wje-button-solid.wje-color-warning{background-color:var(--wje-color-warning-9);border-color:var(--wje-color-warning-9);color:var(--wje-color-black)}.wje-button-outline.wje-color-warning{border-color:var(--wje-color-warning-6);color:var(--wje-color-warning-6)}.wje-button-solid.wje-color-danger{background-color:var(--wje-color-danger-9);border-color:var(--wje-color-danger-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-danger{border-color:var(--wje-color-danger-6);color:var(--wje-color-danger-6)}.wje-button-solid.wje-color-neutral{background-color:var(--wje-color-contrast-9);border-color:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0)}.wje-button-outline.wje-color-neutral{border-color:var(--wje-color-contrast-6);color:var(--wje-color-contrast-6)}.wje-button-solid.wje-color-default{background-color:transparent;border-color:var(--wje-color-contrast-4);color:var(--wje-color-contrast-11)}.wje-button-outline.wje-color-default{border-color:var(--wje-color-contrast-4);color:var(--wje-color-contrast-11)}:host{--wje-padding-top: .4rem;--wje-padding-start: .5rem;--wje-padding-end: .5rem;--wje-padding-bottom: .4rem;display:inline-flex;position:relative;width:auto;cursor:pointer;margin-inline:var(--wje-button-margin-inline)}:host(.wje-button-group-button){display:block}.native-button{font-family:var(--wje-font-family);font-size:var(--wje-font-size);display:flex;position:relative;align-items:center;width:100%;height:100%;min-height:inherit;border-width:var(--wje-button-border-width);border-style:var(--wje-button-border-style);border-color:var(--wje-button-border-color);background-color:transparent;line-height:1;contain:layout style;cursor:pointer;z-index:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:var(--wje-button-border-radius);padding-top:var(--wje-padding-top);padding-bottom:var(--wje-padding-bottom);padding-inline:var(--wje-padding-start) var(--wje-padding-end)}.native-button:not(.wje-button-outline):hover{outline-style:solid;outline-width:var(--wje-button-outline-width);transition:outline-width .1s linear}@media (any-hover: hover){.wje-button-solid.wje-color-primary:hover{background-color:var(--wje-color-primary-10);border-color:var(--wje-color-primary-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-primary-2)}.wje-button-outline.wje-color-primary:hover{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-11);color:var(--wje-color-primary-11)}.wje-button-solid.wje-color-complete:hover{background-color:var(--wje-color-complete-10);border-color:var(--wje-color-complete-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-complete-2)}.wje-button-outline.wje-color-complete:hover{background-color:var(--wje-color-complete-1);border-color:var(--wje-color-complete-11);color:var(--wje-color-complete-11)}.wje-button-solid.wje-color-success:hover{background-color:var(--wje-color-success-10);border-color:var(--wje-color-success-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-success-2)}.wje-button-outline.wje-color-success:hover{background-color:var(--wje-color-success-1);border-color:var(--wje-color-success-11);color:var(--wje-color-success-11)}.wje-button-solid.wje-color-warning:hover{background-color:var(--wje-color-warning-10);border-color:var(--wje-color-warning-10);color:var(--wje-color-black);outline-color:var(--wje-color-warning-2)}.wje-button-outline.wje-color-warning:hover{background-color:var(--wje-color-warning-1);border-color:var(--wje-color-warning-11);color:var(--wje-color-warning-11)}.wje-button-solid.wje-color-danger:hover{background-color:var(--wje-color-danger-10);border-color:var(--wje-color-danger-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-danger-2)}.wje-button-outline.wje-color-danger:hover{background-color:var(--wje-color-danger-1);border-color:var(--wje-color-danger-11);color:var(--wje-color-danger-11)}.wje-button-solid.wje-color-neutral:hover{background-color:var(--wje-color-contrast-10);border-color:var(--wje-color-contrast-10);color:var(--wje-color-contrast-0);outline-color:var(--wje-color-contrast-2)}.wje-button-outline.wje-color-neutral:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-11);color:var(--wje-color-contrast-11)}.wje-button-solid.wje-color-default:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-2);color:var(--wje-color-contrast-9);outline-color:var(--wje-color-contrast-2)}.wje-button-outline.wje-color-default:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-2);color:var(--wje-color-contrast-9)}.wje-button-link:hover{background-color:var(--wje-color-contrast-1);border-color:transparent;color:var(--wje-color-contrast-9);outline-color:var(--wje-color-contrast-2)}}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1;line-height:normal}.wje-button-link{border-width:1px;border-color:transparent;background-color:transparent}.wje-button-disabled{cursor:default;opacity:.5;pointer-events:none}:host([round]) .native-button{border-radius:var(--wje-border-radius-pill)}:host([circle]) .native-button{border-radius:var(--wje-border-radius-circle);aspect-ratio:1/1;width:1.813rem;display:flex;align-items:center;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}:host([size=small]) .native-button{--wje-padding-top: .25rem;--wje-padding-start: .25rem;--wje-padding-end: .25rem;--wje-padding-bottom: .25rem}:host([size=large]) .native-button{--wje-padding-top: .6rem;--wje-padding-start: .7rem;--wje-padding-end: .7rem;--wje-padding-bottom: .6rem}:host([size=small][circle]) .native-button{width:1.5rem;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}:host([size=large][circle]) .native-button{width:2.188rem;--wje-padding-top: 0;--wje-padding-start: 0;--wje-padding-end: 0;--wje-padding-bottom: 0}::slotted(wje-icon[slot="start"]){margin:0 .3rem 0 -.3rem}::slotted(wje-icon[slot="end"]){margin:0 -.2rem 0 .3rem}:host(:not([only-caret])) slot[name=caret]{padding:0 0 0 .3rem}:host([only-caret]) slot[name=caret]{padding:0;display:block}:host(.wje-button-group-first:not(.wje-button-group-last)) .native-button{border-start-end-radius:0;border-end-end-radius:0}:host(.wje-button-group-inner) .native-button{border-radius:0}:host(.wje-button-group-last:not(.wje-button-group-first)) .native-button{border-start-start-radius:0;border-end-start-radius:0}:host(.wje-button-group-button:not(.wje-button-group-first)){margin-inline-start:calc(-1 * var(--wje-button-border-width))!important}::slotted([slot="toggle"]){display:none}::slotted([slot="toggle"].show){display:block}';
7
7
  class u extends p {
8
8
  /**
9
9
  * Button constructor
package/dist/wje-card.js CHANGED
@@ -2,7 +2,7 @@ var s = Object.defineProperty;
2
2
  var i = (o, r, e) => r in o ? s(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e;
3
3
  var l = (o, r, e) => (i(o, typeof r != "symbol" ? r + "" : r, e), e);
4
4
  import n from "./wje-element.js";
5
- const w = ":host{width:100%}.native-card{background-color:transparent;margin:0;box-shadow:var(--wje-shadow-x-large);border-color:var(--wje-border-color);border-style:var(--wje-border-style);border-width:var(--wje-border-width);border-radius:var(--wje-card-border-radius);font-family:var(--wje-font-family);font-size:var(--wje-font-size);line-height:var(--wje-line-height-normal);position:relative;width:100%;word-wrap:normal;display:flex;flex-direction:column;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.native-card.wje-color-primary{background:var(--wje-color-primary-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-primary-9)}.native-card.wje-color-complete{background:var(--wje-color-complete-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-complete-9)}.native-card.wje-color-success{background:var(--wje-color-success-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-success-9)}.native-card.wje-color-warning{background:var(--wje-color-warning-9);color:var(--wje-color);border-color:var(--wje-color-warning-9)}.native-card.wje-color-danger{background:var(--wje-color-danger-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-danger-9)}.native-card.wje-color-info{background:var(--wje-color-info-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-info-9)}.native-card.wje-color-menu{background:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-contrast-9)}";
5
+ const w = ":host{width:100%}.native-card{background-color:transparent;margin:0;box-shadow:var(--wje-card-shadow);border-color:var(--wje-border-color);border-style:var(--wje-border-style);border-width:var(--wje-border-width);border-radius:var(--wje-card-border-radius);font-family:var(--wje-font-family);font-size:var(--wje-font-size);line-height:var(--wje-line-height-normal);position:relative;width:100%;word-wrap:normal;display:flex;flex-direction:column;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.native-card.wje-color-primary{background:var(--wje-color-primary-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-primary-9)}.native-card.wje-color-complete{background:var(--wje-color-complete-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-complete-9)}.native-card.wje-color-success{background:var(--wje-color-success-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-success-9)}.native-card.wje-color-warning{background:var(--wje-color-warning-9);color:var(--wje-color);border-color:var(--wje-color-warning-9)}.native-card.wje-color-danger{background:var(--wje-color-danger-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-danger-9)}.native-card.wje-color-info{background:var(--wje-color-info-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-info-9)}.native-card.wje-color-menu{background:var(--wje-color-contrast-9);color:var(--wje-color-contrast-0);border-color:var(--wje-color-contrast-9)}";
6
6
  class v extends n {
7
7
  /**
8
8
  * Card constructor
@@ -1,97 +1,97 @@
1
- var g = Object.defineProperty;
2
- var C = (s, a, e) => a in s ? g(s, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[a] = e;
3
- var p = (s, a, e) => (C(s, typeof a != "symbol" ? a + "" : a, e), e);
1
+ var S = Object.defineProperty;
2
+ var y = (p, l, e) => l in p ? S(p, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[l] = e;
3
+ var h = (p, l, e) => (y(p, typeof l != "symbol" ? l + "" : l, e), e);
4
4
  import x from "./wje-element.js";
5
- import { event as k } from "./wje-element.js";
6
- import { defaultStoreActions as z, store as B } from "./wje-store.js";
7
- import { b as F, w as M } from "./router-links-FtZbFUto.js";
8
- import { fetchAndParseCSS as H } from "./wje-fetchAndParseCSS.js";
9
- import { Localizer as h } from "./localize.js";
10
- import { default as V } from "./wje-accordion.js";
11
- import { default as O } from "./wje-accordion-item.js";
12
- import { default as W } from "./wje-animation.js";
13
- import { default as Q } from "./wje-aside.js";
14
- import { default as q } from "./wje-avatar.js";
15
- import { default as X } from "./wje-badge.js";
16
- import { default as Z } from "./wje-breadcrumb.js";
17
- import { default as ee } from "./wje-breadcrumbs.js";
18
- import { default as oe } from "./wje-button.js";
19
- import { default as re } from "./wje-button-group.js";
20
- import { default as de } from "./wje-card.js";
21
- import { default as ie } from "./wje-card-content.js";
22
- import { default as fe } from "./wje-card-controls.js";
23
- import { default as pe } from "./wje-card-header.js";
24
- import { default as ce } from "./wje-card-subtitle.js";
25
- import { default as he } from "./wje-card-title.js";
26
- import { default as ge } from "./wje-carousel.js";
27
- import { default as we } from "./wje-carousel-item.js";
28
- import { default as Ae } from "./wje-checkbox.js";
5
+ import { event as H } from "./wje-element.js";
6
+ import { defaultStoreActions as q, store as P } from "./wje-store.js";
7
+ import { b as F, w as G } from "./router-links-FtZbFUto.js";
8
+ import { fetchAndParseCSS as O } from "./wje-fetchAndParseCSS.js";
9
+ import { Localizer as j } from "./localize.js";
10
+ import { default as $ } from "./wje-accordion.js";
11
+ import { default as J } from "./wje-accordion-item.js";
12
+ import { default as K } from "./wje-animation.js";
13
+ import { default as Y } from "./wje-aside.js";
14
+ import { default as _ } from "./wje-avatar.js";
15
+ import { default as te } from "./wje-badge.js";
16
+ import { default as ae } from "./wje-breadcrumb.js";
17
+ import { default as se } from "./wje-breadcrumbs.js";
18
+ import { default as le } from "./wje-button.js";
19
+ import { default as de } from "./wje-button-group.js";
20
+ import { default as pe } from "./wje-card.js";
21
+ import { default as ue } from "./wje-card-content.js";
22
+ import { default as he } from "./wje-card-controls.js";
23
+ import { default as ve } from "./wje-card-header.js";
24
+ import { default as we } from "./wje-card-subtitle.js";
25
+ import { default as je } from "./wje-card-title.js";
26
+ import { default as ye } from "./wje-carousel.js";
27
+ import { default as Ae } from "./wje-carousel-item.js";
28
+ import { default as Ee } from "./wje-checkbox.js";
29
29
  import { default as Te } from "./wje-chip.js";
30
- import { default as Ie } from "./wje-col.js";
31
- import { default as Le } from "./wje-color-picker.js";
32
- import { default as ke } from "./wje-container.js";
33
- import { default as ze } from "./wje-copy-button.js";
30
+ import { default as Be } from "./wje-col.js";
31
+ import { default as ze } from "./wje-color-picker.js";
32
+ import { default as He } from "./wje-container.js";
33
+ import { default as qe } from "./wje-copy-button.js";
34
34
  import { default as De } from "./wje-dialog.js";
35
- import { default as Me } from "./wje-divider.js";
36
- import { default as He } from "./wje-dropdown.js";
37
- import { default as Ve } from "./wje-file-upload.js";
38
- import { default as Oe } from "./wje-file-upload-item.js";
39
- import { default as We } from "./wje-footer.js";
40
- import { default as Qe } from "./wje-format-digital.js";
41
- import { default as qe } from "./wje-grid.js";
42
- import { default as Xe } from "./wje-header.js";
43
- import { default as Ze } from "./wje-icon.js";
44
- import { default as et } from "./wje-icon-picker.js";
45
- import { default as ot } from "./wje-img.js";
46
- import { default as rt } from "./wje-img-comparer.js";
47
- import { default as dt } from "./wje-infinite-scroll.js";
48
- import { default as it } from "./wje-inline-edit.js";
49
- import { default as ft } from "./wje-input.js";
50
- import { default as pt } from "./wje-input-file.js";
51
- import { default as ct } from "./wje-item.js";
52
- import { default as ht } from "./wje-label.js";
53
- import { default as gt } from "./wje-list.js";
54
- import { default as wt } from "./wje-main.js";
55
- import { default as At } from "./wje-masonry.js";
35
+ import { default as Ge } from "./wje-divider.js";
36
+ import { default as Oe } from "./wje-dropdown.js";
37
+ import { default as $e } from "./wje-file-upload.js";
38
+ import { default as Je } from "./wje-file-upload-item.js";
39
+ import { default as Ke } from "./wje-footer.js";
40
+ import { default as Ye } from "./wje-format-digital.js";
41
+ import { default as _e } from "./wje-grid.js";
42
+ import { default as tt } from "./wje-header.js";
43
+ import { default as at } from "./wje-icon.js";
44
+ import { default as st } from "./wje-icon-picker.js";
45
+ import { default as lt } from "./wje-img.js";
46
+ import { default as dt } from "./wje-img-comparer.js";
47
+ import { default as pt } from "./wje-infinite-scroll.js";
48
+ import { default as ut } from "./wje-inline-edit.js";
49
+ import { default as ht } from "./wje-input.js";
50
+ import { default as vt } from "./wje-input-file.js";
51
+ import { default as wt } from "./wje-item.js";
52
+ import { default as jt } from "./wje-label.js";
53
+ import { default as yt } from "./wje-list.js";
54
+ import { default as At } from "./wje-main.js";
55
+ import { default as Et } from "./wje-masonry.js";
56
56
  import { default as Tt } from "./wje-menu.js";
57
- import { default as It } from "./wje-menu-button.js";
58
- import { default as Lt } from "./wje-menu-item.js";
59
- import { default as kt } from "./wje-menu-label.js";
60
- import { default as zt } from "./wje-option.js";
57
+ import { default as Bt } from "./wje-menu-button.js";
58
+ import { default as zt } from "./wje-menu-item.js";
59
+ import { default as Ht } from "./wje-menu-label.js";
60
+ import { default as qt } from "./wje-option.js";
61
61
  import { default as Dt } from "./wje-options.js";
62
62
  import "./wje-popup.js";
63
- import { default as Mt } from "./wje-progress-bar.js";
64
- import { default as Ht } from "./wje-qr-code.js";
65
- import { default as Vt } from "./wje-radio.js";
66
- import { default as Ot } from "./wje-radio-group.js";
67
- import { default as Wt } from "./wje-rate.js";
68
- import { default as Qt } from "./wje-relative-time.js";
69
- import { default as qt } from "./wje-reorder.js";
70
- import { default as Xt } from "./wje-reorder-dropzone.js";
71
- import { default as Zt } from "./wje-reorder-handle.js";
72
- import { default as eo } from "./wje-reorder-item.js";
73
- import { default as oo } from "./wje-route.js";
74
- import { default as ro } from "./wje-routerx.js";
75
- import { default as lo } from "./wje-router-link.js";
76
- import { default as no } from "./wje-router-outlet.js";
77
- import { default as mo } from "./wje-row.js";
78
- import { default as uo } from "./wje-select.js";
79
- import { default as xo } from "./wje-slider.js";
80
- import { default as bo } from "./wje-split-view.js";
81
- import { default as Co } from "./wje-status.js";
82
- import { default as vo } from "./wje-tab.js";
83
- import { default as Eo } from "./wje-tab-group.js";
84
- import { default as So } from "./wje-tab-panel.js";
85
- import { default as Ro } from "./wje-textarea.js";
86
- import { default as jo } from "./wje-thumbnail.js";
87
- import { default as yo } from "./wje-toast.js";
88
- import { default as Bo } from "./wje-toggle.js";
89
- import { default as Fo } from "./wje-toolbar.js";
90
- import { default as Po } from "./wje-toolbar-action.js";
91
- import { default as Go } from "./wje-tooltip.js";
92
- import { default as No } from "./wje-visually-hidden.js";
93
- import { P as Uo } from "./popup.element-CWsSOxs2.js";
94
- const w = {
63
+ import { default as Gt } from "./wje-progress-bar.js";
64
+ import { default as Ot } from "./wje-qr-code.js";
65
+ import { default as $t } from "./wje-radio.js";
66
+ import { default as Jt } from "./wje-radio-group.js";
67
+ import { default as Kt } from "./wje-rate.js";
68
+ import { default as Yt } from "./wje-relative-time.js";
69
+ import { default as _t } from "./wje-reorder.js";
70
+ import { default as tr } from "./wje-reorder-dropzone.js";
71
+ import { default as ar } from "./wje-reorder-handle.js";
72
+ import { default as sr } from "./wje-reorder-item.js";
73
+ import { default as lr } from "./wje-route.js";
74
+ import { default as dr } from "./wje-routerx.js";
75
+ import { default as pr } from "./wje-router-link.js";
76
+ import { default as ur } from "./wje-router-outlet.js";
77
+ import { default as hr } from "./wje-row.js";
78
+ import { default as vr } from "./wje-select.js";
79
+ import { default as wr } from "./wje-slider.js";
80
+ import { default as jr } from "./wje-split-view.js";
81
+ import { default as yr } from "./wje-status.js";
82
+ import { default as Ar } from "./wje-tab.js";
83
+ import { default as Er } from "./wje-tab-group.js";
84
+ import { default as Tr } from "./wje-tab-panel.js";
85
+ import { default as Br } from "./wje-textarea.js";
86
+ import { default as zr } from "./wje-thumbnail.js";
87
+ import { default as Hr } from "./wje-toast.js";
88
+ import { default as qr } from "./wje-toggle.js";
89
+ import { default as Dr } from "./wje-toolbar.js";
90
+ import { default as Gr } from "./wje-toolbar-action.js";
91
+ import { default as Or } from "./wje-tooltip.js";
92
+ import { default as $r } from "./wje-visually-hidden.js";
93
+ import { P as Jr } from "./popup.element-CWsSOxs2.js";
94
+ const C = {
95
95
  code: "sk",
96
96
  name: "Slovak",
97
97
  dir: "ltr",
@@ -100,8 +100,8 @@ const w = {
100
100
  "wj.file.upload.uploaded": "Nahraných: ",
101
101
  "wj.file.upload.from": "z"
102
102
  };
103
- h.registerTranslation(w);
104
- const v = {
103
+ j.registerTranslation(C);
104
+ const A = {
105
105
  code: "en",
106
106
  name: "English",
107
107
  dir: "ltr",
@@ -110,168 +110,265 @@ const v = {
110
110
  "wj.file.upload.uploaded": "Uploaded: ",
111
111
  "wj.file.upload.from": "from"
112
112
  };
113
- h.registerTranslation(v);
114
- const A = ".timeline-container{position:relative}.vertical-line{position:absolute;margin-left:1.88rem;top:0;bottom:0;width:1px;background-color:#d3d3d3}";
115
- class u extends x {
113
+ j.registerTranslation(A);
114
+ const L = ".stepper-container{display:flex;flex-direction:column}.step-headers{display:flex;justify-content:space-between;margin-bottom:var(--wje-spacing-medium)}.step-header{display:flex;padding:var(--wje-spacing-medium);gap:var(--wje-spacing-x-small);color:var(--wje-color-contrast-5);flex-grow:1;text-align:center}.pointer{cursor:pointer}.active{color:var(--wje-color-contrast-11)}.steps-content{margin-bottom:var(--wje-spacing-medium)}.arrow-icon{margin-top:var(--wje-spacing-medium)}.step{padding:var(--wje-spacing-medium);text-align:center}.done{color:var(--wje-color-contrast-11)}.nav-buttons{display:flex;justify-content:space-between}";
115
+ class g extends x {
116
116
  constructor() {
117
117
  super();
118
- p(this, "className", "Timeline");
118
+ h(this, "className", "Stepper");
119
+ this.currentStep = 0, this.completedSteps = [];
119
120
  }
120
121
  static get cssStyleSheet() {
121
- return A;
122
+ return L;
122
123
  }
123
124
  setupAttributes() {
124
125
  this.isShadowRoot = "open";
125
126
  }
126
- draw(e, t, r) {
127
- let l = document.createDocumentFragment();
128
- const o = document.createElement("div");
129
- o.classList.add("timeline-container");
127
+ draw() {
128
+ let e = document.createDocumentFragment();
129
+ const a = document.createElement("div");
130
+ a.className = "stepper-container";
130
131
  const i = document.createElement("div");
131
- i.classList.add("vertical-line");
132
- const d = document.createElement("slot");
133
- return o.appendChild(i), o.appendChild(d), l.appendChild(o), l;
132
+ i.className = "step-headers";
133
+ const r = document.createElement("div");
134
+ r.className = "steps-content";
135
+ const t = Array.from(this.children);
136
+ this.steps = t.map((d, s) => {
137
+ if (d.classList.contains("step")) {
138
+ const m = document.createElement("div");
139
+ m.className = "step-header";
140
+ const u = document.createElement("wje-badge");
141
+ u.className = "step-badge", u.setAttribute("label", (s + 1).toString()), u.innerHTML = "12";
142
+ const v = document.createElement("span");
143
+ if (v.innerText = d.getAttribute("label") || `Step ${s + 1}`, s === this.currentStep && (m.classList.add("active"), u.setAttribute("color", "primary")), d.hasAttribute("disabled") || (m.addEventListener("click", () => this.gotoStep(s)), m.classList.add("pointer")), m.appendChild(u), m.appendChild(v), i.appendChild(m), s < t.length - 1) {
144
+ const f = document.createElement("wje-icon");
145
+ f.setAttribute("name", "chevron-right"), f.classList.add("arrow-icon"), f.setAttribute("size", "small"), i.appendChild(f);
146
+ }
147
+ return d.classList.add("step"), s !== this.currentStep && (d.style.display = "none"), d;
148
+ }
149
+ }), this.steps.forEach((d) => r.appendChild(d));
150
+ const o = document.createElement("div");
151
+ o.className = "nav-buttons";
152
+ const n = document.createElement("wje-button");
153
+ n.setAttribute("label", "Previous"), n.disabled = this.currentStep === 0, n.addEventListener("click", () => this.navigate(-1)), n.innerHTML = "Prev";
154
+ const c = document.createElement("wje-button");
155
+ return c.setAttribute("label", "Next"), c.disabled = this.currentStep === this.steps.length - 1, c.addEventListener("click", () => this.navigate(1)), c.innerHTML = "Next", o.appendChild(n), o.appendChild(c), a.appendChild(i), a.appendChild(r), a.appendChild(o), e.appendChild(a), e;
156
+ }
157
+ navigate(e) {
158
+ this.gotoStep(this.currentStep + e);
159
+ }
160
+ gotoStep(e) {
161
+ if (e >= 0 && e < this.steps.length) {
162
+ e > this.currentStep && (this.completedSteps[this.currentStep] = !0), this.steps[this.currentStep].style.display = "none", this.steps[e].style.display = "block";
163
+ const a = this.shadowRoot.querySelectorAll(".step-header");
164
+ a[this.currentStep].classList.remove("active"), a[this.currentStep].classList.add("done"), a[e].classList.add("active");
165
+ const i = this.shadowRoot.querySelectorAll("wje-badge");
166
+ i[this.currentStep].shadowRoot.querySelector("div").classList.remove("wje-color-primary"), this.currentStep = e, i[this.currentStep].shadowRoot.querySelector("div").classList.add("wje-color-primary");
167
+ const r = this.shadowRoot.querySelectorAll("wje-button");
168
+ r[0].disabled = this.currentStep === 0, r[1].disabled = this.currentStep === this.steps.length - 1, this.updateBadges();
169
+ }
170
+ }
171
+ updateBadges() {
172
+ this.shadowRoot.querySelectorAll(".step-header").forEach((a, i) => {
173
+ const r = a.querySelector("wje-badge");
174
+ if (this.completedSteps[i]) {
175
+ if (!r.querySelector("wje-status")) {
176
+ r.innerHTML = "";
177
+ const t = document.createElement("wje-icon");
178
+ t.setAttribute("name", "check"), t.setAttribute("color", "success"), t.setAttribute("size", "medium"), r.shadowRoot.querySelector("div").classList.add("wje-color-success"), r.appendChild(t);
179
+ }
180
+ } else
181
+ r.innerHTML = "12";
182
+ });
134
183
  }
135
184
  }
136
- u.define("wje-timeline", u);
137
- const E = ".timeline-items{display:flex;flex-direction:column}.native-timeline-item{display:flex;align-items:flex-start;position:relative;padding:16px 12px 16px 20px;gap:12px}.icon-container{width:fixed 18px;height:fixed 18px;padding:4px 0 0;gap:4px;border-radius:100px 0 0;opacity:0px}.content-container{width:fill 864px;height:hug 42px;gap:8px}.date-time{font-size:.75rem;line-height:17px;size:12px;font-weight:400}.event{margin:0;font-size:1.2em;font-weight:700;size:14px;line-height:21px;letter-spacing:-.08px}.additional-content{font-size:1rem;margin-top:1rem}wje-status{position:relative;z-index:1}wje-card{border-color:#fff;box-shadow:none}";
138
- class c extends x {
185
+ g.define("wje-stepper", g);
186
+ const E = ".native-timeline{position:relative}.vertical-line{position:absolute;margin-left:calc(var(--wje-spacing-x-large) + 1px);top:0;bottom:0;width:1px;background-color:var(--wje-color-info-3)}";
187
+ class w extends x {
139
188
  constructor() {
140
189
  super();
141
- p(this, "className", "TimelineItem");
190
+ /**
191
+ * Returns the class name of the tab.
192
+ *
193
+ * @returns {string} The class name of the tab.
194
+ */
195
+ h(this, "className", "Timeline");
142
196
  }
197
+ /**
198
+ * Returns the CSS styles for the component.
199
+ *
200
+ * @static
201
+ * @returns {CSSStyleSheet}
202
+ */
143
203
  static get cssStyleSheet() {
144
204
  return E;
145
205
  }
206
+ /**
207
+ * Sets up the attributes for the component.
208
+ */
146
209
  setupAttributes() {
147
210
  this.isShadowRoot = "open";
148
211
  }
149
- createStatusElement(e) {
150
- const t = document.createElement("wje-status"), r = document.createElement("wje-icon");
151
- switch (t.setAttribute("slot", "icon"), t.setAttribute("size", "large"), r.setAttribute("size", "medium"), e) {
152
- case "active":
153
- r.setAttribute("name", "check"), t.setAttribute("color", "success");
154
- break;
155
- case "default":
156
- default:
157
- t.setAttribute("color", "contrast-reverse");
158
- break;
159
- }
160
- return t.appendChild(r), t;
212
+ /**
213
+ * Draws the component.
214
+ *
215
+ * @param {Object} context - The context for drawing.
216
+ * @param {Object} store - The store for drawing.
217
+ * @param {Object} params - The parameters for drawing.
218
+ * @returns {DocumentFragment}
219
+ */
220
+ draw(e, a, i) {
221
+ let r = document.createDocumentFragment();
222
+ const t = document.createElement("div");
223
+ t.setAttribute("part", "native"), t.classList.add("native-timeline");
224
+ const o = document.createElement("div");
225
+ o.classList.add("vertical-line");
226
+ const n = document.createElement("slot");
227
+ return t.appendChild(o), t.appendChild(n), r.appendChild(t), r;
161
228
  }
162
- wrapInCard(e) {
163
- const t = document.createElement("wje-card"), r = document.createElement("wje-card-header");
164
- return r.appendChild(e), t.appendChild(r), t;
229
+ }
230
+ w.define("wje-timeline", w);
231
+ const R = ":host{--wje-card-content-padding: var(--wje-spacing-medium);margin-bottom:.5rem;display:block}.native-timeline-item>wje-icon{color:var(--wje-color-contrast-5)!important}.timeline-items{display:flex;flex-direction:column}.native-timeline-item{display:flex;position:relative;padding:var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-medium) var(--wje-spacing-large);gap:var(--wje-spacing-medium);border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--wje-border-radius-large)}:host .native-timeline-item:hover{background-color:var(--wje-color-contrast-1);border-color:var(--wje-color-contrast-3)}:host([active]) .native-timeline-item{background-color:var(--wje-color-primary-1);border-color:var(--wje-color-primary-3)}:host([active]) .native-timeline-item:hover{background-color:var(--wje-color-primary-2)}.icon-container{position:absolute;display:flex;width:var(--wje-size-small);height:var(--wje-size-small);padding:var(--wje-spacing-2x-small);border-radius:var(--wje-border-radius-circle);opacity:0}.content-container{height:fit-content;gap:var(--wje-spacing-small)}.event{margin:0;font-size:var(--wje-font-size-large);font-weight:var(--wje-font-weight-bold);line-height:var(--wje-line-height-dense);letter-spacing:var(--wje-spacing-4x-small)}.additional-content{font-size:var(--wje-font-size-medium);margin-top:1rem}wje-status{position:relative;z-index:1}wje-relative-time{display:block;margin-bottom:var(--wje-spacing-2x-small)}";
232
+ class b extends x {
233
+ constructor() {
234
+ super();
235
+ /**
236
+ * Returns the class name of the tab.
237
+ *
238
+ * @returns {string} The class name of the tab.
239
+ */
240
+ h(this, "className", "TimelineItem");
165
241
  }
166
- draw(e, t, r) {
167
- let l = document.createDocumentFragment();
168
- const o = document.createElement("div");
169
- o.setAttribute("part", "native"), o.classList.add("native-timeline-item");
170
- const i = this.hasAttribute("active") ? this.createStatusElement("active") : this.createStatusElement("default"), d = document.createElement("div");
171
- d.classList.add("content-container");
172
- const n = document.createElement("div");
173
- n.classList.add("date-time"), n.textContent = this.getAttribute("datetime") || "";
174
- const f = document.createElement("h3");
175
- f.classList.add("event"), f.textContent = this.getAttribute("event") || "";
176
- const m = document.createElement("div");
177
- m.classList.add("additional-content");
178
- const b = document.createElement("slot");
179
- return d.appendChild(n), d.appendChild(f), this.innerHTML && (m.appendChild(b), d.appendChild(m)), o.appendChild(i), o.appendChild(d), l.appendChild(o), l;
242
+ /**
243
+ * Returns the CSS styles for the component.
244
+ *
245
+ * @static
246
+ * @returns {CSSStyleSheet}
247
+ */
248
+ static get cssStyleSheet() {
249
+ return R;
250
+ }
251
+ /**
252
+ * Sets up the attributes for the component.
253
+ */
254
+ setupAttributes() {
255
+ this.isShadowRoot = "open";
256
+ }
257
+ /**
258
+ * Draws the component.
259
+ *
260
+ * @param {Object} context - The context for drawing.
261
+ * @param {Object} store - The store for drawing.
262
+ * @param {Object} params - The parameters for drawing.
263
+ * @returns {DocumentFragment}
264
+ */
265
+ draw(e, a, i) {
266
+ let r = document.createDocumentFragment(), t = document.createElement("div");
267
+ t.setAttribute("part", "native"), t.classList.add("native-timeline-item");
268
+ let o = document.createElement("div");
269
+ o.classList.add("content-container");
270
+ let n = document.createElement("wje-relative-time");
271
+ n.setAttribute("date", this.getAttribute("datetime") || "");
272
+ let c = document.createElement("h3");
273
+ c.classList.add("event"), c.textContent = this.getAttribute("event") || "";
274
+ let d = document.createElement("slot"), s = document.createElement("wje-icon");
275
+ return s.setAttribute("name", "circle-dot"), s.setAttribute("filled", ""), s.setAttribute("part", "default-icon"), this.querySelector('[slot="status"]') && (s = document.createElement("slot"), s.setAttribute("name", "status")), o.appendChild(n), o.appendChild(c), o.appendChild(d), t.appendChild(s), t.appendChild(o), r.appendChild(t), r;
180
276
  }
181
277
  }
182
- c.define("wje-timeline-item", c);
278
+ b.define("wje-timeline-item", b);
183
279
  export {
184
- V as Accordion,
185
- O as AccordionItem,
186
- W as Animation,
187
- Q as Aside,
188
- q as Avatar,
189
- X as Badge,
190
- Z as Breadcrumb,
191
- ee as Breadcrumbs,
192
- oe as Button,
193
- re as ButtonGroup,
194
- de as Card,
195
- ie as CardContent,
196
- fe as CardControls,
197
- pe as CardHeader,
198
- ce as CardSubtitle,
199
- he as CardTitle,
200
- ge as Carousel,
201
- we as CarouselItem,
202
- Ae as Checkbox,
280
+ $ as Accordion,
281
+ J as AccordionItem,
282
+ K as Animation,
283
+ Y as Aside,
284
+ _ as Avatar,
285
+ te as Badge,
286
+ ae as Breadcrumb,
287
+ se as Breadcrumbs,
288
+ le as Button,
289
+ de as ButtonGroup,
290
+ pe as Card,
291
+ ue as CardContent,
292
+ he as CardControls,
293
+ ve as CardHeader,
294
+ we as CardSubtitle,
295
+ je as CardTitle,
296
+ ye as Carousel,
297
+ Ae as CarouselItem,
298
+ Ee as Checkbox,
203
299
  Te as Chip,
204
- Ie as Col,
205
- Le as ColorPicker,
206
- ke as Container,
207
- ze as CopyButton,
300
+ Be as Col,
301
+ ze as ColorPicker,
302
+ He as Container,
303
+ qe as CopyButton,
208
304
  De as Dialog,
209
- Me as Divider,
210
- He as Dropdown,
211
- Ve as FileUpload,
212
- Oe as FileUploadItem,
213
- We as Footer,
214
- Qe as FormatDigital,
215
- qe as Grid,
216
- Xe as Header,
217
- Ze as Icon,
218
- et as IconPicker,
219
- ot as Img,
220
- rt as ImgComparer,
221
- dt as InfiniteScroll,
222
- it as InlineEdit,
223
- ft as Input,
224
- pt as InputFile,
225
- ct as Item,
226
- ht as Label,
227
- gt as List,
228
- h as Localizer,
229
- wt as Main,
230
- At as Masonry,
305
+ Ge as Divider,
306
+ Oe as Dropdown,
307
+ $e as FileUpload,
308
+ Je as FileUploadItem,
309
+ Ke as Footer,
310
+ Ye as FormatDigital,
311
+ _e as Grid,
312
+ tt as Header,
313
+ at as Icon,
314
+ st as IconPicker,
315
+ lt as Img,
316
+ dt as ImgComparer,
317
+ pt as InfiniteScroll,
318
+ ut as InlineEdit,
319
+ ht as Input,
320
+ vt as InputFile,
321
+ wt as Item,
322
+ jt as Label,
323
+ yt as List,
324
+ j as Localizer,
325
+ At as Main,
326
+ Et as Masonry,
231
327
  Tt as Menu,
232
- It as MenuButton,
233
- Lt as MenuItem,
234
- kt as MenuLabel,
235
- zt as Option,
328
+ Bt as MenuButton,
329
+ zt as MenuItem,
330
+ Ht as MenuLabel,
331
+ qt as Option,
236
332
  Dt as Options,
237
- Uo as Popup,
238
- Mt as ProgressBar,
239
- Ht as QrCode,
240
- Vt as Radio,
241
- Ot as RadioGroup,
242
- Wt as Rate,
243
- Qt as RelativeTime,
244
- qt as Reorder,
245
- Xt as ReorderDropzone,
246
- Zt as ReorderHandle,
247
- eo as ReorderItem,
248
- oo as Route,
249
- lo as RouterLink,
250
- no as RouterOutlet,
251
- ro as Routerx,
252
- mo as Row,
253
- uo as Select,
254
- xo as Slider,
255
- bo as SplitView,
256
- Co as Status,
257
- vo as Tab,
258
- Eo as TabGroup,
259
- So as TabPanel,
260
- Ro as Textarea,
261
- jo as Thumbnail,
262
- u as Timeline,
263
- c as TimelineItem,
264
- yo as Toast,
265
- Bo as Toggle,
266
- Fo as Toolbar,
267
- Po as ToolbarAction,
268
- Go as Tooltip,
269
- No as VisuallyHidden,
333
+ Jr as Popup,
334
+ Gt as ProgressBar,
335
+ Ot as QrCode,
336
+ $t as Radio,
337
+ Jt as RadioGroup,
338
+ Kt as Rate,
339
+ Yt as RelativeTime,
340
+ _t as Reorder,
341
+ tr as ReorderDropzone,
342
+ ar as ReorderHandle,
343
+ sr as ReorderItem,
344
+ lr as Route,
345
+ pr as RouterLink,
346
+ ur as RouterOutlet,
347
+ dr as Routerx,
348
+ hr as Row,
349
+ vr as Select,
350
+ wr as Slider,
351
+ jr as SplitView,
352
+ yr as Status,
353
+ g as Stepper,
354
+ Ar as Tab,
355
+ Er as TabGroup,
356
+ Tr as TabPanel,
357
+ Br as Textarea,
358
+ zr as Thumbnail,
359
+ w as Timeline,
360
+ b as TimelineItem,
361
+ Hr as Toast,
362
+ qr as Toggle,
363
+ Dr as Toolbar,
364
+ Gr as ToolbarAction,
365
+ Or as Tooltip,
366
+ $r as VisuallyHidden,
270
367
  x as WJElement,
271
368
  F as bindRouterLinks,
272
- z as defaultStoreActions,
273
- k as event,
274
- H as fetchAndParseCSS,
275
- B as store,
276
- M as withRouterLinks
369
+ q as defaultStoreActions,
370
+ H as event,
371
+ O as fetchAndParseCSS,
372
+ P as store,
373
+ G as withRouterLinks
277
374
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "wj-elements",
3
3
  "description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
4
- "version": "0.1.39",
4
+ "version": "0.1.40",
5
5
  "homepage": "https://github.com/lencys/wj-elements",
6
6
  "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
7
7
  "license": "MIT",
@@ -29,7 +29,8 @@
29
29
  "build": "vite build",
30
30
  "preview": "vite preview",
31
31
  "watch": "vite build --watch",
32
- "analyze": "cem analyze"
32
+ "analyze": "cem analyze",
33
+ "create-element": "node wje-cli-script/create-element.cjs"
33
34
  },
34
35
  "exports": {
35
36
  ".": {
@@ -46,6 +47,7 @@
46
47
  "@faker-js/faker": "^8.0.0",
47
48
  "@floating-ui/dom": "^1.5.1",
48
49
  "animate.css": "^4.1.1",
50
+ "fs-extra": "^11.2.0",
49
51
  "qrious": "^4.0.2",
50
52
  "tinycolor2": "^1.6.0",
51
53
  "wj-elements": "^0.1.19"