npm - @scania/tegel - Versions diffs - 0.0.5 → 0.0.6 - Mend

@scania/tegel 0.0.5 → 0.0.6

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.

Files changed (1107) hide show

package/dist/tegel/p-1baafb40.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as d,c as s,h as e,H as o,g as a}from"./p-387e1798.js";const r=':root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,.sdds-mode-light{--sdds-link-text-decoration:none;--sdds-dropdown-color:var(--sdds-grey-958);--sdds-dropdown-background:var(--sdds-grey-50);--sdds-dropdown-background-hover:var(--sdds-grey-100);--sdds-dropdown-disabled:var(--sdds-grey-400);--sdds-dropdown-border:var(--sdds-grey-100);--sdds-dropdown-label-inside:var(--sdds-grey-700);--sdds-dropdown-label-outside:var(--sdds-grey-958);--sdds-dropdown-placeholder:var(--sdds-grey-700);--sdds-dropdown-border-not-focused:var(--sdds-grey-600);--sdds-dropdown-option-color:var(--sdds-grey-900);--sdds-dropdown-option-disabled-color:var(--sdds-grey-400)}:root .sdds-mode-variant-primary,.sdds-mode-light .sdds-mode-variant-primary{--sdds-dropdown-background:var(--sdds-grey-50);--sdds-dropdown-background-hover:var(--sdds-grey-100);--sdds-dropdown-background-disabled:var(--sdds-grey-50)}:root .sdds-mode-variant-secondary,.sdds-mode-light .sdds-mode-variant-secondary{--sdds-dropdown-background:var(--sdds-white);--sdds-dropdown-background-hover:var(--sdds-grey-50);--sdds-dropdown-background-disabled:var(--sdds-white)}.sdds-mode-dark{--sdds-link-text-decoration:none;--sdds-dropdown-color:var(--sdds-grey-400);--sdds-dropdown-background:var(--sdds-grey-868);--sdds-dropdown-background-hover:var(--sdds-grey-800);--sdds-dropdown-background-disabled:var(--sdds-grey-900);--sdds-dropdown-disabled:var(--sdds-grey-800);--sdds-dropdown-border:var(--sdds-grey-800);--sdds-dropdown-label-inside:var(--sdds-grey-400);--sdds-dropdown-label-outside:var(--sdds-grey-100);--sdds-dropdown-placeholder:var(--sdds-grey-400);--sdds-dropdown-border-not-focused:var(--sdds-grey-600);--sdds-dropdown-option-color:var(--sdds-grey-50);--sdds-dropdown-option-disabled-color:var(--sdds-grey-800)}.sdds-mode-dark .sdds-mode-variant-primary{--sdds-dropdown-background:var(--sdds-grey-868);--sdds-dropdown-background-hover:var(--sdds-grey-800);--sdds-dropdown-background-disabled:var(--sdds-grey-868)}.sdds-mode-dark .sdds-mode-variant-secondary{--sdds-dropdown-background:var(--sdds-grey-900);--sdds-dropdown-background-hover:var(--sdds-grey-800);--sdds-dropdown-background-disabled:var(--sdds-grey-900)}.sdds-dropdown-helper{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);color:var(--sdds-grey-700);margin-top:var(--sdds-spacing-element-4);display:flex}.sdds-dropdown-helper .sdds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.sdds-dropdown-label-inside{font:var(--sdds-detail-ex-07);letter-spacing:var(--sdds-detail-ex-07-ls);color:var(--sdds-dropdown-label-inside)}.sdds-dropdown-label-outside{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);display:block;color:var(--sdds-dropdown-label-outside);margin-bottom:var(--sdds-spacing-element-8)}:root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,.sdds-mode-light{--sdds-checkbox-color:var(--sdds-grey-900);--sdds-checkbox-interaction-01:var(--sdds-blue-800);--sdds-checkbox-interaction-02:var(--sdds-white);--sdds-checkbox-background-hover:var(--sdds-blue-800);--sdds-checkbox-background-focus:var(--sdds-blue-800);--sdds-checkbox-disabled:var(--sdds-grey-400);--sdds-checkbox-background-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23ffffff\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-background-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23b0b7c4\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-500);--sdds-checkbox-color-disabled-after:var(--sdds-grey-500)}:root .sdds-mode-dark,.sdds-mode-light .sdds-mode-dark{--sdds-checkbox-color:var(--sdds-white);--sdds-checkbox-interaction-01:var(--sdds-white);--sdds-checkbox-interaction-02:var(--sdds-grey-958);--sdds-checkbox-background-hover:white;--sdds-checkbox-background-focus:white;--sdds-checkbox-disabled:white;--sdds-checkbox-background-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%230D0F13\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-background-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%2356657A\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-700);--sdds-checkbox-color-disabled-after:var(--sdds-grey-700)}.sdds-checkbox-item{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-item {box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]+label{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-4);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before,.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{content:"";position:absolute;box-sizing:border-box;border-radius:2px}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before{width:24px;height:24px;left:0;top:0}.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px}.sdds-checkbox-item .sdds-form-input[type=checkbox]:hover::before{background-color:var(--sdds-checkbox-background-hover);opacity:0.12}.sdds-checkbox-item .sdds-form-input[type=checkbox]:focus::before{background-color:var(--sdds-checkbox-background-focus);opacity:0.24;transition:opacity 0.2s ease-in-out}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled{cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled::after,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled+label,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled+label{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled:hover::before,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled:hover::before{display:none}.sdds-form-input[type=checkbox]:checked::after{background-image:var(--sdds-checkbox-background-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-form-input[type=checkbox]:checked:disabled:hover::before,.sdds-form-input[type=checkbox]:checked:disabled::before,.sdds-form-input[type=checkbox]:checked.disabled:hover::before,.sdds-form-input[type=checkbox]:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-form-input[type=checkbox]:checked:disabled::after,.sdds-form-input[type=checkbox]:checked.disabled::after{background-image:var(--sdds-checkbox-background-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}:host,::slotted(){color:var(--sdds-grey-958);box-sizing:border-box;box-sizing:border-box}:host ,::slotted() {box-sizing:border-box}:host,::slotted(){--sdds-dropdown-label-outside:var(--sdds-dropdown-label-outside);--sdds-dropdown-label-outside-text-decoration:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-958);box-sizing:border-box}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--sdds-dropdown-disabled);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--sdds-dropdown-disabled)}.sdds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.sdds-dropdown,.sdds-dropdown {box-sizing:border-box}.sdds-dropdown .sdds-dropdown-toggle{font:var(--sdds-detail-ex-02);letter-spacing:var(--sdds-detail-ex-02-ls);color:var(--sdds-dropdown-color);display:flex;align-items:center;background-color:var(--sdds-dropdown-background);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--sdds-dropdown-border-not-focused);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.sdds-dropdown .sdds-dropdown-toggle:hover{border-bottom-color:var(--sdds-grey-600)}.sdds-dropdown .sdds-dropdown-toggle:focus::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:2px solid var(--sdds-blue-400)}.sdds-dropdown .sdds-dropdown-toggle:active,.sdds-dropdown .sdds-dropdown-toggle.active .sdds-dropdown .sdds-dropdown-toggle.selected{border-bottom-color:var(--sdds-dropdown-border-not-focused)}.sdds-dropdown .sdds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.sdds-dropdown .sdds-dropdown-toggle-lg{padding:20px 16px}.sdds-dropdown .sdds-dropdown-toggle-md{padding:16px}.sdds-dropdown .sdds-dropdown-toggle-sm{padding:12px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.sdds-dropdown .sdds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--sdds-dropdown-border-not-focused)}.sdds-dropdown .sdds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.sdds-dropdown .sdds-dropdown-placeholder{color:var(--sdds-grey-700)}.sdds-dropdown .sdds-dropdown-label{display:grid;width:calc(100% - 25px)}.sdds-dropdown .sdds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-dropdown.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-container--label-inside{padding-bottom:12px}.sdds-dropdown .sdds-dropdown-filter{border:0;outline:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-dropdown-link);width:100%;background:transparent}.sdds-dropdown .sdds-dropdown-filter:focus{outline:none}.sdds-dropdown .sdds-dropdown-filter::placeholder{color:var(--sdds-grey-700);opacity:1}.sdds-dropdown .sdds-dropdown-menu{z-index:100;background-color:var(--sdds-dropdown-background);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--sdds-dropdown-border);border-right-color:var(--sdds-dropdown-border);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}.sdds-dropdown .sdds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.sdds-dropdown.sdds-dropdown-lg .sdds-dropdown-toggle{height:56px}.sdds-dropdown.sdds-dropdown-md .sdds-dropdown-toggle{height:48px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-toggle{height:40px}:host(.sdds-dropdown--open-upwards) .sdds-dropdown .sdds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.sdds-dropdown--open-upwards[label-position=outside]) span.sdds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle{pointer-events:none;color:var(--sdds-dropdown-option-disabled-color);border:none;padding:0 16px}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-placeholder{color:var(--sdds-dropdown-placeholder)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-label-inside{color:var(--sdds-dropdown-label-inside)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle:focus::before{content:none}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle:focus::before{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper{color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper .sdds-dropdown-error-icon{display:flex}:host ::slotted(sdds-dropdown-option){display:flex;padding:var(--sdds-spacing-element-16);background-color:var(--sdds-dropdown-background);border-top:1px solid transparent;border-bottom:1px solid var(--sdds-dropdown-border);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box;color:var(--sdds-dropdown-option-color)}:host ::slotted(sdds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(sdds-dropdown-option:hover),:host ::slotted(sdds-dropdown-option:focus){background-color:var(--sdds-dropdown-background-hover)}:host ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)){background-color:var(--sdds-dropdown-background-hover)}:host ::slotted(sdds-dropdown-option:hover:focus){outline:none}:host ::slotted(sdds-dropdown-option:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host ::slotted(sdds-dropdown-option.sdds-dropdown--selected),:host ::slotted(sdds-dropdown-option.selected),:host ::slotted(sdds-dropdown-option.active),:host ::slotted(sdds-dropdown-option:active){background-color:var(--sdds-dropdown-background-hover);border-top:1px solid var(--sdds-dropdown-border);border-bottom:1px solid var(--sdds-dropdown-border)}:host ::slotted(sdds-dropdown-option.sdds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),:host ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled){cursor:not-allowed;color:var(--sdds-dropdown-option-disabled-color);background-color:var(--sdds-dropdown-background-disabled)}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--sdds-dropdown-border)}.sdds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.sdds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--sdds-spacing-element-16)}.sdds-option-checkmark path{color:var(--sdds-dropdown-option-color)}:host([size=sm]) ::slotted(sdds-dropdown-option){padding:var(--sdds-spacing-element-12) var(--sdds-spacing-element-16)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle.is-filter::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--sdds-blue-400)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-arrow{transform:rotate(180deg)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-menu{transform:scaleY(1)}:host(.sdds-dropdown--open) ::slotted(sdds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .sdds-option-checkmark{opacity:1}.sdds-dropdown-label-inside{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-dropdown-label-inside);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside .sdds-dropdown-placeholder{display:block;padding-top:4px}.sdds-dropdown-lg .sdds-dropdown-label-inside{display:block;top:16px}.sdds-dropdown-md .sdds-dropdown-label-inside{display:block;top:12px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-inside{display:none}.sdds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-option-checkbox{margin-right:8px}.sdds-form-label{display:flex}';const n=class{constructor(e){d(this,e);this.inputSearch=s(this,"inputSearch",7);this.modeVariant=null;this.placeholder=undefined;this.defaultOption=undefined;this.selectedOption=undefined;this.disabled=false;this.type="default";this.size="lg";this.inline=false;this.labelPosition="no-label";this.label=undefined;this.state=false;this.helper="";this.openDirection="auto";this.optionValues=[];this.optionLabels=[];this.open=false;this.node=undefined;this.selectedLabel="";this.selectedValue="";this.selectedValuesArray=[];this.selectedLabelsArray=[];this.dropdownUniqueClass="";this.openUpwards=false;this.dropdownMenuHeight=0;this.dropdownMenuSelector=undefined;this.listItemIndex=-1;this.listItemArray=undefined;this.listItemObject=undefined}componentWillLoad(){this.listItemObject=this.host.children;this.listItemArray=Array.from(this.listItemObject);this.listItemArray.map((d=>{this.optionValues.push(d.value);this.optionLabels.push(d.innerText.trim())}));this.setOptionFromOutside(this.defaultOption);if(this.size==="small"){this.size="sm";console.warn('size="small" is deprecated, use size="sm" instead')}if(this.size==="medium"){this.size="md";console.warn('size="medium" is deprecated, use size="md" instead')}if(this.size==="large"){this.size="lg";console.warn('size="large" is deprecated, use size="lg" instead')}}setOptionFromOutside(d){if(d){this.deselectAll();d=d.split(",");for(let s=0;s<this.host.children.length;s++){const e=this.host.children[s];if(d.includes(e.value.trim())){this.selectedLabelsArray=[...this.selectedLabelsArray,e.textContent.trim()];this.selectedValuesArray=[...this.selectedValuesArray,e.value];this.selectedLabel=e.textContent;this.selectedValue=e.value;e.setAttribute("selectedLabel","true");e.setAttribute("selected","true")}else{e.setAttribute("selectedLabel","false");e.setAttribute("selected","false")}}}}changeSelectedOption(){if(this.selectedValuesArray.includes(this.selectedOption)){this.resetOption()}this.setOptionFromOutside(this.selectedOption);this.host.setAttribute("selected-option","")}handleDocClick(d){d.stopPropagation();const s=d?d.composedPath()[0]:window.event.target[0];if(this.node!==undefined&&this.node.contains(s)){if(typeof this.textInput!=="undefined"\|\|this.textInput===null){this.textInput.focus()}}else{this.tabbingLabelReset();this.open=false}}keyListener(d){if(!this.disabled){switch(d.key){case"ArrowDown":if(this.open){d.preventDefault();if(this.listItemIndex<this.listItemArray.length-1){this.listItemIndex++}else{this.listItemIndex=0}this.listItemObject[this.listItemIndex].focus()}break;case"ArrowUp":if(this.open){d.preventDefault();if(this.listItemIndex>0){this.listItemIndex--}else{this.listItemIndex=this.listItemArray.length-1}this.listItemObject[this.listItemIndex].focus()}break;case"Tab":this.open=false;break;case"Escape":this.open=false;this.node.focus();break}}}handleClick(){this.open=this.open===false;if(this.openDirection==="auto"){this.dropdownMenuHeight=this.dropdownMenuSelector.offsetHeight;const d=this.host.getBoundingClientRect().top;const s=window.innerHeight;this.openUpwards=d+this.dropdownMenuHeight+57>s}else{this.openUpwards=this.openDirection==="up"}}tabbingLabelReset(){if(typeof this.textInput!=="undefined"\|\|this.textInput===null){if(!this.selectedLabel&&this.selectedLabel.length<=0){this.textInput.value="";this.inputSearch.emit("")}if(this.selectedLabel!==this.textInput.value){this.textInput.value=this.selectedLabel}}}selectOptionHandler(d){this.open=this.type==="multiselect";if(this.type!=="multiselect"){this.selectedLabel=d.detail.label;this.selectedValue=d.detail.value;this.tabbingLabelReset()}else{if(this.selectedValuesArray.includes(d.detail.value)){const s=this.selectedValuesArray.indexOf(d.detail.value);this.selectedValuesArray=this.selectedValuesArray.filter(((d,e)=>e!==s));this.selectedLabelsArray=this.selectedLabelsArray.filter(((d,e)=>e!==s))}else{this.selectedValuesArray=[...this.selectedValuesArray,d.detail.value];this.selectedLabelsArray=[...this.selectedLabelsArray,d.detail.label.trim()]}}}handleSearch(d){const s=d.target.value;this.inputSearch.emit(s);this.open=true}deselectAll(){this.selectedLabel="";this.selectedValue="";this.selectedLabelsArray=[];this.selectedValuesArray=[];this.listItemArray=this.listItemArray.map((d=>Object.assign(Object.assign({},d),{selected:false})))}async resetOption(){this.deselectAll();this.open=false;if(this.defaultOption){this.setOptionFromOutside(this.defaultOption)}}render(){return e(o,{class:`\n ${this.modeVariant?`sdds-mode-variant-${this.modeVariant}`:""}\n ${this.open&&!this.disabled?"sdds-dropdown--open":""}\n ${this.type==="multiselect"?"sdds-dropdown-multiselect":""}\n ${this.inline?"sdds-dropdown-inline":""}\n ${this.selectedLabel.length>0\|\|this.selectedLabel===""?"sdds-dropdown--selected":""}\n ${this.state?"sdds-dropdown--error":""}\n ${this.openUpwards?"sdds-dropdown--open-upwards":""}\n ${this.labelPosition==="inside"&&this.selectedLabelsArray.length>0?"sdds-dropdown--label-inside-position":""}\n `,"selected-value":this.selectedValue,"selected-text":this.selectedLabel,"multi-selected-values":JSON.stringify(this.selectedValuesArray),"multi-selected-labels":JSON.stringify(this.selectedLabelsArray)},e("span",{class:`sdds-dropdown sdds-dropdown-${this.size}`},this.labelPosition==="outside"&&this.label.length>0?e("span",{class:"sdds-dropdown-label-outside"},this.label):"",e("button",{part:this.disabled?"dropdown-filter-disabled":"",disabled:this.disabled,tabindex:this.disabled?"-1":null,class:`sdds-dropdown-toggle ${this.selectedValue==="filter"?"is-filter":""} ${this.selectedValue!==""\|\|this.selectedLabelsArray.length>0?"sdds-dropdown-toggle--selected":""}\n ${this.labelPosition==="inside"&&this.selectedValue!==""&&this.size!=="sm"?`sdds-dropdown-toggle-label-inside-${this.size}`:`sdds-dropdown-toggle-${this.size}`}`,type:"button",onClick:()=>this.handleClick(),ref:d=>this.node=d},e("span",{class:"sdds-dropdown-label"},this.type==="filter"?e("input",{part:this.disabled?"dropdown-filter-disabled":"",disabled:this.disabled,tabindex:"-1",ref:d=>this.textInput=d,class:"sdds-dropdown-filter",type:"text",placeholder:this.placeholder,value:this.selectedLabel,onInput:d=>this.handleSearch(d),autoComplete:"off"}):e("span",{class:{"sdds-dropdown-label-container":true,"sdds-dropdown-label-container--label-inside":this.labelPosition==="inside"&&this.size!=="sm"&&(this.selectedLabel.length>0\|\|this.selectedLabelsArray.length>0)}},this.size!=="sm"&&(this.selectedLabel.length>0\|\|this.selectedLabelsArray.length>0)&&this.labelPosition==="inside"&&this.label.length>0&&e("span",{class:"sdds-dropdown-label-inside"},this.label),e("span",{class:`sdds-dropdown-label-main ${(this.selectedLabel.length===0\|\|this.labelPosition==="inside"&&this.label.length<0)&&"sdds-dropdown-placeholder"}`},this.selectedLabel.length>0&&this.type!=="multiselect"&&this.selectedLabel,this.type==="multiselect"&&e("span",{class:"sdds-dropdown-multiselect-result"},this.labelPosition!=="inside"&&this.selectedLabelsArray.toString().length<1&&this.placeholder,this.selectedLabelsArray.toString().length>0&&this.selectedLabelsArray.toString().split(",").join(", ")),!this.selectedLabel&&this.labelPosition==="inside"&&this.size!=="sm"&&this.label,!this.selectedLabel&&this.type!=="multiselect"&&this.labelPosition!=="inside"&&this.placeholder,!this.selectedLabel&&this.size==="sm"&&this.labelPosition==="inside"&&this.placeholder))),e("svg",{class:"sdds-dropdown-arrow",width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M1 1L6 6L11 1",stroke:"currentColor","stroke-width":"1.25","stroke-linecap":"round","stroke-linejoin":"round"}))),e("span",{class:"sdds-dropdown-menu",ref:d=>this.dropdownMenuSelector=d},e("slot",null))),e("p",{class:"sdds-dropdown-helper"},e("svg",{class:"sdds-dropdown-error-icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 4C9.37 4 3.996 9.374 3.996 16.004S9.371 28.007 16 28.007c6.63 0 12.004-5.374 12.004-12.003C28.004 9.374 22.629 4 16 4ZM2 16.004c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14Z",fill:"currentColor"}),e("path",{d:"M14.803 14.47V10h2.376v4.47l-.352 4.295h-1.672l-.352-4.295Zm-.053 5.632h2.5v2.394h-2.5v-2.394Z",fill:"currentColor"})),e("span",null,this.helper)))}get host(){return a(this)}static get watchers(){return{selectedOption:["changeSelectedOption"]}}};n.style=r;const i=':root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,.sdds-mode-light{--sdds-link-text-decoration:none;--sdds-dropdown-color:var(--sdds-grey-958);--sdds-dropdown-background:var(--sdds-grey-50);--sdds-dropdown-background-hover:var(--sdds-grey-100);--sdds-dropdown-disabled:var(--sdds-grey-400);--sdds-dropdown-border:var(--sdds-grey-100);--sdds-dropdown-label-inside:var(--sdds-grey-700);--sdds-dropdown-label-outside:var(--sdds-grey-958);--sdds-dropdown-placeholder:var(--sdds-grey-700);--sdds-dropdown-border-not-focused:var(--sdds-grey-600);--sdds-dropdown-option-color:var(--sdds-grey-900);--sdds-dropdown-option-disabled-color:var(--sdds-grey-400)}:root .sdds-mode-variant-primary,.sdds-mode-light .sdds-mode-variant-primary{--sdds-dropdown-background:var(--sdds-grey-50);--sdds-dropdown-background-hover:var(--sdds-grey-100);--sdds-dropdown-background-disabled:var(--sdds-grey-50)}:root .sdds-mode-variant-secondary,.sdds-mode-light .sdds-mode-variant-secondary{--sdds-dropdown-background:var(--sdds-white);--sdds-dropdown-background-hover:var(--sdds-grey-50);--sdds-dropdown-background-disabled:var(--sdds-white)}.sdds-mode-dark{--sdds-link-text-decoration:none;--sdds-dropdown-color:var(--sdds-grey-400);--sdds-dropdown-background:var(--sdds-grey-868);--sdds-dropdown-background-hover:var(--sdds-grey-800);--sdds-dropdown-background-disabled:var(--sdds-grey-900);--sdds-dropdown-disabled:var(--sdds-grey-800);--sdds-dropdown-border:var(--sdds-grey-800);--sdds-dropdown-label-inside:var(--sdds-grey-400);--sdds-dropdown-label-outside:var(--sdds-grey-100);--sdds-dropdown-placeholder:var(--sdds-grey-400);--sdds-dropdown-border-not-focused:var(--sdds-grey-600);--sdds-dropdown-option-color:var(--sdds-grey-50);--sdds-dropdown-option-disabled-color:var(--sdds-grey-800)}.sdds-mode-dark .sdds-mode-variant-primary{--sdds-dropdown-background:var(--sdds-grey-868);--sdds-dropdown-background-hover:var(--sdds-grey-800);--sdds-dropdown-background-disabled:var(--sdds-grey-868)}.sdds-mode-dark .sdds-mode-variant-secondary{--sdds-dropdown-background:var(--sdds-grey-900);--sdds-dropdown-background-hover:var(--sdds-grey-800);--sdds-dropdown-background-disabled:var(--sdds-grey-900)}.sdds-dropdown-helper{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);color:var(--sdds-grey-700);margin-top:var(--sdds-spacing-element-4);display:flex}.sdds-dropdown-helper .sdds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.sdds-dropdown-label-inside{font:var(--sdds-detail-ex-07);letter-spacing:var(--sdds-detail-ex-07-ls);color:var(--sdds-dropdown-label-inside)}.sdds-dropdown-label-outside{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);display:block;color:var(--sdds-dropdown-label-outside);margin-bottom:var(--sdds-spacing-element-8)}:root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,.sdds-mode-light{--sdds-checkbox-color:var(--sdds-grey-900);--sdds-checkbox-interaction-01:var(--sdds-blue-800);--sdds-checkbox-interaction-02:var(--sdds-white);--sdds-checkbox-background-hover:var(--sdds-blue-800);--sdds-checkbox-background-focus:var(--sdds-blue-800);--sdds-checkbox-disabled:var(--sdds-grey-400);--sdds-checkbox-background-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23ffffff\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-background-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23b0b7c4\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-500);--sdds-checkbox-color-disabled-after:var(--sdds-grey-500)}:root .sdds-mode-dark,.sdds-mode-light .sdds-mode-dark{--sdds-checkbox-color:var(--sdds-white);--sdds-checkbox-interaction-01:var(--sdds-white);--sdds-checkbox-interaction-02:var(--sdds-grey-958);--sdds-checkbox-background-hover:white;--sdds-checkbox-background-focus:white;--sdds-checkbox-disabled:white;--sdds-checkbox-background-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%230D0F13\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-background-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%2356657A\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-700);--sdds-checkbox-color-disabled-after:var(--sdds-grey-700)}.sdds-checkbox-item{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-item {box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]+label{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-4);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before,.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{content:"";position:absolute;box-sizing:border-box;border-radius:2px}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before{width:24px;height:24px;left:0;top:0}.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px}.sdds-checkbox-item .sdds-form-input[type=checkbox]:hover::before{background-color:var(--sdds-checkbox-background-hover);opacity:0.12}.sdds-checkbox-item .sdds-form-input[type=checkbox]:focus::before{background-color:var(--sdds-checkbox-background-focus);opacity:0.24;transition:opacity 0.2s ease-in-out}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled{cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled::after,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled+label,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled+label{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled:hover::before,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled:hover::before{display:none}.sdds-form-input[type=checkbox]:checked::after{background-image:var(--sdds-checkbox-background-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-form-input[type=checkbox]:checked:disabled:hover::before,.sdds-form-input[type=checkbox]:checked:disabled::before,.sdds-form-input[type=checkbox]:checked.disabled:hover::before,.sdds-form-input[type=checkbox]:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-form-input[type=checkbox]:checked:disabled::after,.sdds-form-input[type=checkbox]:checked.disabled::after{background-image:var(--sdds-checkbox-background-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}:host,::slotted(){color:var(--sdds-grey-958);box-sizing:border-box;box-sizing:border-box}:host ,::slotted() {box-sizing:border-box}:host,::slotted(){--sdds-dropdown-label-outside:var(--sdds-dropdown-label-outside);--sdds-dropdown-label-outside-text-decoration:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-958);box-sizing:border-box}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--sdds-dropdown-disabled);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--sdds-dropdown-disabled)}.sdds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.sdds-dropdown,.sdds-dropdown {box-sizing:border-box}.sdds-dropdown .sdds-dropdown-toggle{font:var(--sdds-detail-ex-02);letter-spacing:var(--sdds-detail-ex-02-ls);color:var(--sdds-dropdown-color);display:flex;align-items:center;background-color:var(--sdds-dropdown-background);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--sdds-dropdown-border-not-focused);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.sdds-dropdown .sdds-dropdown-toggle:hover{border-bottom-color:var(--sdds-grey-600)}.sdds-dropdown .sdds-dropdown-toggle:focus::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:2px solid var(--sdds-blue-400)}.sdds-dropdown .sdds-dropdown-toggle:active,.sdds-dropdown .sdds-dropdown-toggle.active .sdds-dropdown .sdds-dropdown-toggle.selected{border-bottom-color:var(--sdds-dropdown-border-not-focused)}.sdds-dropdown .sdds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.sdds-dropdown .sdds-dropdown-toggle-lg{padding:20px 16px}.sdds-dropdown .sdds-dropdown-toggle-md{padding:16px}.sdds-dropdown .sdds-dropdown-toggle-sm{padding:12px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.sdds-dropdown .sdds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--sdds-dropdown-border-not-focused)}.sdds-dropdown .sdds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.sdds-dropdown .sdds-dropdown-placeholder{color:var(--sdds-grey-700)}.sdds-dropdown .sdds-dropdown-label{display:grid;width:calc(100% - 25px)}.sdds-dropdown .sdds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-dropdown.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-container--label-inside{padding-bottom:12px}.sdds-dropdown .sdds-dropdown-filter{border:0;outline:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-dropdown-link);width:100%;background:transparent}.sdds-dropdown .sdds-dropdown-filter:focus{outline:none}.sdds-dropdown .sdds-dropdown-filter::placeholder{color:var(--sdds-grey-700);opacity:1}.sdds-dropdown .sdds-dropdown-menu{z-index:100;background-color:var(--sdds-dropdown-background);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--sdds-dropdown-border);border-right-color:var(--sdds-dropdown-border);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}.sdds-dropdown .sdds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.sdds-dropdown.sdds-dropdown-lg .sdds-dropdown-toggle{height:56px}.sdds-dropdown.sdds-dropdown-md .sdds-dropdown-toggle{height:48px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-toggle{height:40px}:host(.sdds-dropdown--open-upwards) .sdds-dropdown .sdds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.sdds-dropdown--open-upwards[label-position=outside]) span.sdds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle{pointer-events:none;color:var(--sdds-dropdown-option-disabled-color);border:none;padding:0 16px}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-placeholder{color:var(--sdds-dropdown-placeholder)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-label-inside{color:var(--sdds-dropdown-label-inside)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle:focus::before{content:none}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle:focus::before{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper{color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper .sdds-dropdown-error-icon{display:flex}:host ::slotted(sdds-dropdown-option){display:flex;padding:var(--sdds-spacing-element-16);background-color:var(--sdds-dropdown-background);border-top:1px solid transparent;border-bottom:1px solid var(--sdds-dropdown-border);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box;color:var(--sdds-dropdown-option-color)}:host ::slotted(sdds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(sdds-dropdown-option:hover),:host ::slotted(sdds-dropdown-option:focus){background-color:var(--sdds-dropdown-background-hover)}:host ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)){background-color:var(--sdds-dropdown-background-hover)}:host ::slotted(sdds-dropdown-option:hover:focus){outline:none}:host ::slotted(sdds-dropdown-option:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host ::slotted(sdds-dropdown-option.sdds-dropdown--selected),:host ::slotted(sdds-dropdown-option.selected),:host ::slotted(sdds-dropdown-option.active),:host ::slotted(sdds-dropdown-option:active){background-color:var(--sdds-dropdown-background-hover);border-top:1px solid var(--sdds-dropdown-border);border-bottom:1px solid var(--sdds-dropdown-border)}:host ::slotted(sdds-dropdown-option.sdds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),:host ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled){cursor:not-allowed;color:var(--sdds-dropdown-option-disabled-color);background-color:var(--sdds-dropdown-background-disabled)}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--sdds-dropdown-border)}.sdds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.sdds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--sdds-spacing-element-16)}.sdds-option-checkmark path{color:var(--sdds-dropdown-option-color)}:host([size=sm]) ::slotted(sdds-dropdown-option){padding:var(--sdds-spacing-element-12) var(--sdds-spacing-element-16)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle.is-filter::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--sdds-blue-400)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-arrow{transform:rotate(180deg)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-menu{transform:scaleY(1)}:host(.sdds-dropdown--open) ::slotted(sdds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .sdds-option-checkmark{opacity:1}.sdds-dropdown-label-inside{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-dropdown-label-inside);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside .sdds-dropdown-placeholder{display:block;padding-top:4px}.sdds-dropdown-lg .sdds-dropdown-label-inside{display:block;top:16px}.sdds-dropdown-md .sdds-dropdown-label-inside{display:block;top:12px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-inside{display:none}.sdds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-option-checkbox{margin-right:8px}.sdds-form-label{display:flex}';const l=class{constructor(e){d(this,e);this.internalSddsSelect=s(this,"internalSddsSelect",6);this.innerValue=undefined;this.selected=false;this.disabled=false;this.value=undefined}changeFocusHandler(){this.host.focus()}removeFocusHandler(){this.host.blur()}onKeyDown(d){if(d.code==="Enter"){this.handleClick({value:this.value,label:this.host.innerText,parent:this.host.parentNode})}}componentWillLoad(){this.innerValue=this.value;this.isMultiSelectOption=this.host.closest("sdds-dropdown").classList.contains("sdds-dropdown-multiselect")}handleClick(d){if(!this.disabled){const s=d.parent.childNodes;this.internalSddsSelect.emit(d);if(!this.isMultiSelectOption){s.forEach((d=>{d.selected=false}))}const e=this.host.shadowRoot.querySelector("input");if(this.selected){this.selected=false;if(e){e.checked=false}}else{this.selected=true;if(e){e.checked=true}}}}render(){return e(o,{onClick:d=>{if(this.isMultiSelectOption){d.stopPropagation()}return this.handleClick({value:this.value,label:this.host.innerText,parent:d.target.parentNode})},class:{selected:this.selected,"sdds-dropdown-option-disabled":this.disabled},tabindex:"-1","aria-disabled":this.disabled},this.isMultiSelectOption&&e("div",{class:"sdds-checkbox-item sdds-option-checkbox"},e("label",{class:"sdds-form-label"},e("input",{class:"sdds-form-input",type:"checkbox",checked:this.selected,disabled:this.disabled}))),e("span",{class:"sdds-option-label"},e("slot",null)),!this.isMultiSelectOption&&e("span",{class:"sdds-option-checkmark"},e("svg",{width:"10",height:"7",viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M1 3L4 6L9 1",stroke:"currentColor","stroke-width":"1.25","stroke-linecap":"round","stroke-linejoin":"round"}))))}get host(){return a(this)}};l.style=i;export{n as sdds_dropdown,l as sdds_dropdown_option};
2	- //# sourceMappingURL=p-1baafb40.entry.js.map

