wj-elements 0.1.17 → 0.1.19

package/dist/light.css

@@ -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: 0 2px 4px rgba(0, 0, 0, .1);--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, 68%, 41%, 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-width: 32px;--wje-avatar-height: 32px;--wje-avatar-font-size: var(--wje-font-size-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-badge-padding-block-start: var(--wje-spacing-3x-small);--wje-badge-padding-block-end: var(--wje-spacing-3x-small);--wje-badge-padding-inline-start: var(--wje-spacing-2x-small);--wje-badge-padding-inline-end: var(--wje-spacing-2x-small);--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: none;--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-grey-check-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTHBwcG9vb3BwcBFjhIYAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==) left center;--wje-white-check-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTP///////////waf0AoAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==) left center;--wje-checkbox-margin-top: 0;--wje-checkbox-margin-bottom: var(--wje-spacing-x-small);--wje-checkbox-margin-inline: 0;--wje-checkbox-width: 1rem;--wje-checkbox-height: 1rem;--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-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-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-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-11);--wje-tab-color-hover: var(--wje-color-primary-1);--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-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}
+: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, 68%, 41%, 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-badge-padding-block-start: var(--wje-spacing-3x-small);--wje-badge-padding-block-end: var(--wje-spacing-3x-small);--wje-badge-padding-inline-start: var(--wje-spacing-2x-small);--wje-badge-padding-inline-end: var(--wje-spacing-2x-small);--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: none;--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-grey-check-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTHBwcG9vb3BwcBFjhIYAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==) left center;--wje-white-check-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTP///////////waf0AoAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==) left center;--wje-checkbox-margin-top: 0;--wje-checkbox-margin-bottom: var(--wje-spacing-x-small);--wje-checkbox-margin-inline: 0;--wje-checkbox-width: 1rem;--wje-checkbox-height: 1rem;--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-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-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-11);--wje-tab-color-hover: var(--wje-color-primary-1);--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-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}

package/dist/{popup.element-h7LE4nYc.js → popup.element-DE8fye8C.js}

