wj-elements 0.1.26 → 0.1.28
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 +1 -1
- package/dist/light.css +1 -1
- package/dist/wje-avatar.js +8 -5
- package/dist/wje-card.js +11 -11
- package/dist/wje-checkbox.js +14 -14
- package/dist/wje-menu-item.js +1 -1
- package/dist/wje-radio.js +9 -9
- package/dist/wje-rate.js +1 -1
- package/dist/wje-tab.js +5 -5
- package/dist/wje-toggle.js +3 -3
- package/package.json +8 -3
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-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-line-height: 21px;--wje-border-radius-small: .25rem;--wje-border-radius-medium: .5rem;--wje-border-radius-large: .75rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-border-size: 0px;--wje-border-style: solid;--wje-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wje-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--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-contrast-0: hsl(0, 0%, 0%);--wje-color-contrast-1: hsl(240 5.1% 15%);--wje-color-contrast-2: hsl(240 5.7% 18.2%);--wje-color-contrast-3: hsl(240 4.6% 22%);--wje-color-contrast-4: hsl(240 5% 27.6%);--wje-color-contrast-5: hsl(240 5% 35.5%);--wje-color-contrast-6: hsl(240 3.7% 44%);--wje-color-contrast-7: hsl(240 5.3% 58%);--wje-color-contrast-8: hsl(240 5.6% 73%);--wje-color-contrast-9: hsl(240 7.3% 84%);--wje-color-contrast-10: hsl(240 9.1% 91.8%);--wje-color-contrast-11: hsl(0 0% 95%);--wje-color-primary-1: hsl(254, 59%, 57%);--wje-color-primary-2: hsl(256, 59%, 61%);--wje-color-primary-3: hsl(257, 60%, 65%);--wje-color-primary-4: hsl(257, 61%, 68%);--wje-color-primary-5: hsl(258, 61%, 72%);--wje-color-primary-6: hsl(259, 61%, 76%);--wje-color-primary-7: hsl(260, 63%, 80%);--wje-color-primary-8: hsl(260, 62%, 84%);--wje-color-primary-9: hsl(260, 63%, 88%);--wje-color-primary-10: hsl(260, 65%, 92%);--wje-color-primary-11: hsl(261, 70%, 96%);--wje-color-complete-1: hsl(211, 100%, 46%);--wje-color-complete-2: hsl(218, 83%, 59%);--wje-color-complete-3: hsl(221, 83%, 65%);--wje-color-complete-4: hsl(223, 83%, 70%);--wje-color-complete-5: hsl(225, 83%, 74%);--wje-color-complete-6: hsl(226, 83%, 78%);--wje-color-complete-7: hsl(227, 84%, 82%);--wje-color-complete-8: hsl(229, 85%, 86%);--wje-color-complete-9: hsl(229, 84%, 89%);--wje-color-complete-10: hsl(229, 88%, 93%);--wje-color-complete-11: hsl(232, 88%, 96%);--wje-color-success-1: hsl(158, 74%, 38%);--wje-color-success-2: hsl(155, 48%, 47%);--wje-color-success-3: hsl(153, 42%, 54%);--wje-color-success-4: hsl(152, 42%, 59%);--wje-color-success-5: hsl(151, 42%, 65%);--wje-color-success-6: hsl(150, 41%, 70%);--wje-color-success-7: hsl(149, 42%, 75%);--wje-color-success-8: hsl(150, 41%, 80%);--wje-color-success-9: hsl(149, 41%, 85%);--wje-color-success-10: hsl(148, 42%, 90%);--wje-color-success-11: hsl(147, 44%, 95%);--wje-color-warning-1: hsl(47, 100%, 63%);--wje-color-warning-2: hsl(47, 100%, 67%);--wje-color-warning-3: hsl(47, 100%, 71%);--wje-color-warning-4: hsl(47, 100%, 74%);--wje-color-warning-5: hsl(46, 100%, 77%);--wje-color-warning-6: hsl(46, 100%, 81%);--wje-color-warning-7: hsl(46, 100%, 84%);--wje-color-warning-8: hsl(46, 100%, 87%);--wje-color-warning-9: hsl(46, 100%, 90%);--wje-color-warning-10: hsl(46, 100%, 93%);--wje-color-warning-11: hsl(44, 100%, 96%);--wje-color-danger-1: hsl(3, 68%, 51%);--wje-color-danger-2: hsl(6, 71%, 56%);--wje-color-danger-3: hsl(7, 73%, 61%);--wje-color-danger-4: hsl(8, 77%, 65%);--wje-color-danger-5: hsl(8, 80%, 70%);--wje-color-danger-6: hsl(10, 82%, 74%);--wje-color-danger-7: hsl(9, 86%, 79%);--wje-color-danger-8: hsl(10, 90%, 83%);--wje-color-danger-9: hsl(11, 93%, 87%);--wje-color-danger-10: hsl(11, 100%, 91%);--wje-color-danger-11: hsl(9, 100%, 96%);--wje-color-info-1: hsl(208, 16%, 27%);--wje-color-info-2: hsl(208, 12%, 33%);--wje-color-info-3: hsl(210, 9%, 39%);--wje-color-info-4: hsl(210, 7%, 45%);--wje-color-info-5: hsl(210, 6%, 52%);--wje-color-info-6: hsl(207, 6%, 58%);--wje-color-info-7: hsl(212, 6%, 65%);--wje-color-info-8: hsl(206, 6%, 71%);--wje-color-info-9: hsl(210, 7%, 78%);--wje-color-info-10: hsl(204, 6%, 85%);--wje-color-info-11: hsl(210, 5%, 92%);--wje-
|
|
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-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-line-height: 21px;--wje-border-radius-small: .25rem;--wje-border-radius-medium: .5rem;--wje-border-radius-large: .75rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-border-size: 0px;--wje-border-style: solid;--wje-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wje-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--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-contrast-0: hsl(0, 0%, 0%);--wje-color-contrast-1: hsl(240 5.1% 15%);--wje-color-contrast-2: hsl(240 5.7% 18.2%);--wje-color-contrast-3: hsl(240 4.6% 22%);--wje-color-contrast-4: hsl(240 5% 27.6%);--wje-color-contrast-5: hsl(240 5% 35.5%);--wje-color-contrast-6: hsl(240 3.7% 44%);--wje-color-contrast-7: hsl(240 5.3% 58%);--wje-color-contrast-8: hsl(240 5.6% 73%);--wje-color-contrast-9: hsl(240 7.3% 84%);--wje-color-contrast-10: hsl(240 9.1% 91.8%);--wje-color-contrast-11: hsl(0 0% 95%);--wje-color-primary-1: hsl(254, 59%, 57%);--wje-color-primary-2: hsl(256, 59%, 61%);--wje-color-primary-3: hsl(257, 60%, 65%);--wje-color-primary-4: hsl(257, 61%, 68%);--wje-color-primary-5: hsl(258, 61%, 72%);--wje-color-primary-6: hsl(259, 61%, 76%);--wje-color-primary-7: hsl(260, 63%, 80%);--wje-color-primary-8: hsl(260, 62%, 84%);--wje-color-primary-9: hsl(260, 63%, 88%);--wje-color-primary-10: hsl(260, 65%, 92%);--wje-color-primary-11: hsl(261, 70%, 96%);--wje-color-complete-1: hsl(211, 100%, 46%);--wje-color-complete-2: hsl(218, 83%, 59%);--wje-color-complete-3: hsl(221, 83%, 65%);--wje-color-complete-4: hsl(223, 83%, 70%);--wje-color-complete-5: hsl(225, 83%, 74%);--wje-color-complete-6: hsl(226, 83%, 78%);--wje-color-complete-7: hsl(227, 84%, 82%);--wje-color-complete-8: hsl(229, 85%, 86%);--wje-color-complete-9: hsl(229, 84%, 89%);--wje-color-complete-10: hsl(229, 88%, 93%);--wje-color-complete-11: hsl(232, 88%, 96%);--wje-color-success-1: hsl(158, 74%, 38%);--wje-color-success-2: hsl(155, 48%, 47%);--wje-color-success-3: hsl(153, 42%, 54%);--wje-color-success-4: hsl(152, 42%, 59%);--wje-color-success-5: hsl(151, 42%, 65%);--wje-color-success-6: hsl(150, 41%, 70%);--wje-color-success-7: hsl(149, 42%, 75%);--wje-color-success-8: hsl(150, 41%, 80%);--wje-color-success-9: hsl(149, 41%, 85%);--wje-color-success-10: hsl(148, 42%, 90%);--wje-color-success-11: hsl(147, 44%, 95%);--wje-color-warning-1: hsl(47, 100%, 63%);--wje-color-warning-2: hsl(47, 100%, 67%);--wje-color-warning-3: hsl(47, 100%, 71%);--wje-color-warning-4: hsl(47, 100%, 74%);--wje-color-warning-5: hsl(46, 100%, 77%);--wje-color-warning-6: hsl(46, 100%, 81%);--wje-color-warning-7: hsl(46, 100%, 84%);--wje-color-warning-8: hsl(46, 100%, 87%);--wje-color-warning-9: hsl(46, 100%, 90%);--wje-color-warning-10: hsl(46, 100%, 93%);--wje-color-warning-11: hsl(44, 100%, 96%);--wje-color-danger-1: hsl(3, 68%, 51%);--wje-color-danger-2: hsl(6, 71%, 56%);--wje-color-danger-3: hsl(7, 73%, 61%);--wje-color-danger-4: hsl(8, 77%, 65%);--wje-color-danger-5: hsl(8, 80%, 70%);--wje-color-danger-6: hsl(10, 82%, 74%);--wje-color-danger-7: hsl(9, 86%, 79%);--wje-color-danger-8: hsl(10, 90%, 83%);--wje-color-danger-9: hsl(11, 93%, 87%);--wje-color-danger-10: hsl(11, 100%, 91%);--wje-color-danger-11: hsl(9, 100%, 96%);--wje-color-info-1: hsl(208, 16%, 27%);--wje-color-info-2: hsl(208, 12%, 33%);--wje-color-info-3: hsl(210, 9%, 39%);--wje-color-info-4: hsl(210, 7%, 45%);--wje-color-info-5: hsl(210, 6%, 52%);--wje-color-info-6: hsl(207, 6%, 58%);--wje-color-info-7: hsl(212, 6%, 65%);--wje-color-info-8: hsl(206, 6%, 71%);--wje-color-info-9: hsl(210, 7%, 78%);--wje-color-info-10: hsl(204, 6%, 85%);--wje-color-info-11: hsl(210, 5%, 92%);--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-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-11);--wje-tooltip-background: var(--wje-color-contrast-11);--wje-tooltip-color: var(--wje-color-contrast-1)}
|
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, 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-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-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-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-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: none;--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}
|
package/dist/wje-avatar.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var w = Object.defineProperty;
|
|
2
2
|
var u = (a, t, e) => t in a ? w(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
|
|
3
|
-
var
|
|
3
|
+
var h = (a, t, e) => (u(a, typeof t != "symbol" ? t + "" : t, e), e);
|
|
4
4
|
import c from "./wje-element.js";
|
|
5
5
|
function j(a, t = 30, e = 80) {
|
|
6
6
|
let r = a, o = 0;
|
|
@@ -13,7 +13,7 @@ function p(a, t = 2) {
|
|
|
13
13
|
return e.length > 1 && t > 1 && (r += e[e.length - 1].substring(0, 1).toUpperCase()), r;
|
|
14
14
|
}
|
|
15
15
|
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}';
|
|
16
|
-
class
|
|
16
|
+
class m extends c {
|
|
17
17
|
/**
|
|
18
18
|
* Avatar class constructor
|
|
19
19
|
*/
|
|
@@ -22,7 +22,7 @@ class h extends c {
|
|
|
22
22
|
/**
|
|
23
23
|
* Class name
|
|
24
24
|
*/
|
|
25
|
-
|
|
25
|
+
h(this, "className", "Avatar");
|
|
26
26
|
}
|
|
27
27
|
/**
|
|
28
28
|
* Getter for cssStyleSheet
|
|
@@ -67,8 +67,11 @@ class h extends c {
|
|
|
67
67
|
isImage() {
|
|
68
68
|
return this.getElementsByTagName("wje-img").length > 0;
|
|
69
69
|
}
|
|
70
|
+
dispatchEvent(e) {
|
|
71
|
+
return !1;
|
|
72
|
+
}
|
|
70
73
|
}
|
|
71
|
-
|
|
74
|
+
m.define("wje-avatar", m);
|
|
72
75
|
export {
|
|
73
|
-
|
|
76
|
+
m as default
|
|
74
77
|
};
|
package/dist/wje-card.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import
|
|
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-border-radius
|
|
6
|
-
class v extends
|
|
1
|
+
var s = Object.defineProperty;
|
|
2
|
+
var i = (o, r, e) => r in o ? s(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e;
|
|
3
|
+
var l = (o, r, e) => (i(o, typeof r != "symbol" ? r + "" : r, e), e);
|
|
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)}";
|
|
6
|
+
class v extends n {
|
|
7
7
|
/**
|
|
8
8
|
* Card constructor
|
|
9
9
|
* @constructor
|
|
@@ -14,7 +14,7 @@ class v extends l {
|
|
|
14
14
|
* Class name
|
|
15
15
|
* @type {string}
|
|
16
16
|
*/
|
|
17
|
-
|
|
17
|
+
l(this, "className", "Card");
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
20
|
* Get CSS stylesheet
|
|
@@ -37,14 +37,14 @@ class v extends l {
|
|
|
37
37
|
* @param {Object} params - The parameters
|
|
38
38
|
* @returns {Object} fragment - The document fragment
|
|
39
39
|
*/
|
|
40
|
-
draw(e, j,
|
|
41
|
-
let
|
|
40
|
+
draw(e, j, c) {
|
|
41
|
+
let t = document.createDocumentFragment(), a = document.createElement("div");
|
|
42
42
|
a.setAttribute("part", "native"), a.classList.add("native-card");
|
|
43
43
|
let d = document.createElement("slot");
|
|
44
|
-
return
|
|
44
|
+
return c.color && a.classList.add("wje-color-" + c.color), a.appendChild(d), t.appendChild(a), t;
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
|
|
47
|
+
n.define("wje-card", v);
|
|
48
48
|
export {
|
|
49
49
|
v as default
|
|
50
50
|
};
|
package/dist/wje-checkbox.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var s = Object.defineProperty;
|
|
2
2
|
var h = (c, t, e) => t in c ? s(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
|
|
3
3
|
var l = (c, t, e) => (h(c, typeof t != "symbol" ? t + "" : t, e), e);
|
|
4
|
-
import b, { event as
|
|
5
|
-
const d = ':host{display:block;margin-top:var(--wje-checkbox-margin-top);margin-bottom:var(--wje-checkbox-margin-bottom);margin-inline:var(--wje-checkbox-margin-inline);line-height:100%;padding-left:0}:host label{display:
|
|
6
|
-
class
|
|
4
|
+
import b, { event as i } from "./wje-element.js";
|
|
5
|
+
const d = ':host{display:block;margin-top:var(--wje-checkbox-margin-top);margin-bottom:var(--wje-checkbox-margin-bottom);margin-inline:var(--wje-checkbox-margin-inline);line-height:100%;padding-left:0}:host label{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:calc(var(--wje-checkbox-size) + .5rem);min-width:var(--wje-checkbox-size);min-height:var(--wje-checkbox-size);margin-bottom:0}:host label:before{content:"";position:absolute;width:var(--wje-checkbox-size);height:var(--wje-checkbox-size);left:0;-webkit-box-sizing:inherit;box-sizing:border-box;background-color:var(--wje-color-contrast-0);border-width:1px;border-style:solid;border-color:var(--wje-color-contrast-3)}.native-checkbox label:hover{color:var(--wje-color-contrast-11)}.native-checkbox label:before{border-radius:var(--wje-checkbox-border-radius)}.native-checkbox input[type=checkbox]{position:absolute;margin:0;z-index:-1;width:16px;height:16px;opacity:0;display:none}.native-checkbox input[type=checkbox]+label:after{content:"";position:absolute;left:0;border-right:0 solid transparent;border-bottom:0 solid transparent;width:var(--wje-checkbox-size);height:var(--wje-checkbox-size);overflow:hidden}.native-checkbox input[type=checkbox]:checked+label:after{content:"";-webkit-mask-image:var(--wje-checkbox-checkmark);mask-image:var(--wje-checkbox-checkmark);-webkit-mask-size:var(--wje-checkbox-size);mask-size:var(--wje-checkbox-size);background-color:var(--wje-color-primary-9)}.native-checkbox input[type=checkbox][disabled]+label{cursor:not-allowed!important;color:var(--wje-color-contrast-8);opacity:.58}.native-checkbox input[type=checkbox][disabled]+label:before{background:var(--wje-color-contrast-2)}.native-checkbox input[type=checkbox][disabled]+label:after{background:transparent}.native-checkbox input[type=checkbox]:checked[disabled]+label{cursor:not-allowed!important;color:var(--wje-color-contrast-8);opacity:.58}.native-checkbox input[type=checkbox]:checked[disabled]+label:before{background:var(--wje-color-contrast-2)}.native-checkbox input[type=checkbox]:checked[disabled]+label:after{background:var(--wje-color-contrast-5)}.native-checkbox input[type=checkbox]:not(:checked):indeterminate+label:after{content:"";-webkit-mask-image:var(--wje-checkbox-interminate);mask-image:var(--wje-checkbox-interminate);-webkit-mask-size:var(--wje-checkbox-size);mask-size:var(--wje-checkbox-size);background-color:var(--wje-color-primary-9)}:host([variant=circle]) label:after{border-radius:99px}:host([variant=circle]) label:before{border-radius:99px}:host([placement=end]) label{padding-left:0;padding-right:26px}:host([placement=end]) label:before{right:0;left:auto}:host([placement=end]) input[type=checkbox]:checked+label{position:relative}:host([placement=end]) input[type=checkbox]:checked+label:after{position:absolute;right:0;left:auto}:host([color=primary]) input[type=checkbox]:checked+label:after,:host([color=primary]) input[type=checkbox]:indeterminate+label:after{background-color:var(--wje-color-contrast-0)}:host([color=primary]) :is(input[type=checkbox]:checked+label):before,:host([color=primary]) :is(input[type=checkbox]:indeterminate+label):before{border-color:var(--wje-color-primary-9);background-color:var(--wje-color-primary-9)}:host([color=complete]) input[type=checkbox]:checked+label:after,:host([color=complete]) input[type=checkbox]:indeterminate+label:after{background-color:var(--wje-color-contrast-0)}:host([color=complete]) :is(input[type=checkbox]:checked+label):before,:host([color=complete]) :is(input[type=checkbox]:indeterminate+label):before{border-color:var(--wje-color-complete-9);background-color:var(--wje-color-complete-9)}:host([color=success]) input[type=checkbox]:checked+label:after,:host([color=success]) input[type=checkbox]:indeterminate+label:after{background-color:var(--wje-color-contrast-0)}:host([color=success]) :is(input[type=checkbox]:checked+label):before,:host([color=success]) :is(input[type=checkbox]:indeterminate+label):before{border-color:var(--wje-color-success-9);background-color:var(--wje-color-success-9)}:host([color=warning]) input[type=checkbox]:checked+label:after,:host([color=warning]) input[type=checkbox]:indeterminate+label:after{background-color:var(--wje-color-contrast-0)}:host([color=warning]) :is(input[type=checkbox]:checked+label):before,:host([color=warning]) :is(input[type=checkbox]:indeterminate+label):before{border-color:var(--wje-color-warning-9);background-color:var(--wje-color-warning-9)}:host([color=danger]) input[type=checkbox]:checked+label:after,:host([color=danger]) input[type=checkbox]:indeterminate+label:after{background-color:var(--wje-color-contrast-0)}:host([color=danger]) :is(input[type=checkbox]:checked+label):before,:host([color=danger]) :is(input[type=checkbox]:indeterminate+label):before{border-color:var(--wje-color-danger-9);background-color:var(--wje-color-danger-9)}:host([color=info]) input[type=checkbox]:checked+label:after,:host([color=info]) input[type=checkbox]:indeterminate+label:after{background-color:var(--wje-color-contrast-0)}:host([color=info]) :is(input[type=checkbox]:checked+label):before,:host([color=info]) :is(input[type=checkbox]:indeterminate+label):before{border-color:var(--wje-color-info-9);background-color:var(--wje-color-info-9)}';
|
|
6
|
+
class k extends b {
|
|
7
7
|
/**
|
|
8
8
|
* Checkbox constructor.
|
|
9
9
|
*/
|
|
@@ -65,22 +65,22 @@ class p extends b {
|
|
|
65
65
|
* @param {object} params - The parameters.
|
|
66
66
|
* @returns {DocumentFragment} The created fragment.
|
|
67
67
|
*/
|
|
68
|
-
draw(e,
|
|
69
|
-
let n = document.createDocumentFragment(),
|
|
70
|
-
|
|
68
|
+
draw(e, p, u) {
|
|
69
|
+
let n = document.createDocumentFragment(), r = document.createElement("div");
|
|
70
|
+
r.setAttribute("part", "native"), r.classList.add("native-checkbox");
|
|
71
71
|
let o = document.createElement("input");
|
|
72
|
-
o.type = "checkbox", o.id = "checkbox", o.name = this.name
|
|
73
|
-
let
|
|
74
|
-
return
|
|
72
|
+
o.type = "checkbox", o.id = "checkbox", o.name = this.name || "checkbox", o.checked = this.hasAttribute("checked"), o.disabled = this.hasAttribute("disabled"), o.indeterminate = this.hasAttribute("indeterminate");
|
|
73
|
+
let a = document.createElement("label");
|
|
74
|
+
return a.htmlFor = "checkbox", a.innerHTML = "<slot></slot>", r.appendChild(o), r.appendChild(a), this.input = o, n.appendChild(r), n;
|
|
75
75
|
}
|
|
76
76
|
/**
|
|
77
77
|
* Adds an event listener after drawing the checkbox.
|
|
78
78
|
*/
|
|
79
79
|
afterDraw() {
|
|
80
80
|
this.disabled || (this.input.addEventListener("input", (e) => {
|
|
81
|
-
this.checked = e.target.checked,
|
|
81
|
+
this.checked = e.target.checked, i.dispatchCustomEvent(this, "wje-toggle:input");
|
|
82
82
|
}), this.input.addEventListener("change", (e) => {
|
|
83
|
-
this.checked = e.target.checked,
|
|
83
|
+
this.checked = e.target.checked, i.dispatchCustomEvent(this, "wje-toggle:change");
|
|
84
84
|
}));
|
|
85
85
|
}
|
|
86
86
|
/**
|
|
@@ -95,10 +95,10 @@ class p extends b {
|
|
|
95
95
|
* Removes the event listener when the checkbox is disconnected.
|
|
96
96
|
*/
|
|
97
97
|
disconnectedCallback() {
|
|
98
|
-
|
|
98
|
+
i.removeElement(this.input);
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
|
-
b.define("wje-checkbox",
|
|
101
|
+
b.define("wje-checkbox", k);
|
|
102
102
|
export {
|
|
103
|
-
|
|
103
|
+
k as default
|
|
104
104
|
};
|
package/dist/wje-menu-item.js
CHANGED
|
@@ -3,7 +3,7 @@ var A = (u, o, e) => o in u ? y(u, o, { enumerable: !0, configurable: !0, writab
|
|
|
3
3
|
var c = (u, o, e) => (A(u, typeof o != "symbol" ? o + "" : o, e), e);
|
|
4
4
|
import k, { WjElementUtils as E, event as m } from "./wje-element.js";
|
|
5
5
|
import { b as L } from "./router-links-FtZbFUto.js";
|
|
6
|
-
const C = ':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
|
|
6
|
+
const C = ':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;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(.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)}';
|
|
7
7
|
class j extends k {
|
|
8
8
|
/**
|
|
9
9
|
* Constructor for MenuItem class.
|
package/dist/wje-radio.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var l = Object.defineProperty;
|
|
2
|
-
var s = (
|
|
3
|
-
var a = (
|
|
2
|
+
var s = (o, t, e) => t in o ? l(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
|
|
3
|
+
var a = (o, t, e) => (s(o, typeof t != "symbol" ? t + "" : t, e), e);
|
|
4
4
|
import p, { event as n } from "./wje-element.js";
|
|
5
|
-
const h = ':host{--wje-radio-margin-top: 0;--wje-radio-margin-bottom: .5rem;--wje-radio-margin-inline: 0;display:block;margin-top:var(--wje-radio-margin-top);margin-bottom:var(--wje-radio-margin-bottom);margin-inline:var(--wje-radio-margin-inline);line-height:100%;padding-left:0}:host label{display:inline-flex;cursor:pointer;position:relative;padding-left:1.5rem;min-width:16px;min-height:16px;margin-bottom:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center}:host label:before{content:"";position:absolute;width:16px;height:16px;left:0
|
|
6
|
-
class
|
|
5
|
+
const h = ':host{--wje-radio-margin-top: 0;--wje-radio-margin-bottom: .5rem;--wje-radio-margin-inline: 0;display:block;margin-top:var(--wje-radio-margin-top);margin-bottom:var(--wje-radio-margin-bottom);margin-inline:var(--wje-radio-margin-inline);line-height:100%;padding-left:0}:host label{display:inline-flex;cursor:pointer;position:relative;padding-left:1.5rem;min-width:16px;min-height:16px;margin-bottom:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center}:host label:before{content:"";position:absolute;width:16px;height:16px;left:0;box-sizing:border-box;background-color:var(--wje-color-contrast-1);border:1px solid var(--wje-color-contrast-4)}.native-radio input[type=radio]+label:before{border-radius:var(--wje-border-radius-circle);transition:border .3s 0s cubic-bezier(.455,.03,.215,1.33)}.native-radio input[type=radio]:checked+label:before{border-color:var(--wje-color-contrast-6);border-width:5px}.native-radio input[type=radio]:focus+label{color:var(--wje-color)}.native-radio input[type=radio]:focus+label:before{outline:none!important;box-shadow:0 0 #78c8fe}.native-radio input[type=radio]{opacity:0;position:absolute;top:3px;width:16px;height:16px}.native-radio input[type=radio][disabled]+label{cursor:not-allowed!important;color:var(--wje-color-contrast-9);opacity:.5}.native-radio input[type=radio][disabled]+label:before{cursor:not-allowed!important}:host([color=primary]) input[type=radio]:checked+label:before{border-color:var(--wje-color-primary-9)}:host([color=complete]) input[type=radio]:checked+label:before{border-color:var(--wje-color-complete-9)}:host([color=success]) input[type=radio]:checked+label:before{border-color:var(--wje-color-success-9)}:host([color=warning]) input[type=radio]:checked+label:before{border-color:var(--wje-color-warning-9)}:host([color=danger]) input[type=radio]:checked+label:before{border-color:var(--wje-color-danger-9)}:host([color=info]) input[type=radio]:checked+label:before{border-color:var(--wje-color-info-9)}';
|
|
6
|
+
class d extends p {
|
|
7
7
|
constructor() {
|
|
8
8
|
super();
|
|
9
9
|
a(this, "className", "Radio");
|
|
@@ -28,10 +28,10 @@ class c extends p {
|
|
|
28
28
|
this.isShadowRoot = "open";
|
|
29
29
|
}
|
|
30
30
|
draw(e, b, u) {
|
|
31
|
-
let
|
|
31
|
+
let c = document.createDocumentFragment(), r = document.createElement("div");
|
|
32
32
|
r.classList.add("native-radio"), this.color && r.classList.add(this.color), this.input = document.createElement("input"), this.input.type = "radio", this.input.id = "radio", this.input.name = this.name + "-radio", this.input.checked = this.hasAttribute("checked"), this.input.disabled = this.hasAttribute("disabled"), this.input.indeterminate = this.hasAttribute("indeterminate");
|
|
33
|
-
let
|
|
34
|
-
return
|
|
33
|
+
let i = document.createElement("label");
|
|
34
|
+
return i.htmlFor = "radio", i.innerHTML = "<slot></slot>", r.appendChild(this.input), r.appendChild(i), c.appendChild(r), c;
|
|
35
35
|
}
|
|
36
36
|
afterDraw() {
|
|
37
37
|
this.hasAttribute("disabled") || (n.addListener(this, "click", "wje-radio:change"), n.addListener(this, "click", "wje-radio:input"));
|
|
@@ -40,7 +40,7 @@ class c extends p {
|
|
|
40
40
|
n.removeElement(this);
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
|
-
|
|
43
|
+
d.define("wje-radio", d);
|
|
44
44
|
export {
|
|
45
|
-
|
|
45
|
+
d as default
|
|
46
46
|
};
|
package/dist/wje-rate.js
CHANGED
|
@@ -2,7 +2,7 @@ var u = Object.defineProperty;
|
|
|
2
2
|
var d = (r, o, e) => o in r ? u(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e;
|
|
3
3
|
var n = (r, o, e) => (d(r, typeof o != "symbol" ? o + "" : o, e), e);
|
|
4
4
|
import v from "./wje-element.js";
|
|
5
|
-
const p = ":host{--wje-rate-gap: .25rem;display:flex}.native-rate{position:relative;display:flex;gap:var(--wje-rate-gap)}.wje-rate-icon{position:relative;cursor:pointer}.selected{color:var(--wje-color-danger)}:host(:not([readonly])) .wje-rate-icon:hover{transform:scale(1.2)}.half wje-icon:first-child{color:var(--wje-color)}.half wje-icon:last-child{color:currentColor;position:absolute;top:0;left:0}:host([disabled]) .native-rate{pointer-events:none;opacity:.5}";
|
|
5
|
+
const p = ":host{--wje-rate-gap: .25rem;display:flex}.native-rate{position:relative;display:flex;gap:var(--wje-rate-gap)}.wje-rate-icon{position:relative;cursor:pointer}.selected{color:var(--wje-color-danger-9)}:host(:not([readonly])) .wje-rate-icon:hover{transform:scale(1.2)}.half wje-icon:first-child{color:var(--wje-color)}.half wje-icon:last-child{color:currentColor;position:absolute;top:0;left:0}:host([disabled]) .native-rate{pointer-events:none;opacity:.5}";
|
|
6
6
|
class c extends v {
|
|
7
7
|
/**
|
|
8
8
|
* Creates an instance of Rate.
|
package/dist/wje-tab.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var n = (e, t, a) => (
|
|
1
|
+
var l = Object.defineProperty;
|
|
2
|
+
var d = (e, t, a) => t in e ? l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
|
|
3
|
+
var n = (e, t, a) => (d(e, typeof t != "symbol" ? t + "" : t, a), a);
|
|
4
4
|
import b, { event as c } from "./wje-element.js";
|
|
5
|
-
const p = ':host{display:block;position:relative}:host .native-tab{display:
|
|
5
|
+
const p = ':host{display:block;position:relative}:host .native-tab{display:flex;align-items:center;white-space:nowrap;font-family:var(--wje-tab-font-family);font-size:var(--wje-tab-font-size);letter-spacing:var(--wje-tab-letter-spacing);text-transform:var(--wje-tab-text-transfrom);font-weight:var(--wje-tab-font-weight);text-decoration:none;padding-inline:var(--wje-tab-padding-inline);padding-top:var(--wje-tab-padding-top);padding-bottom:var(--wje-tab-padding-bottom);border-radius:var(--wje-tab-border-radius);color:var(--wje-color);line-height:var(--wje-tab-line-height)}:host .native-tab>svg{inline-size:1.5em;pointer-events:none}:host .native-tab:hover{background:var(--wje-tab-color-hover)}:host .native-tab:hover:after{display:block}:host .native-tab:after{content:" ";display:none;block-size:.15rem;writing-mode:var(--wje-tab-writing-mode);background:var(--wje-tab-color-active);position:absolute;bottom:var(--wje-tab-bottom);left:var(--wje-tab-start);right:var(--wje-tab-end);top:var(--wje-tab-top)}:host([disabled]) a{opacity:.5;cursor:not-allowed;background:inherit}:host([disabled]) a:after{display:none}:host([active]) a:after{display:block}';
|
|
6
6
|
class i extends b {
|
|
7
7
|
/**
|
|
8
8
|
* Creates an instance of Tab.
|
|
@@ -42,7 +42,7 @@ class i extends b {
|
|
|
42
42
|
* @param {Object} params - The parameters for drawing.
|
|
43
43
|
* @returns {DocumentFragment}
|
|
44
44
|
*/
|
|
45
|
-
draw(a, v,
|
|
45
|
+
draw(a, v, h) {
|
|
46
46
|
let r = document.createDocumentFragment(), s = document.createElement("slot"), o = document.createElement("a");
|
|
47
47
|
return o.setAttribute("href", "#" + this.panel), o.setAttribute("part", "native"), o.classList.add("native-tab"), o.appendChild(s), r.appendChild(o), r;
|
|
48
48
|
}
|
package/dist/wje-toggle.js
CHANGED
|
@@ -2,7 +2,7 @@ var h = Object.defineProperty;
|
|
|
2
2
|
var g = (r, t, e) => t in r ? h(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
|
|
3
3
|
var c = (r, t, e) => (g(r, typeof t != "symbol" ? t + "" : t, e), e);
|
|
4
4
|
import b, { event as d } from "./wje-element.js";
|
|
5
|
-
const
|
|
5
|
+
const u = ':host{--wje-toggle-color-base: var(--wje-color-contrast-3);--wje-toggle-width: 30px;--wje-toggle-height: 18px;--wje-toggle-border-radius: 50px;--wje-toggle-handle-width: 13px;--wje-toggle-handle-height: 13px;--wje-toggle-handle-border-radius: 9px;--wje-toggle-handle-color: #fff;--wje-toggle-handle-shadow: 1px 0 1px .5px rgba(0,0,0,.12), 2px 4px 6px rgba(0,0,0,.2);--wje-toggle-handle-shadow-checked: 1px 1px 0 rgba(0,0,0,.08), -3px 3px 6px rgba(0,0,0,.3);--wje-toggle-duration: .25s;--wje-toggle-curve: cubic-bezier(.4,0,.2,1)}:host([color=primary]) input:checked+label>.label-wrapper{--wje-toggle-color-base: var(--wje-color-primary-9) !important}:host([color=complete]) input:checked+label>.label-wrapper{--wje-toggle-color-base: var(--wje-color-complete-9)}:host([color=success]) input:checked+label>.label-wrapper{--wje-toggle-color-base: var(--wje-color-success-9) !important}:host([color=warning]) input:checked+label>.label-wrapper{--wje-toggle-color-base: var(--wje-color-warning-9)}:host([color=danger]) input:checked+label>.label-wrapper{--wje-toggle-color-base: var(--wje-color-danger-9)}:host([color=info]) input:checked+label>.label-wrapper{--wje-toggle-color-base: var(--wje-color-info-9)}.native-toggle{display:flex}label{display:flex;cursor:pointer;align-items:center;-webkit-user-select:none;user-select:none}label .label-wrapper{width:var(--wje-toggle-width)!important;min-width:var(--wje-toggle-width);height:var(--wje-toggle-height);position:relative;display:flex;align-items:center}label .label-wrapper:before{content:"";position:absolute;cursor:pointer;width:100%;height:100%;top:auto;left:0;background:var(--wje-toggle-color-base);background-size:300%;background-position:right;border-radius:var(--wje-toggle-border-radius);border:none;box-shadow:inset 0 0 0 1px #0000001f;transition:background calc(var(--wje-toggle-duration) + (var(--wje-toggle-duration) * .24)),box-shadow var(--wje-toggle-duration);transition-timing-function:var(--wje-toggle-curve)}label .label-wrapper:after{content:"";position:absolute;transform:translate(0);background:var(--wje-toggle-handle-color);width:var(--wje-toggle-handle-width);height:var(--wje-toggle-handle-height);border-radius:var(--wje-toggle-handle-border-radius);top:auto;left:2px;box-shadow:var(--wje-toggle-handle-shadow);transition:transform,box-shadow;transition-duration:var(--wje-toggle-duration);transition-timing-function:var(--wje-toggle-curve)}input[type=checkbox][disabled]+label{cursor:not-allowed!important;color:var(--wje-color-contrast-9);opacity:.58}input[type=checkbox][disabled]+label:before{cursor:not-allowed!important}input[type=checkbox]{position:absolute;z-index:-1;opacity:0}input[type=checkbox]:checked+label .label-wrapper:before{background-position:left;box-shadow:inset 0 0 0 1px #0000001f}input[type=checkbox]:checked+label .label-wrapper:after{transform:translate(calc(var(--wje-toggle-width) - var(--wje-toggle-handle-width) - 4px));box-shadow:var(--wje-toggle-handle-shadow-checked)}input[type=checkbox]:focus+label .label-wrapper:before{outline:none!important;box-shadow:inset 0 0 0 1px #0000001f,0 0 #78c8fe}input[type=checkbox][disabled]:active+label .label-wrapper:after{transform:scaleX(1.1);transform-origin:center left;transition:transform step-start}input[type=checkbox]:checked[disabled]:active+label .label-wrapper:after{transform:translate(calc(100% - 6px)) scaleX(1.1);transform-origin:center right}input[type=checkbox]:hover:active+label .label-wrapper:before{background-color:transparent}:host .text{margin-inline:.5rem 0}:host([placement=end]) label{width:100%}:host([placement=end]) .text{margin-inline:0 .5rem;width:100%}slot{display:flex;align-items:center;width:100%}';
|
|
6
6
|
class p extends b {
|
|
7
7
|
/**
|
|
8
8
|
* @constructor
|
|
@@ -50,7 +50,7 @@ class p extends b {
|
|
|
50
50
|
* @returns {Object} styles
|
|
51
51
|
*/
|
|
52
52
|
static get cssStyleSheet() {
|
|
53
|
-
return
|
|
53
|
+
return u;
|
|
54
54
|
}
|
|
55
55
|
static get observedAttributes() {
|
|
56
56
|
return ["checked", "disabled"];
|
|
@@ -68,7 +68,7 @@ class p extends b {
|
|
|
68
68
|
* @param {Object} params - The parameters
|
|
69
69
|
* @returns {Object} Document fragment
|
|
70
70
|
*/
|
|
71
|
-
draw(e,
|
|
71
|
+
draw(e, w, m) {
|
|
72
72
|
let s = document.createDocumentFragment(), o = document.createElement("div");
|
|
73
73
|
o.setAttribute("part", "native"), o.classList.add("native-toggle");
|
|
74
74
|
let a = document.createElement("input");
|
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.
|
|
4
|
+
"version": "0.1.28",
|
|
5
5
|
"homepage": "https://github.com/lencys/wj-elements",
|
|
6
6
|
"author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"files": [
|
|
24
24
|
"./dist"
|
|
25
25
|
],
|
|
26
|
-
"module": "./dist/wje-
|
|
26
|
+
"module": "./dist/wje-master.js",
|
|
27
27
|
"scripts": {
|
|
28
28
|
"dev": "vite --force",
|
|
29
29
|
"build": "vite build",
|
|
@@ -33,9 +33,14 @@
|
|
|
33
33
|
},
|
|
34
34
|
"exports": {
|
|
35
35
|
".": {
|
|
36
|
-
"import": "./dist/wje-
|
|
36
|
+
"import": "./dist/wje-master.js"
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
|
+
"browserslist": [
|
|
40
|
+
"last 2 versions",
|
|
41
|
+
"not dead",
|
|
42
|
+
"> 0.2%"
|
|
43
|
+
],
|
|
39
44
|
"dependencies": {
|
|
40
45
|
"@crowdin/cli": "^3.19.2",
|
|
41
46
|
"@faker-js/faker": "^8.0.0",
|