package/dist/tegel/p-1baafb40.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["dropdownCss","Dropdown","componentWillLoad","this","listItemObject","host","children","listItemArray","Array","from","map","listItem","optionValues","push","value","optionLabels","innerText","trim","setOptionFromOutside","defaultOption","size","console","warn","optionValue","deselectAll","split","i","length","el","includes","selectedLabelsArray","textContent","selectedValuesArray","selectedLabel","selectedValue","setAttribute","changeSelectedOption","selectedOption","resetOption","handleDocClick","ev","stopPropagation","target","composedPath","window","event","node","undefined","contains","textInput","focus","tabbingLabelReset","open","keyListener","disabled","key","preventDefault","listItemIndex","handleClick","openDirection","dropdownMenuHeight","dropdownMenuSelector","offsetHeight","distanceToBottom","getBoundingClientRect","top","viewportHeight","innerHeight","openUpwards","inputSearch","emit","selectOptionHandler","type","detail","label","itemIndex","indexOf","filter","_value","index","handleSearch","searchTerm","optionItem","Object","assign","selected","async","render","h","Host","class","modeVariant","inline","state","labelPosition","JSON","stringify","part","tabindex","onClick","ref","inputEl","placeholder","onInput","autoComplete","toString","join","width","height","viewBox","fill","xmlns","d","stroke","dropdownMenu","helper","DropdownOption","changeFocusHandler","removeFocusHandler","blur","onKeyDown","code","parent","parentNode","innerValue","isMultiSelectOption","closest","classList","listOptions","childNodes","internalSddsSelect","forEach","optionEl","optionCheckbox","shadowRoot","querySelector","checked"],"sources":["./src/components/dropdown/dropdown.scss?tag=sdds-dropdown&encapsulation=shadow","./src/components/dropdown/dropdown.tsx","./src/components/dropdown/dropdown.scss?tag=sdds-dropdown-option&encapsulation=shadow","./src/components/dropdown/dropdown-option/dropdown-option.tsx"],"sourcesContent":["@import '../../mixins/z-index';\n@import './dropdown-core';\n@import '../../global/scania-fonts-vars.scss';\n\n@import '../checkbox/checkbox.scss';\n@import '../../mixins/box-sizing';\n\n:host,\n::slotted(*) {\n color: var(--sdds-grey-958);\n box-sizing: border-box;\n @include sdds-box-sizing;\n}\n\n:host,\n::slotted(*) {\n --sdds-dropdown-label-outside: var(--sdds-dropdown-label-outside);\n --sdds-dropdown-label-outside-text-decoration: none;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-grey-958);\n box-sizing: border-box;\n}\n\n:host {\n position: relative;\n z-index: auto;\n\n &::part(dropdown-filter-disabled) {\n cursor: not-allowed;\n caret-color: transparent;\n pointer-events: none;\n color: var(--sdds-dropdown-disabled);\n border: none;\n\n &::placeholder {\n color: var(--sdds-dropdown-disabled);\n }\n }\n}\n\n.sdds-dropdown {\n position: relative;\n display: flex;\n flex-flow: column wrap;\n width: 100%;\n border: 0;\n\n &,\n * {\n box-sizing: border-box;\n }\n\n .sdds-dropdown-toggle {\n @include dropdown-wrapper;\n\n display: flex;\n align-items: center;\n\n &-lg {\n padding: 20px 16px;\n }\n\n &-md {\n padding: 16px;\n }\n\n &-sm {\n padding: 12px 16px;\n }\n\n &.sdds-dropdown-toggle-label-inside {\n &-lg {\n padding: 20px 16px 16px;\n }\n\n &-md {\n padding: 16px 16px 12px;\n }\n }\n }\n\n .sdds-dropdown-toggle--selected:not(:focus) {\n border-bottom: 1px solid var(--sdds-dropdown-border-not-focused);\n }\n\n .sdds-dropdown-arrow {\n width: 20px;\n position: absolute;\n right: 16px;\n color: inherit;\n transform: rotate(0);\n transition: transform ease 250ms;\n }\n\n .sdds-dropdown-placeholder {\n color: var(--sdds-grey-700);\n }\n\n .sdds-dropdown-label {\n display: grid;\n width: calc(100% - 25px);\n }\n\n .sdds-dropdown-label-container {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.sdds-dropdown.sdds-dropdown-sm {\n .sdds-dropdown-label-container--label-inside {\n padding-bottom: 12px;\n }\n }\n\n .sdds-dropdown-filter {\n border: 0;\n outline: none;\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-dropdown-link);\n width: 100%;\n background: transparent;\n\n &:focus {\n outline: none;\n }\n\n &::placeholder {\n color: var(--sdds-grey-700);\n opacity: 1;\n }\n }\n\n .sdds-dropdown-menu {\n z-index: z(dropdown);\n\n @include sdds-scrollbar;\n\n background-color: var(--sdds-dropdown-background);\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 100%;\n max-height: 360px; // max 7 option items, then add scroll\n border-color: transparent;\n border-style: solid;\n border-width: 0 1px 1px;\n box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);\n border-left-color: var(--sdds-dropdown-border);\n border-right-color: var(--sdds-dropdown-border);\n overflow-x: hidden;\n overflow-y: auto;\n transform: scaleY(0);\n transform-origin: top;\n transition: transform 250ms ease;\n }\n\n // Size lg\n &.sdds-dropdown-lg {\n .sdds-dropdown-toggle {\n height: 56px;\n }\n }\n\n // Size md\n &.sdds-dropdown-md {\n .sdds-dropdown-toggle {\n height: 48px;\n }\n }\n\n // Size sm\n &.sdds-dropdown-sm {\n .sdds-dropdown-toggle {\n height: 40px;\n }\n }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n .sdds-dropdown {\n .sdds-dropdown-menu {\n top: auto;\n bottom: 100%;\n box-shadow: 0 -1px 3px 0 rgb(0 0 0 / 10%);\n transform-origin: bottom;\n }\n }\n}\n\n:host(.sdds-dropdown--open-upwards[label-position='outside']) {\n span.sdds-dropdown-menu {\n bottom: calc(100% - 24px);\n }\n}\n\n:host([disabled='true']) {\n cursor: not-allowed;\n\n .sdds-dropdown {\n .sdds-dropdown-toggle {\n pointer-events: none;\n color: var(--sdds-dropdown-option-disabled-color);\n border: none;\n padding: 0 16px;\n\n .sdds-dropdown-placeholder {\n color: var(--sdds-dropdown-placeholder);\n }\n\n .sdds-dropdown-label-inside {\n color: var(--sdds-dropdown-label-inside);\n }\n\n &:focus {\n &::before {\n content: none;\n }\n }\n }\n }\n}\n\n:host(.sdds-dropdown--error) {\n .sdds-dropdown {\n .sdds-dropdown-toggle {\n border-color: var(--sdds-negative);\n\n &:focus {\n &::before {\n border-color: var(--sdds-negative);\n }\n }\n }\n }\n\n .sdds-dropdown-helper {\n color: var(--sdds-negative);\n\n .sdds-dropdown-error-icon {\n display: flex;\n }\n }\n}\n\n// dropdown option\n:host {\n ::slotted(sdds-dropdown-option) {\n display: flex;\n padding: var(--sdds-spacing-element-16);\n background-color: var(--sdds-dropdown-background);\n border-top: 1px solid transparent;\n border-bottom: 1px solid var(--sdds-dropdown-border);\n opacity: 0;\n visibility: hidden;\n cursor: pointer;\n box-sizing: border-box;\n color: var(--sdds-dropdown-option-color);\n }\n\n ::slotted(sdds-dropdown-option:last-child) {\n border-bottom-color: transparent;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n }\n\n ::slotted(sdds-dropdown-option:hover),\n ::slotted(sdds-dropdown-option:focus) {\n background-color: var(--sdds-dropdown-background-hover);\n }\n\n ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)) {\n background-color: var(--sdds-dropdown-background-hover);\n }\n\n ::slotted(sdds-dropdown-option:hover:focus) {\n outline: none;\n }\n\n ::slotted(sdds-dropdown-option:focus) {\n outline: 2px solid var(--sdds-blue-400);\n outline-offset: -2px;\n }\n\n ::slotted(sdds-dropdown-option.sdds-dropdown--selected),\n ::slotted(sdds-dropdown-option.selected),\n ::slotted(sdds-dropdown-option.active),\n ::slotted(sdds-dropdown-option:active) {\n background-color: var(--sdds-dropdown-background-hover);\n border-top: 1px solid var(--sdds-dropdown-border);\n border-bottom: 1px solid var(--sdds-dropdown-border);\n }\n\n ::slotted(sdds-dropdown-option.sdds-option--no-result) {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),\n ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled) {\n cursor: not-allowed;\n color: var(--sdds-dropdown-option-disabled-color);\n background-color: var(--sdds-dropdown-background-disabled);\n }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n ::slotted(sdds-dropdown-option:first-child) {\n border-radius: 4px 4px 0 0;\n }\n\n ::slotted(sdds-dropdown-option:last-child) {\n border-radius: 0;\n border-bottom: 1px solid var(--sdds-dropdown-border);\n }\n}\n\n.sdds-option-label {\n margin: auto 0;\n display: flex;\n align-content: center;\n text-decoration: none;\n flex-grow: 2;\n}\n\n.sdds-option-checkmark {\n color: inherit;\n opacity: 0;\n transition: opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);\n margin-left: var(--sdds-spacing-element-16);\n\n path {\n color: var(--sdds-dropdown-option-color);\n }\n}\n\n:host([size='sm']) {\n ::slotted(sdds-dropdown-option) {\n padding: var(--sdds-spacing-element-12) var(--sdds-spacing-element-16);\n }\n}\n\n:host(.sdds-dropdown--open) {\n .sdds-dropdown {\n .sdds-dropdown-toggle {\n box-shadow: 0 -1px 3px -1px rgb(0 0 0 / 10%);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n\n // TODO: what is this? it doesnt seem to do anything.\n &.is-filter {\n &::before {\n content: ' ';\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 1px solid var(--sdds-blue-400);\n }\n }\n }\n\n .sdds-dropdown-arrow {\n transform: rotate(180deg);\n }\n\n .sdds-dropdown-menu {\n transform: scaleY(1);\n }\n }\n\n ::slotted(sdds-dropdown-option) {\n visibility: visible;\n opacity: 1;\n }\n}\n\n:host(.selected) {\n .sdds-option-checkmark {\n opacity: 1;\n }\n}\n\n.sdds-dropdown-label-inside {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-dropdown-label-inside);\n position: absolute;\n transition: transform 250ms ease, color 200ms ease;\n width: calc(100% - 63px);\n overflow: hidden;\n text-overflow: ellipsis;\n transform: translate(0, -10px);\n font-size: 10px;\n}\n\n.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside {\n .sdds-dropdown-placeholder {\n display: block;\n padding-top: 4px;\n }\n}\n\n.sdds-dropdown-lg {\n .sdds-dropdown-label-inside {\n display: block;\n top: 16px;\n }\n}\n\n.sdds-dropdown-md {\n .sdds-dropdown-label-inside {\n display: block;\n top: 12px;\n }\n}\n\n.sdds-dropdown.sdds-dropdown-sm {\n .sdds-dropdown-label-inside {\n display: none;\n }\n}\n\n.sdds-dropdown-multiselect-result {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.sdds-option-checkbox {\n margin-right: 8px;\n}\n\n.sdds-form-label {\n display: flex;\n}\n","import {\n Component,\n h,\n Prop,\n State,\n Element,\n Listen,\n Host,\n Event,\n EventEmitter,\n Watch,\n Method,\n} from '@stencil/core';\n\n@Component({\n tag: 'sdds-dropdown',\n styleUrl: 'dropdown.scss',\n shadow: true,\n})\nexport class Dropdown {\n textInput?: HTMLInputElement;\n\n /** Set the variant of the dropdown. */\n @Prop() modeVariant: 'primary' | 'secondary' = null;\n\n /** Placeholder text for dropdown with no selectedLabel item */\n @Prop() placeholder: string;\n\n /** Add the value of the option as string to set it as default */\n @Prop() defaultOption: string;\n\n /** Add the value of the option as string to set it as new selected value */\n @Prop() selectedOption: string;\n\n /** Set to true for disabled states */\n @Prop() disabled: boolean = false;\n\n /** `Controls type of dropdown. */\n @Prop() type: 'default' | 'multiselect' | 'filter' = 'default';\n\n /** Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated */\n @Prop() size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' = 'lg';\n\n /** Set to true to make the width following the label text length */\n @Prop() inline: boolean = false;\n\n /** Controls position of label */\n @Prop() labelPosition: 'no-label' | 'inside' | 'outside' = 'no-label';\n\n /** Label text for label inside & outside */\n @Prop() label: string;\n\n /** Support `error` state */\n @Prop() state: boolean = false;\n\n /** Add helper text in the bottom of dropdown */\n @Prop() helper: string = '';\n\n /** Direction that the dropdown will open. Default is auto. */\n @Prop() openDirection: 'down' | 'up' | 'auto' = 'auto';\n\n @State() optionValues: Array<any> = [];\n\n @State() optionLabels: Array<any> = [];\n\n @State() open: boolean = false;\n\n @State() node: HTMLElement;\n\n @State() selectedLabel: string = '';\n\n @State() selectedValue: string = '';\n\n @State() selectedValuesArray: Array<any> = [];\n\n @State() selectedLabelsArray: Array<any> = [];\n\n @State() dropdownUniqueClass: string = '';\n\n @State() openUpwards: boolean = false;\n\n @State() dropdownMenuHeight: number = 0;\n\n @State() dropdownMenuSelector: HTMLElement;\n\n @State() listItemIndex: any = -1;\n\n @State() listItemArray: any;\n\n @State() listItemObject: any;\n\n @Element() host: HTMLElement;\n\n componentWillLoad() {\n // If default option is set, update the default selectedLabel value\n // this.host.children is a HTMLCollection type, cannot use forEach\n this.listItemObject = this.host.children;\n this.listItemArray = Array.from(this.listItemObject);\n this.listItemArray.map((listItem) => {\n this.optionValues.push(listItem.value);\n this.optionLabels.push(listItem.innerText.trim());\n });\n this.setOptionFromOutside(this.defaultOption);\n\n if (this.size === 'small') {\n this.size = 'sm';\n console.warn('size=\"small\" is deprecated, use size=\"sm\" instead');\n }\n if (this.size === 'medium') {\n this.size = 'md';\n console.warn('size=\"medium\" is deprecated, use size=\"md\" instead');\n }\n if (this.size === 'large') {\n this.size = 'lg';\n console.warn('size=\"large\" is deprecated, use size=\"lg\" instead');\n }\n }\n\n setOptionFromOutside(optionValue) {\n if (optionValue) {\n this.deselectAll();\n // TODO\n // eslint-disable-next-line no-param-reassign\n optionValue = optionValue.split(',');\n for (let i = 0; i < this.host.children.length; i++) {\n // Todo - specify type\n const el: any = this.host.children[i];\n if (optionValue.includes(el.value.trim())) {\n this.selectedLabelsArray = [...this.selectedLabelsArray, el.textContent.trim()];\n this.selectedValuesArray = [...this.selectedValuesArray, el.value];\n this.selectedLabel = el.textContent;\n this.selectedValue = el.value;\n el.setAttribute('selectedLabel', 'true');\n el.setAttribute('selected', 'true');\n } else {\n el.setAttribute('selectedLabel', 'false');\n el.setAttribute('selected', 'false');\n }\n }\n }\n }\n\n @Watch('selectedOption')\n changeSelectedOption() {\n if (this.selectedValuesArray.includes(this.selectedOption)) {\n this.resetOption();\n }\n this.setOptionFromOutside(this.selectedOption);\n this.host.setAttribute('selected-option', '');\n }\n\n @Listen('click', { target: 'document' })\n handleDocClick(ev) {\n // To stop bubble click\n ev.stopPropagation();\n const target = ev ? ev.composedPath()[0] : window.event.target[0];\n if (this.node !== undefined && this.node.contains(target)) {\n if (typeof this.textInput !== 'undefined' || this.textInput === null) {\n this.textInput.focus();\n }\n } else {\n this.tabbingLabelReset();\n this.open = false;\n }\n }\n\n @Listen('keydown')\n keyListener(ev: KeyboardEvent) {\n if (!this.disabled) {\n switch (ev.key) {\n case 'ArrowDown':\n if (this.open) {\n ev.preventDefault();\n if (this.listItemIndex < this.listItemArray.length - 1) {\n this.listItemIndex++;\n } else {\n this.listItemIndex = 0;\n }\n (this.listItemObject[this.listItemIndex] as HTMLElement).focus();\n }\n break;\n case 'ArrowUp':\n if (this.open) {\n ev.preventDefault();\n if (this.listItemIndex > 0) {\n this.listItemIndex--;\n } else {\n this.listItemIndex = this.listItemArray.length - 1;\n }\n (this.listItemObject[this.listItemIndex] as HTMLElement).focus();\n }\n break;\n\n case 'Tab':\n this.open = false;\n break;\n\n case 'Escape':\n this.open = false;\n this.node.focus();\n break;\n\n default:\n break;\n }\n }\n }\n\n handleClick() {\n this.open = this.open === false;\n if (this.openDirection === 'auto') {\n this.dropdownMenuHeight = this.dropdownMenuSelector.offsetHeight;\n const distanceToBottom = this.host.getBoundingClientRect().top;\n const viewportHeight = window.innerHeight;\n this.openUpwards = distanceToBottom + this.dropdownMenuHeight + 57 > viewportHeight;\n // If summary of dropdown menu height and its distance to the bottom is more than viewport height, open menu upwards\n // Additional 57px is added as compensation for dropdown element own input/button height\n // It is added on handleClick due to possible dynamic injection of data when component is already rendered\n } else {\n this.openUpwards = this.openDirection === 'up';\n }\n }\n\n tabbingLabelReset() {\n if (typeof this.textInput !== 'undefined' || this.textInput === null) {\n if (!this.selectedLabel && this.selectedLabel.length <= 0) {\n this.textInput.value = '';\n this.inputSearch.emit('');\n }\n if (this.selectedLabel !== this.textInput.value) {\n this.textInput.value = this.selectedLabel;\n }\n }\n }\n\n @Listen('internalSddsSelect')\n selectOptionHandler(event: CustomEvent<any>) {\n this.open = this.type === 'multiselect';\n if (this.type !== 'multiselect') {\n this.selectedLabel = event.detail.label;\n this.selectedValue = event.detail.value;\n this.tabbingLabelReset();\n } else {\n if (this.selectedValuesArray.includes(event.detail.value)) {\n const itemIndex = this.selectedValuesArray.indexOf(event.detail.value);\n this.selectedValuesArray = this.selectedValuesArray.filter(\n (_value, index) => index !== itemIndex,\n );\n this.selectedLabelsArray = this.selectedLabelsArray.filter(\n (_value, index) => index !== itemIndex,\n );\n } else {\n this.selectedValuesArray = [...this.selectedValuesArray, event.detail.value];\n this.selectedLabelsArray = [...this.selectedLabelsArray, event.detail.label.trim()];\n }\n }\n }\n\n @Event({\n eventName: 'inputSearch',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n inputSearch: EventEmitter<any>;\n\n handleSearch(ev) {\n const searchTerm = ev.target.value;\n this.inputSearch.emit(searchTerm);\n this.open = true;\n }\n\n deselectAll() {\n this.selectedLabel = '';\n this.selectedValue = '';\n this.selectedLabelsArray = [];\n this.selectedValuesArray = [];\n this.listItemArray = this.listItemArray.map((optionItem) => ({\n ...optionItem,\n selected: false,\n }));\n }\n\n @Method() async resetOption() {\n this.deselectAll();\n this.open = false;\n\n if (this.defaultOption) {\n this.setOptionFromOutside(this.defaultOption);\n }\n }\n\n render() {\n return (\n <Host\n class={`\n ${this.modeVariant ? `sdds-mode-variant-${this.modeVariant}` : ''}\n ${this.open && !this.disabled ? 'sdds-dropdown--open' : ''}\n ${this.type === 'multiselect' ? 'sdds-dropdown-multiselect' : ''}\n ${this.inline ? 'sdds-dropdown-inline' : ''}\n ${\n this.selectedLabel.length > 0 || this.selectedLabel === ''\n ? 'sdds-dropdown--selected'\n : ''\n }\n ${this.state ? 'sdds-dropdown--error' : ''}\n ${this.openUpwards ? 'sdds-dropdown--open-upwards' : ''}\n ${\n this.labelPosition === 'inside' && this.selectedLabelsArray.length > 0\n ? 'sdds-dropdown--label-inside-position'\n : ''\n }\n `}\n selected-value={this.selectedValue}\n selected-text={this.selectedLabel}\n multi-selected-values={JSON.stringify(this.selectedValuesArray)}\n multi-selected-labels={JSON.stringify(this.selectedLabelsArray)}\n >\n <span class={`sdds-dropdown sdds-dropdown-${this.size}`}>\n {this.labelPosition === 'outside' && this.label.length > 0 ? (\n <span class=\"sdds-dropdown-label-outside\">{this.label}</span>\n ) : (\n ''\n )}\n <button\n part={this.disabled ? 'dropdown-filter-disabled' : ''}\n disabled={this.disabled}\n tabindex={this.disabled ? '-1' : null}\n class={`sdds-dropdown-toggle ${this.selectedValue === 'filter' ? 'is-filter' : ''} ${\n this.selectedValue !== '' || this.selectedLabelsArray.length > 0\n ? 'sdds-dropdown-toggle--selected'\n : ''\n }\n ${\n this.labelPosition === 'inside' && this.selectedValue !== '' && this.size !== 'sm'\n ? `sdds-dropdown-toggle-label-inside-${this.size}`\n : `sdds-dropdown-toggle-${this.size}`\n }`}\n type=\"button\"\n onClick={() => this.handleClick()}\n ref={(node) => (this.node = node)}\n >\n <span class=\"sdds-dropdown-label\">\n {this.type === 'filter' ? (\n <input\n part={this.disabled ? 'dropdown-filter-disabled' : ''}\n disabled={this.disabled}\n tabindex=\"-1\"\n ref={(inputEl) => (this.textInput = inputEl as HTMLInputElement)}\n class=\"sdds-dropdown-filter\"\n type=\"text\"\n placeholder={this.placeholder}\n value={this.selectedLabel}\n onInput={(event) => this.handleSearch(event)}\n autoComplete=\"off\"\n />\n ) : (\n <span\n class={{\n 'sdds-dropdown-label-container': true,\n 'sdds-dropdown-label-container--label-inside':\n this.labelPosition === 'inside' &&\n this.size !== 'sm' &&\n (this.selectedLabel.length > 0 || this.selectedLabelsArray.length > 0),\n }}\n >\n {this.size !== 'sm' &&\n (this.selectedLabel.length > 0 || this.selectedLabelsArray.length > 0) &&\n this.labelPosition === 'inside' &&\n this.label.length > 0 && (\n <span class=\"sdds-dropdown-label-inside\">{this.label}</span>\n )}\n <span\n class={`sdds-dropdown-label-main ${\n (this.selectedLabel.length === 0 ||\n (this.labelPosition === 'inside' && this.label.length < 0)) &&\n 'sdds-dropdown-placeholder'\n }`}\n >\n {this.selectedLabel.length > 0 &&\n this.type !== 'multiselect' &&\n this.selectedLabel}\n\n {this.type === 'multiselect' && (\n <span class=\"sdds-dropdown-multiselect-result\">\n {this.labelPosition !== 'inside' &&\n this.selectedLabelsArray.toString().length < 1 &&\n this.placeholder}\n {this.selectedLabelsArray.toString().length > 0 &&\n this.selectedLabelsArray.toString().split(',').join(', ')}\n </span>\n )}\n {!this.selectedLabel &&\n this.labelPosition === 'inside' &&\n this.size !== 'sm' &&\n this.label}\n\n {!this.selectedLabel &&\n this.type !== 'multiselect' &&\n this.labelPosition !== 'inside' &&\n this.placeholder}\n\n {!this.selectedLabel &&\n this.size === 'sm' &&\n this.labelPosition === 'inside' &&\n this.placeholder}\n </span>\n </span>\n )}\n </span>\n <svg\n class=\"sdds-dropdown-arrow\"\n width=\"12\"\n height=\"7\"\n viewBox=\"0 0 12 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1 1L6 6L11 1\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n <span\n class=\"sdds-dropdown-menu\"\n // Need to have reference in order to calc height and distance from bottom\n ref={(dropdownMenu) => (this.dropdownMenuSelector = dropdownMenu)}\n >\n <slot />\n </span>\n </span>\n <p class=\"sdds-dropdown-helper\">\n <svg\n class=\"sdds-dropdown-error-icon\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 32\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M16 4C9.37 4 3.996 9.374 3.996 16.004S9.371 28.007 16 28.007c6.63 0 12.004-5.374 12.004-12.003C28.004 9.374 22.629 4 16 4ZM2 16.004c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M14.803 14.47V10h2.376v4.47l-.352 4.295h-1.672l-.352-4.295Zm-.053 5.632h2.5v2.394h-2.5v-2.394Z\"\n fill=\"currentColor\"\n />\n </svg>\n <span>{this.helper}</span>\n </p>\n </Host>\n );\n }\n}\n","@import '../../mixins/z-index';\n@import './dropdown-core';\n@import '../../global/scania-fonts-vars.scss';\n\n@import '../checkbox/checkbox.scss';\n@import '../../mixins/box-sizing';\n\n:host,\n::slotted(*) {\n color: var(--sdds-grey-958);\n box-sizing: border-box;\n @include sdds-box-sizing;\n}\n\n:host,\n::slotted(*) {\n --sdds-dropdown-label-outside: var(--sdds-dropdown-label-outside);\n --sdds-dropdown-label-outside-text-decoration: none;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-grey-958);\n box-sizing: border-box;\n}\n\n:host {\n position: relative;\n z-index: auto;\n\n &::part(dropdown-filter-disabled) {\n cursor: not-allowed;\n caret-color: transparent;\n pointer-events: none;\n color: var(--sdds-dropdown-disabled);\n border: none;\n\n &::placeholder {\n color: var(--sdds-dropdown-disabled);\n }\n }\n}\n\n.sdds-dropdown {\n position: relative;\n display: flex;\n flex-flow: column wrap;\n width: 100%;\n border: 0;\n\n &,\n * {\n box-sizing: border-box;\n }\n\n .sdds-dropdown-toggle {\n @include dropdown-wrapper;\n\n display: flex;\n align-items: center;\n\n &-lg {\n padding: 20px 16px;\n }\n\n &-md {\n padding: 16px;\n }\n\n &-sm {\n padding: 12px 16px;\n }\n\n &.sdds-dropdown-toggle-label-inside {\n &-lg {\n padding: 20px 16px 16px;\n }\n\n &-md {\n padding: 16px 16px 12px;\n }\n }\n }\n\n .sdds-dropdown-toggle--selected:not(:focus) {\n border-bottom: 1px solid var(--sdds-dropdown-border-not-focused);\n }\n\n .sdds-dropdown-arrow {\n width: 20px;\n position: absolute;\n right: 16px;\n color: inherit;\n transform: rotate(0);\n transition: transform ease 250ms;\n }\n\n .sdds-dropdown-placeholder {\n color: var(--sdds-grey-700);\n }\n\n .sdds-dropdown-label {\n display: grid;\n width: calc(100% - 25px);\n }\n\n .sdds-dropdown-label-container {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.sdds-dropdown.sdds-dropdown-sm {\n .sdds-dropdown-label-container--label-inside {\n padding-bottom: 12px;\n }\n }\n\n .sdds-dropdown-filter {\n border: 0;\n outline: none;\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-dropdown-link);\n width: 100%;\n background: transparent;\n\n &:focus {\n outline: none;\n }\n\n &::placeholder {\n color: var(--sdds-grey-700);\n opacity: 1;\n }\n }\n\n .sdds-dropdown-menu {\n z-index: z(dropdown);\n\n @include sdds-scrollbar;\n\n background-color: var(--sdds-dropdown-background);\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 100%;\n max-height: 360px; // max 7 option items, then add scroll\n border-color: transparent;\n border-style: solid;\n border-width: 0 1px 1px;\n box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);\n border-left-color: var(--sdds-dropdown-border);\n border-right-color: var(--sdds-dropdown-border);\n overflow-x: hidden;\n overflow-y: auto;\n transform: scaleY(0);\n transform-origin: top;\n transition: transform 250ms ease;\n }\n\n // Size lg\n &.sdds-dropdown-lg {\n .sdds-dropdown-toggle {\n height: 56px;\n }\n }\n\n // Size md\n &.sdds-dropdown-md {\n .sdds-dropdown-toggle {\n height: 48px;\n }\n }\n\n // Size sm\n &.sdds-dropdown-sm {\n .sdds-dropdown-toggle {\n height: 40px;\n }\n }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n .sdds-dropdown {\n .sdds-dropdown-menu {\n top: auto;\n bottom: 100%;\n box-shadow: 0 -1px 3px 0 rgb(0 0 0 / 10%);\n transform-origin: bottom;\n }\n }\n}\n\n:host(.sdds-dropdown--open-upwards[label-position='outside']) {\n span.sdds-dropdown-menu {\n bottom: calc(100% - 24px);\n }\n}\n\n:host([disabled='true']) {\n cursor: not-allowed;\n\n .sdds-dropdown {\n .sdds-dropdown-toggle {\n pointer-events: none;\n color: var(--sdds-dropdown-option-disabled-color);\n border: none;\n padding: 0 16px;\n\n .sdds-dropdown-placeholder {\n color: var(--sdds-dropdown-placeholder);\n }\n\n .sdds-dropdown-label-inside {\n color: var(--sdds-dropdown-label-inside);\n }\n\n &:focus {\n &::before {\n content: none;\n }\n }\n }\n }\n}\n\n:host(.sdds-dropdown--error) {\n .sdds-dropdown {\n .sdds-dropdown-toggle {\n border-color: var(--sdds-negative);\n\n &:focus {\n &::before {\n border-color: var(--sdds-negative);\n }\n }\n }\n }\n\n .sdds-dropdown-helper {\n color: var(--sdds-negative);\n\n .sdds-dropdown-error-icon {\n display: flex;\n }\n }\n}\n\n// dropdown option\n:host {\n ::slotted(sdds-dropdown-option) {\n display: flex;\n padding: var(--sdds-spacing-element-16);\n background-color: var(--sdds-dropdown-background);\n border-top: 1px solid transparent;\n border-bottom: 1px solid var(--sdds-dropdown-border);\n opacity: 0;\n visibility: hidden;\n cursor: pointer;\n box-sizing: border-box;\n color: var(--sdds-dropdown-option-color);\n }\n\n ::slotted(sdds-dropdown-option:last-child) {\n border-bottom-color: transparent;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n }\n\n ::slotted(sdds-dropdown-option:hover),\n ::slotted(sdds-dropdown-option:focus) {\n background-color: var(--sdds-dropdown-background-hover);\n }\n\n ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)) {\n background-color: var(--sdds-dropdown-background-hover);\n }\n\n ::slotted(sdds-dropdown-option:hover:focus) {\n outline: none;\n }\n\n ::slotted(sdds-dropdown-option:focus) {\n outline: 2px solid var(--sdds-blue-400);\n outline-offset: -2px;\n }\n\n ::slotted(sdds-dropdown-option.sdds-dropdown--selected),\n ::slotted(sdds-dropdown-option.selected),\n ::slotted(sdds-dropdown-option.active),\n ::slotted(sdds-dropdown-option:active) {\n background-color: var(--sdds-dropdown-background-hover);\n border-top: 1px solid var(--sdds-dropdown-border);\n border-bottom: 1px solid var(--sdds-dropdown-border);\n }\n\n ::slotted(sdds-dropdown-option.sdds-option--no-result) {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),\n ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled) {\n cursor: not-allowed;\n color: var(--sdds-dropdown-option-disabled-color);\n background-color: var(--sdds-dropdown-background-disabled);\n }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n ::slotted(sdds-dropdown-option:first-child) {\n border-radius: 4px 4px 0 0;\n }\n\n ::slotted(sdds-dropdown-option:last-child) {\n border-radius: 0;\n border-bottom: 1px solid var(--sdds-dropdown-border);\n }\n}\n\n.sdds-option-label {\n margin: auto 0;\n display: flex;\n align-content: center;\n text-decoration: none;\n flex-grow: 2;\n}\n\n.sdds-option-checkmark {\n color: inherit;\n opacity: 0;\n transition: opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);\n margin-left: var(--sdds-spacing-element-16);\n\n path {\n color: var(--sdds-dropdown-option-color);\n }\n}\n\n:host([size='sm']) {\n ::slotted(sdds-dropdown-option) {\n padding: var(--sdds-spacing-element-12) var(--sdds-spacing-element-16);\n }\n}\n\n:host(.sdds-dropdown--open) {\n .sdds-dropdown {\n .sdds-dropdown-toggle {\n box-shadow: 0 -1px 3px -1px rgb(0 0 0 / 10%);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n\n // TODO: what is this? it doesnt seem to do anything.\n &.is-filter {\n &::before {\n content: ' ';\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 1px solid var(--sdds-blue-400);\n }\n }\n }\n\n .sdds-dropdown-arrow {\n transform: rotate(180deg);\n }\n\n .sdds-dropdown-menu {\n transform: scaleY(1);\n }\n }\n\n ::slotted(sdds-dropdown-option) {\n visibility: visible;\n opacity: 1;\n }\n}\n\n:host(.selected) {\n .sdds-option-checkmark {\n opacity: 1;\n }\n}\n\n.sdds-dropdown-label-inside {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-dropdown-label-inside);\n position: absolute;\n transition: transform 250ms ease, color 200ms ease;\n width: calc(100% - 63px);\n overflow: hidden;\n text-overflow: ellipsis;\n transform: translate(0, -10px);\n font-size: 10px;\n}\n\n.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside {\n .sdds-dropdown-placeholder {\n display: block;\n padding-top: 4px;\n }\n}\n\n.sdds-dropdown-lg {\n .sdds-dropdown-label-inside {\n display: block;\n top: 16px;\n }\n}\n\n.sdds-dropdown-md {\n .sdds-dropdown-label-inside {\n display: block;\n top: 12px;\n }\n}\n\n.sdds-dropdown.sdds-dropdown-sm {\n .sdds-dropdown-label-inside {\n display: none;\n }\n}\n\n.sdds-dropdown-multiselect-result {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.sdds-option-checkbox {\n margin-right: 8px;\n}\n\n.sdds-form-label {\n display: flex;\n}\n","import {\n Component,\n h,\n Prop,\n State,\n Element,\n Host,\n Event,\n EventEmitter,\n Listen,\n} from '@stencil/core';\n\n@Component({\n tag: 'sdds-dropdown-option',\n styleUrl: './../dropdown.scss',\n shadow: true,\n})\nexport class DropdownOption {\n @Element() host: HTMLElement;\n\n // Used as a fallback if value prop is not recognized to match handleClick\n @State() innerValue: string;\n\n /** Selected set to true if selected */\n @Prop() selected: boolean = false;\n\n /** Sets option to disabled state if true */\n @Prop() disabled: boolean = false;\n\n /** Value is a unique string that will be used for application logic */\n @Prop({ reflect: true }) value: string;\n\n /** @internal Fires on click on one of the dropdown items */\n @Event({\n eventName: 'internalSddsSelect',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n internalSddsSelect: EventEmitter<{\n value: string | number;\n label: string | number;\n parent: HTMLSddsDropdownElement;\n }>;\n\n isMultiSelectOption: boolean;\n\n @Listen('mouseover')\n changeFocusHandler() {\n this.host.focus();\n }\n\n @Listen('mouseout')\n removeFocusHandler() {\n this.host.blur();\n }\n\n @Listen('keydown')\n onKeyDown(event: KeyboardEvent) {\n if (event.code === 'Enter') {\n this.handleClick({\n value: this.value,\n label: this.host.innerText,\n parent: this.host.parentNode,\n });\n }\n }\n\n componentWillLoad() {\n this.innerValue = this.value;\n this.isMultiSelectOption = this.host\n .closest('sdds-dropdown')\n .classList.contains('sdds-dropdown-multiselect');\n }\n\n handleClick(value) {\n if (!this.disabled) {\n const listOptions = value.parent.childNodes;\n this.internalSddsSelect.emit(value);\n if (!this.isMultiSelectOption) {\n listOptions.forEach((optionEl) => {\n optionEl.selected = false;\n });\n }\n const optionCheckbox = this.host.shadowRoot.querySelector('input');\n\n if (this.selected) {\n this.selected = false;\n if (optionCheckbox) {\n optionCheckbox.checked = false;\n }\n } else {\n this.selected = true;\n if (optionCheckbox) {\n optionCheckbox.checked = true;\n }\n }\n }\n }\n\n render() {\n return (\n <Host\n onClick={(event) => {\n if (this.isMultiSelectOption) {\n event.stopPropagation();\n }\n return this.handleClick({\n value: this.value,\n label: this.host.innerText,\n parent: event.target.parentNode,\n });\n }}\n class={{\n 'selected': this.selected,\n 'sdds-dropdown-option-disabled': this.disabled,\n }}\n tabindex=\"-1\"\n aria-disabled={this.disabled}\n >\n {this.isMultiSelectOption && (\n <div class=\"sdds-checkbox-item sdds-option-checkbox\">\n <label class=\"sdds-form-label\">\n <input\n class=\"sdds-form-input\"\n type=\"checkbox\"\n checked={this.selected}\n disabled={this.disabled}\n />\n </label>\n </div>\n )}\n <span class=\"sdds-option-label\">\n <slot />\n </span>\n {!this.isMultiSelectOption && (\n <span class=\"sdds-option-checkmark\">\n <svg\n width=\"10\"\n height=\"7\"\n viewBox=\"0 0 10 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1 3L4 6L9 1\"\n stroke=\"currentColor\"\n stroke-width=\"1.25\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </span>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/tegel/p-2080db62.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as s,h as e,H as i,g as o}from"./p-387e1798.js";const l=":host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:201;right:0}:host .scroll-left-button{z-index:201;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--sdds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--sdds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--sdds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--sdds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--sdds-folder-tabs-scroll-btn-color)}";const h=class{constructor(e){t(this,e);this.sddsChange=s(this,"sddsChange",7);this.navWrapperElement=null;this.componentWidth=0;this.buttonsWidth=0;this.scrollWidth=0;this.addResizeObserver=()=>{const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;const i=Array.from(this.host.children);i.forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)}));this.componentWidth=s;this.buttonsWidth=e;this.scrollWidth=e-s;if(this.buttonsWidth>this.componentWidth){this.evaluateScrollButtons()}else{this.showLeftScroll=false;this.showRightScroll=false}}))}));t.observe(this.navWrapperElement)};this.modeVariant=null;this.buttonWidth=0;this.showLeftScroll=false;this.showRightScroll=false;this.selectedTab=undefined;this.selectedTabIndex=undefined}calculateButtonWidth(){this.children=this.children.map((t=>{if(t.offsetWidth>this.buttonWidth){this.buttonWidth=t.offsetWidth}return t}));this.children.forEach((t=>{t.setTabWidth(this.buttonWidth)}))}scrollRight(){const t=this.navWrapperElement.scrollLeft;this.navWrapperElement.scrollLeft=t+this.buttonWidth;this.evaluateScrollButtons()}scrollLeft(){const t=this.navWrapperElement.scrollLeft;this.navWrapperElement.scrollLeft=t-this.buttonWidth;this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;if(t>=this.scrollWidth){this.showRightScroll=false}else{this.showRightScroll=true}if(t<=0){this.showLeftScroll=false}else{this.showLeftScroll=true}}connectedCallback(){this.children=Array.from(this.host.children);this.children=this.children.map(((t,s)=>{t.addEventListener("click",(()=>{if(!t.disabled){this.children.forEach((t=>t.removeAttribute("selected")));t.setAttribute("selected","");this.selectedTab=t.innerHTML;this.selectedTabIndex=s}}));if(s===0){t.classList.add("first")}if(s===this.children.length-1){t.classList.add("last")}if(t.selected){this.selectedTab=t.innerHTML;this.selectedTabIndex=s}return t}))}componentDidLoad(){this.calculateButtonWidth()}componentDidUpdate(){this.calculateButtonWidth()}componentWillRender(){if(!this.selectedTab){this.children=Array.from(this.host.children);this.children=this.children.map(((t,s)=>{if(t.selected){this.selectedTab=t.innerHTML;this.selectedTabIndex=s}return t}))}}componentDidRender(){if(this.buttonsWidth>this.componentWidth){this.evaluateScrollButtons()}else{this.showLeftScroll=false;this.showRightScroll=false}this.addResizeObserver()}async selectTab(t){if(!this.children[t].disabled){this.children.forEach((t=>t.removeAttribute("selected")));this.children=this.children.map(((s,e)=>{if(e===t){s.setAttribute("selected","");this.selectedTab=s.innerHTML;this.selectedTabIndex=t}return s}))}return{selectedTab:this.selectedTab,selectedTabIndex:this.selectedTabIndex}}handleSelectedTabChange(){this.host.setAttribute("selected-tab",this.selectedTab)}handleSelectedTabIndexChange(){this.host.setAttribute("selected-tab-index",`${this.selectedTabIndex}`);this.sddsChange.emit({selectedTab:this.selectedTab,selectedTabIndex:this.selectedTabIndex})}render(){return e(i,{class:`${this.modeVariant?`sdds-mode-variant-${this.modeVariant}`:""}`},e("div",{ref:t=>{this.navWrapperElement=t},class:"wrapper",role:"list"},e("button",{class:`scroll-left-button ${this.showLeftScroll?"show":""}`,disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},e("sdds-icon",{name:"chevron_left",size:"20px"})),e("slot",null),e("button",{class:`scroll-right-button ${this.showRightScroll?"show":""}`,disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},e("sdds-icon",{name:"chevron_right",size:"20px"}))))}get host(){return o(this)}static get watchers(){return{selectedTab:["handleSelectedTabChange"],selectedTabIndex:["handleSelectedTabIndexChange"]}}};h.style=l;export{h as sdds_folder_tabs};
2	- //# sourceMappingURL=p-2080db62.entry.js.map