@@ -23,7 +23,7 @@ function K(t, e) {
 function j(t) {
   return t.split("-")[0];
 }
-function I(t) {
+function _(t) {
   return t.split("-")[1];
 }
 function kt(t) {
@@ -40,18 +40,18 @@ function ct(t) {
 }
 function Ht(t, e, n) {
   n === void 0 && (n = !1);
-  const o = I(t), i = ct(t), s = rt(i);
+  const o = _(t), i = ct(t), s = rt(i);
   let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return e.reference[s] > e.floating[s] && (r = tt(r)), [r, tt(r)];
 }
-function Mt(t) {
+function Wt(t) {
   const e = tt(t);
   return [st(t), e, st(e)];
 }
 function st(t) {
   return t.replace(/start|end/g, (e) => St[e]);
 }
-function Wt(t, e, n) {
+function Mt(t, e, n) {
   const o = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
   switch (t) {
     case "top":
@@ -65,8 +65,8 @@ function Wt(t, e, n) {
   }
 }
 function Ft(t, e, n, o) {
-  const i = I(t);
-  let s = Wt(j(t), n === "start", o);
+  const i = _(t);
+  let s = Mt(j(t), n === "start", o);
   return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(st)))), s;
 }
 function tt(t) {
@@ -136,7 +136,7 @@ function ht(t, e, n) {
         y: o.y
       };
   }
-  switch (I(e)) {
+  switch (_(e)) {
     case "start":
       f[r] -= p * (n && a ? -1 : 1);
       break;
@@ -167,7 +167,7 @@ const Bt = async (t, e, n) => {
       fn: g
     } = l[m], {
       x,
-      y: b,
+      y,
       data: A,
       reset: v
     } = await g({
@@ -184,7 +184,7 @@ const Bt = async (t, e, n) => {
         floating: e
       }
     });
-    if (d = x ?? d, h = b ?? h, f = {
+    if (d = x ?? d, h = y ?? h, f = {
       ...f,
       [w]: {
         ...f[w],
@@ -235,7 +235,7 @@ async function wt(t, e) {
     ...r.floating,
     x: o,
     y: i
-  } : r.reference, b = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), A = await (s.isElement == null ? void 0 : s.isElement(b)) ? await (s.getScale == null ? void 0 : s.getScale(b)) || {
+  } : r.reference, y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), A = await (s.isElement == null ? void 0 : s.isElement(y)) ? await (s.getScale == null ? void 0 : s.getScale(y)) || {
     x: 1,
     y: 1
   } : {
@@ -243,7 +243,7 @@ async function wt(t, e) {
     y: 1
   }, v = et(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: x,
-    offsetParent: b,
+    offsetParent: y,
     strategy: c
   }) : x);
   return {
@@ -274,10 +274,10 @@ const Vt = (t) => ({
     const h = gt(d), p = {
       x: n,
       y: o
-    }, f = ct(i), u = rt(f), m = await r.getDimensions(a), w = f === "y", g = w ? "top" : "left", x = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", A = s.reference[u] + s.reference[f] - p[f] - s.floating[u], v = p[f] - s.reference[f], y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
-    let E = y ? y[b] : 0;
-    (!E || !await (r.isElement == null ? void 0 : r.isElement(y))) && (E = l.floating[b] || s.floating[u]);
-    const P = A / 2 - v / 2, F = E / 2 - m[u] / 2 - 1, Y = N(h[g], F), X = N(h[x], F), L = Y, q = E - m[u] - X, C = E / 2 - m[u] / 2 + P, S = Dt(L, C, q), D = !c.arrow && I(i) != null && C != S && s.reference[u] / 2 - (C < L ? Y : X) - m[u] / 2 < 0, H = D ? C < L ? C - L : C - q : 0;
+    }, f = ct(i), u = rt(f), m = await r.getDimensions(a), w = f === "y", g = w ? "top" : "left", x = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", A = s.reference[u] + s.reference[f] - p[f] - s.floating[u], v = p[f] - s.reference[f], b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let E = b ? b[y] : 0;
+    (!E || !await (r.isElement == null ? void 0 : r.isElement(b))) && (E = l.floating[y] || s.floating[u]);
+    const P = A / 2 - v / 2, F = E / 2 - m[u] / 2 - 1, Y = N(h[g], F), X = N(h[x], F), L = Y, q = E - m[u] - X, C = E / 2 - m[u] / 2 + P, S = Dt(L, C, q), D = !c.arrow && _(i) != null && C != S && s.reference[u] / 2 - (C < L ? Y : X) - m[u] / 2 < 0, H = D ? C < L ? C - L : C - q : 0;
     return {
       [f]: p[f] + H,
       data: {
@@ -314,13 +314,13 @@ const Vt = (t) => ({
       } = K(t, e);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const g = j(i), x = j(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), A = p || (x || !m ? [tt(l)] : Mt(l));
-      !p && u !== "none" && A.push(...Ft(l, m, u, b));
-      const v = [l, ...A], y = await wt(e, w), E = [];
+      const g = j(i), x = j(l) === l, y = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), A = p || (x || !m ? [tt(l)] : Wt(l));
+      !p && u !== "none" && A.push(...Ft(l, m, u, y));
+      const v = [l, ...A], b = await wt(e, w), E = [];
       let P = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (d && E.push(y[g]), h) {
-        const L = Ht(i, r, b);
-        E.push(y[L[0]], y[L[1]]);
+      if (d && E.push(b[g]), h) {
+        const L = Ht(i, r, y);
+        E.push(b[L[0]], b[L[1]]);
       }
       if (P = [...P, {
         placement: i,
@@ -367,7 +367,7 @@ async function zt(t, e) {
     placement: n,
     platform: o,
     elements: i
-  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = j(n), l = I(n), c = nt(n) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = s && c ? -1 : 1, h = K(e, t);
+  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = j(n), l = _(n), c = nt(n) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = s && c ? -1 : 1, h = K(e, t);
   let {
     mainAxis: p,
     crossAxis: f,
@@ -390,7 +390,7 @@ async function zt(t, e) {
     y: f * d
   };
 }
-const _t = function(t) {
+const $t = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -406,7 +406,7 @@ const _t = function(t) {
       };
     }
   };
-}, $t = function(t) {
+}, It = function(t) {
   return t === void 0 && (t = {}), {
     name: "size",
     options: t,
@@ -420,29 +420,29 @@ const _t = function(t) {
         apply: r = () => {
         },
         ...l
-      } = K(t, e), c = await wt(e, l), a = j(n), d = I(n), h = nt(n) === "y", {
+      } = K(t, e), c = await wt(e, l), a = j(n), d = _(n), h = nt(n) === "y", {
         width: p,
         height: f
       } = o.floating;
       let u, m;
       a === "top" || a === "bottom" ? (u = a, m = d === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (m = a, u = d === "end" ? "top" : "bottom");
       const w = f - c[u], g = p - c[m], x = !e.middlewareData.shift;
-      let b = w, A = g;
+      let y = w, A = g;
       if (h) {
-        const y = p - c.left - c.right;
-        A = d || x ? N(g, y) : y;
+        const b = p - c.left - c.right;
+        A = d || x ? N(g, b) : b;
       } else {
-        const y = f - c.top - c.bottom;
-        b = d || x ? N(w, y) : y;
+        const b = f - c.top - c.bottom;
+        y = d || x ? N(w, b) : b;
       }
       if (x && !d) {
-        const y = R(c.left, 0), E = R(c.right, 0), P = R(c.top, 0), F = R(c.bottom, 0);
-        h ? A = p - 2 * (y !== 0 || E !== 0 ? y + E : R(c.left, c.right)) : b = f - 2 * (P !== 0 || F !== 0 ? P + F : R(c.top, c.bottom));
+        const b = R(c.left, 0), E = R(c.right, 0), P = R(c.top, 0), F = R(c.bottom, 0);
+        h ? A = p - 2 * (b !== 0 || E !== 0 ? b + E : R(c.left, c.right)) : y = f - 2 * (P !== 0 || F !== 0 ? P + F : R(c.top, c.bottom));
       }
       await r({
         ...e,
         availableWidth: A,
-        availableHeight: b
+        availableHeight: y
       });
       const v = await i.getDimensions(s.floating);
       return p !== v.width || f !== v.height ? {
@@ -460,14 +460,14 @@ function O(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function W(t) {
+function M(t) {
   var e;
   return (e = (vt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function vt(t) {
   return t instanceof Node || t instanceof O(t).Node;
 }
-function M(t) {
+function W(t) {
   return t instanceof Element || t instanceof O(t).Element;
 }
 function k(t) {
@@ -485,7 +485,7 @@ function G(t) {
   } = T(t);
   return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !["inline", "contents"].includes(i);
 }
-function It(t) {
+function _t(t) {
   return ["table", "td", "th"].includes(V(t));
 }
 function lt(t) {
@@ -493,11 +493,11 @@ function lt(t) {
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
 function Yt(t) {
-  let e = $(t);
+  let e = I(t);
   for (; k(e) && !ot(e); ) {
     if (lt(e))
       return e;
-    e = $(e);
+    e = I(e);
   }
   return null;
 }
@@ -511,7 +511,7 @@ function T(t) {
   return O(t).getComputedStyle(t);
 }
 function it(t) {
-  return M(t) ? {
+  return W(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -519,7 +519,7 @@ function it(t) {
     scrollTop: t.pageYOffset
   };
 }
-function $(t) {
+function I(t) {
   if (V(t) === "html")
     return t;
   const e = (
@@ -527,12 +527,12 @@ function $(t) {
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
     dt(t) && t.host || // Fallback.
-    W(t)
+    M(t)
   );
   return dt(e) ? e.host : e;
 }
 function xt(t) {
-  const e = $(t);
+  const e = I(t);
   return ot(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && G(e) ? e : xt(e);
 }
 function J(t, e, n) {
@@ -541,7 +541,7 @@ function J(t, e, n) {
   const i = xt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = O(i);
   return s ? e.concat(r, r.visualViewport || [], G(i) ? i : [], r.frameElement && n ? J(r.frameElement) : []) : e.concat(i, J(i, [], n));
 }
-function bt(t) {
+function yt(t) {
   const e = T(t);
   let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
   const i = k(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = Z(n) !== s || Z(o) !== r;
@@ -552,9 +552,9 @@ function bt(t) {
   };
 }
 function ft(t) {
-  return M(t) ? t : t.contextElement;
+  return W(t) ? t : t.contextElement;
 }
-function _(t) {
+function $(t) {
   const e = ft(t);
   if (!k(e))
     return B(1);
@@ -562,7 +562,7 @@ function _(t) {
     width: o,
     height: i,
     $: s
-  } = bt(e);
+  } = yt(e);
   let r = (s ? Z(n.width) : n.width) / o, l = (s ? Z(n.height) : n.height) / i;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
@@ -570,7 +570,7 @@ function _(t) {
   };
 }
 const Xt = /* @__PURE__ */ B(0);
-function yt(t) {
+function bt(t) {
   const e = O(t);
   return !at() || !e.visualViewport ? Xt : {
     x: e.visualViewport.offsetLeft,
@@ -584,15 +584,15 @@ function z(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
   const i = t.getBoundingClientRect(), s = ft(t);
   let r = B(1);
-  e && (o ? M(o) && (r = _(o)) : r = _(t));
-  const l = qt(s, n, o) ? yt(s) : B(0);
+  e && (o ? W(o) && (r = $(o)) : r = $(t));
+  const l = qt(s, n, o) ? bt(s) : B(0);
   let c = (i.left + l.x) / r.x, a = (i.top + l.y) / r.y, d = i.width / r.x, h = i.height / r.y;
   if (s) {
-    const p = O(s), f = o && M(o) ? O(o) : o;
+    const p = O(s), f = o && W(o) ? O(o) : o;
     let u = p.frameElement;
     for (; u && o && f !== p; ) {
-      const m = _(u), w = u.getBoundingClientRect(), g = T(u), x = w.left + (u.clientLeft + parseFloat(g.paddingLeft)) * m.x, b = w.top + (u.clientTop + parseFloat(g.paddingTop)) * m.y;
-      c *= m.x, a *= m.y, d *= m.x, h *= m.y, c += x, a += b, u = O(u).frameElement;
+      const m = $(u), w = u.getBoundingClientRect(), g = T(u), x = w.left + (u.clientLeft + parseFloat(g.paddingLeft)) * m.x, y = w.top + (u.clientTop + parseFloat(g.paddingTop)) * m.y;
+      c *= m.x, a *= m.y, d *= m.x, h *= m.y, c += x, a += y, u = O(u).frameElement;
     }
   }
   return et({
@@ -608,7 +608,7 @@ function Ut(t) {
     offsetParent: n,
     strategy: o
   } = t;
-  const i = k(n), s = W(n);
+  const i = k(n), s = M(n);
   if (n === s)
     return e;
   let r = {
@@ -618,7 +618,7 @@ function Ut(t) {
   const c = B(0);
   if ((i || !i && o !== "fixed") && ((V(n) !== "body" || G(s)) && (r = it(n)), k(n))) {
     const a = z(n);
-    l = _(n), c.x = a.x + n.clientLeft, c.y = a.y + n.clientTop;
+    l = $(n), c.x = a.x + n.clientLeft, c.y = a.y + n.clientTop;
   }
   return {
     width: e.width * l.x,
@@ -631,10 +631,10 @@ function Jt(t) {
   return Array.from(t.getClientRects());
 }
 function At(t) {
-  return z(W(t)).left + it(t).scrollLeft;
+  return z(M(t)).left + it(t).scrollLeft;
 }
 function Kt(t) {
-  const e = W(t), n = it(t), o = t.ownerDocument.body, i = R(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = R(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  const e = M(t), n = it(t), o = t.ownerDocument.body, i = R(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = R(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
   let r = -n.scrollLeft + At(t);
   const l = -n.scrollTop;
   return T(o).direction === "rtl" && (r += R(e.clientWidth, o.clientWidth) - i), {
@@ -645,7 +645,7 @@ function Kt(t) {
   };
 }
 function Gt(t, e) {
-  const n = O(t), o = W(t), i = n.visualViewport;
+  const n = O(t), o = M(t), i = n.visualViewport;
   let s = o.clientWidth, r = o.clientHeight, l = 0, c = 0;
   if (i) {
     s = i.width, r = i.height;
@@ -660,7 +660,7 @@ function Gt(t, e) {
   };
 }
 function Qt(t, e) {
-  const n = z(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = k(t) ? _(t) : B(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = i * s.x, a = o * s.y;
+  const n = z(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = k(t) ? $(t) : B(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = i * s.x, a = o * s.y;
   return {
     width: r,
     height: l,
@@ -673,11 +673,11 @@ function pt(t, e, n) {
   if (e === "viewport")
     o = Gt(t, n);
   else if (e === "document")
-    o = Kt(W(t));
-  else if (M(e))
+    o = Kt(M(t));
+  else if (W(e))
     o = Qt(e, n);
   else {
-    const i = yt(t);
+    const i = bt(t);
     o = {
       ...e,
       x: e.x - i.x,
@@ -687,19 +687,19 @@ function pt(t, e, n) {
   return et(o);
 }
 function Et(t, e) {
-  const n = $(t);
-  return n === e || !M(n) || ot(n) ? !1 : T(n).position === "fixed" || Et(n, e);
+  const n = I(t);
+  return n === e || !W(n) || ot(n) ? !1 : T(n).position === "fixed" || Et(n, e);
 }
 function Zt(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let o = J(t, [], !1).filter((l) => M(l) && V(l) !== "body"), i = null;
+  let o = J(t, [], !1).filter((l) => W(l) && V(l) !== "body"), i = null;
   const s = T(t).position === "fixed";
-  let r = s ? $(t) : t;
-  for (; M(r) && !ot(r); ) {
+  let r = s ? I(t) : t;
+  for (; W(r) && !ot(r); ) {
     const l = T(r), c = lt(r);
-    !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || G(r) && !c && Et(t, r)) ? o = o.filter((d) => d !== r) : i = l, r = $(r);
+    !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || G(r) && !c && Et(t, r)) ? o = o.filter((d) => d !== r) : i = l, r = I(r);
   }
   return e.set(t, o), o;
 }
@@ -722,10 +722,10 @@ function te(t) {
   };
 }
 function ee(t) {
-  return bt(t);
+  return yt(t);
 }
 function ne(t, e, n) {
-  const o = k(e), i = W(e), s = n === "fixed", r = z(t, !0, s, e);
+  const o = k(e), i = M(e), s = n === "fixed", r = z(t, !0, s, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
@@ -752,7 +752,7 @@ function Ct(t, e) {
   if (!k(t))
     return n;
   let o = mt(t, e);
-  for (; o && It(o) && T(o).position === "static"; )
+  for (; o && _t(o) && T(o).position === "static"; )
     o = mt(o, e);
   return o && (V(o) === "html" || V(o) === "body" && T(o).position === "static" && !lt(o)) ? n : o || Yt(t) || n;
 }
@@ -777,19 +777,19 @@ function ie(t) {
 }
 const se = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Ut,
-  getDocumentElement: W,
+  getDocumentElement: M,
   getClippingRect: te,
   getOffsetParent: Ct,
   getElementRects: oe,
   getClientRects: Jt,
   getDimensions: ee,
-  getScale: _,
-  isElement: M,
+  getScale: $,
+  isElement: W,
   isRTL: ie
 };
 function re(t, e) {
   let n = null, o;
-  const i = W(t);
+  const i = M(t);
   function s() {
     clearTimeout(o), n && n.disconnect(), n = null;
   }
@@ -807,17 +807,17 @@ function re(t, e) {
       rootMargin: -f + "px " + -u + "px " + -m + "px " + -w + "px",
       threshold: R(0, N(1, c)) || 1
     };
-    let b = !0;
+    let y = !0;
     function A(v) {
-      const y = v[0].intersectionRatio;
-      if (y !== c) {
-        if (!b)
+      const b = v[0].intersectionRatio;
+      if (b !== c) {
+        if (!y)
           return r();
-        y ? r(!1, y) : o = setTimeout(() => {
+        b ? r(!1, b) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 100);
       }
-      b = !1;
+      y = !1;
     }
     try {
       n = new IntersectionObserver(A, {
@@ -904,7 +904,7 @@ class he extends Tt {
    * @returns {boolean} The value of the manual property.
    */
   get manual() {
-    return console.log("MANUAL", this.hasAttribute("manual"), this._manual), this.hasAttribute("manual") && (this._manual = !0), this._manual;
+    return this.hasAttribute("manual") && (this._manual = !0), this._manual;
   }
   /**
    * Returns the CSS styles for the component.
@@ -994,11 +994,11 @@ class he extends Tt {
         element: this.arrow
       })
     ), this.offsetCalc = Math.sqrt(2 * this.arrow.offsetWidth ** 2) / 2 + +this.offset)), n.push(
-      _t(this.offsetCalc)
+      $t(this.offsetCalc)
     ), n.push(
       jt()
     ), this.hasAttribute("size") && n.push(
-      $t({
+      It({
         apply({ availableWidth: o, availableHeight: i, elements: s }) {
           Object.assign(s.floating.style, {
             width: `${s.reference.offsetWidth}px`

package/dist/wje-avatar.js

@@ -1,19 +1,19 @@
-var u = Object.defineProperty;
-var w = (a, e, t) => e in a ? u(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var c = (a, e, t) => (w(a, typeof e != "symbol" ? e + "" : e, t), t);
-import p from "./wje-element.js";
-function m(a, e = 30, t = 80) {
-  let s = a, i = 0;
-  for (let o = 0; o < (s == null ? void 0 : s.length); o++)
-    i = s.charCodeAt(o) + ((i << 5) - i);
-  return "hsl(" + i % 360 + ", " + e + "%, " + t + "%)";
+var w = Object.defineProperty;
+var u = (a, t, e) => t in a ? w(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var m = (a, t, e) => (u(a, typeof t != "symbol" ? t + "" : t, e), e);
+import c from "./wje-element.js";
+function j(a, t = 30, e = 80) {
+  let r = a, o = 0;
+  for (let i = 0; i < (r == null ? void 0 : r.length); i++)
+    o = r.charCodeAt(i) + ((o << 5) - o);
+  return "hsl(" + o % 360 + ", " + t + "%, " + e + "%)";
 }
-function g(a, e = 2) {
-  let t = a.split(" "), s = t[0].substring(0, 1).toUpperCase();
-  return t.length > 1 && e > 1 && (s += t[t.length - 1].substring(0, 1).toUpperCase()), s;
+function p(a, t = 2) {
+  let e = a.split(" "), r = e[0].substring(0, 1).toUpperCase();
+  return e.length > 1 && t > 1 && (r += e[e.length - 1].substring(0, 1).toUpperCase()), r;
 }
-const b = ":host{display:inline-block;width:var(--wje-avatar-width);height:var(--wje-avatar-height);font-size:var(--wje-avatar-font-size);font-weight:var(--wje-avatar-font-weight);color:var(--wje-avatar-color)}:host .native-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--wje-avatar-border-radius);background-color:var(--wje-avatar-background-color)}::slotted([slot=status]){display:flex;position:absolute;bottom:-4px;right:-4px}::slotted(wje-img),::slotted(img){border-radius:var(--wje-avatar-border-radius);width:100%;height:100%;object-fit:cover;overflow:hidden}:host(.wje-avatar-border){border-color:var(--wje-avatar-border-color);border-width:var(--wje-avatar-border-width);border-style:var(--wje-avatar-border-style)}:host(.wje-avatar-small){--wje-avatar-width: 24px;--wje-avatar-height: 24px}:host(.wje-avatar-large){--wje-avatar-width: 48px;--wje-avatar-height: 48px}";
-class v extends p {
+const z = ':host{display:inline-block;font-size:var(--wje-avatar-font-size);font-weight:var(--wje-avatar-font-weight);color:var(--wje-avatar-color)}:host .native-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:var(--wje-avatar-size);height:var(--wje-avatar-size);border-radius:var(--wje-avatar-border-radius);background-color:var(--wje-avatar-background-color)}::slotted(wje-img),::slotted(img){border-radius:var(--wje-avatar-border-radius);width:100%;height:100%;object-fit:cover;overflow:hidden}:host(.wje-avatar-border){border-color:var(--wje-avatar-border-color);border-width:var(--wje-avatar-border-width);border-style:var(--wje-avatar-border-style)}:host([size="small"]){--wje-avatar-size: var(--wje-size-small);--wje-avatar-font-size: var(--wje-font-size-2x-small)}:host([size="medium"]){--wje-avatar-size: var(--wje-size-medium);--wje-avatar-font-size: var(--wje-font-size-2x-small)}:host([size="normal"]){--wje-avatar-size: var(--wje-size)}:host([size="large"]){--wje-avatar-size: var(--wje-size-large)}:host([size="x-large"]){--wje-avatar-size: var(--wje-size-x-large)}:host([size="2x-large"]){--wje-avatar-size: var(--wje-size-2x-large);--wje-avatar-font-size: var(--wje-font-size-small)}:host([size="3x-large"]){--wje-avatar-size: var(--wje-size-3x-large);--wje-avatar-font-size: var(--wje-font-size-medium)}:host([size="4x-large"]){--wje-avatar-size: var(--wje-size-4x-large);--wje-avatar-font-size: var(--wje-font-size-x-large)}:host([size="5x-large"]){--wje-avatar-size: var(--wje-size-5x-large);--wje-avatar-font-size: var(--wje-font-size-3x-large)}:host slot[name=status]{display:block;position:absolute}:host([status-placement=top-start]) slot[name=status]{top:-4px;left:-4px}:host([status-placement=top-end]) slot[name=status]{top:-4px;right:-4px}:host([status-placement=bottom-start]) slot[name=status]{bottom:-4px;left:-4px}:host([status-placement=bottom-end]) slot[name=status]{bottom:-4px;right:-4px}';
+class h extends c {
   /**
    * Avatar class constructor
    */
@@ -22,14 +22,14 @@ class v extends p {
     /**
      * Class name
      */
-    c(this, "className", "Avatar");
+    m(this, "className", "Avatar");
   }
   /**
    * Getter for cssStyleSheet
    * @returns {string} styles
    */
   static get cssStyleSheet() {
-    return b;
+    return z;
   }
   /**
    * Method to setup attributes
@@ -44,21 +44,21 @@ class v extends p {
    * @param {object} params - The parameters
    * @returns {object} fragment - The document fragment
    */
-  draw(t, s, i) {
-    let n = document.createDocumentFragment(), r = document.createElement("div");
-    r.setAttribute("part", "native"), r.classList.add("native-avatar"), this.size && this.classList.add("wje-avatar-" + this.size);
-    let o = document.createElement("slot");
-    if (r.appendChild(o), this.hasAttribute("initials")) {
-      let l = g(this.label);
-      this.setAttribute("style", `--wje-avatar-background-color: ${m(l)}`), r.innerText = l;
+  draw(e, r, o) {
+    let n = document.createDocumentFragment(), s = document.createElement("div");
+    s.setAttribute("part", "native"), s.classList.add("native-avatar");
+    let i = document.createElement("slot");
+    if (s.appendChild(i), this.hasAttribute("initials")) {
+      let l = p(this.label);
+      this.setAttribute("style", `--wje-avatar-background-color: ${j(l)}`), s.innerText = l;
     } else {
       let l = document.createElement("slot");
-      l.setAttribute("name", "icon"), r.appendChild(l);
+      l.setAttribute("name", "icon"), s.appendChild(l);
     }
+    let v = document.createElement("slot");
+    v.setAttribute("name", "status"), v.setAttribute("part", "status");
     let d = document.createElement("slot");
-    d.setAttribute("name", "status"), d.setAttribute("part", "status");
-    let h = document.createElement("slot");
-    return h.setAttribute("name", "secondary"), h.setAttribute("part", "secondary"), r.appendChild(d), r.appendChild(h), n.appendChild(r), n;
+    return d.setAttribute("name", "secondary"), d.setAttribute("part", "secondary"), s.appendChild(v), s.appendChild(d), n.appendChild(s), n;
   }
   /**
    * Method to check if the avatar is an image
@@ -68,7 +68,7 @@ class v extends p {
     return this.getElementsByTagName("wje-img").length > 0;
   }
 }
-v.define("wje-avatar", v);
+h.define("wje-avatar", h);
 export {
-  v as default
+  h as default
 };

package/dist/wje-dropdown.js

@@ -2,7 +2,7 @@ var d = Object.defineProperty;
 var u = (r, t, e) => t in r ? d(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
 var i = (r, t, e) => (u(r, typeof t != "symbol" ? t + "" : t, e), e);
 import m, { event as a } from "./wje-element.js";
-import { P as w } from "./popup.element-h7LE4nYc.js";
+import { P as w } from "./popup.element-DE8fye8C.js";
 class h extends m {
   constructor() {
     super();

package/dist/wje-icon-picker.js

@@ -6,7 +6,7 @@ import u from "./wje-infinite-scroll.js";
 import v from "./wje-input.js";
 import f from "./wje-tooltip.js";
 import "./wje-popup.js";
-import { P as k } from "./popup.element-h7LE4nYc.js";
+import { P as k } from "./popup.element-DE8fye8C.js";
 const x = ":host{--wje-icon-picker-radius: var(--wje-border-radius-small);--wje-icon-picker-icon-size: 1.5rem;--wje-icon-picker-border-width: 1px;--wje-icon-picker-border-style: solid;--wje-icon-picker-border-color: var(--wje-border-color);--wje-icon-picker-padding: .25rem;padding:0 1rem}.anchor{width:var(--wje-icon-picker-icon-size);height:var(--wje-icon-picker-icon-size);padding:var(--wje-icon-picker-padding);border-width:var(--wje-icon-picker-border-width);border-style:var(--wje-icon-picker-border-style);border-color:var(--wje-icon-picker-border-color);box-sizing:border-box;border-radius:var(--wje-icon-picker-radius)}.picker{width:320px;height:271px;box-shadow:0 0 5px #0000000d,0 5px 20px #0000001a;border-radius:var(--wje-icon-picker-radius);border-width:var(--wje-icon-picker-border-width);border-style:var(--wje-icon-picker-border-style);border-color:var(--wje-icon-picker-border-color);overflow:auto;padding:1rem;background:var(--wje-background)}.icon-items{--icon-min-width: 2rem;display:grid;grid-gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(var(--icon-min-width),1fr))}.icon-item{box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;color:inherit;padding:.25rem;min-height:var(--wje-icon-picker-icon-size);min-width:var(--wje-icon-picker-icon-size);text-decoration:none}.icon-item:hover{border-radius:.25rem;background:var(--wje-border-color)}.wje-size{--wje-icon-size: 24px !important}icon-item svg{width:var(--wje-icon-picker-icon-size);height:var(--wje-icon-picker-icon-size)}wje-input{--wje-input-border-radius: 4px;--wje-input-margin-bottom: 0}wje-infinite-scroll{margin-top:1rem}wje-select{--wje-select-border-width: 0 0 1px 0 !important;--wje-select-border-radius: 0 !important;margin-bottom:1rem}.anchor wje-icon{--wje-icon-size: 100% !important}";
 class m extends b {
   /**

package/dist/wje-icon.js

@@ -1,21 +1,21 @@
 var g = Object.defineProperty;
-var w = (e, t, r) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var d = (e, t, r) => (w(e, typeof t != "symbol" ? t + "" : t, r), r);
+var w = (e, t, s) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var d = (e, t, s) => (w(e, typeof t != "symbol" ? t + "" : t, s), s);
 import m from "./wje-element.js";
 const n = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
 let l;
 const j = (e) => c(e) && (e = e.trim(), z(e)) ? e : null, z = (e) => e.length > 0 && /(\/|\.)/.test(e), p = (e) => e.startsWith("data:image/svg+xml"), x = (e) => e.indexOf(";utf8,") !== -1, c = (e) => typeof e == "string", b = (e) => {
   const t = document.createElement("div");
   t.innerHTML = e;
-  const r = t.firstElementChild;
-  return r && r.nodeName.toLowerCase() === "svg" && (r.getAttribute("class"), f(r)) ? t.innerHTML : "";
+  const s = t.firstElementChild;
+  return s && s.nodeName.toLowerCase() === "svg" && (s.getAttribute("class"), f(s)) ? t.innerHTML : "";
 }, f = (e) => {
   if (e.nodeType === 1) {
     if (e.nodeName.toLowerCase() === "script")
       return !1;
     for (let t = 0; t < e.attributes.length; t++) {
-      const r = e.attributes[t].name;
-      if (c(r) && r.toLowerCase().indexOf("on") === 0)
+      const s = e.attributes[t].name;
+      if (c(s) && s.toLowerCase().indexOf("on") === 0)
         return !1;
     }
     for (let t = 0; t < e.childNodes.length; t++)
@@ -24,32 +24,32 @@ const j = (e) => c(e) && (e = e.trim(), z(e)) ? e : null, z = (e) => e.length >
   }
   return !0;
 }, y = (e, t) => {
-  let r = v.get(e);
-  if (!r)
+  let s = v.get(e);
+  if (!s)
     if (typeof fetch < "u" && typeof document < "u")
       if (p(e) && x(e)) {
         l || (l = new DOMParser());
-        const s = l.parseFromString(e, "text/html").querySelector("svg");
-        return s && n.set(e, s.outerHTML), Promise.resolve();
+        const r = l.parseFromString(e, "text/html").querySelector("svg");
+        return r && n.set(e, r.outerHTML), Promise.resolve();
       } else
-        r = fetch(e).then((o) => {
+        s = fetch(e).then((o) => {
           if (o.ok)
-            return o.text().then((s) => {
-              s && t !== !1 && (s = b(s)), n.set(e, s || "");
+            return o.text().then((r) => {
+              r && t !== !1 && (r = b(r)), n.set(e, r || "");
             });
           n.set(e, "");
-        }), v.set(e, r);
+        }), v.set(e, s);
     else
       return n.set(e, ""), Promise.resolve();
-  return r;
+  return s;
 }, k = (e) => {
   let t = j(e.src);
   return t || (t = L(e.name), t ? S(t, e.hasAttribute("filled")) : null);
 }, L = (e) => !c(e) || e.trim() === "" || e.replace(/[a-z]|-|\d/gi, "") !== "" ? null : e, S = (e, t = !1) => {
-  const r = `/assets/img/icons/${t ? "filled" : "outline"}/${e}.svg`;
-  let o = new URL(import.meta.url), s = o.pathname, i = s.substring(0, s.lastIndexOf("/"));
-  return new URL(o.origin + i + r).href;
-}, E = '.native-icon{display:flex;align-items:center;width:var(--wje-icon-size);height:var(--wje-icon-size)}svg{width:100%;height:100%;stroke-width:var(--wje-icon-stroke);color:var(--wje-icon-color)}:host([stroke="1"]){--wje-icon-stroke: 1}:host([stroke="1.25"]){--wje-icon-stroke: 1.25}:host([stroke="1.5"]){--wje-icon-stroke: 1.5}:host([stroke="1.75"]){--wje-icon-stroke: 1.75}:host([stroke="2"]){--wje-icon-stroke: 2}:host([size="x-small"]){--wje-icon-size: var(--wje-size-x-small)}:host([size="small"]){--wje-icon-size: var(--wje-size-small)}:host([size="medium"]){--wje-icon-size: var(--wje-size-medium)}:host([size="large"]){--wje-icon-size: var(--wje-size-large)}:host([size="x-large"]){--wje-icon-size: var(--wje-size-x-large)}:host([size="2x-large"]){--wje-icon-size: var(--wje-size-2x-large)}:host([size="3x-large"]){--wje-icon-size: var(--wje-size-3x-large)}:host([size="4x-large"]){--wje-icon-size: var(--wje-size-4x-large)}:host([color="primary"]) .native-icon{color:var(--wje-color-primary-11)}:host([color="complete"]) .native-icon{color:var(--wje-color-complete-11)}:host([color="success"]) .native-icon{color:var(--wje-color-success-11)}:host([color="warning"]) .native-icon{color:var(--wje-color-warning-11)}:host([color="danger"]) .native-icon{color:var(--wje-color-danger-11)}:host([color="info"]) .native-icon{color:var(--wje-color-info-11)}:host([color="menu"]) .native-icon{color:var(--wje-color-contrast-11)}';
+  const s = `/assets/img/icons/${t ? "filled" : "outline"}/${e}.svg`;
+  let o = new URL(import.meta.url), r = o.pathname, i = r.substring(0, r.lastIndexOf("/"));
+  return new URL(o.origin + i + s).href;
+}, E = ':host{width:var(--wje-icon-size);height:var(--wje-icon-size)}.native-icon{display:flex;align-items:center}svg{width:100%;height:100%;stroke-width:var(--wje-icon-stroke);color:var(--wje-icon-color)}:host([stroke="1"]){--wje-icon-stroke: 1}:host([stroke="1.25"]){--wje-icon-stroke: 1.25}:host([stroke="1.5"]){--wje-icon-stroke: 1.5}:host([stroke="1.75"]){--wje-icon-stroke: 1.75}:host([stroke="2"]){--wje-icon-stroke: 2}:host([size="2x-small"]){--wje-icon-size: var(--wje-size-2x-small)}:host([size="x-small"]){--wje-icon-size: var(--wje-size-x-small)}:host([size="small"]){--wje-icon-size: var(--wje-size-small)}:host([size="medium"]){--wje-icon-size: var(--wje-size-medium)}:host([size="large"]){--wje-icon-size: var(--wje-size-large)}:host([size="x-large"]){--wje-icon-size: var(--wje-size-x-large)}:host([size="2x-large"]){--wje-icon-size: var(--wje-size-2x-large)}:host([size="3x-large"]){--wje-icon-size: var(--wje-size-3x-large)}:host([size="4x-large"]){--wje-icon-size: var(--wje-size-4x-large)}:host([color="primary"]) .native-icon{color:var(--wje-color-primary-11)}:host([color="complete"]) .native-icon{color:var(--wje-color-complete-11)}:host([color="success"]) .native-icon{color:var(--wje-color-success-11)}:host([color="warning"]) .native-icon{color:var(--wje-color-warning-11)}:host([color="danger"]) .native-icon{color:var(--wje-color-danger-11)}:host([color="info"]) .native-icon{color:var(--wje-color-info-11)}:host([color="menu"]) .native-icon{color:var(--wje-color-contrast-11)}';
 class u extends m {
   /**
    * Creates an instance of IconElement.
@@ -92,7 +92,7 @@ class u extends m {
    * @param {Object} params - The parameters for drawing.
    * @returns {DocumentFragment}
    */
-  draw(r, o, s) {
+  draw(s, o, r) {
     let i = document.createDocumentFragment();
     this.classList.add("lazy-loaded-image", "lazy");
     let a = document.createElement("div");
@@ -102,15 +102,15 @@ class u extends m {
    * Called after the component has been drawn.
    */
   afterDraw() {
-    let r = new IntersectionObserver((o, s) => {
+    let s = new IntersectionObserver((o, r) => {
       o.forEach((i) => {
         i.isIntersecting && (y(this.url).then((a) => {
           var h;
           this.native.innerHTML = n == null ? void 0 : n.get(this.url), (h = this.native.querySelector("svg")) == null || h.setAttribute("part", "svg");
-        }), this.classList.remove("lazy"), r.unobserve(i.target));
+        }), this.classList.remove("lazy"), s.unobserve(i.target));
       });
     });
-    r.observe(this.native);
+    s.observe(this.native);
   }
 }
 u.define("wje-icon", u);

package/dist/wje-master.js

@@ -6,7 +6,7 @@ import { L as e } from "./localize-DVuO3S17.js";
 import { default as w } from "./wje-accordion.js";
 import { default as R } from "./wje-accordion-item.js";
 import { default as g } from "./wje-animation.js";
-import { default as B } from "./wje-aside.js";
+import { default as k } from "./wje-aside.js";
 import { default as h } from "./wje-avatar.js";
 import { default as L } from "./wje-badge.js";
 import { default as P } from "./wje-breadcrumb.js";
@@ -33,7 +33,7 @@ import { default as Ce } from "./wje-dropdown.js";
 import { default as we } from "./wje-file-upload.js";
 import { default as Re } from "./wje-file-upload-item.js";
 import { default as ge } from "./wje-footer.js";
-import { default as Be } from "./wje-format-digital.js";
+import { default as ke } from "./wje-format-digital.js";
 import { default as he } from "./wje-grid.js";
 import { default as Le } from "./wje-header.js";
 import { default as Pe } from "./wje-icon.js";
@@ -60,8 +60,8 @@ import { default as co } from "./wje-progress-bar.js";
 import { default as bo } from "./wje-qr-code.js";
 import { default as Io } from "./wje-radio.js";
 import { default as To } from "./wje-radio-group.js";
-import { default as ko } from "./wje-rate.js";
-import { default as So } from "./wje-relative-time.js";
+import { default as So } from "./wje-rate.js";
+import { default as Bo } from "./wje-relative-time.js";
 import { default as Ao } from "./wje-reorder.js";
 import { default as jo } from "./wje-reorder-dropzone.js";
 import { default as Mo } from "./wje-reorder-item.js";
@@ -73,18 +73,19 @@ import { default as Oo } from "./wje-row.js";
 import { default as Wo } from "./wje-select.js";
 import { default as No } from "./wje-slider.js";
 import { default as qo } from "./wje-split-view.js";
-import { default as Xo } from "./wje-tab.js";
-import { default as Zo } from "./wje-tab-group.js";
-import { default as $o } from "./wje-tab-panel.js";
-import { default as or } from "./wje-textarea.js";
-import { default as tr } from "./wje-thumbnail.js";
-import { default as fr } from "./wje-toast.js";
-import { default as dr } from "./wje-toggle.js";
-import { default as pr } from "./wje-toolbar.js";
-import { default as mr } from "./wje-toolbar-action.js";
-import { default as ir } from "./wje-tooltip.js";
-import { default as cr } from "./wje-visually-hidden.js";
-import { P as br } from "./popup.element-h7LE4nYc.js";
+import { default as Xo } from "./wje-status.js";
+import { default as Zo } from "./wje-tab.js";
+import { default as $o } from "./wje-tab-group.js";
+import { default as or } from "./wje-tab-panel.js";
+import { default as tr } from "./wje-textarea.js";
+import { default as fr } from "./wje-thumbnail.js";
+import { default as dr } from "./wje-toast.js";
+import { default as pr } from "./wje-toggle.js";
+import { default as mr } from "./wje-toolbar.js";
+import { default as ir } from "./wje-toolbar-action.js";
+import { default as cr } from "./wje-tooltip.js";
+import { default as br } from "./wje-visually-hidden.js";
+import { P as Ir } from "./popup.element-DE8fye8C.js";
 const o = {
   code: "sk",
   name: "Slovak",
@@ -109,7 +110,7 @@ export {
   w as Accordion,
   R as AccordionItem,
   g as Animation,
-  B as Aside,
+  k as Aside,
   h as Avatar,
   L as Badge,
   P as Breadcrumb,
@@ -136,7 +137,7 @@ export {
   we as FileUpload,
   Re as FileUploadItem,
   ge as Footer,
-  Be as FormatDigital,
+  ke as FormatDigital,
   he as Grid,
   Le as Header,
   Pe as Icon,
@@ -159,13 +160,13 @@ export {
   po as MenuLabel,
   mo as Option,
   io as Options,
-  br as Popup,
+  Ir as Popup,
   co as ProgressBar,
   bo as QrCode,
   Io as Radio,
   To as RadioGroup,
-  ko as Rate,
-  So as RelativeTime,
+  So as Rate,
+  Bo as RelativeTime,
   Ao as Reorder,
   jo as ReorderDropzone,
   Mo as ReorderItem,
@@ -177,17 +178,18 @@ export {
   Wo as Select,
   No as Slider,
   qo as SplitView,
-  Xo as Tab,
-  Zo as TabGroup,
-  $o as TabPanel,
-  or as Textarea,
-  tr as Thumbnail,
-  fr as Toast,
-  dr as Toggle,
-  pr as Toolbar,
-  mr as ToolbarAction,
-  ir as Tooltip,
-  cr as VisuallyHidden,
+  Xo as Status,
+  Zo as Tab,
+  $o as TabGroup,
+  or as TabPanel,
+  tr as Textarea,
+  fr as Thumbnail,
+  dr as Toast,
+  pr as Toggle,
+  mr as Toolbar,
+  ir as ToolbarAction,
+  cr as Tooltip,
+  br as VisuallyHidden,
   d as WJElement,
   i as bindRouterLinks,
   s as defaultStoreActions,

package/dist/wje-menu-item.js

@@ -3,7 +3,7 @@ var A = (o, a, e) => a in o ? x(o, a, { enumerable: !0, configurable: !0, writab
 var c = (o, a, e) => (A(o, typeof a != "symbol" ? a + "" : a, e), e);
 import k, { WjElementUtils as L, event as l } from "./wje-element.js";
 import { b as E } from "./router-links-FtZbFUto.js";
-const S = ':host{--wje-menu-item-safe-triangle-cursor-x: 0;--wje-menu-item-safe-triangle-cursor-y: 0;--wje-menu-item-safe-triangle-submenu-start-x: 0;--wje-menu-item-safe-triangle-submenu-start-y: 0;--wje-menu-item-safe-triangle-submenu-end-x: 0;--wje-menu-item-safe-triangle-submenu-end-y: 0;display:block}:host .native-menu-item{background:var(--wje-menu-item-background);position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;color:var(--wje-menu-item-color);padding-top:var(--wje-menu-item-padding-top);padding-bottom:var(--wje-menu-item-padding-bottom);transition:var(--wje-transition-fast) fill;-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;width:100%}:host .native-menu-item:hover{color:var(--wje-menu-item-color-hover);background:var(--wje-menu-item-background-hover)}:host .native-menu-item:focus{color:var(--wje-menu-item-color-focus);background:var(--wje-menu-item-background-focus)}:host .native-menu-item:active{color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host .native-menu-item .label{flex:1 1 auto;display:inline-block;text-overflow:ellipsis;overflow:hidden;line-height:normal}:host .native-menu-item .check-icon{flex:0 0 auto;display:var(--wje-menu-item-check-icon-display, flex);align-items:center;justify-content:center;width:var(--wje-menu-check-icon-width, 1.5rem);visibility:hidden}:host .native-menu-item .check-icon.checked{visibility:visible}:host .native-menu-item.expanded-submenu{color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host .native-menu-item.expanded-submenu:hover{color:var(--wje-menu-item-color-hover);background:var(--wje-menu-item-background-hover)}:host .native-menu-item.expanded-submenu:after{content:"";position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;//background: yellow;clip-path:polygon(var(--wje-menu-item-safe-triangle-cursor-x) var(--wje-menu-item-safe-triangle-cursor-y),var(--wje-menu-item-safe-triangle-submenu-start-x) var(--wje-menu-item-safe-triangle-submenu-start-y),var(--wje-menu-item-safe-triangle-submenu-end-x) var(--wje-menu-item-safe-triangle-submenu-end-y))}:host(.collapse) ::slotted([slot="start"]){margin:0;width:auto;display:contents}:host(.collapse) ::slotted([slot="end"]){display:none}:host(.collapse) .label,:host(.collapse) .check-icon,:host(.collapse) .submenu-icon{display:none}.submenu-icon{--wje-icon-size: 14px !important;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.5rem;visibility:var(--wje-menu-item-icon-visibility)}.has-submenu .submenu-icon{--wje-menu-item-icon-visibility: visible}.submenu-icon.collapse{flex:none;position:relative}:host(:focus-visible){outline:none}::slotted([slot="start"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-end:.5rem}::slotted([slot="end"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-start:.5rem}:host(.wje-menu-variant-nav) ::slotted([slot="submenu"]){--wje-menu-border-width: 0 !important;--wje-menu-margin-inline: 2rem 0 !important}:host ::slotted([slot="start"]){width:1.5rem}:host(.wje-menu-variant-context){display:block}:host(.active){color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host(.open){color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}';
+const S = ':host{--wje-menu-item-safe-triangle-cursor-x: 0;--wje-menu-item-safe-triangle-cursor-y: 0;--wje-menu-item-safe-triangle-submenu-start-x: 0;--wje-menu-item-safe-triangle-submenu-start-y: 0;--wje-menu-item-safe-triangle-submenu-end-x: 0;--wje-menu-item-safe-triangle-submenu-end-y: 0;display:block}:host .native-menu-item{background:var(--wje-menu-item-background);position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;color:var(--wje-menu-item-color);padding-top:var(--wje-menu-item-padding-top);padding-bottom:var(--wje-menu-item-padding-bottom);transition:var(--wje-transition-fast) fill;-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;width:100%}:host .native-menu-item:hover{color:var(--wje-menu-item-color-hover);background:var(--wje-menu-item-background-hover)}:host .native-menu-item:focus{color:var(--wje-menu-item-color-focus);background:var(--wje-menu-item-background-focus)}:host .native-menu-item:active{color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host .native-menu-item .label{flex:1 1 auto;display:inline-block;text-overflow:ellipsis;overflow:hidden;line-height:normal}:host .native-menu-item .check-icon{flex:0 0 auto;display:var(--wje-menu-item-check-icon-display, flex);align-items:center;justify-content:center;width:var(--wje-menu-item-check-icon-width, 1.5rem);visibility:hidden}:host .native-menu-item .check-icon.checked{visibility:visible}:host .native-menu-item.expanded-submenu{color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host .native-menu-item.expanded-submenu:hover{color:var(--wje-menu-item-color-hover);background:var(--wje-menu-item-background-hover)}:host .native-menu-item.expanded-submenu:after{content:"";position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;//background: yellow;clip-path:polygon(var(--wje-menu-item-safe-triangle-cursor-x) var(--wje-menu-item-safe-triangle-cursor-y),var(--wje-menu-item-safe-triangle-submenu-start-x) var(--wje-menu-item-safe-triangle-submenu-start-y),var(--wje-menu-item-safe-triangle-submenu-end-x) var(--wje-menu-item-safe-triangle-submenu-end-y))}:host(.collapse) ::slotted([slot="start"]){margin:0;width:auto;display:contents}:host(.collapse) ::slotted([slot="end"]){display:none}:host(.collapse) .label,:host(.collapse) .check-icon,:host(.collapse) .submenu-icon{display:none}.submenu-icon{--wje-icon-size: 14px !important;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.5rem;visibility:var(--wje-menu-item-icon-visibility)}.has-submenu .submenu-icon{--wje-menu-item-icon-visibility: visible}.submenu-icon.collapse{flex:none;position:relative}:host(:focus-visible){outline:none}::slotted([slot="start"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-end:.5rem}::slotted([slot="end"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-start:.5rem}:host(.wje-menu-variant-nav) ::slotted([slot="submenu"]){--wje-menu-border-width: 0 !important;--wje-menu-margin-inline: 2rem 0 !important}:host ::slotted([slot="start"]){width:1.5rem}:host(.wje-menu-variant-context){display:block}:host(.active){color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host(.open){color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}';
 class j extends k {
   /**
    * Constructor for MenuItem class.

package/dist/wje-popup.js

@@ -1,4 +1,4 @@
-import { P as p } from "./popup.element-h7LE4nYc.js";
+import { P as p } from "./popup.element-DE8fye8C.js";
 p.define("wje-popup", p);
 export {
   p as default

package/dist/wje-select.js

@@ -7,7 +7,7 @@ import "./wje-popup.js";
 import y from "./wje-icon.js";
 import C from "./wje-label.js";
 import L from "./wje-chip.js";
-import { P as O } from "./popup.element-h7LE4nYc.js";
+import { P as O } from "./popup.element-DE8fye8C.js";
 const k = ":host{--wje-select-border-width: 1px;--wje-select-border-style: solid;--wje-select-border-color: var(--wje-border-color);--wje-select-options-border-width: 1px;--wje-select-options-border-style: var(--wje-border-style);--wje-select-options-border-color: var(--wje-border-color);--wje-select-background: var(--wje-background);--wje-select-line-height: 20px;--wje-select-color: var(--wje-color);--wje-select-border-radius: var(--wje-border-radius-medium);width:100%;display:block}:host [slot=arrow]{transform:rotate(0);transition:all .2s ease-in}.native-select.default .wrapper{display:block;border-width:var(--wje-select-border-width);border-style:var(--wje-select-border-style);border-color:var(--wje-select-border-color);border-radius:var(--wje-select-border-radius);padding-inline:.5rem;padding-top:.25rem;padding-bottom:.25rem}.native-select.default .input-wrapper{padding:0;min-height:25px;margin-top:-4px}.native-select.default.focused wje-label{opacity:.67;font-size:12px;letter-spacing:normal}.native-select.default wje-label{margin:0;display:block;opacity:1;cursor:text;transition:opacity .2s ease 0s;line-height:var(--wje-select-line-height)}.native-select.default wje-label.fade{opacity:.5;font-size:12px;letter-spacing:normal}.native-select.standard .wrapper{border-width:var(--wje-select-border-width);border-style:var(--wje-select-border-style);border-color:var(--wje-select-border-color);border-radius:var(--wje-select-border-radius)}.native-select.standard .input-wrapper{background:transparent;width:100%}.wrapper{display:flex;width:100%}.input-wrapper{display:grid;grid-template-columns:1fr auto auto;align-items:center;background-color:var(--wje-select-background);min-height:28px;color:var(--wje-select-color);line-height:var(--wje-select-line-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2px .5rem;font-size:14px;font-weight:400;vertical-align:middle}input{border:medium;height:25px;min-height:25px;padding:0;background:none;box-shadow:none;width:100%;outline:0}::placeholder{opacity:1}:host [active] .wrapper{border-radius:var(--wje-select-border-radius) var(--wje-select-border-radius) 0 0}:host [active] [slot=arrow]{transform:rotate(180deg);transition:all .2s ease-in}.option-wrapper{border-width:var(--wje-select-options-border-width);border-style:var(--wje-select-options-border-style);border-color:var(--wje-select-options-border-color);border-radius:0 0 var(--wje-select-border-radius) var(--wje-select-border-radius);margin-top:-1px;background:var(--wje-select-background);overflow:auto}:host([multiple]) input{position:absolute;z-index:-1;top:0;left:0;width:0;height:0;opacity:0}:host([multiple]) .chips{display:flex;flex:1;align-items:center;flex-wrap:wrap}:host([disabled]) .input-wrapper{opacity:.5;pointer-events:none;cursor:not-allowed}.counter{padding-inline:.5rem}wje-chip{--wje-chip-margin: 0 .25rem 0 0}wje-button{--wje-padding-top: .25rem;--wje-padding-start: .25rem;--wje-padding-end: .25rem;--wje-padding-bottom: .25rem;--wje-button-margin-inline: 0 .25rem}";
 class v extends E {
   /**

package/dist/wje-status.js

@@ -0,0 +1,54 @@
+var u = Object.defineProperty;
+var b = (r, e, t) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var n = (r, e, t) => (b(r, typeof e != "symbol" ? e + "" : e, t), t);
+import w from "./wje-element.js";
+const m = '.native-status{display:flex;align-items:center}.bullet{width:var(--wje-status-size);height:var(--wje-status-size);display:flex;align-items:center;justify-content:center;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--wje-border-radius-circle)}:host ::slotted([slot="start"]){margin-right:var(--wje-spacing-x-small)}:host ::slotted([slot="end"]){margin-left:var(--wje-spacing-x-small)}:host([size=small]){--wje-status-size: var(--wje-size-small)}:host([size=medium]){--wje-status-size: var(--wje-size)}:host([size=large]){--wje-status-size: var(--wje-size-large)}:host([color=primary]) .bullet{background-color:var(--wje-color-primary-9);color:var(--wje-color-contrast-0)}:host([color=complete]) .bullet{background-color:var(--wje-color-complete-9);color:var(--wje-color-contrast-0)}:host([color=success]) .bullet{background-color:var(--wje-color-success-9);color:var(--wje-color-contrast-0)}:host([color=warning]) .bullet{background-color:var(--wje-color-warning-9);color:var(--wje-color-contrast-11)}:host([color=danger]) .bullet{background-color:var(--wje-color-danger-9);color:var(--wje-color-contrast-0)}:host([color=contrast]) .bullet{background-color:var(--wje-color-contrast-2);color:var(--wje-color-contrast-11)}:host([color=contrast-reverse]) .bullet{background-color:var(--wje-color-contrast-11);color:var(--wje-color-contrast-0)}:host([border=primary]) .bullet{border-color:var(--wje-color-primary-9)}:host([border=complete]) .bullet{border-color:var(--wje-color-complete-9)}:host([border=success]) .bullet{border-color:var(--wje-color-success-9)}:host([border=warning]) .bullet{border-color:var(--wje-color-warning-9)}:host([border=danger]) .bullet{border-color:var(--wje-color-danger-9)}:host([border=contrast]) .bullet{border-color:var(--wje-color-contrast-2)}:host([border=contrast-reverse]) .bullet{border-color:var(--wje-color-contrast-11)}';
+class d extends w {
+  /**
+   * Badge constructor
+   * @constructor
+   */
+  constructor() {
+    super();
+    /**
+     * Class name
+     * @type {string}
+     */
+    n(this, "className", "Status");
+  }
+  /**
+   * Get CSS stylesheet
+   * @static
+   * @returns {Object} styles - The CSS styles
+   */
+  static get cssStyleSheet() {
+    return m;
+  }
+  /**
+   * Setup attributes
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Draw method
+   * @param {Object} context - The context
+   * @param {Object} store - The store
+   * @param {Object} params - The parameters
+   * @returns {Object} fragment - The document fragment
+   */
+  draw(t, v, j) {
+    let s = document.createDocumentFragment(), o = document.createElement("div");
+    o.setAttribute("part", "native"), o.classList.add("native-status");
+    let l = document.createElement("div");
+    l.setAttribute("part", "bullet"), l.classList.add("bullet");
+    let i = document.createElement("slot"), a = document.createElement("slot");
+    a.setAttribute("name", "start");
+    let c = document.createElement("slot");
+    return c.setAttribute("name", "end"), l.appendChild(i), o.appendChild(a), o.appendChild(l), o.appendChild(c), s.appendChild(o), s;
+  }
+}
+d.define("wje-status", d);
+export {
+  d as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wj-elements",
   "description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "homepage": "https://github.com/lencys/wj-elements",
   "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
   "license": "MIT",