@politiet/sheriff-web-components 2.4.0 → 2.4.2
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/sds-alert/sds-alert.styles.d.ts.map +1 -1
- package/dist/sds-alert/sds-alert.styles.js +4 -1
- package/dist/sds-alert/sds-alert.styles.js.map +1 -1
- package/dist/sds-details/sds-details.styles.d.ts.map +1 -1
- package/dist/sds-details/sds-details.styles.js +0 -5
- package/dist/sds-details/sds-details.styles.js.map +1 -1
- package/dist/sheriff-web-components.js +117 -119
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-alert.styles.d.ts","sourceRoot":"","sources":["../../src/sds-alert/sds-alert.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"sds-alert.styles.d.ts","sourceRoot":"","sources":["../../src/sds-alert/sds-alert.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAsLlB,CAAC"}
|
|
@@ -73,6 +73,9 @@ export const styles = css `
|
|
|
73
73
|
|
|
74
74
|
.sds-alert__type {
|
|
75
75
|
color: var(--_sds-alert-icon-color);
|
|
76
|
+
display: flex;
|
|
77
|
+
align-items: start;
|
|
78
|
+
flex-wrap: wrap;
|
|
76
79
|
}
|
|
77
80
|
|
|
78
81
|
.sds-alert__content {
|
|
@@ -84,7 +87,7 @@ export const styles = css `
|
|
|
84
87
|
|
|
85
88
|
.sds-alert__actions {
|
|
86
89
|
--sds-button-padding-inline: 0;
|
|
87
|
-
--sds-button-text-color: var(--
|
|
90
|
+
--sds-button-text-color: var(--_sds-alert-text-color);
|
|
88
91
|
}
|
|
89
92
|
|
|
90
93
|
.sds-alert__icon {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-alert.styles.js","sourceRoot":"","sources":["../../src/sds-alert/sds-alert.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"sds-alert.styles.js","sourceRoot":"","sources":["../../src/sds-alert/sds-alert.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsLxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-info-surface-tinted));\n\n\t\t--_sds-alert-border-color: var(--sds-alert-border-color, var(--sds-color-alert-info-border-default));\n\t\t--_sds-alert-border-radius: var(--sds-alert-border-radius, var(--sds-radius-sm));\n\t\t--_sds-alert-border-width: var(--sds-alert-border-width, var(--sds-border-sm));\n\n\t\t--_sds-alert-column-gap: var(--sds-alert-column-gap, var(--sds-spacing-2xs));\n\t\t--_sds-alert-content-gap: var(--sds-alert-content-gap, var(--sds-spacing-3xs));\n\n\t\t--_sds-alert-font-family: var(--sds-alert-font-family, var(--sds-typography-font-family-roboto));\n\t\t--_sds-alert-text-color: var(--sds-alert-text-color, var(--sds-color-alert-info-text-default));\n\n\t\t--_sds-alert-font-size: var(--sds-alert-font-size, var(--sds-components-font-size-content-md));\n\t\t--_sds-alert-font-weight: var(--sds-alert-font-weight, var(--sds-typography-body-md-desktop-font-weight));\n\t\t--_sds-alert-line-height: var(--sds-alert-line-height, var(--sds-components-line-height-tall-content-md));\n\n\t\t--_sds-alert-title-font-size: var(--sds-alert-title-font-size, var(--sds-components-font-size-title-md));\n\t\t--_sds-alert-title-font-weight: var(--sds-alert-title-font-weight, var(--sds-typography-body-lg-strong-tall-desktop-font-weight));\n\t\t--_sds-alert-title-line-height: var(--sds-alert-title-line-height, var(--sds-components-line-height-tall-title-md));\n\n\t\t--_sds-alert-icon-color: var(--sds-alert-icon-color, var(--sds-color-alert-info-text-subtle));\n\t\t--_sds-alert-icon-color-background: var(--sds-alert-icon-color-background, var(--sds-color-action-contrast-default, white));\n\t\t--_sds-alert-max-line-width: var(--sds-alert-max-line-width, var(--sds-typography-max-line-width));\n\t\t--_sds-alert-padding: var(--sds-alert-padding, var(--sds-spacing-sm));\n\n\t\t--sds-icon-color: var(--sds-alert-icon-color, var(--_sds-alert-icon-color));\n\n\t\tdisplay: block;\n\t}\n\n\t.sds-alert {\n\t\tdisplay: flex;\n\t\tgap: var(--_sds-alert-column-gap);\n\t\tpadding: var(--_sds-alert-padding);\n\t\tbackground-color: var(--_sds-alert-background-color);\n\t\tborder: var(--_sds-alert-border-width) solid var(--_sds-alert-border-color);\n\t\tborder-radius: var(--_sds-alert-border-radius);\n\t\tcolor: var(--_sds-alert-text-color);\n\t\tfont-family: var(--_sds-alert-font-family);\n\t\ttext-align: left;\n\t}\n\n\t:host([data-palette='success']) {\n\t\t--_sds-alert-icon-color: var(--sds-alert-icon-color, var(--sds-color-alert-success-text-subtle));\n\t\t--_sds-alert-border-color: var(--sds-alert-border-color, var(--sds-color-alert-success-border-default));\n\t\t--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-success-surface-tinted));\n\t\t--_sds-alert-text-color: var(--sds-alert-text-color, var(--sds-color-alert-success-text-default));\n\t}\n\n\t:host([data-palette='danger']) {\n\t\t--_sds-alert-icon-color: var(--sds-alert-icon-color, var(--sds-color-alert-danger-text-subtle));\n\t\t--_sds-alert-border-color: var(--sds-alert-border-color, var(--sds-color-alert-danger-border-default));\n\t\t--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-danger-surface-tinted));\n\t\t--_sds-alert-text-color: var(--sds-alert-text-color, var(--sds-color-alert-danger-text-default));\n\t}\n\n\t:host([data-palette='attention']) {\n\t\t--_sds-alert-icon-color: var(--sds-alert-icon-color, var(--sds-color-alert-attention-text-subtle));\n\t\t--_sds-alert-border-color: var(--sds-alert-border-color, var(--sds-color-alert-attention-border-default));\n\t\t--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-attention-surface-tinted));\n\t\t--_sds-alert-text-color: var(--sds-alert-text-color, var(--sds-color-alert-attention-text-default));\n\t}\n\n\t:host([data-palette='warning']) {\n\t\t--_sds-alert-icon-color: var(--sds-alert-icon-color, var(--sds-color-alert-warning-text-subtle));\n\t\t--_sds-alert-border-color: var(--sds-alert-border-color, var(--sds-color-alert-warning-border-default));\n\t\t--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-warning-surface-tinted));\n\t\t--_sds-alert-text-color: var(--sds-alert-text-color, var(--sds-color-alert-warning-text-default));\n\t}\n\n\t.sds-alert__type {\n\t\tcolor: var(--_sds-alert-icon-color);\n\t\tdisplay: flex;\n\t\talign-items: start;\n\t\tflex-wrap: wrap;\n\t}\n\n\t.sds-alert__content {\n\t\talign-self: center;\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\tflex-direction: column;\n\t}\n\n\t.sds-alert__actions {\n\t\t--sds-button-padding-inline: 0;\n\t\t--sds-button-text-color: var(--_sds-alert-text-color);\n\t}\n\n\t.sds-alert__icon {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t:host([variant='secondary']) {\n\t\t--_sds-alert-background-color: var(--sds-alert-background-color, transparent);\n\t\t--_sds-alert-border-color: var(--sds-alert-border-color, transparent);\n\t\t--_sds-alert-border-width: var(--sds-alert-border-width, 0);\n\t\t--_sds-alert-padding: var(--sds-alert-padding, 0);\n\t\t--_sds-alert-column-gap: var(--sds-alert-column-gap, var(--sds-spacing-3xs));\n\t\t--_sds-alert-content-gap: var(--sds-alert-content-gap, var(--sds-spacing-4xs));\n\n\t\t--_sds-alert-line-height: var(--sds-alert-line-height, var(--sds-components-line-height-tall-content-md));\n\t\t--_sds-alert-font-weight: var(--sds-alert-font-weight, var(--sds-typography-body-md-tall-desktop-font-weight));\n\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\ttop: 4px;\n\t\t\tleft: 4px;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tbackground-color: var(--_sds-alert-icon-color-background);\n\t\t\tz-index: -1;\n\t\t\tclip-path: circle(50%);\n\t\t}\n\n\t\t&:host([size='sm'])::after {\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t}\n\t}\n\n\t:host([variant='secondary']):host([data-palette='attention']) {\n\t\t--sds-icon-color: var(--sds-alert-icon-color, var(--sds-color-action-default));\n\n\t\t&::after {\n\t\t\ttop: 4px;\n\t\t\tleft: 2px;\n\t\t\twidth: 20px;\n\t\t\theight: 16px;\n\t\t\tclip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n\t\t}\n\t}\n\n\t:host([variant='secondary']):host([size='sm']) {\n\t\t--_sds-alert-font-size: var(--sds-alert-font-size, var(--sds-components-font-size-content-sm));\n\t\t--_sds-alert-line-height: var(--sds-alert-line-height, var(--sds-components-line-height-tall-content-sm));\n\t\t--_sds-alert-title-font-size: var(--sds-alert-title-font-size, var(--sds-components-font-size-title-sm));\n\t\t--_sds-alert-title-line-height: var(--sds-alert-title-line-height, var(--sds-components-line-height-tall-title-sm));\n\t}\n\n\t:host([variant='secondary']):host([size='md']) {\n\t\t--_sds-alert-font-size: var(--sds-alert-font-size, var(--sds-components-font-size-content-md));\n\t\t--_sds-alert-line-height: var(--sds-alert-line-height, var(--sds-components-line-height-tall-content-md));\n\t\t--_sds-alert-title-font-size: var(--sds-alert-title-font-size, var(--sds-components-font-size-title-md));\n\t\t--_sds-alert-title-line-height: var(--sds-alert-title-line-height, var(--sds-components-line-height-tall-title-md));\n\t}\n\n\t:host([variant='secondary']):host([size='lg']) {\n\t\t--_sds-alert-font-size: var(--sds-alert-font-size, var(--sds-components-font-size-content-lg));\n\t\t--_sds-alert-line-height: var(--sds-alert-line-height, var(--sds-components-line-height-tall-content-lg));\n\t\t--_sds-alert-title-font-size: var(--sds-alert-title-font-size, var(--sds-components-font-size-title-lg));\n\t\t--_sds-alert-title-line-height: var(--sds-alert-title-line-height, var(--sds-components-line-height-tall-title-lg));\n\t}\n\n\t::slotted([slot='title']),\n\t::slotted(:is(h1, h2, h3, h4, h5, h6)) {\n\t\tcolor: var(--_sds-alert-text-color) !important;\n\t\tfont-size: var(--_sds-alert-title-font-size) !important;\n\t\tfont-style: normal !important;\n\t\tfont-weight: var(--_sds-alert-title-font-weight) !important;\n\t\tline-height: var(--_sds-alert-title-line-height) !important;\n\t\tmargin: 0 !important;\n\t\tmax-width: var(--_sds-alert-max-line-width) !important;\n\t}\n\n\t::slotted([slot='message']),\n\t::slotted(:is(p)) {\n\t\tcolor: var(--_sds-alert-text-color) !important;\n\t\tfont-size: var(--_sds-alert-font-size) !important;\n\t\tfont-style: normal !important;\n\t\tfont-weight: var(--_sds-alert-font-weight) !important;\n\t\tline-height: var(--_sds-alert-line-height) !important;\n\t\tmargin: 0 !important;\n\t\tmax-width: var(--_sds-alert-max-line-width) !important;\n\t}\n`;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-details.styles.d.ts","sourceRoot":"","sources":["../../src/sds-details/sds-details.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"sds-details.styles.d.ts","sourceRoot":"","sources":["../../src/sds-details/sds-details.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmIlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-details.styles.js","sourceRoot":"","sources":["../../src/sds-details/sds-details.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"sds-details.styles.js","sourceRoot":"","sources":["../../src/sds-details/sds-details.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));\n\n\t\t--_sds-details-summary-padding: var(--sds-details-summary-padding, var(--sds-spacing-xs));\n\t\t--_sds-details-summary-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));\n\t\t--_sds-details-summary-gap: var(--sds-details-summary-gap, var(--sds-spacing-3xs));\n\n\t\t--_sds-details-content-padding-start: var(--sds-details-content-padding-start, calc(var(--_sds-details-summary-padding) + var(--_sds-details-summary-gap) + var(--sds-components-icon-md)));\n\t\t--_sds-details-content-padding: var(--sds-details-content-padding, var(--sds-spacing-xs));\n\t\t--_sds-details-content-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));\n\n\t\t--_sds-details-focus-outline-width: var(--sds-details-focus-outline-width, var(--sds-border-md));\n\t\t--_sds-details-focus-outline-color: var(--sds-details-focus-outline-color, var(--sds-color-states-focus-outer));\n\t\t--_sds-details-focus-outline-offset: var(--sds-details-focus-outline-offset, var(--sds-color-states-focus-spacing));\n\t\t--_sds-details-focus-inner-color: var(--sds-details-focus-inner-color, var(--sds-color-states-focus-inner));\n\n\t\t--_sds-details-icon-transition: var(--sds-details-icon-transition, transform 0.2s ease);\n\n\t\t--_sds-details-border-color: var(--sds-details-border-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));\n\t\t--_sds-details-border-bottom: var(--sds-details-border-bottom, solid 1px var(--_sds-details-border-color));\n\t}\n\n\t:host([data-palette]) {\n\t\t--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));\n\t\t--_sds-details-summary-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));\n\t}\n\n\t.sds-details {\n\t\tcolor: var(--_sds-details-text-color);\n\n\t\t&:is([open]) {\n\t\t\t--_sds-details-summary-background-color: var(----_sds-details-summary-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));\n\t\t}\n\n\t\t&:not([data-standalone]) {\n\t\t\tborder-top: solid 1px var(--_sds-details-border-color);\n\t\t\tborder-bottom: var(--_sds-details-border-bottom);\n\t\t}\n\n\t\t/* Setting the border on the summary element preserves the border\n\t\t when the element has focus\n\t\t*/\n\t\t&:is([data-standalone]) {\n\t\t\tsummary {\n\t\t\t\tborder-radius: var(--sds-radius-md);\n\t\t\t\tborder: solid 1px var(--_sds-details-border-color);\n\t\t\t}\n\n\t\t\t&:is([open]) {\n\t\t\t\t& summary {\n\t\t\t\t\tborder-bottom-left-radius: 0px;\n\t\t\t\t\tborder-bottom-right-radius: 0px;\n\t\t\t\t}\n\n\t\t\t\t& .sds-details__content {\n\t\t\t\t\tborder-left: solid 1px var(--_sds-details-border-color);\n\t\t\t\t\tborder-right: solid 1px var(--_sds-details-border-color);\n\t\t\t\t\tborder-bottom: solid 1px var(--_sds-details-border-color);\n\t\t\t\t\tborder-bottom-left-radius: var(--sds-radius-md);\n\t\t\t\t\tborder-bottom-right-radius: var(--sds-radius-md);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.sds-details__summary {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: var(--_sds-details-summary-padding);\n\t\tbackground-color: var(--_sds-details-summary-background-color);\n\t\tgap: var(--_sds-details-summary-gap);\n\t\tlist-style: none;\n\t\tuser-select: none;\n\n\t\t&:hover {\n\t\t\t--_sds-details-summary-background-color: var(--sds-details-summary-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));\n\t\t}\n\n\t\t&:active {\n\t\t\t--_sds-details-summary-background-color: var(--sds-details-summary-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbox-shadow: 0 0 0 var(--sds-color-states-focus-spacing) var(--_sds-details-focus-inner-color);\n\t\t\toutline: var(--_sds-details-focus-outline-width) solid var(--_sds-details-focus-outline-color);\n\t\t\toutline-offset: var(--_sds-details-focus-outline-offset);\n\t\t}\n\t}\n\n\t.sds-details__summary-content {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t}\n\n\tsds-icon {\n\t\ttransition: var(--_sds-details-icon-transition);\n\t}\n\n\t.sds-details:not([open]) sds-icon {\n\t\ttransform: rotate(180deg);\n\t}\n\n\t.sds-details__content {\n\t\tpadding: var(--_sds-details-content-padding);\n\t\tpadding-inline-start: var(--_sds-details-content-padding-start);\n\t}\n\n\t@media (prefers-reduced-motion: no-preference) {\n\t\t.sds-details__content {\n\t\t\tanimation: show-content-keyframes 200ms ease-in-out;\n\t\t}\n\t}\n\n\t@keyframes show-content-keyframes {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(-0.5rem);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t::slotted([slot='summary']) {\n\t\tdisplay: inline;\n\t\tmargin: 0;\n\t}\n`;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(t,s,e){if(this._$cssResult$=!0,e!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=r.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&r.set(s,t))}return t}toString(){return this.cssText}};const i=(t,...s)=>{const e=1===t.length?t[0]:s.reduce(((s,e,o)=>s+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[o+1]),t[0]);return new a(e,t,o)},d=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,o))(s)})(t):t,{is:n,defineProperty:l,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:p,getPrototypeOf:g}=Object,v=globalThis,u=v.trustedTypes,f=u?u.emptyScript:"",b=v.reactiveElementPolyfillSupport,_=(t,s)=>t,m={toAttribute(t,s){switch(s){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let e=t;switch(s){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(o){e=null}}return e}},x=(t,s)=>!n(t,s),y={attribute:!0,type:String,converter:m,reflect:!1,useDefault:!1,hasChanged:x};Symbol.metadata??=Symbol("metadata"),v.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let w=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const e=Symbol(),o=this.getPropertyDescriptor(t,e,s);void 0!==o&&l(this.prototype,t,o)}}static getPropertyDescriptor(t,s,e){const{get:o,set:r}=c(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:o,set(s){const a=o?.call(this);r?.call(this,s),this.requestUpdate(t,a,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=g(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,s=[...h(t),...p(t)];for(const e of s)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,e]of s)this.elementProperties.set(t,e)}this._$Eh=/* @__PURE__ */new Map;for(const[s,e]of this.elementProperties){const t=this._$Eu(s,e);void 0!==t&&this._$Eh.set(t,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)s.unshift(d(t))}else void 0!==t&&s.push(d(t));return s}static _$Eu(t,s){const e=s.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,s=this.constructor.elementProperties;for(const e of s.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(e)t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),r=s.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,e){this._$AK(t,e)}_$ET(t,s){const e=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,e);if(void 0!==o&&!0===e.reflect){const r=(void 0!==e.converter?.toAttribute?e.converter:m).toAttribute(s,e.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,s){const e=this.constructor,o=e._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=e.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:m;this._$Em=o,this[o]=r.fromAttribute(s,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,s,e){if(void 0!==t){const o=this.constructor,r=this[t];if(e??=o.getPropertyOptions(t),!((e.hasChanged??x)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,e))))return;this.C(t,s,e)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:e,reflect:o,wrapped:r},a){e&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??s??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||e||(s=void 0),this._$AL.set(t,s)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,e]of t){const{wrapped:t}=e,o=this[s];!0!==t||this._$AL.has(s)||void 0===o||this.C(s,void 0,e,o)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[_("elementProperties")]=/* @__PURE__ */new Map,w[_("finalized")]=/* @__PURE__ */new Map,b?.({ReactiveElement:w}),(v.reactiveElementVersions??=[]).push("2.1.0");const k={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x},z=(t=k,s,e)=>{const{kind:o,metadata:r}=e;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=/* @__PURE__ */new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),a.set(e.name,t),"accessor"===o){const{name:o}=e;return{set(e){const r=s.get.call(this);s.set.call(this,e),this.requestUpdate(o,r,t)},init(s){return void 0!==s&&this.C(o,void 0,t,s),s}}}if("setter"===o){const{name:o}=e;return function(e){const r=this[o];s.call(this,e),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function $(t){return(s,e)=>"object"==typeof e?z(t,s,e):((t,s,e)=>{const o=s.hasOwnProperty(e);return s.constructor.createProperty(e,t),o?Object.getOwnPropertyDescriptor(s,e):void 0})(t,s,e)}function S(t){return $({...t,state:!0,attribute:!1})}const C=(t,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof s&&Object.defineProperty(t,s,e),e);function E(t,s){return(s,e,o)=>C(s,e,{get(){return s=this,s.renderRoot?.querySelector(t)??null;var s}})}function O(t){return s=>{var e;customElements.get(t)||(e=t,(t,s)=>{void 0!==s?s.addInitializer((()=>{customElements.define(e,t)})):customElements.define(e,t)})(s)}}const A=globalThis,q=A.trustedTypes,P=q?q.createPolicy("lit-html",{createHTML:t=>t}):void 0,D="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,L="?"+V,R=`<${L}>`,M=document,T=()=>M.createComment(""),B=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,j="[ \t\n\f\r]",F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,U=/>/g,H=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),W=/'/g,G=/"/g,K=/^(?:script|style|textarea|title)$/i,Y=(tt=1,(t,...s)=>({_$litType$:tt,strings:t,values:s})),Z=Symbol.for("lit-noChange"),Q=Symbol.for("lit-nothing"),X=/* @__PURE__ */new WeakMap,J=M.createTreeWalker(M,129);var tt;function st(t,s){if(!I(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==P?P.createHTML(s):s}class et{constructor({strings:t,_$litType$:s},e){let o;this.parts=[];let r=0,a=0;const i=t.length-1,d=this.parts,[n,l]=((t,s)=>{const e=t.length-1,o=[];let r,a=2===s?"<svg>":3===s?"<math>":"",i=F;for(let d=0;d<e;d++){const s=t[d];let e,n,l=-1,c=0;for(;c<s.length&&(i.lastIndex=c,n=i.exec(s),null!==n);)c=i.lastIndex,i===F?"!--"===n[1]?i=N:void 0!==n[1]?i=U:void 0!==n[2]?(K.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=H):void 0!==n[3]&&(i=H):i===H?">"===n[0]?(i=r??F,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?H:'"'===n[3]?G:W):i===G||i===W?i=H:i===N||i===U?i=F:(i=H,r=void 0);const h=i===H&&t[d+1].startsWith("/>")?" ":"";a+=i===F?s+R:l>=0?(o.push(e),s.slice(0,l)+D+s.slice(l)+V+h):s+V+(-2===l?d:h)}return[st(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=et.createElement(n,e),J.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=J.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(D)){const s=l[a++],e=o.getAttribute(t).split(V),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?dt:"?"===i[1]?nt:"@"===i[1]?lt:it}),o.removeAttribute(t)}else t.startsWith(V)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(K.test(o.tagName)){const t=o.textContent.split(V),s=t.length-1;if(s>0){o.textContent=q?q.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],T()),J.nextNode(),d.push({type:2,index:++r});o.append(t[s],T())}}}else if(8===o.nodeType)if(o.data===L)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(V,t+1));)d.push({type:7,index:r}),t+=V.length-1}r++}}static createElement(t,s){const e=M.createElement("template");return e.innerHTML=t,e}}function ot(t,s,e=t,o){if(s===Z)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=B(s)?void 0:s._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,e,o)),void 0!==o?(e._$Co??=[])[o]=r:e._$Cl=r),void 0!==r&&(s=ot(t,r._$AS(t,s.values),r,o)),s}class rt{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:e}=this._$AD,o=(t?.creationScope??M).importNode(s,!0);J.currentNode=o;let r=J.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new at(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new ct(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=J.nextNode(),a++)}return J.currentNode=M,o}p(t){let s=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,s),s+=e.strings.length-2):e._$AI(t[s])),s++}}class at{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=Q,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=e,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===t?.nodeType&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=ot(this,t,s),B(t)?t===Q||null==t||""===t?(this._$AH!==Q&&this._$AR(),this._$AH=Q):t!==this._$AH&&t!==Z&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>I(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==Q&&B(this._$AH)?this._$AA.nextSibling.data=t:this.T(M.createTextNode(t)),this._$AH=t}$(t){const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=et.createElement(st(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new rt(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=X.get(t.strings);return void 0===s&&X.set(t.strings,s=new et(t)),s}k(t){I(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let e,o=0;for(const r of t)o===s.length?s.push(e=new at(this.O(T()),this.O(T()),this,this.options)):e=s[o],e._$AI(r),o++;o<s.length&&(this._$AR(e&&e._$AB.nextSibling,o),s.length=o)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class it{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=Q,this._$AN=void 0,this.element=t,this.name=s,this._$AM=o,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=Q}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=ot(this,t,s,0),a=!B(t)||t!==this._$AH&&t!==Z,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=ot(this,o[e+i],s,i),d===Z&&(d=this._$AH[i]),a||=!B(d)||d!==this._$AH[i],d===Q?t=Q:t!==Q&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===Q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class dt extends it{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Q?void 0:t}}class nt extends it{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Q)}}class lt extends it{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=ot(this,t,s,0)??Q)===Z)return;const e=this._$AH,o=t===Q&&e!==Q||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==Q&&(e===Q||o);o&&this.element.removeEventListener(this.name,this,e),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ct{constructor(t,s,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){ot(this,t)}}const ht=A.litHtmlPolyfillSupport;ht?.(et,at),(A.litHtmlVersions??=[]).push("3.3.0");const pt=globalThis;let gt=class extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,s,e)=>{const o=e?.renderBefore??s;let r=o._$litPart$;if(void 0===r){const t=e?.renderBefore??null;o._$litPart$=r=new at(s.insertBefore(T(),t),t,void 0,e??{})}return r._$AI(t),r})(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Z}};gt._$litElement$=!0,gt.finalized=!0,pt.litElementHydrateSupport?.({LitElement:gt});const vt=pt.litElementPolyfillSupport;vt?.({LitElement:gt}),(pt.litElementVersions??=[]).push("4.2.0");const ut=Symbol.for(""),ft=t=>{if(t?.r===ut)return t?._$litStatic$},bt=(t,...s)=>({_$litStatic$:s.reduce(((s,e,o)=>s+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[o+1]),t[0]),r:ut}),_t=/* @__PURE__ */new Map,mt=(t=>(s,...e)=>{const o=e.length;let r,a;const i=[],d=[];let n,l=0,c=!1;for(;l<o;){for(n=s[l];l<o&&void 0!==(a=e[l],r=ft(a));)n+=r+s[++l],c=!0;l!==o&&d.push(a),i.push(n),l++}if(l===o&&i.push(s[o]),c){const t=i.join("$$lit$$");void 0===(s=_t.get(t))&&(i.raw=i,_t.set(t,s=i)),e=d}return t(s,...e)})(Y),xt=i`
|
|
1
|
+
var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=/* @__PURE__ */Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(t,s,e){if(this._$cssResult$=!0,e!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=r.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&r.set(s,t))}return t}toString(){return this.cssText}};const i=(t,...s)=>{const e=1===t.length?t[0]:s.reduce((s,e,o)=>s+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[o+1],t[0]);return new a(e,t,o)},d=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,o))(s)})(t):t,{is:n,defineProperty:l,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:p,getPrototypeOf:g}=Object,v=globalThis,u=v.trustedTypes,f=u?u.emptyScript:"",b=v.reactiveElementPolyfillSupport,_=(t,s)=>t,m={toAttribute(t,s){switch(s){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let e=t;switch(s){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(o){e=null}}return e}},x=(t,s)=>!n(t,s),y={attribute:!0,type:String,converter:m,reflect:!1,useDefault:!1,hasChanged:x};Symbol.metadata??=/* @__PURE__ */Symbol("metadata"),v.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let w=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const e=/* @__PURE__ */Symbol(),o=this.getPropertyDescriptor(t,e,s);void 0!==o&&l(this.prototype,t,o)}}static getPropertyDescriptor(t,s,e){const{get:o,set:r}=c(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:o,set(s){const a=o?.call(this);r?.call(this,s),this.requestUpdate(t,a,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=g(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,s=[...h(t),...p(t)];for(const e of s)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,e]of s)this.elementProperties.set(t,e)}this._$Eh=/* @__PURE__ */new Map;for(const[s,e]of this.elementProperties){const t=this._$Eu(s,e);void 0!==t&&this._$Eh.set(t,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)s.unshift(d(t))}else void 0!==t&&s.push(d(t));return s}static _$Eu(t,s){const e=s.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,s=this.constructor.elementProperties;for(const e of s.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(e)t.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement("style"),r=s.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,s,e){this._$AK(t,e)}_$ET(t,s){const e=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,e);if(void 0!==o&&!0===e.reflect){const r=(void 0!==e.converter?.toAttribute?e.converter:m).toAttribute(s,e.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,s){const e=this.constructor,o=e._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=e.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:m;this._$Em=o;const a=r.fromAttribute(s,t.type);this[o]=a??this._$Ej?.get(o)??a,this._$Em=null}}requestUpdate(t,s,e,o=!1,r){if(void 0!==t){const a=this.constructor;if(!1===o&&(r=this[t]),e??=a.getPropertyOptions(t),!((e.hasChanged??x)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(a._$Eu(t,e))))return;this.C(t,s,e)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:e,reflect:o,wrapped:r},a){e&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??s??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||e||(s=void 0),this._$AL.set(t,s)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,e]of t){const{wrapped:t}=e,o=this[s];!0!==t||this._$AL.has(s)||void 0===o||this.C(s,void 0,e,o)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(s)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[_("elementProperties")]=/* @__PURE__ */new Map,w[_("finalized")]=/* @__PURE__ */new Map,b?.({ReactiveElement:w}),(v.reactiveElementVersions??=[]).push("2.1.2");const k={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x},z=(t=k,s,e)=>{const{kind:o,metadata:r}=e;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=/* @__PURE__ */new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),a.set(e.name,t),"accessor"===o){const{name:o}=e;return{set(e){const r=s.get.call(this);s.set.call(this,e),this.requestUpdate(o,r,t,!0,e)},init(s){return void 0!==s&&this.C(o,void 0,t,s),s}}}if("setter"===o){const{name:o}=e;return function(e){const r=this[o];s.call(this,e),this.requestUpdate(o,r,t,!0,e)}}throw Error("Unsupported decorator location: "+o)};function $(t){return(s,e)=>"object"==typeof e?z(t,s,e):((t,s,e)=>{const o=s.hasOwnProperty(e);return s.constructor.createProperty(e,t),o?Object.getOwnPropertyDescriptor(s,e):void 0})(t,s,e)}function S(t){return $({...t,state:!0,attribute:!1})}const C=(t,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof s&&Object.defineProperty(t,s,e),e);function E(t,s){return(s,e,o)=>C(s,e,{get(){return s=this,s.renderRoot?.querySelector(t)??null;var s}})}function O(t){return s=>{var e;customElements.get(t)||(e=t,(t,s)=>{void 0!==s?s.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})(s)}}const A=globalThis,q=t=>t,P=A.trustedTypes,D=P?P.createPolicy("lit-html",{createHTML:t=>t}):void 0,V="$lit$",L=`lit$${Math.random().toFixed(9).slice(2)}$`,R="?"+L,M=`<${R}>`,T=document,B=()=>T.createComment(""),I=t=>null===t||"object"!=typeof t&&"function"!=typeof t,j=Array.isArray,F="[ \t\n\f\r]",N=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,U=/-->/g,H=/>/g,W=RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),G=/'/g,K=/"/g,Y=/^(?:script|style|textarea|title)$/i,Z=(st=1,(t,...s)=>({_$litType$:st,strings:t,values:s})),Q=/* @__PURE__ */Symbol.for("lit-noChange"),X=/* @__PURE__ */Symbol.for("lit-nothing"),J=/* @__PURE__ */new WeakMap,tt=T.createTreeWalker(T,129);var st;function et(t,s){if(!j(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==D?D.createHTML(s):s}class ot{constructor({strings:t,_$litType$:s},e){let o;this.parts=[];let r=0,a=0;const i=t.length-1,d=this.parts,[n,l]=((t,s)=>{const e=t.length-1,o=[];let r,a=2===s?"<svg>":3===s?"<math>":"",i=N;for(let d=0;d<e;d++){const s=t[d];let e,n,l=-1,c=0;for(;c<s.length&&(i.lastIndex=c,n=i.exec(s),null!==n);)c=i.lastIndex,i===N?"!--"===n[1]?i=U:void 0!==n[1]?i=H:void 0!==n[2]?(Y.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=W):void 0!==n[3]&&(i=W):i===W?">"===n[0]?(i=r??N,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?W:'"'===n[3]?K:G):i===K||i===G?i=W:i===U||i===H?i=N:(i=W,r=void 0);const h=i===W&&t[d+1].startsWith("/>")?" ":"";a+=i===N?s+M:l>=0?(o.push(e),s.slice(0,l)+V+s.slice(l)+L+h):s+L+(-2===l?d:h)}return[et(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=ot.createElement(n,e),tt.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=tt.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(V)){const s=l[a++],e=o.getAttribute(t).split(L),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?nt:"?"===i[1]?lt:"@"===i[1]?ct:dt}),o.removeAttribute(t)}else t.startsWith(L)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(Y.test(o.tagName)){const t=o.textContent.split(L),s=t.length-1;if(s>0){o.textContent=P?P.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],B()),tt.nextNode(),d.push({type:2,index:++r});o.append(t[s],B())}}}else if(8===o.nodeType)if(o.data===R)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(L,t+1));)d.push({type:7,index:r}),t+=L.length-1}r++}}static createElement(t,s){const e=T.createElement("template");return e.innerHTML=t,e}}function rt(t,s,e=t,o){if(s===Q)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=I(s)?void 0:s._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,e,o)),void 0!==o?(e._$Co??=[])[o]=r:e._$Cl=r),void 0!==r&&(s=rt(t,r._$AS(t,s.values),r,o)),s}class at{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:e}=this._$AD,o=(t?.creationScope??T).importNode(s,!0);tt.currentNode=o;let r=tt.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new it(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new ht(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=tt.nextNode(),a++)}return tt.currentNode=T,o}p(t){let s=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,s),s+=e.strings.length-2):e._$AI(t[s])),s++}}class it{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=X,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=e,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===t?.nodeType&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=rt(this,t,s),I(t)?t===X||null==t||""===t?(this._$AH!==X&&this._$AR(),this._$AH=X):t!==this._$AH&&t!==Q&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>j(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==X&&I(this._$AH)?this._$AA.nextSibling.data=t:this.T(T.createTextNode(t)),this._$AH=t}$(t){const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=ot.createElement(et(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new at(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=J.get(t.strings);return void 0===s&&J.set(t.strings,s=new ot(t)),s}k(t){j(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let e,o=0;for(const r of t)o===s.length?s.push(e=new it(this.O(B()),this.O(B()),this,this.options)):e=s[o],e._$AI(r),o++;o<s.length&&(this._$AR(e&&e._$AB.nextSibling,o),s.length=o)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t!==this._$AB;){const s=q(t).nextSibling;q(t).remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class dt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=X,this._$AN=void 0,this.element=t,this.name=s,this._$AM=o,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=X}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=rt(this,t,s,0),a=!I(t)||t!==this._$AH&&t!==Q,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=rt(this,o[e+i],s,i),d===Q&&(d=this._$AH[i]),a||=!I(d)||d!==this._$AH[i],d===X?t=X:t!==X&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===X?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class nt extends dt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===X?void 0:t}}class lt extends dt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==X)}}class ct extends dt{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=rt(this,t,s,0)??X)===Q)return;const e=this._$AH,o=t===X&&e!==X||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==X&&(e===X||o);o&&this.element.removeEventListener(this.name,this,e),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ht{constructor(t,s,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){rt(this,t)}}const pt=A.litHtmlPolyfillSupport;pt?.(ot,it),(A.litHtmlVersions??=[]).push("3.3.2");const gt=globalThis;let vt=class extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,s,e)=>{const o=e?.renderBefore??s;let r=o._$litPart$;if(void 0===r){const t=e?.renderBefore??null;o._$litPart$=r=new it(s.insertBefore(B(),t),t,void 0,e??{})}return r._$AI(t),r})(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Q}};vt._$litElement$=!0,vt.finalized=!0,gt.litElementHydrateSupport?.({LitElement:vt});const ut=gt.litElementPolyfillSupport;ut?.({LitElement:vt}),(gt.litElementVersions??=[]).push("4.2.2");const ft=/* @__PURE__ */Symbol.for(""),bt=t=>{if(t?.r===ft)return t?._$litStatic$},_t=(t,...s)=>({_$litStatic$:s.reduce((s,e,o)=>s+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[o+1],t[0]),r:ft}),mt=/* @__PURE__ */new Map,xt=(t=>(s,...e)=>{const o=e.length;let r,a;const i=[],d=[];let n,l=0,c=!1;for(;l<o;){for(n=s[l];l<o&&void 0!==(a=e[l],r=bt(a));)n+=r+s[++l],c=!0;l!==o&&d.push(a),i.push(n),l++}if(l===o&&i.push(s[o]),c){const t=i.join("$$lit$$");void 0===(s=mt.get(t))&&(i.raw=i,mt.set(t,s=i)),e=d}return t(s,...e)})(Z),yt=i`
|
|
2
2
|
:host {
|
|
3
3
|
--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-info-surface-tinted));
|
|
4
4
|
|
|
@@ -72,6 +72,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
72
72
|
|
|
73
73
|
.sds-alert__type {
|
|
74
74
|
color: var(--_sds-alert-icon-color);
|
|
75
|
+
display: flex;
|
|
76
|
+
align-items: start;
|
|
77
|
+
flex-wrap: wrap;
|
|
75
78
|
}
|
|
76
79
|
|
|
77
80
|
.sds-alert__content {
|
|
@@ -83,7 +86,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
83
86
|
|
|
84
87
|
.sds-alert__actions {
|
|
85
88
|
--sds-button-padding-inline: 0;
|
|
86
|
-
--sds-button-text-color: var(--
|
|
89
|
+
--sds-button-text-color: var(--_sds-alert-text-color);
|
|
87
90
|
}
|
|
88
91
|
|
|
89
92
|
.sds-alert__icon {
|
|
@@ -177,7 +180,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
177
180
|
margin: 0 !important;
|
|
178
181
|
max-width: var(--_sds-alert-max-line-width) !important;
|
|
179
182
|
}
|
|
180
|
-
`;var
|
|
183
|
+
`;var wt=Object.defineProperty,kt=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&wt(s,e,a),a};const zt={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",danger:"dangerous-material-filled"},$t=class extends vt{constructor(){super(...arguments),this.variant="primary",this.size="md",this.palette="info",this.iconTag=_t`sds-icon`,this.buttonTag=_t`sds-button`,this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},this._renderIcon=(t,s,e)=>xt`<${this.iconTag} ${e?`class=${e}`:""} name="${t}" size=${s}></${this.iconTag}>`,this._renderRemoveButton=t=>xt`<${this.buttonTag}
|
|
181
184
|
class="sds-alert__remove-btn"
|
|
182
185
|
variant="tertiary"
|
|
183
186
|
size="sm"
|
|
@@ -186,14 +189,14 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
186
189
|
@click=${this._remove}
|
|
187
190
|
>
|
|
188
191
|
${this._renderIcon("close-material-outlined","sm")}
|
|
189
|
-
</${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",s=
|
|
192
|
+
</${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",s=zt[this.palette]??zt.info;return Z`<div class="sds-alert">
|
|
190
193
|
<div class="sds-alert__type">${this._renderIcon(s,t,"sds-alert__icon")}</div>
|
|
191
194
|
<div class="sds-alert__content">
|
|
192
195
|
<slot name="title"></slot>
|
|
193
196
|
<slot name="message"></slot>
|
|
194
197
|
</div>
|
|
195
|
-
${this.removableLabel&&"primary"===this.variant?
|
|
196
|
-
</div>`}}
|
|
198
|
+
${this.removableLabel&&"primary"===this.variant?Z`<div class="sds-alert__actions">${this._renderRemoveButton(this.removableLabel)}</div>`:X}
|
|
199
|
+
</div>`}};$t.styles=[yt];let St=$t;kt([$({type:String,reflect:!0})],St.prototype,"variant"),kt([$({type:String,reflect:!0})],St.prototype,"size"),kt([$({type:String,attribute:"removable-label",reflect:!0})],St.prototype,"removableLabel"),kt([$({type:String,attribute:"data-palette",reflect:!0})],St.prototype,"palette");const Ct=t=>t??X,Et=1,Ot=2,At=t=>(...s)=>({_$litDirective$:t,values:s});class qt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,e){this._$Ct=t,this._$AM=s,this._$Ci=e}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}let Pt=class extends qt{constructor(t){if(super(t),this.it=X,t.type!==Ot)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===X||null==t)return this._t=void 0,this.it=t;if(t===Q)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}};Pt.directiveName="unsafeHTML",Pt.resultType=1;class Dt extends Pt{}Dt.directiveName="unsafeSVG",Dt.resultType=2;const Vt=At(Dt),Lt=["arrow_forward-material-outlined","check_circle-material-filled","close-material-outlined","dangerous-material-filled","InformationSquareFill-aksel-filled","lock-material-filled","search-material-filled","warning-material-filled","chevron_up-material-filled"],Rt={"arrow_forward-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M662.82-440.39H145.87v-79.22h516.95L423.87-758.57 480-814.7 814.7-480 480-145.87l-56.13-55.56z"/></svg>',"check_circle-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m419.87-289.52 289.22-289.22-57.31-56.87L419.87-403.7 304.96-518.61l-56.31 56.87zm60.21 223.65q-85.47 0-161.01-32.39-75.53-32.4-131.97-88.84T98.26-318.99q-32.39-75.46-32.39-160.93 0-86.47 32.39-162.01 32.4-75.53 88.75-131.5t131.85-88.62 161.01-32.65q86.52 0 162.12 32.61 75.61 32.6 131.53 88.5 55.93 55.89 88.55 131.45Q894.7-566.58 894.7-480q0 85.55-32.65 161.07-32.65 75.53-88.62 131.9T642.01-98.26q-75.46 32.39-161.93 32.39"/></svg>',"close-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M249-193.43 193.43-249l231-231-231-231L249-766.57l231 231 231-231L766.57-711l-231 231 231 231L711-193.43l-231-231z"/></svg>',"dangerous-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M324.35-105.87 105.87-324.35v-311.87L324.35-854.7h311.87L854.7-636.22v311.87L636.22-105.87zm34.91-206.87L480-433.48l120.74 120.74 47.09-46.52L526.52-480l121.31-120.74-47.09-47.09L480-526.52 359.26-647.83l-46.52 47.09L433.48-480 312.74-359.26z"/></svg>',"InformationSquareFill-aksel-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>',"lock-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M225.09-67q-32.68 0-55.95-23.27t-23.27-55.95v-423.82q0-32.91 23.27-56.35t55.95-23.44h58.69v-83.56q0-82.44 57.17-140.18 57.16-57.73 139.02-57.73t139.05 57.73q57.2 57.74 57.2 140.18v83.56h58.69q32.91 0 56.35 23.44t23.44 56.35v423.82q0 32.68-23.44 55.95T734.91-67zm255.08-214.13q31.83 0 54.33-22.03t22.5-52.97q0-30-22.67-54.5t-54.5-24.5-54.33 24.5-22.5 55 22.67 52.5 54.5 22M363-649.83h234v-83.43q0-49.96-33.79-84.11-33.8-34.15-82.96-34.15t-83.21 34.15Q363-783.22 363-733.26z"/></svg>',"search-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M795.43-105.17 529.04-371q-29.43 24.26-69.11 37.94-39.67 13.67-85.32 13.67-112.12 0-189.87-77.83Q107-475.04 107-585t77.83-187.78q77.82-77.83 188.28-77.83t187.78 77.83q77.33 77.82 77.33 187.93 0 43.98-13.15 83.13-13.16 39.15-39.46 73.59L853-162.74zM373.81-398.61q77.66 0 131.42-54.53Q559-507.67 559-585t-53.85-131.86-131.34-54.53q-78.33 0-132.96 54.53T186.22-585t54.55 131.86 133.04 54.53"/></svg>',"warning-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M27.56-112.65 480-894.7l452.44 782.05zm456.62-125.48q13.15 0 22.61-9.64 9.47-9.65 9.47-22.8t-9.64-22.33q-9.65-9.19-22.8-9.19t-22.61 9.36q-9.47 9.36-9.47 22.51t9.64 22.62q9.65 9.47 22.8 9.47M454-348h60v-219.48h-60z"/></svg>',"chevron_up-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32"><path d="m16 11.5 8 8-1.867 1.867L16 15.233l-6.133 6.134L8 19.5z"/></svg>'},Mt=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then(({default:t})=>t).catch(t=>{console.log(t)}),Tt=t=>fetch(`https://cdn.jsdelivr.net/npm/@politiet/sheriff-icons/dist/assets/${t}.svg`).then(s=>{if(!s.ok)throw new TypeError(`Sheriff: unknown icon: '${t}'`);return s.text()});const Bt=i`
|
|
197
200
|
:host {
|
|
198
201
|
--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));
|
|
199
202
|
--_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
@@ -225,11 +228,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
225
228
|
height: 100%;
|
|
226
229
|
overflow: hidden;
|
|
227
230
|
}
|
|
228
|
-
`;var
|
|
229
|
-
<div class="sds-icon" role="${
|
|
230
|
-
${this.name?
|
|
231
|
+
`;var It=Object.defineProperty,jt=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&It(s,e,a),a};const Ft=((t=class extends vt{constructor(){super(...arguments),this.name="",this.color="",this.label="",this.svg=""}static setLoadLocal(t){this.iconLoader.loadLocal=t}static registerResolver(t){this.iconLoader.resolver=t}render(){return Z`
|
|
232
|
+
<div class="sds-icon" role="${Ct(this.label?"img":void 0)}" style="${Ct(this.color?`color:${this.color}`:void 0)}" aria-label="${Ct(this.label)}">
|
|
233
|
+
${this.name?Z`<slot aria-hidden="true">${Vt(this.svg)}</slot>`:Z`<slot aria-hidden="true"></slot>`}
|
|
231
234
|
</div>
|
|
232
|
-
`}async fetchIcon(){if(!this.name)return void(this.svg="");const s=await new Promise(
|
|
235
|
+
`}async fetchIcon(){if(!this.name)return void(this.svg="");const s=await new Promise(s=>{t.iconLoader.resolve(this.name,s)});this.svg=s}updated(t){super.updated(t),t.has("name")&&this.name&&this.fetchIcon()}}).styles=[Bt],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?Mt:Tt}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?Mt:Tt}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,s){if(!this._disableSystemIcons&&(t=>Lt.includes(t))(t))return void s(Rt[t]);let e=this.cache.get(t);"string"!=typeof e?(e||(e=this.resolver(t).catch(()=>"").then(s=>(this.cache.set(t,s),s)),this.cache.set(t,e)),e.then(s)):s(e)}clear(){this.cache.clear()}get currentLoader(){return this.resolver}},t);jt([$({type:String,reflect:!0})],Ft.prototype,"name"),jt([$({type:String,reflect:!0})],Ft.prototype,"size"),jt([$({type:String,reflect:!0})],Ft.prototype,"color"),jt([$({type:String,reflect:!0})],Ft.prototype,"label"),jt([S()],Ft.prototype,"svg");let Nt=Ft;var Ut=Object.getOwnPropertyDescriptor;let Ht=class extends Nt{};Ht=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ut(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-icon")],Ht);const Wt=At(class extends qt{constructor(t){if(super(t),t.type!==Et||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(s=>t[s]).join(" ")+" "}update(t,[s]){if(void 0===this.st){this.st=/* @__PURE__ */new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in s)s[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(s)}const e=t.element.classList;for(const o of this.st)o in s||(e.remove(o),this.st.delete(o));for(const o in s){const t=!!s[o];t===this.st.has(o)||this.nt?.has(o)||(t?(e.add(o),this.st.add(o)):(e.remove(o),this.st.delete(o)))}return Q}}),Gt=i`
|
|
233
236
|
:host {
|
|
234
237
|
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
235
238
|
--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
@@ -400,26 +403,26 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
400
403
|
--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);
|
|
401
404
|
min-width: var(--_sds-button-min-height);
|
|
402
405
|
}
|
|
403
|
-
`;var
|
|
406
|
+
`;var Kt=Object.defineProperty,Yt=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Kt(s,e,a),a};const Zt=class extends vt{constructor(){super(),this.disabled=!1,this.icon=!1,this.loading=!1,this.size="lg",this.type="button",this.value="",this.variant="primary",this._handleClick=t=>{if(t.preventDefault(),t.stopImmediatePropagation(),!this.disabled)switch(this.type){case"submit":{const t=new CustomEvent("submit",{bubbles:!0,composed:!0,cancelable:!0});if(this.dispatchEvent(t))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.requestSubmit()}else this.internals.form&&this.internals.form.requestSubmit();break}case"reset":{const t=new CustomEvent("reset",{bubbles:!0,composed:!0,cancelable:!0});if(this.dispatchEvent(t))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.reset()}else this.internals.form&&this.internals.form.reset();break}default:this.dispatchEvent(new CustomEvent("click",{bubbles:!0,composed:!0}))}},this.internals=this.attachInternals()}updated(t){t.has("variant")&&"critical"===this.variant&&this.setAttribute("data-palette","danger")}focus(){this.disabled||this.shadowRoot?.querySelector("button")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("button")?.blur()}click(){this.disabled||this.shadowRoot?.querySelector("button")?.click()}render(){const t={"sds-button":!0,"sds-button--as-link":!!this.href};return this.href?Z` <a id="link" class="${Wt(t)}" href="${this.href}" target="${Ct(this.target)}">
|
|
404
407
|
<slot name="before"></slot>
|
|
405
408
|
<slot></slot>
|
|
406
409
|
<slot name="after"></slot>
|
|
407
|
-
</a>`:
|
|
410
|
+
</a>`:Z`
|
|
408
411
|
<button
|
|
409
412
|
id="control"
|
|
410
|
-
form="${
|
|
411
|
-
class="${
|
|
413
|
+
form="${Ct(this.form)}"
|
|
414
|
+
class="${Wt(t)}"
|
|
412
415
|
type="${this.type}"
|
|
413
|
-
name="${
|
|
414
|
-
value="${
|
|
416
|
+
name="${Ct(this.name)}"
|
|
417
|
+
value="${Ct(this.value)}"
|
|
415
418
|
?disabled="${this.disabled}"
|
|
416
419
|
@click="${this._handleClick}"
|
|
417
420
|
>
|
|
418
|
-
${this.loading?
|
|
421
|
+
${this.loading?Z`<sds-loader slot="before" ?contrast="${"primary"!==this.variant}"></sds-loader>`:X} ${this.loading?X:Z`<slot name="before"></slot>`}
|
|
419
422
|
<slot></slot>
|
|
420
|
-
${this.loading?
|
|
423
|
+
${this.loading?X:Z`<slot name="after"></slot>`}
|
|
421
424
|
</button>
|
|
422
|
-
`}};
|
|
425
|
+
`}};Zt.styles=[Gt],Zt.formAssociated=!0,Zt.shadowRootOptions={...vt.shadowRootOptions,delegatesFocus:!0};let Qt=Zt;Yt([$({type:Boolean,reflect:!0})],Qt.prototype,"disabled"),Yt([$({type:Boolean,reflect:!0})],Qt.prototype,"icon"),Yt([$({type:Boolean,reflect:!0})],Qt.prototype,"loading"),Yt([$({type:String,reflect:!0})],Qt.prototype,"form"),Yt([$({type:String,reflect:!0})],Qt.prototype,"href"),Yt([$({type:String,reflect:!0})],Qt.prototype,"name"),Yt([$({type:String,reflect:!0})],Qt.prototype,"size"),Yt([$({type:String,reflect:!0})],Qt.prototype,"target"),Yt([$({type:String,reflect:!0})],Qt.prototype,"type"),Yt([$({type:String,reflect:!0})],Qt.prototype,"value"),Yt([$({type:String,reflect:!0})],Qt.prototype,"variant");var Xt=Object.getOwnPropertyDescriptor;let Jt=class extends Qt{};Jt=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Xt(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-button")],Jt);var ts=Object.getOwnPropertyDescriptor;let ss=class extends St{};function es(t,s,e,o){const r=t?.assignedNodes({flatten:!0}).filter(t=>{if(t.nodeType===Node.TEXT_NODE){return(t.textContent?.trim()??"").length>0}if(t.nodeType===Node.ELEMENT_NODE){const e=t,o=e.tagName.toUpperCase();if(!s.includes(o))return!0;return Array.from(e.childNodes).some(t=>t.nodeType===Node.ELEMENT_NODE)}return!1});r?.length>0&&console.warn(o,...r)}ss=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?ts(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-alert")],ss);const os=i`
|
|
423
426
|
:host {
|
|
424
427
|
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
|
|
425
428
|
--_sds-card-border-radius: var(--sds-card-border-radius, var(--sds-radius-md));
|
|
@@ -540,11 +543,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
540
543
|
--_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-desktop-line-height));
|
|
541
544
|
}
|
|
542
545
|
}
|
|
543
|
-
`;var
|
|
546
|
+
`;var rs=Object.defineProperty,as=Object.getOwnPropertyDescriptor,is=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?as(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&rs(s,e,a),a};let ds=class extends vt{constructor(){super(...arguments),this._contentWarning="[sds-card] text slot should only contain top-level <p> elements with no nested elements:",this._headerWarning="[sds-card] header slot should only contain one of <h2>–<h6> elements:",this._handleHeadingSlotChange=()=>{this.headingSlot.assignedNodes({flatten:!0}).length>0&&es(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)},this._handleTextSlotChange=()=>{es(this.textSlot,["P"],0,this._contentWarning)}}firstUpdated(){es(this.textSlot,["P"],0,this._contentWarning);this.headingSlot.assignedNodes({flatten:!0}).length>0&&es(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)}render(){const t=Z`
|
|
544
547
|
<slot name="heading" id="heading" @slotchange=${this._handleHeadingSlotChange}></slot>
|
|
545
548
|
<slot name="text" id="content" @slotchange=${this._handleTextSlotChange}></slot>
|
|
546
549
|
<sds-icon name="arrow_forward-material-outlined" size="md" class="sds-card__icon"></sds-icon>
|
|
547
|
-
`;return
|
|
550
|
+
`;return Z`<article class="sds-card">${this.link?Z`<a href="${this.link}" class="sds-card__content">${t}</a>`:Z`<div class="sds-card__content">${t}</div>`}</article>`}};ds.styles=[os],is([$({type:String,reflect:!0})],ds.prototype,"link",2),is([E("slot#heading")],ds.prototype,"headingSlot",2),is([E("slot#text")],ds.prototype,"textSlot",2),ds=is([O("sds-card")],ds);const ns=i`
|
|
548
551
|
:host {
|
|
549
552
|
--_sds-checkbox-block-gap: var(--sds-checkbox-block-gap, var(--sds-spacing-4xs));
|
|
550
553
|
--_sds-checkbox-inline-gap: var(--sds-checkbox-inline-gap, var(--sds-spacing-3xs));
|
|
@@ -766,13 +769,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
766
769
|
margin-block-start: -1px;
|
|
767
770
|
}
|
|
768
771
|
}
|
|
769
|
-
`;var
|
|
770
|
-
<div class="${
|
|
772
|
+
`;var ls=Object.defineProperty,cs=Object.getOwnPropertyDescriptor,hs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?cs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ls(s,e,a),a};let ps=class extends vt{constructor(){super(),this.checked=!1,this.error=!1,this.required=!1,this.size="md",this.readOnly=!1,this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),this.disabled||this.readOnly)return t.target.checked=this.checked,void t.preventDefault();const s=t.target;this.checked=s.checked,this.internals.setFormValue(s.checked?s.value:null),this._validate(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.internals=this.attachInternals()}get disabled(){return this._disabled}set disabled(t){const s=t??!1,e=this._disabled;e!==s&&(this._disabled=s,this.requestUpdate("disabled",e),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=s))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const s=t??!1,e=this._parentRequestDisabled;e!==s&&(this._parentRequestDisabled=s,this.requestUpdate("parentRequestDisabled",e),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=s,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??"on")}firstUpdated(t){super.firstUpdated(t),this.control&&(this.control.required=this.required),this._validate()}formResetCallback(){this.checked=this._initialChecked,this.control&&(this.control.checked=this._initialChecked);const t=this.checked?this.value??"on":null;this.internals.setFormValue(t),this._validate()}_validate(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},this.control.validationMessage,this.control):this.internals.setValidity({})}focus(){this.disabled||this.shadowRoot?.querySelector("input")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("input")?.blur()}click(){this.disabled||this.readOnly||this.shadowRoot?.querySelector("input")?.click()}updated(t){super.updated(t),t.has("required")&&this.control&&(this.control.required=this.required),t.has("checked")&&this._validate(),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}get type(){return"checkbox"}render(){const t={"sds-checkbox":!0,"sds-checkbox--error":Boolean(this.error)},s={"sds-checkbox__input":!0,"sds-checkbox__input--error":Boolean(this.error)};return Z`
|
|
773
|
+
<div class="${Wt(t)}">
|
|
771
774
|
<input
|
|
772
775
|
id="control"
|
|
773
776
|
type="checkbox"
|
|
774
|
-
name="${
|
|
775
|
-
value="${
|
|
777
|
+
name="${Ct(this.name)}"
|
|
778
|
+
value="${Ct(this.value)}"
|
|
776
779
|
.checked="${this.checked}"
|
|
777
780
|
?checked="${this.checked}"
|
|
778
781
|
?disabled="${this.disabled}"
|
|
@@ -781,12 +784,12 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
781
784
|
@change="${this._handleChange}"
|
|
782
785
|
@focus="${this._handleFocus}"
|
|
783
786
|
@blur="${this._handleBlur}"
|
|
784
|
-
class="${
|
|
787
|
+
class="${Wt(s)}"
|
|
785
788
|
/>
|
|
786
|
-
${this.label?
|
|
787
|
-
${this.helpText?
|
|
789
|
+
${this.label?Z`<label for="control" class="sds-checkbox__label">${this.label}</label>`:X}
|
|
790
|
+
${this.helpText?Z`<span class="sds-checkbox__help-text">${this.helpText}</span>`:X}
|
|
788
791
|
</div>
|
|
789
|
-
`}};
|
|
792
|
+
`}};ps.styles=[ns],ps.formAssociated=!0,ps.shadowRootOptions={...vt.shadowRootOptions,delegatesFocus:!0},hs([$({type:String,reflect:!0})],ps.prototype,"name",2),hs([$({type:String,reflect:!0})],ps.prototype,"label",2),hs([$({type:String})],ps.prototype,"value",2),hs([$({type:Boolean,reflect:!0})],ps.prototype,"checked",2),hs([$({type:Boolean,reflect:!0})],ps.prototype,"disabled",1),hs([$({type:Boolean,reflect:!0})],ps.prototype,"error",2),hs([$({type:Boolean,reflect:!0})],ps.prototype,"required",2),hs([$({type:String,reflect:!0})],ps.prototype,"size",2),hs([$({type:String,attribute:"help-text"})],ps.prototype,"helpText",2),hs([$({type:Boolean,attribute:"readonly",reflect:!0})],ps.prototype,"readOnly",2),hs([$({type:Boolean,attribute:!1})],ps.prototype,"parentRequestDisabled",1),hs([E("#control")],ps.prototype,"control",2),ps=hs([O("sds-checkbox")],ps);const gs=i`
|
|
790
793
|
:host {
|
|
791
794
|
--_sds-checkbox-group-gap: var(--sds-checkbox-group-gap, var(--sds-spacing-xs));
|
|
792
795
|
--_sds-checkbox-group-font-family: var(--sds-checkbox-group-font-family, var(--sds-typography-font-family-roboto));
|
|
@@ -878,16 +881,16 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
878
881
|
--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-content-lg));
|
|
879
882
|
--_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
880
883
|
}
|
|
881
|
-
`;var
|
|
882
|
-
<fieldset class="${
|
|
883
|
-
${this.legend?
|
|
884
|
-
${this.helpText?
|
|
884
|
+
`;var vs=Object.defineProperty,us=Object.getOwnPropertyDescriptor,fs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?us(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&vs(s,e,a),a};const bs=["disabled","errorMessage","readOnly","size"];let _s=class extends vt{constructor(){super(...arguments),this.readOnly=!1,this.disabled=!1,this.size="md",this._selectedValues=[],this._handleCheckboxChange=t=>{const s=t.target,e=s.value,o=s.checked;this._selectedValues=o?[...this._selectedValues,e]:this._selectedValues.filter(t=>t!==e),this.dispatchEvent(new CustomEvent("sds-update",{bubbles:!0,composed:!0}))},this._handleSlotChange=()=>{this._updateChildProps([...bs])}}_getChildCheckboxes(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-CHECKBOX"===t.tagName)??[]}_updateChildProps(t){const s=this._getChildCheckboxes();for(const e of s)for(const s of t)switch(s){case"readOnly":e.readOnly=this.readOnly;break;case"disabled":e.parentRequestDisabled=this.disabled;break;case"errorMessage":e.error=Boolean(this.errorMessage);break;case"size":e.size=this.size}}updated(t){super.updated(t);const s=Array.from(t.keys());(s.includes("errorMessage")||s.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,s,e){if(super.attributeChangedCallback(t,s,e),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;bs.includes(o)&&this._updateChildProps([o])}get value(){return{selectedValues:this._selectedValues}}render(){const t={"sds-checkbox-group":!0,"sds-checkbox-group--disabled":this.disabled,"sds-checkbox-group--error":Boolean(this.errorMessage)};return Z`
|
|
885
|
+
<fieldset class="${Wt(t)}">
|
|
886
|
+
${this.legend?Z`<legend class="sds-checkbox-group__legend">${this.readOnly?Z`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:X}</sds-icon>${this.legend}</legend>`:X}
|
|
887
|
+
${this.helpText?Z`<p class="sds-checkbox-group__help-text">${this.helpText}</p>`:X}
|
|
885
888
|
<div class="sds-checkbox-group__checkboxes" @change=${this._handleCheckboxChange}>
|
|
886
889
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
887
890
|
</div>
|
|
888
|
-
${this.errorMessage?
|
|
891
|
+
${this.errorMessage?Z`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:X}
|
|
889
892
|
</fieldset>
|
|
890
|
-
`}};
|
|
893
|
+
`}};_s.styles=[gs],fs([$({type:String,reflect:!0})],_s.prototype,"legend",2),fs([$({type:String,attribute:"help-text",reflect:!0})],_s.prototype,"helpText",2),fs([$({type:String,attribute:"error-message",reflect:!0})],_s.prototype,"errorMessage",2),fs([$({type:Boolean,attribute:"readonly",reflect:!0})],_s.prototype,"readOnly",2),fs([$({type:Boolean,reflect:!0})],_s.prototype,"disabled",2),fs([$({type:String,reflect:!0})],_s.prototype,"size",2),fs([S()],_s.prototype,"_selectedValues",2),fs([E("slot")],_s.prototype,"_slotElement",2),_s=fs([O("sds-checkbox-group")],_s);const ms=i`
|
|
891
894
|
:host {
|
|
892
895
|
--_sds-chip-font-family: var(--sds-chip-font-family, var(--sds-typography-font-family-roboto));
|
|
893
896
|
--_sds-chip-font-weight: var(--sds-chip-font-weight, var(--sds-typography-font-weight-regular));
|
|
@@ -1032,22 +1035,22 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1032
1035
|
white-space: nowrap;
|
|
1033
1036
|
}
|
|
1034
1037
|
}
|
|
1035
|
-
`;var
|
|
1038
|
+
`;var xs=Object.defineProperty,ys=Object.getOwnPropertyDescriptor,ws=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ys(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&xs(s,e,a),a};let ks=class extends vt{constructor(){super(),this.variant="selectable",this.size="md",this.checked=!1,this.disabled=!1,this.readonly=!1,this._initialChecked=!1,this._toggle=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.disabled||this.readonly||(this.checked=!this.checked,this.internals.setFormValue(this.checked?this.value??"on":null),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})))},this._remove=()=>{this.disabled||this.readonly||this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},this._keypress=t=>{[" ","Enter"].includes(t.key)&&("removable"===this.variant?this._remove():this._toggle(t))},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??null)}formResetCallback(){this.checked=this._initialChecked,this.internals.setFormValue(this.value??null)}focus(){this.disabled||this.shadowRoot?.querySelector("input")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("input")?.blur()}click(){this.disabled||this.shadowRoot?.querySelector("input")?.click()}render(){const t="removable"===this.variant&&!this.readonly&&!this.disabled,s={"sds-chip":!0,"sds-chip--small":"small"===this.size||"sm"===this.size,"sds-chip--large":"large"===this.size||"lg"===this.size,"sds-chip--removable":t};return t?Z`<button class="${Wt(s)}" @click=${this._remove} @keyup="${this._keypress}">
|
|
1036
1039
|
<slot></slot>
|
|
1037
1040
|
<sds-icon name="close-material-outlined" size="s"></sds-icon>
|
|
1038
|
-
</button>`:
|
|
1041
|
+
</button>`:Z`<label class="${Wt(s)}" @click="${this._toggle}" @keyup="${this._keypress}">
|
|
1039
1042
|
<input
|
|
1040
1043
|
id="control"
|
|
1041
1044
|
type="checkbox"
|
|
1042
|
-
name="${
|
|
1043
|
-
value="${
|
|
1045
|
+
name="${Ct(this.name)}"
|
|
1046
|
+
value="${Ct(this.value)}"
|
|
1044
1047
|
.checked="${this.checked}"
|
|
1045
1048
|
?checked="${this.checked}"
|
|
1046
1049
|
?disabled="${this.disabled}"
|
|
1047
1050
|
?readonly="${this.readonly}"
|
|
1048
1051
|
/>
|
|
1049
1052
|
<slot></slot>
|
|
1050
|
-
</label>`}};
|
|
1053
|
+
</label>`}};ks.styles=[ms],ks.formAssociated=!0,ks.shadowRootOptions={...vt.shadowRootOptions,delegatesFocus:!0},ws([$({type:String,reflect:!0})],ks.prototype,"variant",2),ws([$({type:String,reflect:!0})],ks.prototype,"size",2),ws([$({type:Boolean,reflect:!0})],ks.prototype,"checked",2),ws([$({type:String,reflect:!0})],ks.prototype,"name",2),ws([$({type:String})],ks.prototype,"value",2),ws([$({type:Boolean,reflect:!0})],ks.prototype,"disabled",2),ws([$({type:Boolean,reflect:!0})],ks.prototype,"readonly",2),ws([E("#control")],ks.prototype,"control",2),ks=ws([O("sds-chip")],ks);const zs=i`
|
|
1051
1054
|
:host {
|
|
1052
1055
|
--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
|
|
1053
1056
|
|
|
@@ -1174,16 +1177,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1174
1177
|
}
|
|
1175
1178
|
}
|
|
1176
1179
|
|
|
1177
|
-
::slotted(*) {
|
|
1178
|
-
margin: 0 !important;
|
|
1179
|
-
padding: 0 !important;
|
|
1180
|
-
}
|
|
1181
|
-
|
|
1182
1180
|
::slotted([slot='summary']) {
|
|
1183
1181
|
display: inline;
|
|
1184
1182
|
margin: 0;
|
|
1185
1183
|
}
|
|
1186
|
-
`;var
|
|
1184
|
+
`;var $s=Object.defineProperty,Ss=Object.getOwnPropertyDescriptor,Cs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ss(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&$s(s,e,a),a};let Es=class extends vt{constructor(){super(...arguments),this.open=!1,this.standalone=!1,this.name=void 0,this._handleToggle=t=>{const s=t.currentTarget;this.open!==s.open&&(this.open=s.open),this.dispatchEvent(new CustomEvent("sds-toggle",{detail:{open:s.open},bubbles:!0,composed:!0}))}}render(){return Z`
|
|
1187
1185
|
<details class="sds-details" .name="${this.name??""}" ?data-standalone="${this.standalone}" ?open="${this.open}" @toggle="${this._handleToggle}">
|
|
1188
1186
|
<summary class="sds-details__summary">
|
|
1189
1187
|
<sds-icon name="chevron_up-material-filled"></sds-icon>
|
|
@@ -1195,7 +1193,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1195
1193
|
<slot></slot>
|
|
1196
1194
|
</div>
|
|
1197
1195
|
</details>
|
|
1198
|
-
`}};
|
|
1196
|
+
`}};Es.styles=[zs],Cs([$({type:Boolean,reflect:!0})],Es.prototype,"open",2),Cs([$({type:Boolean,reflect:!0})],Es.prototype,"standalone",2),Cs([$({type:String,reflect:!0})],Es.prototype,"name",2),Es=Cs([O("sds-details")],Es);const Os=i`
|
|
1199
1197
|
:host {
|
|
1200
1198
|
--_sds-dialog-background-color: var(--sds-dialog-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
|
|
1201
1199
|
--_sds-dialog-backdrop-color: var(--sds-dialog-backdrop-color, rgba(0, 0, 0, 0.5));
|
|
@@ -1307,20 +1305,20 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1307
1305
|
--_sds-dialog-animation-duration: 0ms;
|
|
1308
1306
|
}
|
|
1309
1307
|
}
|
|
1310
|
-
`;var
|
|
1308
|
+
`;var As=Object.defineProperty,qs=Object.getOwnPropertyDescriptor,Ps=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?qs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&As(s,e,a),a};let Ds=class extends vt{constructor(){super(...arguments),this.open=!1,this.modal=!1,this.closedby="closerequest",this.closeButtonLabel="Lukk dialogvindu",this._handleClose=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("sds-close",{bubbles:!0,composed:!0}))},this._handleClick=t=>{const s=t.target;if(s?.closest('[data-command="close"]'))return void this._closeDialog();if(s!==this._dialog)return;if("any"!==this.closedby)return;if("closedBy"in this._dialog)return;const{clientX:e,clientY:o}=t,{top:r,bottom:a,left:i,right:d}=this._dialog.getBoundingClientRect();(r>o||a<o||i>e||d<e)&&this._closeDialog()},this._handleCancel=t=>{"none"===this.closedby&&t.preventDefault()},this._handleAutoFocus=()=>{const t=this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({flatten:!0});if(!t||0===t.length)return;const s=t.find(t=>null!=t.getAttribute("autofocus"));s instanceof HTMLElement&&document.activeElement!==s&&s.focus()}}firstUpdated(){this._setupEventListeners(),this.open&&this._openDialog()}updated(t){t.has("open")&&(this.open?this._openDialog():this._closeDialog())}_setupEventListeners(){this._dialog.addEventListener("close",this._handleClose),this._dialog.addEventListener("cancel",this._handleCancel),this._dialog.addEventListener("click",this._handleClick),this._dialog.addEventListener("animationend",this._handleAutoFocus)}_openDialog(){this._dialog&&(this.modal?this._dialog.showModal():this._dialog.show())}_closeDialog(){this._dialog&&this._dialog.close()}show(){this.open=!0}showModal(){this.modal=!0,this.open=!0}close(){this.open=!1}render(){const t=0===this.headerSlotElements.length;return Z`
|
|
1311
1309
|
<dialog closedby="${this.closedby}" class=${t?"sds-dialog__empty-header":""}>
|
|
1312
1310
|
<div class="sds-dialog__header">
|
|
1313
1311
|
<slot name="header"></slot>
|
|
1314
|
-
${this.closeButtonLabel?
|
|
1312
|
+
${this.closeButtonLabel?Z`
|
|
1315
1313
|
<sds-button class="sds-dialog__close-button" icon variant="tertiary" size="md" data-command="close" aria-label="${this.closeButtonLabel}">
|
|
1316
1314
|
<sds-icon name="close-material-outlined" size="md"></sds-icon>
|
|
1317
1315
|
</sds-button>
|
|
1318
|
-
`:
|
|
1316
|
+
`:X}
|
|
1319
1317
|
</div>
|
|
1320
1318
|
<slot></slot>
|
|
1321
1319
|
<slot name="footer"></slot>
|
|
1322
1320
|
</dialog>
|
|
1323
|
-
`}};var Ds
|
|
1321
|
+
`}};var Vs;Ds.styles=[Os],Ps([$({type:Boolean,reflect:!0})],Ds.prototype,"open",2),Ps([$({type:Boolean,reflect:!0})],Ds.prototype,"modal",2),Ps([$({type:String,reflect:!0})],Ds.prototype,"closedby",2),Ps([$({type:String,attribute:"close-button-label"})],Ds.prototype,"closeButtonLabel",2),Ps([E("dialog")],Ds.prototype,"_dialog",2),Ps([(Vs={slot:"header",flatten:!1},(t,s)=>{const{slot:e,selector:o}=Vs??{},r="slot"+(e?`[name=${e}]`:":not([name])");return C(t,s,{get(){const t=this.renderRoot?.querySelector(r),s=t?.assignedElements(Vs)??[];return void 0===o?s:s.filter(t=>t.matches(o))}})})],Ds.prototype,"headerSlotElements",2),Ds=Ps([O("sds-dialog")],Ds);const Ls=i`
|
|
1324
1322
|
:host {
|
|
1325
1323
|
--_sds-heading-font-family: var(--sds-heading-font-family, var(--sds-typography-font-family-roboto));
|
|
1326
1324
|
--_sds-heading-text-color: var(--sds-heading-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -1473,7 +1471,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1473
1471
|
--_sds-heading-line-height: var(--sds-heading-line-height, var(--sds-typography-heading-xs-desktop-line-height));
|
|
1474
1472
|
}
|
|
1475
1473
|
}
|
|
1476
|
-
`;var
|
|
1474
|
+
`;var Rs=Object.defineProperty,Ms=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Rs(s,e,a),a};const Ts=class extends vt{constructor(){super(...arguments),this.level="h1"}render(){const t={"sds-heading":!0,"sds-heading--xl":"xl"===this.size,"sds-heading--lg":"l"===this.size||"lg"===this.size,"sds-heading--md":"m"===this.size||"md"===this.size,"sds-heading--sm":"s"===this.size||"sm"===this.size,"sds-heading--xs":"xs"===this.size};switch(this.level?.toLowerCase()){case"h1":default:return Z`<h1 class=${Wt(t)}><slot></slot></h1>`;case"h2":return Z`<h2 class=${Wt(t)}><slot></slot></h2>`;case"h3":return Z`<h3 class=${Wt(t)}><slot></slot></h3>`;case"h4":return Z`<h4 class=${Wt(t)}><slot></slot></h4>`;case"h5":return Z`<h5 class=${Wt(t)}><slot></slot></h5>`;case"h6":return Z`<h6 class=${Wt(t)}><slot></slot></h6>`}}};Ts.styles=[Ls];let Bs=Ts;Ms([$({type:String,reflect:!0})],Bs.prototype,"level"),Ms([$({type:String,reflect:!0})],Bs.prototype,"size");var Is=Object.getOwnPropertyDescriptor;let js=class extends Bs{};js=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Is(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-heading")],js);const Fs=i`
|
|
1477
1475
|
:host {
|
|
1478
1476
|
--_sds-loader-main-color: var(--sds-loader-main-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
|
|
1479
1477
|
--_sds-loader-secondary-color: var(--sds-loader-secondary-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
|
|
@@ -1549,10 +1547,10 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1549
1547
|
stroke-dashoffset: -120px;
|
|
1550
1548
|
}
|
|
1551
1549
|
}
|
|
1552
|
-
`;var
|
|
1550
|
+
`;var Ns=Object.defineProperty,Us=Object.getOwnPropertyDescriptor,Hs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Us(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Ns(s,e,a),a};let Ws=class extends vt{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return Z`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
|
|
1553
1551
|
<circle class="sds-loader__background" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
|
|
1554
1552
|
<circle class="sds-loader__circle" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
|
|
1555
|
-
</svg>`}};
|
|
1553
|
+
</svg>`}};Ws.styles=[Fs],Hs([$({type:String,reflect:!0})],Ws.prototype,"size",2),Hs([$({type:Boolean,reflect:!0})],Ws.prototype,"contrast",2),Ws=Hs([O("sds-loader")],Ws);const Gs=i`
|
|
1556
1554
|
:host {
|
|
1557
1555
|
--_sds-notification-background-color: var(--sds-notification-background-color, var(--sds-color-alert-info-surface-tinted));
|
|
1558
1556
|
|
|
@@ -1689,20 +1687,20 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1689
1687
|
margin: 0 !important;
|
|
1690
1688
|
max-width: var(--_sds-notification-max-line-width) !important;
|
|
1691
1689
|
}
|
|
1692
|
-
`;var
|
|
1690
|
+
`;var Ks=Object.defineProperty,Ys=Object.getOwnPropertyDescriptor,Zs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ys(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Ks(s,e,a),a};const Qs={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",warning:"warning-material-filled",danger:"dangerous-material-filled",critical:"dangerous-material-filled"};let Xs=!1,Js=class extends vt{constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},Xs||(Xs=!0,console.warn("[Sheriff] The Notification component is deprecated and will be removed in the next major release. Please migrate to the Alert component."))}updated(t){t.has("variant")&&"critical"===this.variant?this.variant="danger":t.has("variant")&&"warning"===this.variant&&(this.variant="attention")}render(){const t="danger"===this.variant||"critical"===this.variant?"danger":"accent";return Z`<div class="${Wt({"sds-notification":!0})}">
|
|
1693
1691
|
<div class="sds-notification__type">
|
|
1694
|
-
<sds-icon class="sds-notification__icon" name="${
|
|
1692
|
+
<sds-icon class="sds-notification__icon" name="${Qs[this.variant]}" size="md"></sds-icon>
|
|
1695
1693
|
</div>
|
|
1696
1694
|
<div class="sds-notification__content">
|
|
1697
1695
|
<slot name="title"></slot>
|
|
1698
1696
|
<slot name="message"></slot>
|
|
1699
1697
|
</div>
|
|
1700
|
-
${this.removableLabel?
|
|
1698
|
+
${this.removableLabel?Z`<div class="sds-notification__actions">
|
|
1701
1699
|
<sds-button icon variant="tertiary" color="${t}" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
|
|
1702
1700
|
<sds-icon name="close-material-outlined" size="sm"></sds-icon>
|
|
1703
1701
|
</sds-button>
|
|
1704
|
-
</div>`:
|
|
1705
|
-
</div>`}};
|
|
1702
|
+
</div>`:X}
|
|
1703
|
+
</div>`}};Js.styles=[Gs],Zs([$({type:String,reflect:!0})],Js.prototype,"variant",2),Zs([$({type:String,attribute:"removable-label",reflect:!0})],Js.prototype,"removableLabel",2),Js=Zs([O("sds-notification")],Js);const te=i`
|
|
1706
1704
|
:host {
|
|
1707
1705
|
--_sds-radio-font-family: var(--sds-radio-font-family, var(--sds-typography-font-family-roboto));
|
|
1708
1706
|
--_sds-radio-disabled-opacity: var(--sds-radio-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
@@ -1904,13 +1902,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1904
1902
|
margin-block-start: -1px;
|
|
1905
1903
|
}
|
|
1906
1904
|
}
|
|
1907
|
-
`;var
|
|
1908
|
-
<div class="${
|
|
1905
|
+
`;var se=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,oe=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ee(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&se(s,e,a),a};let re=class extends vt{constructor(){super(),this.required=!1,this.label="",this.hideLabel=!1,this.value="on",this.checked=!1,this.error=!1,this.readOnly=!1,this.size="md",this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleKeydown=t=>{if(!this.name||this.disabled||this.readOnly)return;const s=this.getRootNode(),e=Array.from(s.querySelectorAll(`sds-radio[name="${this.name}"]`)),o=e.indexOf(this);if(-1===o)return;let r=null;switch(t.key){case"ArrowUp":case"ArrowLeft":r=o>0?o-1:e.length-1;break;case"ArrowDown":case"ArrowRight":r=o<e.length-1?o+1:0;break;default:return}const a=e[r];a?.focus(),a?.click(),t.preventDefault()},this._handleChange=t=>{if(this.disabled||this.readOnly)return t.target.checked=this.checked??!1,void t.preventDefault();const s=t.target;this.checked=s.checked,this.checked&&this._uncheckSiblings(),this._updateGroupValidation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.internals=this.attachInternals()}get disabled(){return this._disabled}set disabled(t){const s=t??!1,e=this._disabled;e!==s&&(this._disabled=s,this.requestUpdate("disabled",e),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=s))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const s=t??!1,e=this._parentRequestDisabled;e!==s&&(this._parentRequestDisabled=s,this.requestUpdate("parentRequestDisabled",e),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=s,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this.internals.role="radio",this._initialChecked||(this._initialChecked=this.checked??!1),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}firstUpdated(t){super.firstUpdated(t),this._updateGroupValidation()}updated(t){super.updated(t),t.has("checked")&&(this.checked?(this._uncheckSiblings(),this.internals.setFormValue(this.value??null)):this.internals.setFormValue(null),this._updateGroupValidation()),t.has("required")&&this.control&&(this.control.required=this.required??!1),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}_getGroupRadios(){if(!this.name)return[this];const t=this.getRootNode();return Array.from(t.querySelectorAll(`sds-radio[name="${this.name}"]`))}_updateGroupValidation(){const t=this._getGroupRadios(),s=t.some(t=>t.checked),e=t.some(t=>t.required);t.forEach(t=>{t.control&&(e?t.internals.setValidity(s?{}:{valueMissing:!0},s?"":t.control.validationMessage,t.control):t.internals.setValidity({}))})}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this.checked?this.value??"on":null),this._updateGroupValidation()}_uncheckSiblings(){if(!this.name)return;const t=this._getGroupRadios();for(const s of t)s!==this&&s.checked&&(s.checked=!1,s.internals.setFormValue(null))}get form(){return this.internals.form}get type(){return"radio"}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkValidity(){return this.internals.checkValidity()}reportValidity(){return this.internals.reportValidity()}setCustomValidity(t){this.internals.setValidity({customError:!!t},t)}formDisabledCallback(t){this._settingDisabledFromParent=!0,this.disabled=t,this._settingDisabledFromParent=!1,this.control&&(this.control.disabled=t)}focus(){this.disabled||this.shadowRoot?.querySelector("input")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("input")?.blur()}click(){this.disabled||this.readOnly||this.shadowRoot?.querySelector("input")?.click()}render(){const t={"sds-radio":!0,"sds-radio--error":Boolean(this.error)},s={"sds-radio__input":!0,"sds-radio__input--error":Boolean(this.error)};return Z`
|
|
1906
|
+
<div class="${Wt(t)}">
|
|
1909
1907
|
<input
|
|
1910
1908
|
id="control"
|
|
1911
1909
|
type="radio"
|
|
1912
|
-
name="${
|
|
1913
|
-
value="${
|
|
1910
|
+
name="${Ct(this.name)}"
|
|
1911
|
+
value="${Ct(this.value)}"
|
|
1914
1912
|
?checked="${this.checked??!1}"
|
|
1915
1913
|
.checked="${this.checked??!1}"
|
|
1916
1914
|
?disabled="${this.disabled??!1}"
|
|
@@ -1920,12 +1918,12 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1920
1918
|
@change="${this._handleChange}"
|
|
1921
1919
|
@focus="${this._handleFocus}"
|
|
1922
1920
|
@blur="${this._handleBlur}"
|
|
1923
|
-
class="${
|
|
1921
|
+
class="${Wt(s)}"
|
|
1924
1922
|
/>
|
|
1925
|
-
${this.label?
|
|
1926
|
-
${this.helpText?
|
|
1923
|
+
${this.label?Z`<label class="sds-radio__label" for="control">${this.label}</label>`:X}
|
|
1924
|
+
${this.helpText?Z`<span class="sds-radio__help-text">${this.helpText}</span>`:X}
|
|
1927
1925
|
</div>
|
|
1928
|
-
`}};
|
|
1926
|
+
`}};re.styles=[te],re.formAssociated=!0,re.shadowRootOptions={...vt.shadowRootOptions,delegatesFocus:!0},oe([$({type:Boolean,reflect:!0})],re.prototype,"required",2),oe([$({type:String,reflect:!0})],re.prototype,"label",2),oe([$({type:Boolean,reflect:!0,attribute:"hide-label"})],re.prototype,"hideLabel",2),oe([$({type:String,reflect:!0})],re.prototype,"name",2),oe([$({type:String})],re.prototype,"value",2),oe([$({type:Boolean,reflect:!0})],re.prototype,"checked",2),oe([$({type:Boolean,reflect:!0})],re.prototype,"error",2),oe([$({type:Boolean,attribute:"readonly",reflect:!0})],re.prototype,"readOnly",2),oe([$({type:String,reflect:!0})],re.prototype,"size",2),oe([$({type:String,attribute:"help-text"})],re.prototype,"helpText",2),oe([$({type:Boolean,reflect:!0})],re.prototype,"disabled",1),oe([$({type:Boolean,attribute:!1})],re.prototype,"parentRequestDisabled",1),oe([E("#control")],re.prototype,"control",2),re=oe([O("sds-radio")],re);const ae=i`
|
|
1929
1927
|
:host {
|
|
1930
1928
|
--_sds-radio-group-gap: var(--sds-radio-group-gap, var(--sds-spacing-xs));
|
|
1931
1929
|
--_sds-radio-group-row-gap: var(--sds-radio-group-row-gap, var(--sds-spacing-md));
|
|
@@ -2023,18 +2021,18 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2023
2021
|
--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-content-lg));
|
|
2024
2022
|
--_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2025
2023
|
}
|
|
2026
|
-
`;var
|
|
2027
|
-
<fieldset class="${
|
|
2028
|
-
${this.legend?
|
|
2029
|
-
${this.helpText?
|
|
2030
|
-
<div class="${
|
|
2024
|
+
`;var ie=Object.defineProperty,de=Object.getOwnPropertyDescriptor,ne=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?de(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ie(s,e,a),a};const le=["disabled","errorMessage","readOnly","required","size"];let ce=class extends vt{constructor(){super(...arguments),this.readOnly=!1,this.direction="column",this.disabled=!1,this.required=!1,this.size="md",this._selectedValue=null,this._handleRadioChange=t=>{const s=t.composedPath().find(t=>t instanceof HTMLElement&&"SDS-RADIO"===t.tagName);s&&(this._selectedValue=s.getAttribute("value")||null,this.dispatchEvent(new CustomEvent("sds-update",{bubbles:!0,composed:!0})))},this._handleSlotChange=()=>{this._updateChildProps([...le])}}_getChildRadios(){return this._slotElement?.assignedElements({flatten:!0}).filter(t=>"SDS-RADIO"===t.tagName)??[]}_updateChildProps(t){const s=this._getChildRadios();for(const e of s)for(const s of t)switch(s){case"readOnly":e.readOnly=this.readOnly;break;case"disabled":e.parentRequestDisabled=this.disabled;break;case"errorMessage":e.error=Boolean(this.errorMessage);break;case"required":e.required=this.required;break;case"size":e.size=this.size}}updated(t){super.updated(t);const s=Array.from(t.keys());(s.includes("errorMessage")||s.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,s,e){if(super.attributeChangedCallback(t,s,e),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;le.includes(o)&&this._updateChildProps([o])}render(){const t={"sds-radio-group":!0,"sds-radio-group--readonly":this.readOnly??!1,"sds-radio-group--disabled":this.disabled??!1},s={"sds-radio-group__radios":!0,"sds-radio-group--column":"column"===this.direction,"sds-radio-group--row":"row"===this.direction};return Z`
|
|
2025
|
+
<fieldset class="${Wt(t)}">
|
|
2026
|
+
${this.legend?Z`<legend class="sds-radio-group__legend">${this.readOnly?Z`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:X}${this.legend}</legend>`:X}
|
|
2027
|
+
${this.helpText?Z`<p class="sds-radio-group__help-text">${this.helpText}</p>`:X}
|
|
2028
|
+
<div class="${Wt(s)}" @change=${this._handleRadioChange}>
|
|
2031
2029
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
2032
2030
|
</div>
|
|
2033
|
-
${this.errorMessage?
|
|
2031
|
+
${this.errorMessage?Z`<sds-alert variant="secondary" data-palette="danger">
|
|
2034
2032
|
<p slot="message">${this.errorMessage}</p>
|
|
2035
|
-
</sds-alert>`:
|
|
2033
|
+
</sds-alert>`:X}
|
|
2036
2034
|
</fieldset>
|
|
2037
|
-
`}get value(){return{selectedValue:this._selectedValue}}};
|
|
2035
|
+
`}get value(){return{selectedValue:this._selectedValue}}};ce.styles=[ae],ne([$({type:String})],ce.prototype,"legend",2),ne([$({type:String,attribute:"help-text"})],ce.prototype,"helpText",2),ne([$({type:String,attribute:"error-message"})],ce.prototype,"errorMessage",2),ne([$({type:Boolean,attribute:"readonly",reflect:!0})],ce.prototype,"readOnly",2),ne([$({type:String})],ce.prototype,"direction",2),ne([$({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),ne([$({type:Boolean,reflect:!0})],ce.prototype,"required",2),ne([$({type:String,reflect:!0})],ce.prototype,"size",2),ne([S()],ce.prototype,"_selectedValue",2),ne([E("slot")],ce.prototype,"_slotElement",2),ce=ne([O("sds-radio-group")],ce);const he=i`
|
|
2038
2036
|
:host {
|
|
2039
2037
|
--_sds-select-background-color: var(--sds-select-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2040
2038
|
--_sds-select-text-color: var(--sds-select-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2210,10 +2208,10 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2210
2208
|
--_sds-select-helptext-font-size: var(--sds-select-helptext-font-size, var(--sds-components-font-size-content-lg));
|
|
2211
2209
|
--_sds-select-helptext-line-height: var(--sds-select-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2212
2210
|
}
|
|
2213
|
-
`;var
|
|
2214
|
-
<div class="${
|
|
2215
|
-
${this.label?
|
|
2216
|
-
${this.helpText?
|
|
2211
|
+
`;var pe=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,ve=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ge(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&pe(s,e,a),a};let ue=class extends vt{constructor(){super(),this.disabled=!1,this.required=!1,this.readOnly=!1,this.size="md",this._defaultValue=null,this._pendingLightDomSync=!1,this._handleSlotChange=()=>{if(null==this.value){const t=this.getLightDomSelectedValue();null!=t&&(this.value=t)}this._scheduleLightDomSync()},this._handleChange=t=>{t.stopImmediatePropagation(),t.target instanceof HTMLSelectElement&&(this.disabled||this.readOnly?t.target.value=this.value??"":(this.value=t.target.value,this._setFormValue(this.value),this.updateValidity(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this._handleKeyDown=t=>{if(!this.readOnly)return;/* @__PURE__ */new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"," ","Enter"]).has(t.key)&&(t.preventDefault(),t.stopImmediatePropagation())},this.internals=this.attachInternals()}connectedCallback(){if(super.connectedCallback(),null==this.value){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);t&&(this.value=t.value)}this._startObservingLightDom()}disconnectedCallback(){this._stopObservingLightDom(),super.disconnectedCallback()}firstUpdated(){const t=this.control?.value??"";this.value=this.value??this.defaultValue??t,this.control.value=this.value??"",this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue),this.updateValidity()}updated(t){this.control&&t.has("value")&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())}_setFormValue(t){this.internals.setFormValue(null==t?null:t)}_scheduleLightDomSync(){this._pendingLightDomSync||(this._pendingLightDomSync=!0,queueMicrotask(()=>{this._pendingLightDomSync=!1;const t=this.getLightDomSelectedValue();void 0!==t&&t!==this.value&&(this.value=t),this.requestUpdate(),this.updateComplete.then(()=>{this.control&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())})}))}_startObservingLightDom(){this._lightDomObserver||(this._lightDomObserver=new MutationObserver(t=>{for(const s of t){if("childList"===s.type)return void this._scheduleLightDomSync();if("characterData"===s.type)return void this._scheduleLightDomSync();if("attributes"===s.type){const t=s.target;if(!(t instanceof HTMLElement))continue;const e=t.tagName;if("OPTION"===e||"OPTGROUP"===e||"HR"===e)return void this._scheduleLightDomSync()}}}),this._lightDomObserver.observe(this,{subtree:!0,childList:!0,attributes:!0,characterData:!0}))}_stopObservingLightDom(){this._lightDomObserver?.disconnect(),this._lightDomObserver=void 0,this._pendingLightDomSync=!1}updateValidity(){this.control&&(this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control))}getLightDomSelectedValue(){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);return t?.value}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control&&(this.control.value=t),this.value=this._defaultValue??"",this.updateValidity()}focus(){this.disabled||this.readOnly||!this.control||this.control.focus()}blur(){this.disabled||this.readOnly||!this.control||this.control.blur()}click(){this.disabled||this.readOnly||!this.control||this.control.click()}renderFromLightDom(){return Array.from(this.children).filter(t=>t instanceof HTMLElement).map(t=>{switch(t.tagName){case"OPTION":return this.renderOption(t);case"OPTGROUP":return this.renderOptgroup(t);case"HR":return Z`<hr />`;default:return X}})}renderOption(t){const s=t.getAttribute("value"),e=t.value,o=null!=this.value&&e===this.value;return Z` <option value=${Ct(null===s?void 0:s)} ?disabled=${t.disabled} .selected=${o}>${t.text}</option> `}renderOptgroup(t){const s=Array.from(t.querySelectorAll("option"));return Z` <optgroup label=${Ct(t.label||void 0)} ?disabled=${t.disabled}>${s.map(t=>this.renderOption(t))}</optgroup> `}render(){const t={"sds-select":!0,"sds-select--error":Boolean(this.errorMessage)};return Z`
|
|
2212
|
+
<div class="${Wt(t)}">
|
|
2213
|
+
${this.label?Z` <label for="select" class="sds-select__label"> ${this.readOnly?Z`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:X} ${this.label} </label> `:X}
|
|
2214
|
+
${this.helpText?Z`<p class="sds-select__help-text">${this.helpText}</p>`:X}
|
|
2217
2215
|
|
|
2218
2216
|
<div hidden>
|
|
2219
2217
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
@@ -2222,10 +2220,10 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2222
2220
|
<select
|
|
2223
2221
|
id="select"
|
|
2224
2222
|
class="sds-select__control"
|
|
2225
|
-
name=${
|
|
2223
|
+
name=${Ct(this.name)}
|
|
2226
2224
|
?disabled=${this.disabled}
|
|
2227
2225
|
?required=${this.required}
|
|
2228
|
-
aria-readonly=${
|
|
2226
|
+
aria-readonly=${Ct(this.readOnly)}
|
|
2229
2227
|
aria-invalid=${this.errorMessage?"true":"false"}
|
|
2230
2228
|
@keydown=${this._handleKeyDown}
|
|
2231
2229
|
@change=${this._handleChange}
|
|
@@ -2235,13 +2233,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2235
2233
|
${this.renderFromLightDom()}
|
|
2236
2234
|
</select>
|
|
2237
2235
|
|
|
2238
|
-
${this.errorMessage?
|
|
2236
|
+
${this.errorMessage?Z`
|
|
2239
2237
|
<sds-alert variant="secondary" data-palette="danger">
|
|
2240
2238
|
<p slot="message">${this.errorMessage}</p>
|
|
2241
2239
|
</sds-alert>
|
|
2242
|
-
`:
|
|
2240
|
+
`:X}
|
|
2243
2241
|
</div>
|
|
2244
|
-
`}};
|
|
2242
|
+
`}};ue.styles=[he],ue.formAssociated=!0,ue.shadowRootOptions={...vt.shadowRootOptions,delegatesFocus:!0},ve([$({type:String,reflect:!0})],ue.prototype,"name",2),ve([$({type:String,reflect:!0})],ue.prototype,"label",2),ve([$({type:String,attribute:!1})],ue.prototype,"value",2),ve([$({type:String,attribute:"default-value"})],ue.prototype,"defaultValue",2),ve([$({type:String,attribute:"help-text",reflect:!0})],ue.prototype,"helpText",2),ve([$({type:String,attribute:"error-message",reflect:!0})],ue.prototype,"errorMessage",2),ve([$({type:Boolean,reflect:!0})],ue.prototype,"disabled",2),ve([$({type:Boolean,reflect:!0})],ue.prototype,"required",2),ve([$({type:Boolean,attribute:"readonly",reflect:!0})],ue.prototype,"readOnly",2),ve([$({type:String,reflect:!0})],ue.prototype,"size",2),ve([E("#select")],ue.prototype,"control",2),ue=ve([O("sds-select")],ue);const fe=i`
|
|
2245
2243
|
:host {
|
|
2246
2244
|
--_sds-switch-background-color: var(--sds-switch-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
2247
2245
|
--_sds-switch-text-color: var(--sds-switch-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2391,7 +2389,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2391
2389
|
.sds-switch__input:checked::before {
|
|
2392
2390
|
--_sds-switch-button-position: calc(var(--_sds-switch-width) - var(--_sds-switch-button-size) - var(--_sds-switch-button-gap) - var(--_sds-switch-border-width));
|
|
2393
2391
|
}
|
|
2394
|
-
`;var
|
|
2392
|
+
`;var be=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,me=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?_e(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&be(s,e,a),a};let xe=class extends vt{constructor(){super(),this.disabled=!1,this.label="",this.hideLabel=!1,this.reverse=!1,this.checked=!1,this.readOnly=!1,this.size="md",this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),!this.disabled){const s=t.target;this.checked=s.checked,this.internals.setFormValue(this.checked?"on":"off"),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))}},this._handleFocus=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.disabled||this.disabled||this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.getIconSize=()=>{switch(this.size){case"sm":case"md":case"lg":return this.size;case"l":return"lg";case"s":return"sm"}},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.setFormValue(this.checked?"on":"off")}updated(t){t.has("checked")&&(this.control.checked=this.checked,this.internals.setFormValue(this.checked?"on":"off"))}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this._initialChecked?"on":"off")}formStateRestoreCallback(t){this.checked=t}get value(){return this.checked?"on":"off"}render(){const t={"sds-switch__label":!0,"sds-switch__label--hidden":this.hideLabel},s=Z`<input
|
|
2395
2393
|
class="sds-switch__input"
|
|
2396
2394
|
id="control"
|
|
2397
2395
|
type="checkbox"
|
|
@@ -2400,11 +2398,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2400
2398
|
?disabled="${this.disabled}"
|
|
2401
2399
|
.checked="${this.checked}"
|
|
2402
2400
|
?checked="${this.checked}"
|
|
2403
|
-
name="${
|
|
2401
|
+
name="${Ct(this.name)}"
|
|
2404
2402
|
@change="${this._handleChange}"
|
|
2405
2403
|
@focus="${this._handleFocus}"
|
|
2406
2404
|
@blur="${this._handleBlur}"
|
|
2407
|
-
/>`,e=this.readOnly?
|
|
2405
|
+
/>`,e=this.readOnly?Z`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:X,o=Z`<label class="${Wt(t)}" for="control">${e}${this.label}</label>`;return Z`<div class="${Wt({"sds-switch":!0})}">${this.reverse?[o,s]:[s,o]}</div>`}};xe.styles=[fe],xe.formAssociated=!0,xe.shadowRootOptions={...vt.shadowRootOptions,delegatesFocus:!0},me([$({type:Boolean,reflect:!0})],xe.prototype,"disabled",2),me([$({type:String,reflect:!0})],xe.prototype,"label",2),me([$({type:Boolean,reflect:!0,attribute:"hide-label"})],xe.prototype,"hideLabel",2),me([$({type:String,reflect:!0})],xe.prototype,"name",2),me([$({type:Boolean,reflect:!0})],xe.prototype,"reverse",2),me([$({type:Boolean,reflect:!0})],xe.prototype,"checked",2),me([$({type:Boolean,attribute:"readonly",reflect:!0})],xe.prototype,"readOnly",2),me([$({type:String,reflect:!0})],xe.prototype,"size",2),me([E("#control")],xe.prototype,"control",2),xe=me([O("sds-switch")],xe);const ye=i`
|
|
2408
2406
|
:host {
|
|
2409
2407
|
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
2410
2408
|
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2465,9 +2463,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2465
2463
|
--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-content-lg));
|
|
2466
2464
|
--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2467
2465
|
}
|
|
2468
|
-
`;var
|
|
2466
|
+
`;var we=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,ze=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ke(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&we(s,e,a),a};let $e=class extends vt{constructor(){super(...arguments),this.size="md"}render(){return Z`<span class="${Wt({"sds-tag":!0})}">
|
|
2469
2467
|
<slot></slot>
|
|
2470
|
-
</span>`}}
|
|
2468
|
+
</span>`}};$e.styles=[ye],ze([$({type:String,reflect:!0})],$e.prototype,"size",2),$e=ze([O("sds-tag")],$e);const Se=i`
|
|
2471
2469
|
:host {
|
|
2472
2470
|
--_sds-text-font-family: var(--sds-text-font-family, var(--sds-typography-font-family-roboto));
|
|
2473
2471
|
--_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-mobile-font-size));
|
|
@@ -2742,7 +2740,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2742
2740
|
--_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xl-desktop-line-height));
|
|
2743
2741
|
}
|
|
2744
2742
|
}
|
|
2745
|
-
`;var
|
|
2743
|
+
`;var Ce=Object.defineProperty,Ee=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Ce(s,e,a),a};const Oe=class extends vt{constructor(){super(...arguments),this.size="md",this.strong=!1,this.tall=!1}render(){return Z`<p><slot></slot></p>`}};Oe.styles=[Se];let Ae=Oe;Ee([$({type:String,reflect:!0})],Ae.prototype,"size"),Ee([$({type:Boolean,reflect:!0})],Ae.prototype,"strong"),Ee([$({type:Boolean,reflect:!0})],Ae.prototype,"tall");var qe=Object.getOwnPropertyDescriptor;let Pe=class extends Ae{};Pe=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?qe(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-text")],Pe);const De=i`
|
|
2746
2744
|
:host {
|
|
2747
2745
|
--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2748
2746
|
--_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2909,26 +2907,26 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2909
2907
|
--sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-lg));
|
|
2910
2908
|
}
|
|
2911
2909
|
}
|
|
2912
|
-
`;var
|
|
2913
|
-
<div class="${
|
|
2914
|
-
${this.label?
|
|
2915
|
-
${this.helpText?
|
|
2910
|
+
`;var Ve=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,Re=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Le(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Ve(s,e,a),a};let Me=class extends vt{constructor(){super(),this.type="text",this.disabled=!1,this.readOnly=!1,this.required=!1,this.size="md",this.hasIcon=!1,this._defaultValue=null,this.handleSlotChange=t=>{const s=t.target;this.hasIcon=s.assignedNodes({flatten:!0}).length>0},this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLInputElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchEvent(new CustomEvent(t.type,{bubbles:!0,composed:!0})))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this._handleKeyDown=t=>{if("Enter"!==t.key)return;t.stopImmediatePropagation();const s=this.internals?.form;s?.requestSubmit?s.requestSubmit():s?.submit()},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}focus(){this.disabled||this.control.focus()}blur(){this.disabled||this.control.blur()}click(){this.disabled||this.control.click()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,s,e){this.control&&this.control.setSelectionRange(t,s,e)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textfield":!0,"sds-textfield--error":Boolean(this.errorMessage),"sds-textfield--has-icon":this.hasIcon};return Z`
|
|
2911
|
+
<div class="${Wt(t)}">
|
|
2912
|
+
${this.label?Z`<label for="sds-textfield" class="sds-textfield__label">${this.readOnly?Z`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:X}</sds-icon>${this.label}</label>`:X}
|
|
2913
|
+
${this.helpText?Z`<p class="sds-textfield__help-text">${this.helpText}</p>`:X}
|
|
2916
2914
|
<div class="sds-textfield__input-container">
|
|
2917
2915
|
<input
|
|
2918
2916
|
part="input"
|
|
2919
2917
|
class="sds-textfield__input"
|
|
2920
|
-
type="${
|
|
2918
|
+
type="${Ct(this.type)}"
|
|
2921
2919
|
id="sds-textfield"
|
|
2922
2920
|
?disabled="${this.disabled}"
|
|
2923
2921
|
?readonly="${this.readOnly}"
|
|
2924
|
-
placeholder="${
|
|
2922
|
+
placeholder="${Ct(this.placeholder)}"
|
|
2925
2923
|
.value="${this.value??""}"
|
|
2926
|
-
name="${
|
|
2927
|
-
autocomplete="${
|
|
2924
|
+
name="${Ct(this.name)}"
|
|
2925
|
+
autocomplete="${Ct(this.autocomplete)}"
|
|
2928
2926
|
?required="${this.required}"
|
|
2929
|
-
pattern="${
|
|
2930
|
-
minlength="${
|
|
2931
|
-
maxlength="${
|
|
2927
|
+
pattern="${Ct(this.pattern)}"
|
|
2928
|
+
minlength="${Ct(this.minlength)}"
|
|
2929
|
+
maxlength="${Ct(this.maxlength)}"
|
|
2932
2930
|
@input="${this._handleInputChange}"
|
|
2933
2931
|
@change="${this._handleInputChange}"
|
|
2934
2932
|
@select="${this._handleSelect}"
|
|
@@ -2938,9 +2936,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2938
2936
|
/>
|
|
2939
2937
|
<slot name="after" @slotchange="${this.handleSlotChange}" aria-hidden="true"></slot>
|
|
2940
2938
|
</div>
|
|
2941
|
-
${this.errorMessage?
|
|
2939
|
+
${this.errorMessage?Z`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:X}
|
|
2942
2940
|
</div>
|
|
2943
|
-
`}};
|
|
2941
|
+
`}};Me.styles=[De],Me.formAssociated=!0,Me.shadowRootOptions={...vt.shadowRootOptions,delegatesFocus:!0},Re([$({type:String,reflect:!0})],Me.prototype,"type",2),Re([$({type:String})],Me.prototype,"value",2),Re([$({type:String,reflect:!0})],Me.prototype,"name",2),Re([$({type:String,reflect:!0})],Me.prototype,"label",2),Re([$({type:String,reflect:!0})],Me.prototype,"placeholder",2),Re([$({type:String,attribute:"help-text",reflect:!0})],Me.prototype,"helpText",2),Re([$({type:String,attribute:"error-message",reflect:!0})],Me.prototype,"errorMessage",2),Re([$({type:Boolean,reflect:!0})],Me.prototype,"disabled",2),Re([$({type:Boolean,attribute:"readonly",reflect:!0})],Me.prototype,"readOnly",2),Re([$({type:String,reflect:!0})],Me.prototype,"autocomplete",2),Re([$({type:Boolean,reflect:!0})],Me.prototype,"required",2),Re([$({type:String,reflect:!0})],Me.prototype,"pattern",2),Re([$({type:Number,reflect:!0})],Me.prototype,"minlength",2),Re([$({type:Number,reflect:!0})],Me.prototype,"maxlength",2),Re([$({type:String,reflect:!0})],Me.prototype,"size",2),Re([S()],Me.prototype,"hasIcon",2),Re([E("#sds-textfield")],Me.prototype,"control",2),Me=Re([O("sds-textfield")],Me);const Te=i`
|
|
2944
2942
|
:host {
|
|
2945
2943
|
--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2946
2944
|
--_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -3124,30 +3122,30 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
3124
3122
|
--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-content-lg));
|
|
3125
3123
|
--_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
3126
3124
|
}
|
|
3127
|
-
`;var
|
|
3125
|
+
`;var Be=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,je=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ie(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Be(s,e,a),a};let Fe=class extends vt{constructor(){super(),this.disabled=!1,this.readOnly=!1,this.required=!1,this.size="md",this._defaultValue=null,this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchEvent(new CustomEvent(t.type,{bubbles:!0,composed:!0})))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}hasTypedTooManyCharacters(){if(!this.counter)return!1;return(this.value?.length||0)>this.counter}renderCharacterCounter(){if(void 0===this.counter)return X;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?Z`<sds-alert variant="secondary" data-palette="danger"
|
|
3128
3126
|
><p class="sds-textarea__character-counter" slot="message">Du har ${t-this.counter} tegn for mye</p></sds-alert
|
|
3129
|
-
>`:
|
|
3130
|
-
<div class="${
|
|
3131
|
-
${this.label||this.helpText?
|
|
3132
|
-
${this.label?
|
|
3133
|
-
${this.helpText?
|
|
3134
|
-
</div>`:
|
|
3127
|
+
>`:Z`<p class="sds-textarea__character-counter">Du har ${this.counter-t} tegn igjen</p>`}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}type(){return"textarea"}focus(){this.disabled||this.control.focus()}blur(){this.disabled||this.control.blur()}click(){this.disabled||this.control.click()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,s,e){this.control&&this.control.setSelectionRange(t,s,e)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textarea":!0,"sds-textarea--error":Boolean(this.errorMessage||this.hasTypedTooManyCharacters())};return Z`
|
|
3128
|
+
<div class="${Wt(t)}">
|
|
3129
|
+
${this.label||this.helpText?Z`<div>
|
|
3130
|
+
${this.label?Z`<label for="sds-textarea" class="sds-textarea__label">${this.label}</label>`:X}
|
|
3131
|
+
${this.helpText?Z`<p class="sds-textarea__help-text">${this.helpText}</p>`:X}
|
|
3132
|
+
</div>`:X}
|
|
3135
3133
|
<div class="sds-textarea__input-container">
|
|
3136
3134
|
<textarea
|
|
3137
3135
|
class="sds-textarea__input"
|
|
3138
3136
|
id="sds-textarea"
|
|
3139
3137
|
?disabled="${this.disabled}"
|
|
3140
3138
|
?readonly="${this.readOnly}"
|
|
3141
|
-
placeholder="${
|
|
3139
|
+
placeholder="${Ct(this.placeholder)}"
|
|
3142
3140
|
.value="${this.value??""}"
|
|
3143
3141
|
.autocomplete="${this.autocomplete}"
|
|
3144
|
-
name="${
|
|
3142
|
+
name="${Ct(this.name)}"
|
|
3145
3143
|
?required="${this.required}"
|
|
3146
|
-
rows="${
|
|
3147
|
-
cols="${
|
|
3148
|
-
wrap="${
|
|
3149
|
-
minlength="${
|
|
3150
|
-
maxlength="${
|
|
3144
|
+
rows="${Ct(this.rows)}"
|
|
3145
|
+
cols="${Ct(this.cols)}"
|
|
3146
|
+
wrap="${Ct(this.wrap)}"
|
|
3147
|
+
minlength="${Ct(this.minlength)}"
|
|
3148
|
+
maxlength="${Ct(this.maxlength)}"
|
|
3151
3149
|
@input="${this._handleInputChange}"
|
|
3152
3150
|
@change="${this._handleInputChange}"
|
|
3153
3151
|
@select="${this._handleSelect}"
|
|
@@ -3155,6 +3153,6 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
3155
3153
|
@blur="${this._handleBlur}"
|
|
3156
3154
|
></textarea>
|
|
3157
3155
|
</div>
|
|
3158
|
-
${this.errorMessage?
|
|
3156
|
+
${this.errorMessage?Z`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:X} ${this.renderCharacterCounter()}
|
|
3159
3157
|
</div>
|
|
3160
|
-
`}};
|
|
3158
|
+
`}};Fe.styles=[Te],Fe.formAssociated=!0,Fe.shadowRootOptions={...vt.shadowRootOptions,delegatesFocus:!0},je([$({type:String})],Fe.prototype,"value",2),je([$({type:String,reflect:!0})],Fe.prototype,"name",2),je([$({type:String,reflect:!0})],Fe.prototype,"label",2),je([$({type:String,reflect:!0})],Fe.prototype,"placeholder",2),je([$({type:String,attribute:"help-text",reflect:!0})],Fe.prototype,"helpText",2),je([$({type:String,attribute:"error-message",reflect:!0})],Fe.prototype,"errorMessage",2),je([$({type:Boolean,reflect:!0})],Fe.prototype,"disabled",2),je([$({type:Boolean,attribute:"readonly",reflect:!0})],Fe.prototype,"readOnly",2),je([$({type:String,reflect:!0})],Fe.prototype,"autocomplete",2),je([$({type:Boolean,reflect:!0})],Fe.prototype,"required",2),je([$({type:Number,reflect:!0})],Fe.prototype,"rows",2),je([$({type:Number,reflect:!0})],Fe.prototype,"cols",2),je([$({type:String,reflect:!0})],Fe.prototype,"wrap",2),je([$({type:Number,reflect:!0})],Fe.prototype,"minlength",2),je([$({type:Number,reflect:!0})],Fe.prototype,"maxlength",2),je([$({type:Number,reflect:!0})],Fe.prototype,"counter",2),je([$({type:String,reflect:!0})],Fe.prototype,"size",2),je([E("#sds-textarea")],Fe.prototype,"control",2),Fe=je([O("sds-textarea")],Fe);export{ss as SDSAlert,Jt as SDSButton,ds as SDSCard,ps as SDSCheckbox,_s as SDSCheckboxGroup,ks as SDSChip,Es as SDSDetails,Ds as SDSDialog,js as SDSHeading,Ht as SDSIcon,Ws as SDSLoader,Js as SDSNotification,re as SDSRadio,ce as SDSRadioGroup,ue as SDSSelect,xe as SDSSwitch,$e as SDSTag,Pe as SDSText,Fe as SDSTextArea,Me as SDSTextField};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@politiet/sheriff-web-components",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.2",
|
|
4
4
|
"description": "Sheriff Design System Web Components Library",
|
|
5
5
|
"author": "Politiets IT-enhet",
|
|
6
6
|
"license": "ISC",
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
"@politiet/sheriff-icons": "^2.0.2"
|
|
148
148
|
},
|
|
149
149
|
"peerDependencies": {
|
|
150
|
-
"@politiet/sheriff-css-framework": "^2.1
|
|
150
|
+
"@politiet/sheriff-css-framework": "^2.2.1",
|
|
151
151
|
"typescript": ">=3.8.0"
|
|
152
152
|
},
|
|
153
153
|
"peerDependenciesMeta": {
|