package/dist/tegel/p-2080db62.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["folderTabsCss","InlineTabs","this","navWrapperElement","componentWidth","buttonsWidth","scrollWidth","addResizeObserver","resizeObserver","ResizeObserver","entries","forEach","entry","contentRect","width","navButtons","Array","from","host","children","navButton","style","window","getComputedStyle","clientWidth","parseFloat","marginLeft","marginRight","evaluateScrollButtons","showLeftScroll","showRightScroll","observe","calculateButtonWidth","map","tab","offsetWidth","buttonWidth","setTabWidth","scrollRight","scroll","scrollLeft","connectedCallback","item","index","addEventListener","disabled","element","removeAttribute","setAttribute","selectedTab","innerHTML","selectedTabIndex","classList","add","length","selected","componentDidLoad","componentDidUpdate","componentWillRender","componentDidRender","async","tabIndex","handleSelectedTabChange","handleSelectedTabIndexChange","sddsChange","emit","render","h","Host","class","modeVariant","ref","el","role","onClick","name","size"],"sources":["./src/components/tabs/folder-tabs/folder-tabs.scss?tag=sdds-folder-tabs&encapsulation=shadow","./src/components/tabs/folder-tabs/folder-tabs.tsx"],"sourcesContent":["@import '../../../mixins/focus-state';\n@import '../../../mixins/box-sizing';\n@import '../../../mixins/z-index';\n\n:host {\n @include sdds-box-sizing;\n\n overflow: hidden;\n outline: 0;\n\n .wrapper {\n display: flex;\n overflow-x: scroll;\n scrollbar-width: none;\n position: relative;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n .scroll-right-button {\n z-index: calc(z(tab) + 1);\n right: 0;\n }\n\n .scroll-left-button {\n z-index: calc(z(tab) + 1);\n left: 0;\n }\n\n .scroll-right-button,\n .scroll-left-button {\n height: 50px;\n color: var(--sdds-folder-tabs-scroll-btn-color);\n cursor: pointer;\n border: 0;\n width: 0;\n background-color: var(--sdds-folder-tabs-scroll-btn-background);\n display: none;\n justify-content: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n position: sticky;\n\n &.show {\n min-width: 48px;\n display: block;\n opacity: 1;\n pointer-events: all;\n }\n\n &:hover {\n background-color: var(--sdds-folder-tabs-scroll-btn-background-hover);\n }\n\n &:active {\n background-color: var(--sdds-folder-tabs-scroll-btn-background-active);\n }\n\n &:focus {\n @include sdds-focus-state;\n }\n\n svg {\n fill: var(--sdds-folder-tabs-scroll-btn-color);\n }\n }\n}\n","import {\n Component,\n Host,\n State,\n Element,\n Prop,\n h,\n Watch,\n Event,\n EventEmitter,\n Method,\n} from '@stencil/core';\n\n@Component({\n tag: 'sdds-folder-tabs',\n styleUrl: 'folder-tabs.scss',\n shadow: true,\n})\nexport class InlineTabs {\n /** Variant of the tabs, primary= on white, secondary= on grey50 */\n @Prop() modeVariant: 'primary' | 'secondary' = null;\n\n @State() buttonWidth: number = 0;\n\n @State() showLeftScroll: boolean = false;\n\n @State() showRightScroll: boolean = false;\n\n @State() selectedTab: string;\n\n @State() selectedTabIndex: number;\n\n @Element() host: HTMLElement;\n\n navWrapperElement: HTMLElement = null; // reference to container with nav buttons\n\n componentWidth: number = 0; // visible width of this component\n\n buttonsWidth: number = 0; // total width of all nav items combined\n\n scrollWidth: number = 0; // total amount that is possible to scroll in the nav wrapper\n\n children: Array<HTMLSddsFolderTabsLinkElement | HTMLSddsFolderTabsButtonElement>;\n\n calculateButtonWidth() {\n this.children = this.children.map(\n (tab: HTMLSddsFolderTabsLinkElement | HTMLSddsFolderTabsButtonElement) => {\n if (tab.offsetWidth > this.buttonWidth) {\n this.buttonWidth = tab.offsetWidth;\n }\n return tab;\n },\n );\n this.children.forEach((tab) => {\n tab.setTabWidth(this.buttonWidth);\n });\n }\n\n scrollRight() {\n const scroll = this.navWrapperElement.scrollLeft;\n this.navWrapperElement.scrollLeft = scroll + this.buttonWidth;\n this.evaluateScrollButtons();\n }\n\n scrollLeft() {\n const scroll = this.navWrapperElement.scrollLeft;\n this.navWrapperElement.scrollLeft = scroll - this.buttonWidth;\n this.evaluateScrollButtons();\n }\n\n evaluateScrollButtons() {\n const scroll = this.navWrapperElement.scrollLeft;\n\n if (scroll >= this.scrollWidth) {\n this.showRightScroll = false;\n } else {\n this.showRightScroll = true;\n }\n\n if (scroll <= 0) {\n this.showLeftScroll = false;\n } else {\n this.showLeftScroll = true;\n }\n }\n\n addResizeObserver = () => {\n const resizeObserver = new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n const componentWidth = entry.contentRect.width;\n let buttonsWidth = 0;\n\n const navButtons = Array.from(this.host.children);\n navButtons.forEach((navButton: HTMLElement) => {\n const style = window.getComputedStyle(navButton);\n buttonsWidth +=\n navButton.clientWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);\n });\n\n this.componentWidth = componentWidth;\n this.buttonsWidth = buttonsWidth;\n this.scrollWidth = buttonsWidth - componentWidth;\n\n if (this.buttonsWidth > this.componentWidth) {\n this.evaluateScrollButtons();\n } else {\n this.showLeftScroll = false;\n this.showRightScroll = false;\n }\n });\n });\n\n resizeObserver.observe(this.navWrapperElement);\n };\n\n connectedCallback() {\n this.children = Array.from(this.host.children) as Array<\n HTMLSddsFolderTabsLinkElement | HTMLSddsFolderTabsButtonElement\n >;\n this.children = this.children.map((item, index) => {\n item.addEventListener('click', () => {\n if (!item.disabled) {\n this.children.forEach((element) => element.removeAttribute('selected'));\n item.setAttribute('selected', '');\n this.selectedTab = item.innerHTML;\n this.selectedTabIndex = index;\n }\n });\n if (index === 0) {\n item.classList.add('first');\n }\n if (index === this.children.length - 1) {\n item.classList.add('last');\n }\n if (item.selected) {\n this.selectedTab = item.innerHTML;\n this.selectedTabIndex = index;\n }\n return item;\n });\n }\n\n componentDidLoad() {\n this.calculateButtonWidth();\n }\n\n componentDidUpdate() {\n this.calculateButtonWidth();\n }\n\n componentWillRender() {\n if (!this.selectedTab) {\n this.children = Array.from(this.host.children) as Array<\n HTMLSddsFolderTabsLinkElement | HTMLSddsFolderTabsButtonElement\n >;\n this.children = this.children.map((item, index) => {\n if (item.selected) {\n this.selectedTab = item.innerHTML;\n this.selectedTabIndex = index;\n }\n return item;\n });\n }\n }\n\n componentDidRender() {\n if (this.buttonsWidth > this.componentWidth) {\n this.evaluateScrollButtons();\n } else {\n this.showLeftScroll = false;\n this.showRightScroll = false;\n }\n this.addResizeObserver();\n }\n\n @Event({\n eventName: 'sddsChange',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsChange: EventEmitter<{\n selectedTab: string;\n selectedTabIndex: number;\n }>;\n\n /** Sets the passed tabindex as the selected tab. */\n @Method()\n async selectTab(tabIndex: number) {\n if (!this.children[tabIndex].disabled) {\n this.children.forEach((element) => element.removeAttribute('selected'));\n this.children = this.children.map((element, index) => {\n if (index === tabIndex) {\n element.setAttribute('selected', '');\n this.selectedTab = element.innerHTML;\n this.selectedTabIndex = tabIndex;\n }\n return element;\n });\n }\n return {\n selectedTab: this.selectedTab,\n selectedTabIndex: this.selectedTabIndex,\n };\n }\n\n @Watch('selectedTab')\n handleSelectedTabChange() {\n this.host.setAttribute('selected-tab', this.selectedTab);\n }\n\n @Watch('selectedTabIndex')\n handleSelectedTabIndexChange() {\n this.host.setAttribute('selected-tab-index', `${this.selectedTabIndex}`);\n this.sddsChange.emit({\n selectedTab: this.selectedTab,\n selectedTabIndex: this.selectedTabIndex,\n });\n }\n\n render() {\n return (\n <Host class={`${this.modeVariant ? `sdds-mode-variant-${this.modeVariant}` : ''}`}>\n <div\n ref={(el) => {\n this.navWrapperElement = el as HTMLDivElement;\n }}\n class=\"wrapper\"\n role=\"list\"\n >\n <button\n class={`scroll-left-button ${this.showLeftScroll ? 'show' : ''}`}\n disabled={!this.showLeftScroll}\n onClick={() => this.scrollLeft()}\n >\n <sdds-icon name=\"chevron_left\" size=\"20px\"></sdds-icon>\n </button>\n <slot></slot>\n <button\n class={`scroll-right-button ${this.showRightScroll ? 'show' : ''}`}\n disabled={!this.showRightScroll}\n onClick={() => this.scrollRight()}\n >\n <sdds-icon name=\"chevron_right\" size=\"20px\"></sdds-icon>\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/tegel/p-21e426f2.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as o,H as s}from"./p-387e1798.js";const a=':host{box-sizing:border-box}:host *{box-sizing:border-box}:host button{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-navigation-tabs-tab-color);padding:18px 0;margin-right:32px;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out;white-space:nowrap;background-color:transparent;border:0}:host button.selected{color:var(--sdds-navigation-tabs-tab-color-selected)}:host button.selected::after{width:100%;background-color:var(--sdds-navigation-tabs-tab-indicator-background-active)}:host button .label{padding:8px 4px}:host button:focus-visible{outline:none}:host button:focus-visible .label{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host button:hover{color:var(--sdds-navigation-tabs-tab-color-hover);opacity:1}:host button:hover::after{width:100%}:host button.disabled{color:var(--sdds-navigation-tabs-tab-color-disabled);pointer-events:none}:host button.disabled .label{opacity:var(--sdds-navigation-tabs-tab-color-opacity-disabled)}:host button::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0;margin-right:auto;height:2px;background-color:var(--sdds-navigation-tabs-tab-indicator-background-hover);transition:width 0.15s ease-in-out;z-index:1}:host(.first){margin-left:32px}:host(.last){margin-right:32px}';const i=class{constructor(o){t(this,o);this.disabled=false;this.selected=false}render(){return o(s,{role:"listitem"},o("button",{class:`${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`,disabled:this.disabled},o("div",{class:"label"},o("slot",null))))}};i.style=a;export{i as sdds_navigation_tabs_button};
2	- //# sourceMappingURL=p-21e426f2.entry.js.map

package/dist/tegel/p-21e426f2.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sddsNavigationTabsButtonCss","SddsNavigationTabsButton","render","h","Host","role","class","this","selected","disabled"],"sources":["./src/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.scss?tag=sdds-navigation-tabs-button&encapsulation=shadow","./src/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.tsx"],"sourcesContent":["@import '../../../../mixins/focus-state';\n@import '../../../../mixins/box-sizing';\n\n:host {\n @include sdds-box-sizing;\n\n button {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n color: var(--sdds-navigation-tabs-tab-color);\n padding: 18px 0;\n margin-right: 32px;\n text-decoration: none;\n display: block;\n position: relative;\n transition: color 0.15s ease-in-out;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n\n &.selected {\n color: var(--sdds-navigation-tabs-tab-color-selected);\n\n &::after {\n width: 100%;\n background-color: var(--sdds-navigation-tabs-tab-indicator-background-active);\n }\n }\n\n .label {\n padding: 8px 4px;\n }\n\n &:focus-visible {\n outline: none;\n\n .label {\n @include sdds-focus-state;\n }\n }\n\n &:hover {\n color: var(--sdds-navigation-tabs-tab-color-hover);\n opacity: 1;\n\n &::after {\n width: 100%;\n }\n }\n\n &.disabled {\n color: var(--sdds-navigation-tabs-tab-color-disabled);\n pointer-events: none;\n\n .label {\n opacity: var(--sdds-navigation-tabs-tab-color-opacity-disabled);\n }\n }\n\n &::after {\n content: ' ';\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n margin-left: auto;\n width: 0;\n margin-right: auto;\n height: 2px;\n background-color: var(--sdds-navigation-tabs-tab-indicator-background-hover);\n transition: width 0.15s ease-in-out;\n z-index: 1;\n }\n }\n}\n\n:host(.first) {\n margin-left: 32px;\n}\n\n:host(.last) {\n margin-right: 32px;\n}","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-navigation-tabs-button',\n styleUrl: 'sdds-navigation-tabs-button.scss',\n shadow: true,\n})\nexport class SddsNavigationTabsButton {\n /** Disables the tab. */\n @Prop() disabled: boolean = false;\n\n /** Marks the tab as the selected one. */\n @Prop() selected: boolean = false;\n\n render() {\n return (\n <Host role=\"listitem\">\n <button\n class={`${this.selected ? 'selected' : ''}\n ${this.disabled ? 'disabled' : ''}`}\n disabled={this.disabled}\n >\n <div class=\"label\">\n <slot></slot>\n </div>\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAA8B,8zC,MCOvBC,EAAwB,M,uCAEP,M,cAGA,K,CAE5BC,SACE,OACEC,EAACC,EAAI,CAACC,KAAK,YACTF,EAAA,UACEG,MAAO,GAAGC,KAAKC,SAAW,WAAa,gBACtCD,KAAKE,SAAW,WAAa,KAC9BA,SAAUF,KAAKE,UAEfN,EAAA,OAAKG,MAAM,SACTH,EAAA,e"}

package/dist/tegel/p-387e1798.js DELETED Viewed

@@ -1,3 +0,0 @@
-const t="tegel";let e;let n;let s;let l=false;let o=false;let c=false;let i=false;let f=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="{visibility:hidden}.hydrated{visibility:inherit}";const d={};const h="http://www.w3.org/2000/svg";const p="http://www.w3.org/1999/xhtml";const m=t=>t!=null;const $=t=>{t=typeof t;return t==="object"||t==="function"};function b(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const y=(t,e,...n)=>{let s=null;let l=null;let o=false;let c=false;const i=[];const f=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!$(s)){s=String(s)}if(o&&c){i[i.length-1].t+=s}else{i.push(o?w(null,s):s)}c=o}}};f(n);if(e){if(e.name){l=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}const r=w(t,null);r.l=e;if(i.length>0){r.o=i}{r.i=l}return r};const w=(t,e)=>{const n={u:0,h:t,t:e,p:null,o:null};{n.l=null}{n.i=null}return n};const g={};const v=t=>t&&t.h===g;const S=(t,e)=>{if(t!=null&&!$(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const j=t=>vt(t).m;const k=(t,e,n)=>{const s=j(t);return{emit:t=>O(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const O=(t,e,n)=>{const s=Ut.ce(e,n);t.dispatchEvent(s);return s};const C=new WeakMap;const M=(t,e,n)=>{let s=Rt.get(t);if(Lt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Rt.set(t,s)};const R=(t,e,n,s)=>{var l;let o=T(e);const c=Rt.get(o);t=t.nodeType===11?t:Tt;if(c){if(typeof c==="string"){t=t.head||t;let e=C.get(t);let n;if(!e){C.set(t,e=new Set)}if(!e.has(o)){{{n=Tt.createElement("style");n.innerHTML=c}const e=(l=Ut.$)!==null&&l!==void 0?l:b(Tt);if(e!=null){n.setAttribute("nonce",e)}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(o)}}}else if(!t.adoptedStyleSheets.includes(c)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,c]}}return o};const P=t=>{const e=t.g;const n=t.m;const s=e.u;const l=r("attachStyles",e.v);const o=R(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const T=(t,e)=>"sc-"+t.v;const U=(t,e,n,s,l,o)=>{if(n!==s){let c=kt(t,e);let i=e.toLowerCase();if(e==="class"){const e=t.classList;const l=L(n);const o=L(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="ref"){if(s){s(t)}}else if(!c&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(kt(Pt,i)){e=i.slice(2)}else{e=i[2]+e.slice(3)}if(n){Ut.rel(t,e,n,false)}if(s){Ut.ael(t,e,s,false)}}else{const i=$(s);if((c||i&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){c=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){{t.removeAttribute(e)}}}else if((!c||o&4||l)&&!i){s=s===true?"":s;{t.setAttribute(e,s)}}}}};const x=/\s/;const L=t=>!t?[]:t.split(x);const N=(t,e,n,s)=>{const l=e.p.nodeType===11&&e.p.host?e.p.host:e.p;const o=t&&t.l||d;const c=e.l||d;{for(s in o){if(!(s in c)){U(l,s,o[s],undefined,n,e.u)}}}for(s in c){U(l,s,o[s],c[s],n,e.u)}};const W=(t,o,f,r)=>{const u=o.o[f];let a=0;let d;let $;let b;if(!l){c=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.u|=u.o?2:1}}if(u.t!==null){d=u.p=Tt.createTextNode(u.t)}else if(u.u&1){d=u.p=Tt.createTextNode("")}else{if(!i){i=u.h==="svg"}d=u.p=Tt.createElementNS(i?h:p,u.u&2?"slot-fb":u.h);if(i&&u.h==="foreignObject"){i=false}{N(null,u,i)}if(m(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){$=W(t,u,a,d);if($){d.appendChild($)}}}{if(u.h==="svg"){i=false}else if(d.tagName==="foreignObject"){i=true}}}{d["s-hn"]=s;if(u.u&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.i||"";b=t&&t.o&&t.o[f];if(b&&b.h===u.h&&t.p){D(t.p,false)}}}return d};const D=(t,e)=>{Ut.u|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){I(l).insertBefore(l,q(l));l["s-ol"].remove();l["s-ol"]=undefined;c=true}if(e){D(l,e)}}Ut.u&=~1};const E=(t,e,n,l,o,c)=>{let i=t["s-cr"]&&t["s-cr"].parentNode||t;let f;if(i.shadowRoot&&i.tagName===s){i=i.shadowRoot}for(;o<=c;++o){if(l[o]){f=W(null,n,o,t);if(f){l[o].p=f;i.insertBefore(f,q(e))}}}};const A=(t,e,n,s,l)=>{for(;e<=n;++e){if(s=t[e]){l=s.p;J(s);{o=true;if(l["s-ol"]){l["s-ol"].remove()}else{D(l,true)}}l.remove()}}};const F=(t,e,n,s)=>{let l=0;let o=0;let c=e.length-1;let i=e[0];let f=e[c];let r=s.length-1;let u=s[0];let a=s[r];let d;while(l<=c&&o<=r){if(i==null){i=e[++l]}else if(f==null){f=e[--c]}else if(u==null){u=s[++o]}else if(a==null){a=s[--r]}else if(H(i,u)){V(i,u);i=e[++l];u=s[++o]}else if(H(f,a)){V(f,a);f=e[--c];a=s[--r]}else if(H(i,a)){if(i.h==="slot"||a.h==="slot"){D(i.p.parentNode,false)}V(i,a);t.insertBefore(i.p,f.p.nextSibling);i=e[++l];a=s[--r]}else if(H(f,u)){if(i.h==="slot"||a.h==="slot"){D(f.p.parentNode,false)}V(f,u);t.insertBefore(f.p,i.p);f=e[--c];u=s[++o]}else{{d=W(e&&e[o],n,o,t);u=s[++o]}if(d){{I(i.p).insertBefore(d,q(i.p))}}}}if(l>c){E(t,s[r+1]==null?null:s[r+1].p,n,s,o,r)}else if(o>r){A(e,l,c)}};const H=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.i===e.i}return true}return false};const q=t=>t&&t["s-ol"]||t;const I=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const V=(t,e)=>{const n=e.p=t.p;const s=t.o;const l=e.o;const o=e.h;const c=e.t;let f;if(c===null){{i=o==="svg"?true:o==="foreignObject"?false:i}{if(o==="slot");else{N(t,e,i)}}if(s!==null&&l!==null){F(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}E(n,null,e,l,0,l.length-1)}else if(s!==null){A(s,0,s.length-1)}if(i&&o==="svg"){i=false}}else if(f=n["s-cr"]){f.parentNode.textContent=c}else if(t.t!==c){n.data=c}};const _=t=>{const e=t.childNodes;let n;let s;let l;let o;let c;let i;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){c=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){i=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||c!==""){if(i===1&&c===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(i===1||i===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}_(n)}}};const z=[];const B=t=>{let e;let n;let s;let l;let c;let i;let f=0;const r=t.childNodes;const u=r.length;for(;f<u;f++){e=r[f];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(i=s.length-1;i>=0;i--){n=s[i];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(G(n,l)){c=z.find((t=>t.S===n));o=true;n["s-sn"]=n["s-sn"]||l;if(c){c.j=e}else{z.push({j:e,S:n})}if(n["s-sr"]){z.map((t=>{if(G(t.S,n["s-sn"])){c=z.find((t=>t.S===n));if(c&&!t.j){t.j=c.j}}}))}}else if(!z.some((t=>t.S===n))){z.push({S:n})}}}}if(e.nodeType===1){B(e)}}};const G=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const J=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(J)}};const K=(t,i)=>{const f=t.m;const r=t.g;const u=t.k||w(null,null);const a=v(i)?i:y(null,null,i);s=f.tagName;if(r.O){a.l=a.l||{};r.O.map((([t,e])=>a.l[e]=f[t]))}a.h=null;a.u|=4;t.k=a;a.p=u.p=f.shadowRoot||f;{e=f["s-sc"]}{n=f["s-cr"];l=(r.u&1)!==0;o=false}V(u,a);{Ut.u|=1;if(c){B(a.p);let t;let e;let n;let s;let l;let o;let c=0;for(;c<z.length;c++){t=z[c];e=t.S;if(!e["s-ol"]){n=Tt.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(c=0;c<z.length;c++){t=z[c];e=t.S;if(t.j){s=t.j.parentNode;l=t.j.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){_(a.p)}Ut.u&=~1;z.length=0}};const Q=(t,e)=>{if(e&&!t.C&&e["s-p"]){e["s-p"].push(new Promise((e=>t.C=e)))}};const X=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}Q(t,t.M);const n=()=>Y(t,e);return Ht(n)};const Y=(t,e)=>{const n=r("scheduleUpdate",t.g.v);const s=t.R;let l;if(e){{t.u|=256;if(t.P){t.P.map((([t,e])=>st(s,t,e)));t.P=null}}{l=st(s,"componentWillLoad")}}{l=lt(l,(()=>st(s,"componentWillRender")))}n();return lt(l,(()=>Z(t,s,e)))};const Z=async(t,e,n)=>{const s=t.m;const l=r("update",t.g.v);const o=s["s-rc"];if(n){P(t)}const c=r("render",t.g.v);{tt(t,e)}if(o){o.map((t=>t()));s["s-rc"]=undefined}c();l();{const e=s["s-p"];const n=()=>et(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const tt=(t,e,n)=>{try{e=e.render();{t.u&=~16}{t.u|=2}{{{K(t,e)}}}}catch(e){Ot(e,t.m)}return null};const et=t=>{const e=t.g.v;const n=t.m;const s=r("postUpdate",e);const l=t.R;const o=t.M;{st(l,"componentDidRender")}if(!(t.u&64)){t.u|=64;{ot(n)}{st(l,"componentDidLoad")}s();{t.T(n);if(!o){nt()}}}else{{st(l,"componentDidUpdate")}s()}{t.U(n)}{if(t.C){t.C();t.C=undefined}if(t.u&512){Ft((()=>X(t,false)))}t.u&=~(4|512)}};const nt=e=>{{ot(Tt.documentElement)}Ft((()=>O(Pt,"appload",{detail:{namespace:t}})))};const st=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Ot(t)}}return undefined};const lt=(t,e)=>t&&t.then?t.then(e):e();const ot=t=>t.classList.add("hydrated");const ct=(t,e)=>vt(t).L.get(e);const it=(t,e,n,s)=>{const l=vt(t);const o=l.m;const c=l.L.get(e);const i=l.u;const f=l.R;n=S(n,s.N[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){l.L.set(e,n);if(f){if(s.W&&i&128){const t=s.W[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){Ot(t,o)}}))}}if((i&(2|16))===2){X(l,false)}}}};const ft=(t,e,n)=>{if(e.N){if(t.watchers){e.W=t.watchers}const s=Object.entries(e.N);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return ct(this,t)},set(n){it(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){const n=vt(this);return n.D.then((()=>n.R[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){Ut.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.O.push([t,l])}return l}))}}return t};const rt=async(t,e,n,s,l)=>{if((e.u&32)===0){{e.u|=32;l=Mt(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.W=l.watchers}ft(l,n,2);l.isProxied=true}const t=r("createInstance",n.v);{e.u|=8}try{new l(e)}catch(t){Ot(t)}{e.u&=~8}{e.u|=128}t();ut(e.R)}if(l.style){let t=l.style;const e=T(n);if(!Rt.has(e)){const s=r("registerStyles",n.v);M(e,t,!!(n.u&1));s()}}}const o=e.M;const c=()=>X(e,true);if(o&&o["s-rc"]){o["s-rc"].push(c)}else{c()}};const ut=t=>{{st(t,"connectedCallback")}};const at=t=>{if((Ut.u&1)===0){const e=vt(t);const n=e.g;const s=r("connectedCallback",n.v);if(!(e.u&1)){e.u|=1;{if(n.u&(4|8)){dt(t)}}{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){Q(e,e.M=n);break}}}if(n.N){Object.entries(n.N).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{rt(t,e,n)}}else{mt(t,e,n.A);ut(e.R)}s()}};const dt=t=>{const e=t["s-cr"]=Tt.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const ht=t=>{if((Ut.u&1)===0){const e=vt(t);const n=e.R;{if(e.F){e.F.map((t=>t()));e.F=undefined}}{st(n,"disconnectedCallback")}}};const pt=(t,e={})=>{var n;const s=r();const l=[];const o=e.exclude||[];const c=Pt.customElements;const i=Tt.head;const f=i.querySelector("meta[charset]");const u=Tt.createElement("style");const d=[];let h;let p=true;Object.assign(Ut,e);Ut.H=new URL(e.resourcesUrl||"./",Tt.baseURI).href;t.map((t=>{t[1].map((e=>{const n={u:e[0],v:e[1],N:e[2],A:e[3]};{n.N=e[2]}{n.A=e[3]}{n.O=[]}{n.W={}}const s=n.v;const i=class extends HTMLElement{constructor(t){super(t);t=this;jt(t,n);if(n.u&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(h){clearTimeout(h);h=null}if(p){d.push(this)}else{Ut.jmp((()=>at(this)))}}disconnectedCallback(){Ut.jmp((()=>ht(this)))}componentOnReady(){return vt(this).q}};n.I=t[0];if(!o.includes(s)&&!c.get(s)){l.push(s);c.define(s,ft(i,n,1))}}))}));{u.innerHTML=l+a;u.setAttribute("data-styles","");const t=(n=Ut.$)!==null&&n!==void 0?n:b(Tt);if(t!=null){u.setAttribute("nonce",t)}i.insertBefore(u,f?f.nextSibling:i.firstChild)}p=false;if(d.length){d.map((t=>t.connectedCallback()))}else{{Ut.jmp((()=>h=setTimeout(nt,30)))}}s()};const mt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=bt(t,n);const c=$t(e,l);const i=yt(n);Ut.ael(o,s,c,i);(e.F=e.F||[]).push((()=>Ut.rel(o,s,c,i)))}))}};const $t=(t,e)=>n=>{try{{if(t.u&256){t.R[e](n)}else{(t.P=t.P||[]).push([e,n])}}}catch(t){Ot(t)}};const bt=(t,e)=>{if(e&4)return Tt;if(e&8)return Pt;if(e&16)return Tt.body;return t};const yt=t=>(t&2)!==0;const wt=t=>Ut.$=t;const gt=new WeakMap;const vt=t=>gt.get(t);const St=(t,e)=>gt.set(e.R=t,e);const jt=(t,e)=>{const n={u:0,m:t,g:e,L:new Map};{n.D=new Promise((t=>n.U=t))}{n.q=new Promise((t=>n.T=t));t["s-p"]=[];t["s-rc"]=[]}mt(t,n,e.A);return gt.set(t,n)};const kt=(t,e)=>e in t;const Ot=(t,e)=>(0,console.error)(t,e);const Ct=new Map;const Mt=(t,e,n)=>{const s=t.v.replace(/-/g,"_");const l=t.I;const o=Ct.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Ct.set(l,t)}return t[s]}),Ot)};const Rt=new Map;const Pt=typeof window!=="undefined"?window:{};const Tt=Pt.document||{head:{}};const Ut={u:0,H:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const xt=t=>Promise.resolve(t);const Lt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Nt=[];const Wt=[];const Dt=(t,e)=>n=>{t.push(n);if(!f){f=true;if(e&&Ut.u&4){Ft(At)}else{Ut.raf(At)}}};const Et=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Ot(t)}}t.length=0};const At=()=>{Et(Nt);{Et(Wt);if(f=Nt.length>0){Ut.raf(At)}}};const Ft=t=>xt().then(t);const Ht=Dt(Wt,true);export{g as H,pt as b,k as c,j as g,y as h,xt as p,St as r,wt as s};
-//# sourceMappingURL=p-387e1798.js.map