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/cjs/sdds-textarea.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
+const index = require('./index-681dc796.js');
 const textareaCss = ".textarea-container.sc-sdds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-sdds-textarea{min-width:unset}.textarea-container.sc-sdds-textarea .textarea-wrapper.sc-sdds-textarea{position:relative;width:unset;min-width:100%}.textarea-container.sc-sdds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-sdds-textarea::before,.textarea-container.sc-sdds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-sdds-textarea::after{content:\"\";height:2px;width:0;position:absolute;background:var(--sdds-textarea-bar);transition:0.35s ease all}.textarea-container.sc-sdds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-sdds-textarea::before{left:50%}.textarea-container.sc-sdds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-sdds-textarea::after{right:50%}.textarea-container.sc-sdds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-sdds-textarea::after,.textarea-container.sc-sdds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-sdds-textarea::before{top:calc(100% - 2px)}.textarea-input.sc-sdds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textarea-color);background-color:var(--sdds-textarea-background);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-20) var(--sdds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--sdds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-sdds-textarea::placeholder{opacity:1;color:var(--sdds-textarea-placeholder)}.textarea-input.sc-sdds-textarea:focus::placeholder{color:var(--sdds-textarea-placeholder-focus-color)}.textarea-input.sc-sdds-textarea:disabled{background-color:var(--sdds-textarea-disabled-background);color:var(--sdds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-sdds-textarea:disabled::placeholder{color:var(--sdds-textarea-disabled-placeholder)}.textarea-input.sc-sdds-textarea:disabled~.textfield-label-inside.sc-sdds-textarea{color:var(--sdds-textarea-disabled-label)}.textarea-input.sc-sdds-textarea::-webkit-resizer{display:none}.textarea-input.sc-sdds-textarea:hover{border-bottom-color:var(--sdds-textarea-border-bottom-hover)}.textarea-resizer-icon.sc-sdds-textarea{color:var(--sdds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--sdds-textarea-background)}.textarea-resizer-icon.sc-sdds-textarea svg.sc-sdds-textarea{display:block}.textarea-label.sc-sdds-textarea{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--sdds-spacing-element-8);color:var(--sdds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-sdds-textarea .textarea-label.sc-sdds-textarea{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);transition:0.1s ease all;color:var(--sdds-textarea-label-inside-color);position:absolute;top:var(--sdds-spacing-element-20);left:var(--sdds-spacing-element-16)}.textarea-container.textarea-label-inside.sc-sdds-textarea .textarea-input.sc-sdds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-sdds-textarea .textarea-input.sc-sdds-textarea .sc-sdds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-sdds-textarea .textarea-input.sc-sdds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textarea-placeholder-focus-color)}.textarea-container.textarea-focus.textarea-label-inside.sc-sdds-textarea .textarea-label.sc-sdds-textarea{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);top:var(--sdds-spacing-element-8)}.textarea-container.textarea-focus.sc-sdds-textarea .textarea-wrapper.sc-sdds-textarea::before,.textarea-container.textarea-focus.sc-sdds-textarea .textarea-wrapper.sc-sdds-textarea::after{width:50%}.textarea-container.textarea-data.textarea-label-inside.sc-sdds-textarea .textarea-label.sc-sdds-textarea{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);top:var(--sdds-spacing-element-8)}.textarea-textcounter.sc-sdds-textarea{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--sdds-spacing-element-4)}.textarea-textcounter.sc-sdds-textarea .textfield-textcounter-divider.sc-sdds-textarea{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textarea-textcounter-divider)}.textarea-helper.sc-sdds-textarea{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--sdds-spacing-element-4);color:var(--sdds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-sdds-textarea~.textarea-textcounter.sc-sdds-textarea{flex-basis:auto}.textarea-success.sc-sdds-textarea .textarea-input.sc-sdds-textarea{border-bottom-color:var(--sdds-textarea-border-bottom-success)}.textarea-error.sc-sdds-textarea .textarea-input.sc-sdds-textarea{border-bottom-color:var(--sdds-textarea-border-bottom-error)}.textarea-error.sc-sdds-textarea .textarea-wrapper.sc-sdds-textarea::after,.textarea-error.sc-sdds-textarea .textarea-wrapper.sc-sdds-textarea::before{background:var(--sdds-textarea-bar-error)}.textarea-error.sc-sdds-textarea .textarea-helper.sc-sdds-textarea{color:var(--sdds-textarea-helper-error)}.textarea-disabled.sc-sdds-textarea .textarea-input.sc-sdds-textarea{border-bottom-color:transparent}.textarea-disabled.sc-sdds-textarea .textarea-label.sc-sdds-textarea{color:var(--sdds-textarea-disabled-label)}.textarea-icon__readonly.sc-sdds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--sdds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-sdds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);padding:8px;color:var(--sdds-textarea-icon-read-only-label-color);background-color:var(--sdds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-sdds-textarea{pointer-events:none}.textarea-readonly.sc-sdds-textarea .textarea-icon__readonly.sc-sdds-textarea{display:block}.textarea-readonly.sc-sdds-textarea .textarea-icon__readonly.sc-sdds-textarea:hover~.textarea-icon__readonly-label.sc-sdds-textarea{display:block}.textarea-readonly.sc-sdds-textarea .textfield-input.sc-sdds-textarea{padding-right:54px;background-color:transparent}.textarea-readonly.sc-sdds-textarea .textfield-container.sc-sdds-textarea{background-color:transparent}";

package/dist/cjs/sdds-textfield.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
+const index = require('./index-681dc796.js');
-const textfieldCss = ".textfield-input-lg.sc-sdds-textfield{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textfield-color);background-color:var(--sdds-textfield-background);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-20) var(--sdds-spacing-element-16)}.textfield-input-lg.sc-sdds-textfield::placeholder{opacity:1;color:var(--sdds-textfield-placeholder)}.textfield-input-lg.sc-sdds-textfield:focus::placeholder{color:var(--sdds-textfield-placeholder-focus-color)}.textfield-input-lg.sc-sdds-textfield:disabled{cursor:not-allowed;background-color:var(--sdds-textfield-background-disabled);color:var(--sdds-textfield-color-disabled)}.textfield-input-lg.sc-sdds-textfield:disabled::placeholder{color:var(--sdds-textfield-placeholder-disabled)}.textfield-input-lg.sc-sdds-textfield:disabled~.textfield-label-inside.sc-sdds-textfield{color:var(--sdds-textfield-label-disabled)}.textfield-input-md.sc-sdds-textfield{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textfield-color);background-color:var(--sdds-textfield-background);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-16)}.textfield-input-md.sc-sdds-textfield::placeholder{opacity:1;color:var(--sdds-textfield-placeholder)}.textfield-input-md.sc-sdds-textfield:focus::placeholder{color:var(--sdds-textfield-placeholder-focus-color)}.textfield-input-md.sc-sdds-textfield:disabled{cursor:not-allowed;background-color:var(--sdds-textfield-background-disabled);color:var(--sdds-textfield-color-disabled)}.textfield-input-md.sc-sdds-textfield:disabled::placeholder{color:var(--sdds-textfield-placeholder-disabled)}.textfield-input-md.sc-sdds-textfield:disabled~.textfield-label-inside.sc-sdds-textfield{color:var(--sdds-textfield-label-disabled)}.textfield-input-sm.sc-sdds-textfield{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textfield-color);background-color:var(--sdds-textfield-background);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-16)}.textfield-input-sm.sc-sdds-textfield::placeholder{opacity:1;color:var(--sdds-textfield-placeholder)}.textfield-input-sm.sc-sdds-textfield:focus::placeholder{color:var(--sdds-textfield-placeholder-focus-color)}.textfield-input-sm.sc-sdds-textfield:disabled{cursor:not-allowed;background-color:var(--sdds-textfield-background-disabled);color:var(--sdds-textfield-color-disabled)}.textfield-input-sm.sc-sdds-textfield:disabled::placeholder{color:var(--sdds-textfield-placeholder-disabled)}.textfield-input-sm.sc-sdds-textfield:disabled~.textfield-label-inside.sc-sdds-textfield{color:var(--sdds-textfield-label-disabled)}.textfield-container.sc-sdds-textfield{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--sdds-textfield-background);border-bottom:1px solid var(--sdds-textfield-border-bottom);transition:border-bottom-color 200ms ease}.textfield-container.sc-sdds-textfield:hover{border-bottom-color:var(--sdds-textfield-border-bottom-hover)}.form-textfield-md.sc-sdds-textfield .textfield-container.sc-sdds-textfield{height:48px}.form-textfield-sm.sc-sdds-textfield .textfield-container.sc-sdds-textfield{height:40px}.textfield-input-container.sc-sdds-textfield{position:relative;width:100%}.textfield-label-outside.sc-sdds-textfield>*.sc-sdds-textfield{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:block;margin-bottom:var(--sdds-spacing-element-8);color:var(--sdds-textfield-label-color)}.textfield-label-inside.sc-sdds-textfield{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);position:absolute;pointer-events:none;color:var(--sdds-textfield-label-inside-color);left:16px}.form-textfield.sc-sdds-textfield{display:block;min-width:208px}.form-textfield-nomin.sc-sdds-textfield{min-width:auto}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield{padding-top:var(--sdds-spacing-element-24);padding-bottom:15px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{top:20px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield::input-placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield:placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield .sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textfield-placeholder-focus-color)}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield{padding-top:var(--sdds-spacing-element-20);padding-bottom:11px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{top:16px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield::input-placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield:placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield .sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textfield-placeholder-focus-color)}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield{padding-top:var(--sdds-spacing-element-20);padding-bottom:11px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{top:16px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield::input-placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield:placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield .sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textfield-placeholder-focus-color)}.form-textfield.textfield-container-label-inside.textfield-focus.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield,.form-textfield.textfield-container-label-inside.textfield-data.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);transition:0.1s ease all;top:8px}.form-textfield.textfield-container-label-inside.textfield-focus.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield,.form-textfield.textfield-container-label-inside.textfield-data.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);transition:0.1s ease all;top:8px}.form-textfield.textfield-container-label-inside.textfield-focus.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield,.form-textfield.textfield-container-label-inside.textfield-data.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);transition:0.1s ease all;top:12px}.textfield-bar.sc-sdds-textfield{position:absolute;width:100%}.textfield-bar.sc-sdds-textfield::before,.textfield-bar.sc-sdds-textfield::after{content:\"\";height:2px;top:54px;width:0;position:absolute;background:var(--sdds-textfield-bar);transition:0.35s ease all}.form-textfield-md.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::before,.form-textfield-md.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::after{top:46px}.form-textfield-sm.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::before,.form-textfield-sm.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::after{top:40px}.textfield-bar.sc-sdds-textfield::before{left:50%}.textfield-bar.sc-sdds-textfield::after{right:50%}.textfield-focus.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::before,.textfield-focus.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::after{width:50%}.textfield-helper.sc-sdds-textfield{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--sdds-spacing-element-4);color:var(--sdds-textfield-helper)}.textfield-helper.sc-sdds-textfield .textfield-textcounter.sc-sdds-textfield{margin-left:auto}.form-textfield-disabled.sc-sdds-textfield .textfield-container.sc-sdds-textfield{border-bottom-color:transparent}.form-textfield-disabled.sc-sdds-textfield .textfield-slot-wrap-prefix.sc-sdds-textfield>*.sc-sdds-textfield,.form-textfield-disabled.sc-sdds-textfield .textfield-slot-wrap-suffix.sc-sdds-textfield>*.sc-sdds-textfield{color:var(--sdds-textfield-ps-color-disabled)}.form-textfield-disabled.sc-sdds-textfield .textfield-label-outside.sc-sdds-textfield>*.sc-sdds-textfield{color:var(--sdds-textfield-label-disabled)}.textfield-icon__readonly.sc-sdds-textfield{display:none;position:absolute;right:18px;top:18px;color:var(--sdds-textfield-icon-read-only-label-color)}.textfield-icon__readonly-label.sc-sdds-textfield{display:none;position:absolute;right:18px;top:48px;font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);padding:8px;white-space:nowrap;border-radius:4px 0 4px 4px;background-color:var(--sdds-textfield-icon-read-only-label-background)}.form-textfield-readonly.sc-sdds-textfield{pointer-events:none}.form-textfield-readonly.sc-sdds-textfield .textfield-icon__readonly.sc-sdds-textfield{display:block}.form-textfield-readonly.sc-sdds-textfield .textfield-icon__readonly.sc-sdds-textfield:hover~.textfield-icon__readonly-label.sc-sdds-textfield{display:block}.form-textfield-readonly.sc-sdds-textfield .textfield-input.sc-sdds-textfield{padding-right:54px;background-color:transparent}.form-textfield-success.sc-sdds-textfield .textfield-container.sc-sdds-textfield{border-bottom-color:var(--sdds-textfield-border-bottom-success)}.form-textfield-error.sc-sdds-textfield .textfield-helper.sc-sdds-textfield{color:var(--sdds-textfield-helper-error)}.form-textfield-error.sc-sdds-textfield .textfield-container.sc-sdds-textfield{border-bottom-color:var(--sdds-textfield-border-bottom-error)}.form-textfield-error.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::before,.form-textfield-error.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::after{background:var(--sdds-textfield-bar-error)}.form-textfield-error slot[name=sdds-prefix].sc-sdds-textfield-s>sdds-icon,.form-textfield-error slot[name=sdds-suffix].sc-sdds-textfield-s>sdds-icon{color:var(--sdds-textfield-icon-error)}.textfield-helper-error-state.sc-sdds-textfield{display:flex;gap:8px;flex-wrap:nowrap}.textfield-textcounter.sc-sdds-textfield{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textfield-textcounter);float:right}.textfield-textcounter.sc-sdds-textfield .textfield-textcounter-divider.sc-sdds-textfield{color:var(--sdds-textfield-textcounter-divider)}.textfield-slot-wrap-prefix.sc-sdds-textfield{align-self:center}.textfield-slot-wrap-prefix.sc-sdds-textfield>*.sc-sdds-textfield{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);margin-left:16px;color:var(--sdds-textfield-ps-color)}.textfield-slot-wrap-prefix.textfield-error.sc-sdds-textfield sdds-icon.sc-sdds-textfield,.textfield-slot-wrap-prefix.textfield-error.sc-sdds-textfield .icon.sc-sdds-textfield{color:var(--sdds-negative)}.textfield-slot-wrap-suffix.sc-sdds-textfield{align-self:center}.textfield-slot-wrap-suffix.sc-sdds-textfield>*.sc-sdds-textfield{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);margin-right:16px;color:var(--sdds-textfield-ps-color)}.textfield-slot-wrap-suffix.textfield-error.sc-sdds-textfield sdds-icon.sc-sdds-textfield,.textfield-slot-wrap-suffix.textfield-error.sc-sdds-textfield .icon.sc-sdds-textfield{color:var(--sdds-negative)}slot[name=sdds-prefix].sc-sdds-textfield-s>sdds-icon,slot[name=sdds-suffix].sc-sdds-textfield-s>sdds-icon{font-size:24px;line-height:0}slot[name=sdds-prefix].sc-sdds-textfield-s>*{padding-left:var(--sdds-spacing-element-20)}slot[name=sdds-prefix].sc-sdds-textfield-s~.textfield-input{padding-left:var(--sdds-spacing-element-12)}slot[name=sdds-suffix].sc-sdds-textfield-s>*{padding-right:var(--sdds-spacing-element-20)}";
+const textfieldCss = ".textfield-input-lg.sc-sdds-textfield{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textfield-color);background-color:var(--sdds-textfield-background);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-20) var(--sdds-spacing-element-16)}.textfield-input-lg.sc-sdds-textfield::placeholder{opacity:1;color:var(--sdds-textfield-placeholder)}.textfield-input-lg.sc-sdds-textfield:focus::placeholder{color:var(--sdds-textfield-placeholder-focus-color)}.textfield-input-lg.sc-sdds-textfield:disabled{cursor:not-allowed;background-color:var(--sdds-textfield-background-disabled);color:var(--sdds-textfield-color-disabled)}.textfield-input-lg.sc-sdds-textfield:disabled::placeholder{color:var(--sdds-textfield-placeholder-disabled)}.textfield-input-lg.sc-sdds-textfield:disabled~.textfield-label-inside.sc-sdds-textfield{color:var(--sdds-textfield-label-disabled)}.textfield-input-md.sc-sdds-textfield{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textfield-color);background-color:var(--sdds-textfield-background);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-16)}.textfield-input-md.sc-sdds-textfield::placeholder{opacity:1;color:var(--sdds-textfield-placeholder)}.textfield-input-md.sc-sdds-textfield:focus::placeholder{color:var(--sdds-textfield-placeholder-focus-color)}.textfield-input-md.sc-sdds-textfield:disabled{cursor:not-allowed;background-color:var(--sdds-textfield-background-disabled);color:var(--sdds-textfield-color-disabled)}.textfield-input-md.sc-sdds-textfield:disabled::placeholder{color:var(--sdds-textfield-placeholder-disabled)}.textfield-input-md.sc-sdds-textfield:disabled~.textfield-label-inside.sc-sdds-textfield{color:var(--sdds-textfield-label-disabled)}.textfield-input-sm.sc-sdds-textfield{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textfield-color);background-color:var(--sdds-textfield-background);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-16)}.textfield-input-sm.sc-sdds-textfield::placeholder{opacity:1;color:var(--sdds-textfield-placeholder)}.textfield-input-sm.sc-sdds-textfield:focus::placeholder{color:var(--sdds-textfield-placeholder-focus-color)}.textfield-input-sm.sc-sdds-textfield:disabled{cursor:not-allowed;background-color:var(--sdds-textfield-background-disabled);color:var(--sdds-textfield-color-disabled)}.textfield-input-sm.sc-sdds-textfield:disabled::placeholder{color:var(--sdds-textfield-placeholder-disabled)}.textfield-input-sm.sc-sdds-textfield:disabled~.textfield-label-inside.sc-sdds-textfield{color:var(--sdds-textfield-label-disabled)}.textfield-container.sc-sdds-textfield{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--sdds-textfield-background);border-bottom:1px solid var(--sdds-textfield-border-bottom);transition:border-bottom-color 200ms ease}.textfield-container.sc-sdds-textfield:hover{border-bottom-color:var(--sdds-textfield-border-bottom-hover)}.form-textfield-md.sc-sdds-textfield .textfield-container.sc-sdds-textfield{height:48px}.form-textfield-sm.sc-sdds-textfield .textfield-container.sc-sdds-textfield{height:40px}.textfield-input-container.sc-sdds-textfield{position:relative;width:100%}.textfield-label-outside.sc-sdds-textfield>*.sc-sdds-textfield{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:block;margin-bottom:var(--sdds-spacing-element-8);color:var(--sdds-textfield-label-color)}.textfield-label-inside.sc-sdds-textfield{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);position:absolute;pointer-events:none;color:var(--sdds-textfield-label-inside-color);left:16px}.form-textfield.sc-sdds-textfield{display:block;min-width:208px}.form-textfield-nomin.sc-sdds-textfield{min-width:auto}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield{padding-top:var(--sdds-spacing-element-24);padding-bottom:15px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{top:20px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield .sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textfield-placeholder-focus-color)}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield{padding-top:var(--sdds-spacing-element-20);padding-bottom:11px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{top:16px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield .sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textfield-placeholder-focus-color)}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield{padding-top:var(--sdds-spacing-element-20);padding-bottom:11px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{top:16px}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield .sc-sdds-textfield::placeholder{color:transparent}.form-textfield.textfield-container-label-inside.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textfield-placeholder-focus-color)}.form-textfield.textfield-container-label-inside.textfield-focus.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield,.form-textfield.textfield-container-label-inside.textfield-data.sc-sdds-textfield .textfield-input-sm.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);transition:0.1s ease all;top:8px}.form-textfield.textfield-container-label-inside.textfield-focus.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield,.form-textfield.textfield-container-label-inside.textfield-data.sc-sdds-textfield .textfield-input-md.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);transition:0.1s ease all;top:8px}.form-textfield.textfield-container-label-inside.textfield-focus.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield,.form-textfield.textfield-container-label-inside.textfield-data.sc-sdds-textfield .textfield-input-lg.sc-sdds-textfield~.textfield-label-inside.sc-sdds-textfield{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);transition:0.1s ease all;top:12px}.textfield-bar.sc-sdds-textfield{position:absolute;width:100%}.textfield-bar.sc-sdds-textfield::before,.textfield-bar.sc-sdds-textfield::after{content:\"\";height:2px;top:54px;width:0;position:absolute;background:var(--sdds-textfield-bar);transition:0.35s ease all}.form-textfield-md.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::before,.form-textfield-md.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::after{top:46px}.form-textfield-sm.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::before,.form-textfield-sm.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::after{top:40px}.textfield-bar.sc-sdds-textfield::before{left:50%}.textfield-bar.sc-sdds-textfield::after{right:50%}.textfield-focus.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::before,.textfield-focus.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::after{width:50%}.textfield-helper.sc-sdds-textfield{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--sdds-spacing-element-4);color:var(--sdds-textfield-helper)}.textfield-helper.sc-sdds-textfield .textfield-textcounter.sc-sdds-textfield{margin-left:auto}.form-textfield-disabled.sc-sdds-textfield .textfield-container.sc-sdds-textfield{border-bottom-color:transparent}.form-textfield-disabled.sc-sdds-textfield .textfield-slot-wrap-prefix.sc-sdds-textfield>*.sc-sdds-textfield,.form-textfield-disabled.sc-sdds-textfield .textfield-slot-wrap-suffix.sc-sdds-textfield>*.sc-sdds-textfield{color:var(--sdds-textfield-ps-color-disabled)}.form-textfield-disabled.sc-sdds-textfield .textfield-label-outside.sc-sdds-textfield>*.sc-sdds-textfield{color:var(--sdds-textfield-label-disabled)}.textfield-icon__readonly.sc-sdds-textfield{display:none;position:absolute;right:18px;top:18px;color:var(--sdds-textfield-icon-read-only-label-color)}.textfield-icon__readonly-label.sc-sdds-textfield{display:none;position:absolute;right:18px;top:48px;font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);padding:8px;white-space:nowrap;border-radius:4px 0 4px 4px;background-color:var(--sdds-textfield-icon-read-only-label-background)}.form-textfield-readonly.sc-sdds-textfield{pointer-events:none}.form-textfield-readonly.sc-sdds-textfield .textfield-icon__readonly.sc-sdds-textfield{display:block}.form-textfield-readonly.sc-sdds-textfield .textfield-icon__readonly.sc-sdds-textfield:hover~.textfield-icon__readonly-label.sc-sdds-textfield{display:block}.form-textfield-readonly.sc-sdds-textfield .textfield-input.sc-sdds-textfield{padding-right:54px;background-color:transparent}.form-textfield-success.sc-sdds-textfield .textfield-container.sc-sdds-textfield{border-bottom-color:var(--sdds-textfield-border-bottom-success)}.form-textfield-error.sc-sdds-textfield .textfield-helper.sc-sdds-textfield{color:var(--sdds-textfield-helper-error)}.form-textfield-error.sc-sdds-textfield .textfield-container.sc-sdds-textfield{border-bottom-color:var(--sdds-textfield-border-bottom-error)}.form-textfield-error.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::before,.form-textfield-error.sc-sdds-textfield .textfield-bar.sc-sdds-textfield::after{background:var(--sdds-textfield-bar-error)}.textfield-helper-error-state.sc-sdds-textfield{display:flex;gap:8px;flex-wrap:nowrap}.textfield-textcounter.sc-sdds-textfield{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textfield-textcounter);float:right}.textfield-textcounter.sc-sdds-textfield .textfield-textcounter-divider.sc-sdds-textfield{color:var(--sdds-textfield-textcounter-divider)}.textfield-slot-wrap-prefix.sc-sdds-textfield,.textfield-slot-wrap-suffix.sc-sdds-textfield{align-self:center;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);margin:0 0 0 14px;color:var(--sdds-textfield-ps-color)}.textfield-slot-wrap-prefix.sc-sdds-textfield-s>:not(sdds-icon),.textfield-slot-wrap-suffix.sc-sdds-textfield-s>:not(sdds-icon){margin:0 0 0 2px}.textfield-slot-wrap-prefix.textfield-error.sc-sdds-textfield,.textfield-slot-wrap-suffix.textfield-error.sc-sdds-textfield{color:var(--sdds-textfield-ps-color-error)}.textfield-slot-wrap-suffix.sc-sdds-textfield{margin:0 14px 0 0}.textfield-slot-wrap-suffix.sc-sdds-textfield-s>:not(sdds-icon){margin:0 2px 0 0}";
 const Textfield = class {
   constructor(hostRef) {

package/dist/cjs/sdds-textfield.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"sdds-textfield.entry.cjs.js","mappings":"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","names":["h"],"sources":["./src/components/textfield/textfield.scss?tag=sdds-textfield&encapsulation=scoped","./src/components/textfield/textfield.tsx"],"sourcesContent":["@mixin textfield-base {\n all: unset;\n border-radius: 4px 4px 0 0;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n height: 100%;\n color: var(--sdds-textfield-color);\n background-color: var(--sdds-textfield-background);\n\n &::placeholder {\n opacity: 1;\n color: var(--sdds-textfield-placeholder);\n }\n\n &:focus::placeholder {\n color: var(--sdds-textfield-placeholder-focus-color);\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--sdds-textfield-background-disabled);\n color: var(--sdds-textfield-color-disabled);\n\n &::placeholder {\n color: var(--sdds-textfield-placeholder-disabled);\n }\n\n ~ .textfield-label-inside {\n color: var(--sdds-textfield-label-disabled);\n }\n }\n}\n\n//Sizes\n.textfield-input-lg {\n @include textfield-base;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding: var(--sdds-spacing-element-20) var(--sdds-spacing-element-16);\n}\n\n.textfield-input-md {\n @include textfield-base;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding: var(--sdds-spacing-element-16);\n}\n\n.textfield-input-sm {\n @include textfield-base;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding: var(--sdds-spacing-element-16);\n}\n\n//Container for input field and prefix/suffix\n.textfield-container {\n border-radius: 4px 4px 0 0;\n display: flex;\n position: relative;\n height: 56px;\n box-sizing: border-box;\n background-color: var(--sdds-textfield-background);\n border-bottom: 1px solid var(--sdds-textfield-border-bottom);\n transition: border-bottom-color 200ms ease;\n\n &:hover {\n border-bottom-color: var(--sdds-textfield-border-bottom-hover);\n }\n\n .form-textfield-md & {\n height: 48px;\n }\n\n .form-textfield-sm & {\n height: 40px;\n }\n}\n\n.textfield-input-container {\n position: relative;\n width: 100%;\n}\n\n//Textfield label\n\n/* slot[name=\"sdds-label\"]::slotted() {\n @include type-style(\"detail-05\");\n display: block;\n margin-bottom: var(--sdds-spacing-element-8);\n color: var(--sdds-textfield-label-color);\n} /\n\n//Textfield label\n.textfield-label-outside > * {\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n display: block;\n margin-bottom: var(--sdds-spacing-element-8);\n color: var(--sdds-textfield-label-color);\n}\n\n.textfield-label-inside {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n position: absolute;\n pointer-events: none;\n color: var(--sdds-textfield-label-inside-color);\n left: 16px;\n}\n\n@mixin placeholder-label {\n &::placeholder {\n color: transparent;\n }\n\n &::input-placeholder {\n color: transparent;\n }\n\n &:placeholder {\n color: transparent;\n }\n\n ::placeholder {\n color: transparent;\n }\n\n //Input field in focus\n &:focus::placeholder {\n transition: color 0.35s ease;\n color: var(--sdds-textfield-placeholder-focus-color);\n }\n}\n\n@mixin label-inside-transition {\n transition: 0.1s ease all;\n}\n\n//Form control\n.form-textfield {\n display: block;\n min-width: 208px;\n\n &-nomin {\n min-width: auto;\n }\n}\n\n//Textfield container with label inside\n//Handling position, focus and transition for label inside\n.form-textfield.textfield-container-label-inside {\n .textfield-input-lg {\n padding-top: var(--sdds-spacing-element-24);\n padding-bottom: 15px;\n\n ~ .textfield-label-inside {\n top: 20px;\n }\n\n @include placeholder-label;\n }\n\n .textfield-input-md {\n padding-top: var(--sdds-spacing-element-20);\n padding-bottom: 11px;\n\n ~ .textfield-label-inside {\n top: 16px;\n }\n\n @include placeholder-label;\n }\n\n .textfield-input-sm {\n padding-top: var(--sdds-spacing-element-20);\n padding-bottom: 11px;\n\n ~ .textfield-label-inside {\n top: 16px;\n }\n\n @include placeholder-label;\n }\n\n &.textfield-focus,\n &.textfield-data {\n .textfield-input-sm ~ .textfield-label-inside {\n font: var(--sdds-detail-07);\n letter-spacing: var(--sdds-detail-07-ls);\n\n @include label-inside-transition;\n\n top: 8px;\n }\n\n .textfield-input-md ~ .textfield-label-inside {\n font: var(--sdds-detail-07);\n letter-spacing: var(--sdds-detail-07-ls);\n\n @include label-inside-transition;\n\n top: 8px;\n }\n\n .textfield-input-lg ~ .textfield-label-inside {\n font: var(--sdds-detail-07);\n letter-spacing: var(--sdds-detail-07-ls);\n\n @include label-inside-transition;\n\n top: 12px;\n }\n }\n}\n\n//Textfield bottom bar when in focus\n.textfield-bar {\n position: absolute;\n width: 100%;\n\n &::before,\n &::after {\n content: '';\n height: 2px;\n top: 54px;\n width: 0;\n position: absolute;\n background: var(--sdds-textfield-bar);\n transition: 0.35s ease all;\n\n .form-textfield-md & {\n top: 46px;\n }\n\n .form-textfield-sm & {\n top: 40px;\n }\n }\n\n &::before {\n left: 50%;\n }\n\n &::after {\n right: 50%;\n }\n\n .textfield-focus &::before,\n .textfield-focus &::after {\n width: 50%;\n }\n}\n\n//Helper text\n.textfield-helper {\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n display: flex;\n gap: 8px;\n justify-content: space-between;\n\n & .textfield-textcounter {\n margin-left: auto;\n }\n\n flex-basis: 100%;\n padding-top: var(--sdds-spacing-element-4);\n color: var(--sdds-textfield-helper);\n}\n\n//Disabled state\n.form-textfield-disabled {\n .textfield-container {\n border-bottom-color: transparent;\n }\n\n .textfield-slot-wrap-prefix,\n .textfield-slot-wrap-suffix {\n > * {\n color: var(--sdds-textfield-ps-color-disabled);\n }\n }\n\n .textfield-label-outside {\n > * {\n color: var(--sdds-textfield-label-disabled);\n }\n }\n}\n\n//Read only state\n\n.textfield-icon__readonly {\n display: none;\n position: absolute;\n right: 18px;\n top: 18px;\n color: var(--sdds-textfield-icon-read-only-label-color);\n\n &-label {\n display: none;\n position: absolute;\n right: 18px;\n top: 48px;\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n padding: 8px;\n white-space: nowrap;\n border-radius: 4px 0 4px 4px;\n background-color: var(--sdds-textfield-icon-read-only-label-background);\n }\n}\n\n.form-textfield-readonly {\n pointer-events: none;\n\n .textfield-icon__readonly {\n display: block;\n\n &:hover {\n ~ .textfield-icon__readonly-label {\n display: block;\n }\n }\n }\n\n .textfield-input {\n padding-right: 54px;\n background-color: transparent;\n }\n}\n\n//Success state\n.form-textfield-success {\n .textfield-container {\n border-bottom-color: var(--sdds-textfield-border-bottom-success);\n }\n}\n\n//Error State\n.form-textfield-error {\n .textfield-helper {\n color: var(--sdds-textfield-helper-error);\n }\n\n .textfield-container {\n border-bottom-color: var(--sdds-textfield-border-bottom-error);\n }\n\n .textfield-bar {\n &::before,\n &::after {\n background: var(--sdds-textfield-bar-error);\n }\n }\n\n slot[name='sdds-prefix']::slotted(sdds-icon),\n slot[name='sdds-suffix']::slotted(sdds-icon) {\n color: var(--sdds-textfield-icon-error);\n }\n}\n\n// .textfield-textcounter {\n.textfield-helper-error-state {\n display: flex;\n gap: 8px;\n flex-wrap: nowrap;\n}\n\n.textfield-textcounter {\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n color: var(--sdds-textfield-textcounter);\n float: right;\n\n & .textfield-textcounter-divider {\n // @include type-style('detail-05');\n color: var(--sdds-textfield-textcounter-divider);\n }\n}\n\n/* slot[name=\"sdds-prefix\"]::slotted(),\nslot[name=\"sdds-suffix\"]::slotted() {\n @include type-style(\"detail-02\");\n align-self: center;\n color: var(--sdds-textfield-ps-color);\n} /\n\n.textfield-slot-wrap-prefix {\n align-self: center;\n\n > {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n margin-left: 16px;\n color: var(--sdds-textfield-ps-color);\n }\n\n &.textfield-error {\n sdds-icon,\n .icon {\n color: var(--sdds-negative);\n }\n }\n}\n\n.textfield-slot-wrap-suffix {\n align-self: center;\n\n > * {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n margin-right: 16px;\n color: var(--sdds-textfield-ps-color);\n }\n\n &.textfield-error {\n sdds-icon,\n .icon {\n color: var(--sdds-negative);\n }\n }\n}\n\n//TODO: When new icons are avaliable have a look at this one\nslot[name='sdds-prefix']::slotted(sdds-icon),\nslot[name='sdds-suffix']::slotted(sdds-icon) {\n font-size: 24px; //FIXME: When new icons is avaliable it should be 16x16\n line-height: 0;\n}\n\n//Text gerenerated infront of the input field\nslot[name='sdds-prefix']::slotted() {\n padding-left: var(--sdds-spacing-element-20);\n\n & ~ .textfield-input {\n padding-left: var(--sdds-spacing-element-12);\n }\n}\n\n//Text generated after the input field\nslot[name='sdds-suffix']::slotted() {\n padding-right: var(--sdds-spacing-element-20);\n}\n","import { Component, h, State, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'sdds-textfield',\n styleUrl: 'textfield.scss',\n shadow: false,\n scoped: true,\n})\nexport class Textfield {\n /** Textinput for focus state /\n textInput?: HTMLInputElement;\n\n /* Which input type, text, password or similar /\n @Prop({ reflect: true }) type: 'text' \| 'password' = 'text';\n\n /* Position of the label for the textfield. /\n @Prop() labelPosition: 'inside' \| 'outside' \| 'no-label' = 'no-label';\n\n /* Label text /\n @Prop() label: string = '';\n\n /* Helper text /\n @Prop() helper: string;\n\n /* Placeholder text /\n @Prop() placeholder: string = '';\n\n /* Value of the input text /\n @Prop({ reflect: true }) value: string = '';\n\n /* Set input in disabled state /\n @Prop() disabled: boolean = false;\n\n /* Set input in readonly state /\n @Prop() readOnly: boolean = false;\n\n /* Size of the input /\n @Prop() size: 'sm' \| 'md' \| 'lg' = 'lg';\n\n /* Mode variant of the textfield /\n\n @Prop() modeVariant: 'primary' \| 'secondary' = null;\n\n /* With setting /\n @Prop() noMinWidth: boolean = false;\n\n /* Name property /\n @Prop() name = '';\n\n /* Error state of input /\n @Prop() state: 'error' \| 'success' \| 'default' = 'default';\n\n /* Max length of input /\n @Prop() maxLength: number;\n\n /* Autofocus for input /\n @Prop() autofocus: boolean = false;\n\n /* Listen to the focus state of the input /\n @State() focusInput;\n\n /* Change event for the textfield /\n @Event({\n eventName: 'sddsChange',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsChange: EventEmitter;\n\n handleChange(event): void {\n this.sddsChange.emit(event);\n }\n\n /* Input event for the textfield /\n @Event({\n eventName: 'sddsInput',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsInput: EventEmitter<InputEvent>;\n\n // Data input event in value prop\n handleInput(event): void {\n this.sddsInput.emit(event);\n this.value = event.target.value;\n }\n\n /* Focus event for the textfield /\n @Event({\n eventName: 'sddsFocus',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsFocus: EventEmitter<FocusEvent>;\n\n /* Set the input as focus when clicking the whole textfield with suffix/prefix /\n handleFocus(event): void {\n this.textInput.focus();\n this.focusInput = true;\n this.sddsFocus.emit(event);\n }\n\n /* Blur event for the textfield /\n @Event({\n eventName: 'sddsBlur',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsBlur: EventEmitter<FocusEvent>;\n\n /* Set the input as focus when clicking the whole textfield with suffix/prefix */\n handleBlur(event): void {\n this.focusInput = false;\n this.sddsBlur.emit(event);\n }\n\n render() {\n return (\n <div\n class={`\n ${this.noMinWidth ? 'form-textfield-nomin' : ''}\n ${this.focusInput && !this.disabled ? 'form-textfield textfield-focus' : ' form-textfield'}\n ${this.value ? 'textfield-data' : ''}\n ${\n this.labelPosition === 'inside' && this.size !== 'sm'\n ? 'textfield-container-label-inside'\n : ''\n }\n ${this.disabled ? 'form-textfield-disabled' : ''}\n ${this.readOnly ? 'form-textfield-readonly' : ''}\n ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}` : ''}\n ${this.size === 'md' ? 'form-textfield-md' : ''}\n ${this.size === 'sm' ? 'form-textfield-sm' : ''}\n ${this.state === 'error' \|\| this.state === 'success' ? `form-textfield-${this.state}` : ''}\n `}\n >\n {this.labelPosition === 'outside' && (\n <div class=\"textfield-label-outside\">\n <div>{this.label}</div>\n </div>\n )}\n <div onClick={() => this.textInput.focus()} class=\"textfield-container\">\n <div class={`textfield-slot-wrap-prefix textfield-${this.state}`}>\n <slot name=\"prefix\" />\n </div>\n\n <div class=\"textfield-input-container\">\n <input\n ref={(inputEl) => (this.textInput = inputEl as HTMLInputElement)}\n class={`textfield-input textfield-input-${this.size}`}\n type={this.type}\n disabled={this.disabled}\n readonly={this.readOnly}\n placeholder={this.placeholder}\n value={this.value}\n autofocus={this.autofocus}\n maxlength={this.maxLength}\n name={this.name}\n onInput={(event) => this.handleInput(event)}\n onChange={(event) => this.handleChange(event)}\n onFocus={(event) => {\n if (!this.readOnly) {\n this.handleFocus(event);\n }\n }}\n onBlur={(event) => {\n if (!this.readOnly) {\n this.handleBlur(event);\n }\n }}\n />\n\n {this.labelPosition === 'inside' && this.size !== 'sm' && (\n <label class=\"textfield-label-inside\">{this.label}</label>\n )}\n </div>\n <div class=\"textfield-bar\"></div>\n\n <div class={`textfield-slot-wrap-suffix textfield-${this.state}`}>\n <slot name=\"suffix\" />\n </div>\n <span class=\"textfield-icon__readonly\">\n <sdds-icon name=\"edit_inactive\" size=\"20px\"></sdds-icon>\n </span>\n <span class=\"textfield-icon__readonly-label\">This field is non-editable</span>\n </div>\n\n <div class=\"textfield-helper\">\n {this.state === 'error' && (\n <div class=\"textfield-helper-error-state\">\n <sdds-icon name=\"error\" size=\"16px\"></sdds-icon>\n {this.helper}\n </div>\n )}\n {this.state !== 'error' && this.helper}\n\n {this.maxLength > 0 && (\n <div class=\"textfield-textcounter\">\n {this.value === null ? 0 : this.value?.length}\n <span class=\"textfield-textcounter-divider\"> / </span>\n {this.maxLength}\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"sdds-textfield.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,22XAA22X;;MCQn3X,SAAS;;;;;;;gBAKiC,MAAM;yBAGA,UAAU;iBAG7C,EAAE;;uBAMI,EAAE;iBAGS,EAAE;oBAGf,KAAK;oBAGL,KAAK;gBAGE,IAAI;uBAGQ,IAAI;sBAGrB,KAAK;gBAGpB,EAAE;iBAGgC,SAAS;;qBAM7B,KAAK;;;EAclC,YAAY,CAAC,KAAK;IAChB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAC7B;;EAYD,WAAW,CAAC,KAAK;IACf,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;GACjC;;EAYD,WAAW,CAAC,KAAK;IACf,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACvB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAC5B;;EAYD,UAAU,CAAC,KAAK;IACd,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAC3B;EAED,MAAM;;IACJ,QACEA,iBACE,KAAK,EAAE;UACL,IAAI,CAAC,UAAU,GAAG,sBAAsB,GAAG,EAAE;UAC7C,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,gCAAgC,GAAG,iBAAiB;UACxF,IAAI,CAAC,KAAK,GAAG,gBAAgB,GAAG,EAAE;UAElC,IAAI,CAAC,aAAa,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;UACjD,kCAAkC;UAClC,EACN;UACE,IAAI,CAAC,QAAQ,GAAG,yBAAyB,GAAG,EAAE;UAC9C,IAAI,CAAC,QAAQ,GAAG,yBAAyB,GAAG,EAAE;UAC9C,IAAI,CAAC,WAAW,KAAK,IAAI,GAAG,qBAAqB,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE;UACxE,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,mBAAmB,GAAG,EAAE;UAC7C,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,mBAAmB,GAAG,EAAE;UAC7C,IAAI,CAAC,KAAK,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,kBAAkB,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE;SACzF,IAEA,IAAI,CAAC,aAAa,KAAK,SAAS,KAC/BA,iBAAK,KAAK,EAAC,yBAAyB,IAClCA,qBAAM,IAAI,CAAC,KAAK,CAAO,CACnB,CACP,EACDA,iBAAK,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,KAAK,EAAC,qBAAqB,IACrEA,iBAAK,KAAK,EAAE,wCAAwC,IAAI,CAAC,KAAK,EAAE,IAC9DA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,EAENA,iBAAK,KAAK,EAAC,2BAA2B,IACpCA,mBACE,GAAG,EAAE,CAAC,OAAO,MAAM,IAAI,CAAC,SAAS,GAAG,OAA2B,CAAC,EAChE,KAAK,EAAE,mCAAmC,IAAI,CAAC,IAAI,EAAE,EACrD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAC7C,OAAO,EAAE,CAAC,KAAK;QACb,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;UAClB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SACzB;OACF,EACD,MAAM,EAAE,CAAC,KAAK;QACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;UAClB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;SACxB;OACF,GACD,EAED,IAAI,CAAC,aAAa,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,KACpDA,mBAAO,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,KAAK,CAAS,CAC3D,CACG,EACNA,iBAAK,KAAK,EAAC,eAAe,GAAO,EAEjCA,iBAAK,KAAK,EAAE,wCAAwC,IAAI,CAAC,KAAK,EAAE,IAC9DA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,EACNA,kBAAM,KAAK,EAAC,0BAA0B,IACpCA,uBAAW,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAa,CACnD,EACPA,kBAAM,KAAK,EAAC,gCAAgC,iCAAkC,CAC1E,EAENA,iBAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,KAAK,KAAK,OAAO,KACrBA,iBAAK,KAAK,EAAC,8BAA8B,IACvCA,uBAAW,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAa,EAC/C,IAAI,CAAC,MAAM,CACR,CACP,EACA,IAAI,CAAC,KAAK,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,EAErC,IAAI,CAAC,SAAS,GAAG,CAAC,KACjBA,iBAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,CAAC,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,EAC7CA,kBAAM,KAAK,EAAC,+BAA+B,UAAW,EACrD,IAAI,CAAC,SAAS,CACX,CACP,CACG,CACF,EACN;GACH;;;;;;","names":["h"],"sources":["./src/components/textfield/textfield.scss?tag=sdds-textfield&encapsulation=scoped","./src/components/textfield/textfield.tsx"],"sourcesContent":["@mixin textfield-base {\n all: unset;\n border-radius: 4px 4px 0 0;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n height: 100%;\n color: var(--sdds-textfield-color);\n background-color: var(--sdds-textfield-background);\n\n &::placeholder {\n opacity: 1;\n color: var(--sdds-textfield-placeholder);\n }\n\n &:focus::placeholder {\n color: var(--sdds-textfield-placeholder-focus-color);\n }\n\n &:disabled {\n cursor: not-allowed;\n background-color: var(--sdds-textfield-background-disabled);\n color: var(--sdds-textfield-color-disabled);\n\n &::placeholder {\n color: var(--sdds-textfield-placeholder-disabled);\n }\n\n ~ .textfield-label-inside {\n color: var(--sdds-textfield-label-disabled);\n }\n }\n}\n\n//Sizes\n.textfield-input-lg {\n @include textfield-base;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding: var(--sdds-spacing-element-20) var(--sdds-spacing-element-16);\n}\n\n.textfield-input-md {\n @include textfield-base;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding: var(--sdds-spacing-element-16);\n}\n\n.textfield-input-sm {\n @include textfield-base;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding: var(--sdds-spacing-element-16);\n}\n\n//Container for input field and prefix/suffix\n.textfield-container {\n border-radius: 4px 4px 0 0;\n display: flex;\n position: relative;\n height: 56px;\n box-sizing: border-box;\n background-color: var(--sdds-textfield-background);\n border-bottom: 1px solid var(--sdds-textfield-border-bottom);\n transition: border-bottom-color 200ms ease;\n\n &:hover {\n border-bottom-color: var(--sdds-textfield-border-bottom-hover);\n }\n\n .form-textfield-md & {\n height: 48px;\n }\n\n .form-textfield-sm & {\n height: 40px;\n }\n}\n\n.textfield-input-container {\n position: relative;\n width: 100%;\n}\n\n//Textfield label\n\n.textfield-label-outside > * {\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n display: block;\n margin-bottom: var(--sdds-spacing-element-8);\n color: var(--sdds-textfield-label-color);\n}\n\n.textfield-label-inside {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n position: absolute;\n pointer-events: none;\n color: var(--sdds-textfield-label-inside-color);\n left: 16px;\n}\n\n@mixin placeholder-label {\n &::placeholder {\n color: transparent;\n }\n\n ::placeholder {\n color: transparent;\n }\n\n //Input field in focus\n &:focus::placeholder {\n transition: color 0.35s ease;\n color: var(--sdds-textfield-placeholder-focus-color);\n }\n}\n\n@mixin label-inside-transition {\n transition: 0.1s ease all;\n}\n\n//Form control\n.form-textfield {\n display: block;\n min-width: 208px;\n\n &-nomin {\n min-width: auto;\n }\n}\n\n//Textfield container with label inside\n//Handling position, focus and transition for label inside\n.form-textfield.textfield-container-label-inside {\n .textfield-input-lg {\n padding-top: var(--sdds-spacing-element-24);\n padding-bottom: 15px;\n\n ~ .textfield-label-inside {\n top: 20px;\n }\n\n @include placeholder-label;\n }\n\n .textfield-input-md {\n padding-top: var(--sdds-spacing-element-20);\n padding-bottom: 11px;\n\n ~ .textfield-label-inside {\n top: 16px;\n }\n\n @include placeholder-label;\n }\n\n .textfield-input-sm {\n padding-top: var(--sdds-spacing-element-20);\n padding-bottom: 11px;\n\n ~ .textfield-label-inside {\n top: 16px;\n }\n\n @include placeholder-label;\n }\n\n &.textfield-focus,\n &.textfield-data {\n .textfield-input-sm ~ .textfield-label-inside {\n font: var(--sdds-detail-07);\n letter-spacing: var(--sdds-detail-07-ls);\n\n @include label-inside-transition;\n\n top: 8px;\n }\n\n .textfield-input-md ~ .textfield-label-inside {\n font: var(--sdds-detail-07);\n letter-spacing: var(--sdds-detail-07-ls);\n\n @include label-inside-transition;\n\n top: 8px;\n }\n\n .textfield-input-lg ~ .textfield-label-inside {\n font: var(--sdds-detail-07);\n letter-spacing: var(--sdds-detail-07-ls);\n\n @include label-inside-transition;\n\n top: 12px;\n }\n }\n}\n\n//Textfield bottom bar when in focus\n.textfield-bar {\n position: absolute;\n width: 100%;\n\n &::before,\n &::after {\n content: '';\n height: 2px;\n top: 54px;\n width: 0;\n position: absolute;\n background: var(--sdds-textfield-bar);\n transition: 0.35s ease all;\n\n .form-textfield-md & {\n top: 46px;\n }\n\n .form-textfield-sm & {\n top: 40px;\n }\n }\n\n &::before {\n left: 50%;\n }\n\n &::after {\n right: 50%;\n }\n\n .textfield-focus &::before,\n .textfield-focus &::after {\n width: 50%;\n }\n}\n\n//Helper text\n.textfield-helper {\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n display: flex;\n gap: 8px;\n justify-content: space-between;\n\n & .textfield-textcounter {\n margin-left: auto;\n }\n\n flex-basis: 100%;\n padding-top: var(--sdds-spacing-element-4);\n color: var(--sdds-textfield-helper);\n}\n\n//Disabled state\n.form-textfield-disabled {\n .textfield-container {\n border-bottom-color: transparent;\n }\n\n .textfield-slot-wrap-prefix,\n .textfield-slot-wrap-suffix {\n > * {\n color: var(--sdds-textfield-ps-color-disabled);\n }\n }\n\n .textfield-label-outside {\n > * {\n color: var(--sdds-textfield-label-disabled);\n }\n }\n}\n\n//Read only state\n\n.textfield-icon__readonly {\n display: none;\n position: absolute;\n right: 18px;\n top: 18px;\n color: var(--sdds-textfield-icon-read-only-label-color);\n\n &-label {\n display: none;\n position: absolute;\n right: 18px;\n top: 48px;\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n padding: 8px;\n white-space: nowrap;\n border-radius: 4px 0 4px 4px;\n background-color: var(--sdds-textfield-icon-read-only-label-background);\n }\n}\n\n.form-textfield-readonly {\n pointer-events: none;\n\n .textfield-icon__readonly {\n display: block;\n\n &:hover {\n ~ .textfield-icon__readonly-label {\n display: block;\n }\n }\n }\n\n .textfield-input {\n padding-right: 54px;\n background-color: transparent;\n }\n}\n\n//Success state\n.form-textfield-success {\n .textfield-container {\n border-bottom-color: var(--sdds-textfield-border-bottom-success);\n }\n}\n\n//Error State\n.form-textfield-error {\n .textfield-helper {\n color: var(--sdds-textfield-helper-error);\n }\n\n .textfield-container {\n border-bottom-color: var(--sdds-textfield-border-bottom-error);\n }\n\n .textfield-bar {\n &::before,\n &::after {\n background: var(--sdds-textfield-bar-error);\n }\n }\n}\n\n// .textfield-textcounter {\n.textfield-helper-error-state {\n display: flex;\n gap: 8px;\n flex-wrap: nowrap;\n}\n\n.textfield-textcounter {\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n color: var(--sdds-textfield-textcounter);\n float: right;\n\n & .textfield-textcounter-divider {\n // @include type-style('detail-05');\n color: var(--sdds-textfield-textcounter-divider);\n }\n}\n\n.textfield-slot-wrap-prefix,\n.textfield-slot-wrap-suffix {\n align-self: center;\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n margin: 0 0 0 14px;\n color: var(--sdds-textfield-ps-color);\n\n &::slotted(:not(sdds-icon)) {\n margin: 0 0 0 2px;\n }\n\n &.textfield-error {\n color: var(--sdds-textfield-ps-color-error);\n }\n}\n\n.textfield-slot-wrap-suffix {\n margin: 0 14px 0 0;\n\n &::slotted(:not(sdds-icon)) {\n margin: 0 2px 0 0;\n }\n}\n","import { Component, h, State, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'sdds-textfield',\n styleUrl: 'textfield.scss',\n shadow: false,\n scoped: true,\n})\nexport class Textfield {\n /** Textinput for focus state /\n textInput?: HTMLInputElement;\n\n /* Which input type, text, password or similar /\n @Prop({ reflect: true }) type: 'text' \| 'password' = 'text';\n\n /* Position of the label for the textfield. /\n @Prop() labelPosition: 'inside' \| 'outside' \| 'no-label' = 'no-label';\n\n /* Label text /\n @Prop() label: string = '';\n\n /* Helper text /\n @Prop() helper: string;\n\n /* Placeholder text /\n @Prop() placeholder: string = '';\n\n /* Value of the input text /\n @Prop({ reflect: true }) value: string = '';\n\n /* Set input in disabled state /\n @Prop() disabled: boolean = false;\n\n /* Set input in readonly state /\n @Prop() readOnly: boolean = false;\n\n /* Size of the input /\n @Prop() size: 'sm' \| 'md' \| 'lg' = 'lg';\n\n /* Mode variant of the textfield /\n @Prop() modeVariant: 'primary' \| 'secondary' = null;\n\n /* With setting /\n @Prop() noMinWidth: boolean = false;\n\n /* Name property /\n @Prop() name = '';\n\n /* Error state of input /\n @Prop() state: 'error' \| 'success' \| 'default' = 'default';\n\n /* Max length of input /\n @Prop() maxLength: number;\n\n /* Autofocus for input /\n @Prop() autofocus: boolean = false;\n\n /* Listen to the focus state of the input /\n @State() focusInput;\n\n /* Change event for the textfield /\n @Event({\n eventName: 'sddsChange',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsChange: EventEmitter;\n\n handleChange(event): void {\n this.sddsChange.emit(event);\n }\n\n /* Input event for the textfield /\n @Event({\n eventName: 'sddsInput',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsInput: EventEmitter<InputEvent>;\n\n // Data input event in value prop\n handleInput(event): void {\n this.sddsInput.emit(event);\n this.value = event.target.value;\n }\n\n /* Focus event for the textfield /\n @Event({\n eventName: 'sddsFocus',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsFocus: EventEmitter<FocusEvent>;\n\n /* Set the input as focus when clicking the whole textfield with suffix/prefix /\n handleFocus(event): void {\n this.textInput.focus();\n this.focusInput = true;\n this.sddsFocus.emit(event);\n }\n\n /* Blur event for the textfield /\n @Event({\n eventName: 'sddsBlur',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsBlur: EventEmitter<FocusEvent>;\n\n /* Set the input as focus when clicking the whole textfield with suffix/prefix */\n handleBlur(event): void {\n this.focusInput = false;\n this.sddsBlur.emit(event);\n }\n\n render() {\n return (\n <div\n class={`\n ${this.noMinWidth ? 'form-textfield-nomin' : ''}\n ${this.focusInput && !this.disabled ? 'form-textfield textfield-focus' : ' form-textfield'}\n ${this.value ? 'textfield-data' : ''}\n ${\n this.labelPosition === 'inside' && this.size !== 'sm'\n ? 'textfield-container-label-inside'\n : ''\n }\n ${this.disabled ? 'form-textfield-disabled' : ''}\n ${this.readOnly ? 'form-textfield-readonly' : ''}\n ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}` : ''}\n ${this.size === 'md' ? 'form-textfield-md' : ''}\n ${this.size === 'sm' ? 'form-textfield-sm' : ''}\n ${this.state === 'error' \|\| this.state === 'success' ? `form-textfield-${this.state}` : ''}\n `}\n >\n {this.labelPosition === 'outside' && (\n <div class=\"textfield-label-outside\">\n <div>{this.label}</div>\n </div>\n )}\n <div onClick={() => this.textInput.focus()} class=\"textfield-container\">\n <div class={`textfield-slot-wrap-prefix textfield-${this.state}`}>\n <slot name=\"prefix\" />\n </div>\n\n <div class=\"textfield-input-container\">\n <input\n ref={(inputEl) => (this.textInput = inputEl as HTMLInputElement)}\n class={`textfield-input textfield-input-${this.size}`}\n type={this.type}\n disabled={this.disabled}\n readonly={this.readOnly}\n placeholder={this.placeholder}\n value={this.value}\n autofocus={this.autofocus}\n maxlength={this.maxLength}\n name={this.name}\n onInput={(event) => this.handleInput(event)}\n onChange={(event) => this.handleChange(event)}\n onFocus={(event) => {\n if (!this.readOnly) {\n this.handleFocus(event);\n }\n }}\n onBlur={(event) => {\n if (!this.readOnly) {\n this.handleBlur(event);\n }\n }}\n />\n\n {this.labelPosition === 'inside' && this.size !== 'sm' && (\n <label class=\"textfield-label-inside\">{this.label}</label>\n )}\n </div>\n <div class=\"textfield-bar\"></div>\n\n <div class={`textfield-slot-wrap-suffix textfield-${this.state}`}>\n <slot name=\"suffix\" />\n </div>\n <span class=\"textfield-icon__readonly\">\n <sdds-icon name=\"edit_inactive\" size=\"20px\"></sdds-icon>\n </span>\n <span class=\"textfield-icon__readonly-label\">This field is non-editable</span>\n </div>\n\n <div class=\"textfield-helper\">\n {this.state === 'error' && (\n <div class=\"textfield-helper-error-state\">\n <sdds-icon name=\"error\" size=\"16px\"></sdds-icon>\n {this.helper}\n </div>\n )}\n {this.state !== 'error' && this.helper}\n\n {this.maxLength > 0 && (\n <div class=\"textfield-textcounter\">\n {this.value === null ? 0 : this.value?.length}\n <span class=\"textfield-textcounter-divider\"> / </span>\n {this.maxLength}\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-toast.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
+const index = require('./index-681dc796.js');
 const sddsToastCss = ":host(.hide){display:none;visibility:hidden}:host{z-index:700}:host .toast-wrapper{display:flex;width:348px;background-color:var(--sdds-toast-background-color);border-radius:4px}:host .toast-wrapper.information{border-left:4px solid var(--sdds-information)}:host .toast-wrapper.information sdds-icon{color:var(--sdds-information)}:host .toast-wrapper.success{border-left:4px solid var(--sdds-positive)}:host .toast-wrapper.success sdds-icon{color:var(--sdds-positive)}:host .toast-wrapper.error{border-left:4px solid var(--sdds-negative)}:host .toast-wrapper.error sdds-icon{color:var(--sdds-negative)}:host .toast-wrapper.warning{border-left:4px solid var(--sdds-warning)}:host .toast-wrapper.warning sdds-icon{color:var(--sdds-warning)}:host .toast-wrapper button.toast-close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 0;border:none;background:transparent}:host .toast-wrapper button.toast-close:hover{cursor:pointer}:host .toast-wrapper button.toast-close:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .toast-wrapper button.toast-close sdds-icon{color:var(--sdds-toast-dissmiss-color);padding:0}:host sdds-icon{padding:14px 0 0 12px}:host .toast-content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1}:host .toast-content .toast-header{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-toast-headline-color)}:host .toast-content .toast-header.no-subheader{margin-bottom:4px}:host .toast-content .toast-header.only-header{margin-bottom:0}:host .toast-content .toast-subheader slot::slotted(*){margin-top:4px;color:var(--sdds-toast-subheadline-color);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding-bottom:16px;max-width:252px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .toast-content .toast-subheader.no-link slot::slotted(*){padding-bottom:0}:host slot[name=toast-link]::slotted(*){color:var(--sdds-toast-link-color)}:host .sdds-mode-variant-primary{--sdds-toast-background:var(--sdds-toast-background-primary)}:host .sdds-mode-variant-secondary{--sdds-toast-background:var(--sdds-toast-background-secondary)}";
@@ -32,6 +32,14 @@ const SddsToast = class {
         this.hidden = true;
       }
     };
+    this.handleShow = () => {
+      const sddsCloseEvent = this.sddsClose.emit({
+        toastId: this.toastId,
+      });
+      if (!sddsCloseEvent.defaultPrevented) {
+        this.hidden = false;
+      }
+    };
     this.getHeaderClasses = () => {
       if (!this.hasSubheader && !this.hasLink) {
         return 'only-header';
@@ -52,17 +60,11 @@ const SddsToast = class {
   }
   /** Hides the toast. */
   async hideToast() {
-    this.hidden = true;
-    return {
-      toastId: this.toastId,
-    };
+    this.handleClose();
   }
   /** Shows the toast. */
   async showToast() {
-    this.hidden = false;
-    return {
-      toastId: this.toastId,
-    };
+    this.handleShow();
   }
   connectedCallback() {
     const children = Array.from(this.host.children);

package/dist/cjs/sdds-toast.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"sdds-toast.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,upEAAupE;;MCQ/pE,SAAS;;;;~~IAsDpB~~,gBAAW,GAAG;MACZ,QAAQ,IAAI,CAAC,IAAI;QACf,KAAK,aAAa;UAChB,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;UACV,OAAO,OAAO,CAAC;QACjB,KAAK,SAAS;UACZ,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;UACZ,OAAO,MAAM,CAAC;QAChB;UACE,OAAO,MAAM,CAAC;OACjB;KACF,CAAC;IAEF,gBAAW,GAAG;MACZ,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QACzC,OAAO,EAAE,IAAI,CAAC,OAAO;OACtB,CAAC,CAAC;MACH,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE;QACpC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;OACpB;KACF,CAAC;IAQF,qBAAgB,GAAG;MACjB,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QACvC,OAAO,aAAa,CAAC;OACtB;MACD,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;QACtB,OAAO,cAAc,CAAC;OACvB;MACD,OAAO,EAAE,CAAC;KACX,CAAC;~~mBA1FwB~~,MAAM,CAAC,UAAU,EAAE;;;gBASmB,aAAa;kBAGnD,KAAK;qBAGiB,OAAO;;;;;EAUvD,MAAM,SAAS;IACb,IAAI,CAAC,~~MAAM~~,~~GAAG,IAAI,CAAC;IACnB,OAAO;MACL,OAAO,~~EAAE,~~IAAI,~~CAAC~~,OAAO~~;~~KACtB,CAAC;GACH~~;;EAID,MAAM,SAAS;IACb,IAAI,CAAC,~~MAAM~~,~~GAAG,KAAK,CAAC;IACpB,OAAO;MACL,OAAO,~~EAAE,~~IAAI,~~CAAC~~,OAAO~~;~~KACtB,CAAC~~;~~GACH;EAqCD~~,iBAAiB;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAC;IAC7F,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC;GACpF;EAYD,MAAM;IACJ,QACEA,QAACC,UAAI,IACH,SAAS,EAAE,IAAI,CAAC,SAAS,sBACP,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,EAC5D,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,IAEzCD,iBACE,KAAK,EAAE;;cAEH,IAAI,CAAC,IAAI;aACV,IAEHA,uBAAW,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAC,MAAM,GAAa,EAC7DA,iBAAK,KAAK,EAAE,eAAe,IACzBA,iBACE,KAAK,EAAE;gBACL,IAAI,CAAC,gBAAgB,EAAE;eACxB,IAEA,IAAI,CAAC,MAAM,CACR,EACNA,iBAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,SAAS,EAAE,IAC5DA,kBAAM,IAAI,EAAC,iBAAiB,GAAQ,CAChC,EACNA,kBAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,EACNA,oBACE,OAAO,EAAE;QACP,IAAI,CAAC,WAAW,EAAE,CAAC;OACpB,EACD,KAAK,EAAE,aAAa,IAEpBA,uBAAW,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAa,CACzC,CACL,CACD,EACP;GACH;;;;;;;","names":["h","Host"],"sources":["./src/components/toast/sdds-toast.scss?tag=sdds-toast&encapsulation=shadow","./src/components/toast/sdds-toast.tsx"],"sourcesContent":["@import '../../mixins/focus-state';\n@import '../../mixins/z-index';\n\n:host(.hide) {\n display: none;\n visibility: hidden;\n}\n\n:host {\n z-index: z(toast);\n\n .toast-wrapper {\n display: flex;\n width: calc(352px - 4px);\n background-color: var(--sdds-toast-background-color);\n border-radius: 4px;\n\n &.information {\n border-left: 4px solid var(--sdds-information);\n\n sdds-icon {\n color: var(--sdds-information);\n }\n }\n\n &.success {\n border-left: 4px solid var(--sdds-positive);\n\n sdds-icon {\n color: var(--sdds-positive);\n }\n }\n\n &.error {\n border-left: 4px solid var(--sdds-negative);\n\n sdds-icon {\n color: var(--sdds-negative);\n }\n }\n\n &.warning {\n border-left: 4px solid var(--sdds-warning);\n\n sdds-icon {\n color: var(--sdds-warning);\n }\n }\n\n button.toast-close {\n height: 20px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 14px 14px 0 0;\n border: none;\n background: transparent;\n\n &:hover {\n cursor: pointer;\n }\n\n &:focus {\n @include sdds-focus-state;\n }\n\n sdds-icon {\n color: var(--sdds-toast-dissmiss-color);\n padding: 0;\n }\n }\n }\n\n sdds-icon {\n padding: 14px 0 0 12px;\n }\n\n .toast-content {\n padding: 16px 0 16px 10px;\n display: flex;\n flex-direction: column;\n flex: 1;\n\n .toast-header {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n color: var(--sdds-toast-headline-color);\n\n &.no-subheader {\n margin-bottom: 4px;\n }\n\n &.only-header {\n margin-bottom: 0;\n }\n }\n\n .toast-subheader {\n slot::slotted() {\n margin-top: 4px;\n color: var(--sdds-toast-subheadline-color);\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding-bottom: 16px;\n max-width: 252px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.no-link {\n slot::slotted() {\n padding-bottom: 0;\n }\n }\n }\n }\n\n slot[name='toast-link']::slotted() {\n color: var(--sdds-toast-link-color);\n }\n\n .sdds-mode-variant-primary {\n --sdds-toast-background: var(--sdds-toast-background-primary);\n }\n\n .sdds-mode-variant-secondary {\n --sdds-toast-background: var(--sdds-toast-background-secondary);\n }\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter } from '@stencil/core';\nimport { HostElement, Method, State } from '@stencil/core/internal';\n\n@Component({\n tag: 'sdds-toast',\n styleUrl: 'sdds-toast.scss',\n shadow: true,\n})\nexport class SddsToast {\n /* ID for the toast. Randomly generated if not specified. /\n @Prop() toastId: string = crypto.randomUUID();\n\n /* Header text for the component. /\n @Prop() header: string;\n\n /* Subheader text for the component. /\n @Prop() subheader: string;\n\n /* Type of toast. /\n @Prop() type: 'information' \| 'error' \| 'warning' \| 'success' = 'information';\n\n /* Hides the toast. /\n @Prop() hidden: boolean = false;\n\n /* ARIA role for the toast. /\n @Prop() toastRole: 'alert' \| 'log' \| 'status' = 'alert';\n\n @Element() host: HostElement;\n\n @State() hasSubheader: boolean;\n\n @State() hasLink: boolean;\n\n /* Hides the toast. /\n @Method()\n async hideToast() {\n this.~~hidden = true~~;\n ~~return {\n toastId: this.toastId,\n };\n~~ }\n\n /* Shows the toast. /\n @Method()\n async showToast() {\n this.~~hidden = false~~;\n ~~return {\n toastId: this.toastId,\n };\n~~ }\n\n /* Sends unique toast identifier component is closed. */\n @Event({\n eventName: 'sddsClose',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsClose: EventEmitter<{\n toastId: string;\n }>;\n\n getIconName = () => {\n switch (this.type) {\n case 'information':\n return 'info';\n case 'error':\n return 'error';\n case 'warning':\n return 'warning';\n case 'success':\n return 'tick';\n default:\n return 'info';\n }\n };\n\n handleClose = () => {\n const sddsCloseEvent = this.sddsClose.emit({\n toastId: this.toastId,\n });\n if (!sddsCloseEvent.defaultPrevented) {\n this.hidden = true;\n }\n };\n\n connectedCallback() {\n const children = Array.from(this.host.children);\n this.hasSubheader = children.some((childElement) => childElement.slot === 'toast-subheader');\n this.hasLink = children.some((childElement) => childElement.slot === 'toast-link');\n }\n\n getHeaderClasses = () => {\n if (!this.hasSubheader && !this.hasLink) {\n return 'only-header';\n }\n if (!this.hasSubheader) {\n return 'no-subheader';\n }\n return '';\n };\n\n render() {\n return (\n <Host\n toastRole={this.toastRole}\n aria-describedby={this.host.getAttribute('aria-describedby')}\n class={`${this.hidden ? 'hide' : 'show'}`}\n >\n <div\n class={`\n toast-wrapper\n ${this.type}\n `}\n >\n <sdds-icon name={this.getIconName()} size=\"20px\"></sdds-icon>\n <div class={`toast-content`}>\n <div\n class={`toast-header\n ${this.getHeaderClasses()}\n `}\n >\n {this.header}\n </div>\n <div class={`toast-subheader ${this.hasLink ? '' : 'no-link'}`}>\n <slot name=\"toast-subheader\"></slot>\n </div>\n <slot name=\"toast-link\"></slot>\n </div>\n <button\n onClick={() => {\n this.handleClose();\n }}\n class={`toast-close`}\n >\n <sdds-icon name=\"cross\" size=\"20px\"></sdds-icon>\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"sdds-toast.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["./src/components/toast/sdds-toast.scss?tag=sdds-toast&encapsulation=shadow","./src/components/toast/sdds-toast.tsx"],"sourcesContent":["@import '../../mixins/focus-state';\n@import '../../mixins/z-index';\n\n:host(.hide) {\n display: none;\n visibility: hidden;\n}\n\n:host {\n z-index: z(toast);\n\n .toast-wrapper {\n display: flex;\n width: calc(352px - 4px);\n background-color: var(--sdds-toast-background-color);\n border-radius: 4px;\n\n &.information {\n border-left: 4px solid var(--sdds-information);\n\n sdds-icon {\n color: var(--sdds-information);\n }\n }\n\n &.success {\n border-left: 4px solid var(--sdds-positive);\n\n sdds-icon {\n color: var(--sdds-positive);\n }\n }\n\n &.error {\n border-left: 4px solid var(--sdds-negative);\n\n sdds-icon {\n color: var(--sdds-negative);\n }\n }\n\n &.warning {\n border-left: 4px solid var(--sdds-warning);\n\n sdds-icon {\n color: var(--sdds-warning);\n }\n }\n\n button.toast-close {\n height: 20px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 14px 14px 0 0;\n border: none;\n background: transparent;\n\n &:hover {\n cursor: pointer;\n }\n\n &:focus {\n @include sdds-focus-state;\n }\n\n sdds-icon {\n color: var(--sdds-toast-dissmiss-color);\n padding: 0;\n }\n }\n }\n\n sdds-icon {\n padding: 14px 0 0 12px;\n }\n\n .toast-content {\n padding: 16px 0 16px 10px;\n display: flex;\n flex-direction: column;\n flex: 1;\n\n .toast-header {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n color: var(--sdds-toast-headline-color);\n\n &.no-subheader {\n margin-bottom: 4px;\n }\n\n &.only-header {\n margin-bottom: 0;\n }\n }\n\n .toast-subheader {\n slot::slotted() {\n margin-top: 4px;\n color: var(--sdds-toast-subheadline-color);\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding-bottom: 16px;\n max-width: 252px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.no-link {\n slot::slotted() {\n padding-bottom: 0;\n }\n }\n }\n }\n\n slot[name='toast-link']::slotted() {\n color: var(--sdds-toast-link-color);\n }\n\n .sdds-mode-variant-primary {\n --sdds-toast-background: var(--sdds-toast-background-primary);\n }\n\n .sdds-mode-variant-secondary {\n --sdds-toast-background: var(--sdds-toast-background-secondary);\n }\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter } from '@stencil/core';\nimport { HostElement, Method, State } from '@stencil/core/internal';\n\n@Component({\n tag: 'sdds-toast',\n styleUrl: 'sdds-toast.scss',\n shadow: true,\n})\nexport class SddsToast {\n /* ID for the toast. Randomly generated if not specified. /\n @Prop() toastId: string = crypto.randomUUID();\n\n /* Header text for the component. /\n @Prop() header: string;\n\n /* Subheader text for the component. /\n @Prop() subheader: string;\n\n /* Type of toast. /\n @Prop() type: 'information' \| 'error' \| 'warning' \| 'success' = 'information';\n\n /* Hides the toast. /\n @Prop() hidden: boolean = false;\n\n /* ARIA role for the toast. /\n @Prop() toastRole: 'alert' \| 'log' \| 'status' = 'alert';\n\n @Element() host: HostElement;\n\n @State() hasSubheader: boolean;\n\n @State() hasLink: boolean;\n\n /* Hides the toast. /\n @Method()\n async hideToast() {\n this.handleClose();\n }\n\n /* Shows the toast. /\n @Method()\n async showToast() {\n this.handleShow();\n }\n\n /* Sends unique toast identifier component is closed. */\n @Event({\n eventName: 'sddsClose',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsClose: EventEmitter<{\n toastId: string;\n }>;\n\n getIconName = () => {\n switch (this.type) {\n case 'information':\n return 'info';\n case 'error':\n return 'error';\n case 'warning':\n return 'warning';\n case 'success':\n return 'tick';\n default:\n return 'info';\n }\n };\n\n handleClose = () => {\n const sddsCloseEvent = this.sddsClose.emit({\n toastId: this.toastId,\n });\n if (!sddsCloseEvent.defaultPrevented) {\n this.hidden = true;\n }\n };\n\n handleShow = () => {\n const sddsCloseEvent = this.sddsClose.emit({\n toastId: this.toastId,\n });\n if (!sddsCloseEvent.defaultPrevented) {\n this.hidden = false;\n }\n };\n\n connectedCallback() {\n const children = Array.from(this.host.children);\n this.hasSubheader = children.some((childElement) => childElement.slot === 'toast-subheader');\n this.hasLink = children.some((childElement) => childElement.slot === 'toast-link');\n }\n\n getHeaderClasses = () => {\n if (!this.hasSubheader && !this.hasLink) {\n return 'only-header';\n }\n if (!this.hasSubheader) {\n return 'no-subheader';\n }\n return '';\n };\n\n render() {\n return (\n <Host\n toastRole={this.toastRole}\n aria-describedby={this.host.getAttribute('aria-describedby')}\n class={`${this.hidden ? 'hide' : 'show'}`}\n >\n <div\n class={`\n toast-wrapper\n ${this.type}\n `}\n >\n <sdds-icon name={this.getIconName()} size=\"20px\"></sdds-icon>\n <div class={`toast-content`}>\n <div\n class={`toast-header\n ${this.getHeaderClasses()}\n `}\n >\n {this.header}\n </div>\n <div class={`toast-subheader ${this.hasLink ? '' : 'no-link'}`}>\n <slot name=\"toast-subheader\"></slot>\n </div>\n <slot name=\"toast-link\"></slot>\n </div>\n <button\n onClick={() => {\n this.handleClose();\n }}\n class={`toast-close`}\n >\n <sdds-icon name=\"cross\" size=\"20px\"></sdds-icon>\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-toggle.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
+const index = require('./index-681dc796.js');
 const sddsToggleCss = ".sdds-toggle-webcomponent.sc-sdds-toggle .toggle-headline.sc-sdds-toggle{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-toggle-headline);margin-bottom:12px}.sdds-toggle-webcomponent.sc-sdds-toggle .toggle-headline.disabled.sc-sdds-toggle{color:var(--sdds-toggle-headline-disabled)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle{margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle::after,.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle::before{content:\"\";position:absolute;box-sizing:border-box;transition:all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--sdds-toggle-off-slider);left:0}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle::after{width:16px;height:16px;background-color:var(--sdds-toggle-switch);border-radius:50%;left:4px;top:4px}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle:focus{outline:none}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle:focus::before{background-color:var(--sdds-toggle-off-slider-focus);border:1px solid var(--sdds-toggle-off-border-focus)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle:checked::before{background-color:var(--sdds-toggle-on-slider);border:1px solid var(--sdds-toggle-on-border-focus)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle:checked::after{left:24px}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle:disabled::before{background-color:var(--sdds-toggle-slider-disabled);border:1px solid var(--sdds-toggle-slider-disabled)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle:disabled::after{background-color:var(--sdds-toggle-switch-disabled)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle:disabled:checked::before{background-color:var(--sdds-toggle-on-slider-disabled);border:1px solid var(--sdds-toggle-on-slider-disabled)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sc-sdds-toggle:disabled:checked::after{background-color:var(--sdds-toggle-switch-disabled)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sm.sc-sdds-toggle{width:28px;height:16px}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sm.sc-sdds-toggle::before{width:28px;height:16px}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sm.sc-sdds-toggle::after{width:8px;height:8px}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sm.sc-sdds-toggle:checked::before{background-color:var(--sdds-toggle-on-slider)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sm.sc-sdds-toggle:checked::after{left:16px}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sm.sc-sdds-toggle:disabled::before{background-color:var(--sdds-toggle-slider-disabled);border:1px solid var(--sdds-toggle-slider-disabled)}.sdds-toggle-webcomponent.sc-sdds-toggle input[type=checkbox].sm.sc-sdds-toggle:disabled::after{background-color:var(--sdds-toggle-switch-disabled)}.sdds-toggle-webcomponent.sc-sdds-toggle label.sc-sdds-toggle{display:inline-block;vertical-align:middle;font:var(--sdds-detail-01);letter-spacing:var(--sdds-detail-01-ls);color:var(--sdds-toggle-label-color);padding-left:8px}.sdds-toggle-webcomponent.sc-sdds-toggle label.disabled.sc-sdds-toggle{color:var(--sdds-toggle-label-color-disabled)}";

package/dist/cjs/sdds-tooltip.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
+const index = require('./index-681dc796.js');
 const popper = require('./popper-11d5f714.js');
 const tooltipCss = ":root,.sdds-mode-light{--sdds-tooltip-background:var(--sdds-grey-800);--sdds-tooltip-color:var(--sdds-white)}.sdds-mode-dark{--sdds-tooltip-background:var(--sdds-grey-200);--sdds-tooltip-color:var(--sdds-grey-958)}.sdds-tooltip{box-sizing:border-box;font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-tooltip-color);background-color:var(--sdds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:800;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.sdds-tooltip *{box-sizing:border-box}.sdds-tooltip.sdds-tooltip-top-left{border-radius:0 4px 4px}.sdds-tooltip.sdds-tooltip-top-right{border-radius:4px 0 4px 4px}.sdds-tooltip.sdds-tooltip-bottom-right{border-radius:4px 4px 0}.sdds-tooltip.sdds-tooltip-bottom-left{border-radius:4px 4px 4px 0}.sdds-tooltip-show{opacity:1;visibility:visible}";

package/dist/cjs/tegel.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
+const index = require('./index-681dc796.js');
 /*
  Stencil Client Patch Browser v3.0.1 | MIT Licensed | https://stenciljs.com
@@ -20,7 +20,7 @@ const patchBrowser = () => {
 };
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"sdds-banner.cjs\",[[1,\"sdds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"linkText\":[1,\"link-text\"],\"href\":[1],\"linkTarget\":[1,\"link-target\"],\"linkRel\":[1,\"link-rel\"],\"type\":[1],\"bannerId\":[1,\"banner-id\"],\"persistent\":[4],\"hidden\":[4],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"sdds-dropdown-filter.cjs\",[[1,\"sdds-dropdown-filter\",{\"modeVariant\":[1,\"mode-variant\"],\"placeholder\":[1],\"label\":[1],\"defaultOption\":[1,\"default-option\"],\"selectedOption\":[1,\"selected-option\"],\"disabled\":[4],\"size\":[1],\"inline\":[4],\"labelPosition\":[1,\"label-position\"],\"state\":[4],\"helper\":[1],\"data\":[1],\"dataOptions\":[32],\"filteredContent\":[32],\"searchTerm\":[32],\"selectedOptionState\":[32],\"dropdownRef\":[32],\"selectedLabel\":[32],\"selectedValue\":[32],\"resetOption\":[64]},[[0,\"inputSearch\",\"updateOptionsContent\"],[0,\"internalSddsSelect\",\"selectOptionHandler\"]]]]],[\"sdds-table-body.cjs\",[[4,\"sdds-table-body\",{\"disableFilteringFunction\":[4,\"disable-filtering-function\"],\"disableSortingFunction\":[4,\"disable-sorting-function\"],\"bodyData\":[8,\"body-data\"],\"enableDummyData\":[4,\"enable-dummy-data\"],\"dummyData\":[32],\"rowsPerPage\":[32],\"enableMultiselect\":[32],\"enablePaginationTableBody\":[32],\"enableExpandableRows\":[32],\"innerBodyData\":[32],\"bodyDataManipulated\":[32],\"bodyDataOriginal\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"disableAllSorting\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"showNoResultsMessage\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"sddsSortChange\",\"updateOptionsContent\"],[16,\"internalSddsMainCheckboxChange\",\"headCheckboxListener\"],[16,\"internalSddsRowChange\",\"bodyCheckboxListener\"],[16,\"sddsFilter\",\"sddsFilterListener\"]]]]],[\"sdds-accordion-item.cjs\",[[1,\"sdds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"]}]]],[\"sdds-datetime.cjs\",[[1,\"sdds-datetime\",{\"type\":[513],\"value\":[513],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"sdds-folder-tabs.cjs\",[[1,\"sdds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectedTab\":[32],\"selectedTabIndex\":[32],\"selectTab\":[64]}]]],[\"sdds-footer-link-group.cjs\",[[6,\"sdds-footer-link-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"sdds-inline-tabs.cjs\",[[1,\"sdds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectedTab\":[32],\"buttonWidth\":[32],\"selectTab\":[64]}]]],[\"sdds-message.cjs\",[[1,\"sdds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"type\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"sdds-modal.cjs\",[[1,\"sdds-modal\",{\"prevent\":[4],\"size\":[1],\"actions\":[1],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64]}]]],[\"sdds-navigation-tabs.cjs\",[[1,\"sdds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectedTab\":[32],\"selectTab\":[64]}]]],[\"sdds-slider.cjs\",[[0,\"sdds-slider\",{\"label\":[1],\"value\":[1],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"scrubberSize\":[1,\"scrubber-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleMouseUp\"],[9,\"touchend\",\"handleTouchEnd\"],[9,\"mousemove\",\"handleMouseMove\"],[9,\"touchmove\",\"handleTouchMove\"]]]]],[\"sdds-stepper-item.cjs\",[[1,\"sdds-stepper-item\",{\"labelText\":[1,\"label-text\"],\"state\":[1],\"hideLabel\":[32],\"size\":[32],\"iconSize\":[32],\"direction\":[32],\"labelPosition\":[32],\"setWidth\":[64]}]]],[\"sdds-textarea.cjs\",[[2,\"sdds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autoFocus\":[4,\"auto-focus\"],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"sdds-textfield.cjs\",[[6,\"sdds-textfield\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"focusInput\":[32]}]]],[\"sdds-toast.cjs\",[[1,\"sdds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"type\":[1],\"hidden\":[4],\"toastRole\":[1,\"toast-role\"],\"hasSubheader\":[32],\"hasLink\":[32],\"hideToast\":[64],\"showToast\":[64]}]]],[\"sdds-accordion.cjs\",[[1,\"sdds-accordion\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-badges.cjs\",[[1,\"sdds-badges\",{\"value\":[1],\"hidden\":[4],\"isSmall\":[4,\"is-small\"],\"size\":[1],\"shape\":[32],\"text\":[32]}]]],[\"sdds-block.cjs\",[[1,\"sdds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-breadcrumb.cjs\",[[1,\"sdds-breadcrumb\"]]],[\"sdds-breadcrumb-link.cjs\",[[1,\"sdds-breadcrumb-link\",{\"current\":[4],\"href\":[1],\"target\":[1],\"rel\":[1],\"disabled\":[4]}]]],[\"sdds-button.cjs\",[[1,\"sdds-button\",{\"text\":[1],\"type\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"onlyIcon\":[32]}]]],[\"sdds-card.cjs\",[[1,\"sdds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"headerPlacement\":[1,\"header-placement\"],\"header\":[1],\"subheader\":[1],\"headerImg\":[1,\"header-img\"],\"headerImgAlt\":[1,\"header-img-alt\"],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"cardId\":[1,\"card-id\"],\"hasCardBottomSlot\":[32],\"hasCardBodySlot\":[32]}]]],[\"sdds-checkbox.cjs\",[[6,\"sdds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"value\":[1],\"toggleCheckbox\":[64]}]]],[\"sdds-divider.cjs\",[[1,\"sdds-divider\",{\"orientation\":[1]}]]],[\"sdds-folder-tabs-button.cjs\",[[1,\"sdds-folder-tabs-button\",{\"disabled\":[4],\"selected\":[4],\"tabWidth\":[32],\"setTabWidth\":[64]}]]],[\"sdds-folder-tabs-link.cjs\",[[1,\"sdds-folder-tabs-link\",{\"disabled\":[4],\"selected\":[4],\"href\":[1],\"target\":[1],\"rel\":[1],\"tabWidth\":[32],\"setTabWidth\":[64]}]]],[\"sdds-footer.cjs\",[[1,\"sdds-footer\",{\"modeVariant\":[1,\"mode-variant\"],\"hasTopPart\":[32]}]]],[\"sdds-footer-link.cjs\",[[6,\"sdds-footer-link\",{\"linkHref\":[1,\"link-href\"],\"target\":[1],\"rel\":[1]}]]],[\"sdds-header-cell.cjs\",[[1,\"sdds-header-cell\",{\"columnKey\":[513,\"column-key\"],\"columnTitle\":[513,\"column-title\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"disableSortingBtn\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"enableMultiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"enableExpandableRows\":[32]},[[16,\"internalSddsPropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsSortingChange\",\"internalSddsSortingChangeListener\"],[16,\"sddsSortChange\",\"updateOptionsContent\"]]]]],[\"sdds-inline-tabs-button.cjs\",[[1,\"sdds-inline-tabs-button\",{\"disabled\":[4],\"selected\":[4]}]]],[\"sdds-inline-tabs-link.cjs\",[[1,\"sdds-inline-tabs-link\",{\"disabled\":[4],\"selected\":[4],\"href\":[1],\"target\":[1],\"rel\":[1]}]]],[\"sdds-navigation-tabs-button.cjs\",[[1,\"sdds-navigation-tabs-button\",{\"disabled\":[4],\"selected\":[4]}]]],[\"sdds-navigation-tabs-link.cjs\",[[1,\"sdds-navigation-tabs-link\",{\"disabled\":[4],\"selected\":[4],\"href\":[1],\"target\":[1],\"rel\":[1]}]]],[\"sdds-popover-canvas.cjs\",[[1,\"sdds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"sdds-popover-menu.cjs\",[[1,\"sdds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32]},[[9,\"mousedown\",\"handleOutsideClick\"]]]]],[\"sdds-radio-button.cjs\",[[6,\"sdds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"sdds-spinner.cjs\",[[0,\"sdds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"sdds-stepper.cjs\",[[1,\"sdds-stepper\",{\"direction\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"width\":[32]}]]],[\"sdds-table.cjs\",[[1,\"sdds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"enableMultiselect\":[516,\"enable-multiselect\"],\"enableExpandableRows\":[516,\"enable-expandable-rows\"],\"enableResponsive\":[516,\"enable-responsive\"],\"modeVariant\":[513,\"mode-variant\"],\"tableId\":[1,\"table-id\"]}]]],[\"sdds-table-body-row-expandable.cjs\",[[1,\"sdds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"]]]]],[\"sdds-table-footer.cjs\",[[1,\"sdds-table-footer\",{\"enablePagination\":[516,\"enable-pagination\"],\"rowsPerPage\":[514,\"rows-per-page\"],\"enableClientPagination\":[516,\"enable-client-pagination\"],\"clientPaginationValue\":[514,\"client-pagination-value\"],\"clientMaxPages\":[514,\"client-max-pages\"],\"clientSetColumnsNumber\":[2,\"client-set-columns-number\"],\"disablePaginationFunction\":[4,\"disable-pagination-function\"],\"columnsNumber\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsPagination\",\"sddsPaginationListener\"]]]]],[\"sdds-table-header.cjs\",[[1,\"sdds-table-header\",{\"enableMultiselect\":[32],\"enableExpandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsMainCheckboxChange\",\"internalSddsMainCheckboxChangeListener\"],[16,\"internalSddsRowExpanded\",\"internalSddsRowExpandedListener\"]]]]],[\"sdds-table-toolbar.cjs\",[[1,\"sdds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"enableFiltering\":[516,\"enable-filtering\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"]]]]],[\"sdds-toggle.cjs\",[[6,\"sdds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"sdds-tooltip.cjs\",[[1,\"sdds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"show\":[1028],\"placement\":[1],\"popperInstance\":[32],\"target\":[32]}]]],[\"sdds-link.cjs\",[[4,\"sdds-link\",{\"href\":[1],\"target\":[1],\"disabled\":[4],\"underline\":[4],\"rel\":[1]}]]],[\"sdds-body-cell_2.cjs\",[[1,\"sdds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalSddsPropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsHover\",\"internalSddsHoverListener\"],[16,\"internalSddsTextAlign\",\"internalSddsTextAlignListener\"]]],[1,\"sdds-table-body-row\",{\"enableMultiselect\":[32],\"bodyCheckBoxStatus\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsMainCheckboxSelect\",\"headCheckboxListener\"],[16,\"internalSddsCheckboxChange\",\"internalSddsCheckboxChangeListener\"]]]]],[\"sdds-dropdown_2.cjs\",[[1,\"sdds-dropdown\",{\"modeVariant\":[1,\"mode-variant\"],\"placeholder\":[1],\"defaultOption\":[1,\"default-option\"],\"selectedOption\":[1,\"selected-option\"],\"disabled\":[4],\"type\":[1],\"size\":[1],\"inline\":[4],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"state\":[4],\"helper\":[1],\"openDirection\":[1,\"open-direction\"],\"optionValues\":[32],\"optionLabels\":[32],\"open\":[32],\"node\":[32],\"selectedLabel\":[32],\"selectedValue\":[32],\"selectedValuesArray\":[32],\"selectedLabelsArray\":[32],\"dropdownUniqueClass\":[32],\"openUpwards\":[32],\"dropdownMenuHeight\":[32],\"dropdownMenuSelector\":[32],\"listItemIndex\":[32],\"listItemArray\":[32],\"listItemObject\":[32],\"resetOption\":[64]},[[4,\"click\",\"handleDocClick\"],[0,\"keydown\",\"keyListener\"],[0,\"internalSddsSelect\",\"selectOptionHandler\"]]],[1,\"sdds-dropdown-option\",{\"selected\":[4],\"disabled\":[4],\"value\":[513],\"innerValue\":[32]},[[1,\"mouseover\",\"changeFocusHandler\"],[1,\"mouseout\",\"removeFocusHandler\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"sdds-icon.cjs\",[[1,\"sdds-icon\",{\"name\":[513],\"size\":[513],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"sdds-header-launcher.cjs\",[[1,\"sdds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"sdds-header-dropdown.cjs\",[[1,\"sdds-header-dropdown\",{\"buttonLabel\":[1,\"button-label\"],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"sdds-header-hamburger.cjs\",[[1,\"sdds-header-hamburger\"]]],[\"sdds-dropdown-filter.cjs\",[[1,\"sdds-dropdown-filter\",{\"modeVariant\":[1,\"mode-variant\"],\"placeholder\":[1],\"label\":[1],\"defaultOption\":[1,\"default-option\"],\"openDirection\":[1,\"open-direction\"],\"selectedOption\":[1,\"selected-option\"],\"disabled\":[4],\"size\":[1],\"inline\":[4],\"labelPosition\":[1,\"label-position\"],\"state\":[4],\"helper\":[1],\"data\":[1],\"dataOptions\":[32],\"filteredContent\":[32],\"searchTerm\":[32],\"selectedOptionState\":[32],\"dropdownRef\":[32],\"selectedLabel\":[32],\"selectedValue\":[32],\"resetOption\":[64]},[[0,\"internalSddsSearch\",\"updateOptionsContent\"],[0,\"internalSddsSelect\",\"selectOptionHandler\"]]]]],[\"sdds-header-brand-symbol.cjs\",[[1,\"sdds-header-brand-symbol\",{\"linkHref\":[1,\"link-href\"]}]]],[\"sdds-side-menu-dropdown.cjs\",[[1,\"sdds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[32],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"]]]]],[\"sdds-side-menu-user.cjs\",[[1,\"sdds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"sdds-table-body.cjs\",[[4,\"sdds-table-body\",{\"disableFilteringFunction\":[4,\"disable-filtering-function\"],\"disableSortingFunction\":[4,\"disable-sorting-function\"],\"bodyData\":[1032,\"body-data\"],\"enableDummyData\":[4,\"enable-dummy-data\"],\"jsonData\":[32],\"rowsPerPage\":[32],\"enableMultiselect\":[32],\"enablePaginationTableBody\":[32],\"enableExpandableRows\":[32],\"innerBodyData\":[32],\"bodyDataManipulated\":[32],\"bodyDataOriginal\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"disableAllSorting\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"showNoResultsMessage\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"sddsSortChange\",\"updateOptionsContent\"],[16,\"internalSddsMainCheckboxChange\",\"headCheckboxListener\"],[16,\"internalSddsRowChange\",\"bodyCheckboxListener\"],[16,\"sddsFilter\",\"sddsFilterListener\"]]]]],[\"sdds-accordion-item.cjs\",[[1,\"sdds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"toggleAccordionItem\":[64]}]]],[\"sdds-banner.cjs\",[[1,\"sdds-banner\",{\"icon\":[1],\"header\":[1],\"type\":[1],\"bannerId\":[1,\"banner-id\"],\"persistent\":[4],\"hidden\":[4],\"hasSubheader\":[32],\"hasLink\":[32],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"sdds-datetime.cjs\",[[2,\"sdds-datetime\",{\"type\":[513],\"value\":[513],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"sdds-folder-tabs.cjs\",[[1,\"sdds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64]}]]],[\"sdds-footer-group.cjs\",[[1,\"sdds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"sdds-header-launcher-list.cjs\",[[4,\"sdds-header-launcher-list\"]]],[\"sdds-header-launcher-list-item.cjs\",[[1,\"sdds-header-launcher-list-item\"]]],[\"sdds-inline-tabs.cjs\",[[1,\"sdds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"buttonWidth\":[32],\"selectTab\":[64]}]]],[\"sdds-message.cjs\",[[1,\"sdds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"type\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"sdds-modal.cjs\",[[1,\"sdds-modal\",{\"prevent\":[4],\"size\":[1],\"actions\":[1],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64]}]]],[\"sdds-navigation-tabs.cjs\",[[1,\"sdds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64]}]]],[\"sdds-side-menu-close-button.cjs\",[[1,\"sdds-side-menu-close-button\"]]],[\"sdds-side-menu-collapse-button.cjs\",[[1,\"sdds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandler\"]]]]],[\"sdds-slider.cjs\",[[0,\"sdds-slider\",{\"label\":[1],\"value\":[1],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"scrubberSize\":[1,\"scrubber-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleMouseUp\"],[9,\"touchend\",\"handleTouchEnd\"],[9,\"mousemove\",\"handleMouseMove\"],[9,\"touchmove\",\"handleTouchMove\"]]]]],[\"sdds-stepper-item.cjs\",[[1,\"sdds-stepper-item\",{\"index\":[1],\"state\":[1],\"hideLabel\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalSddsPropsChange\",\"handlePropsChange\"]]]]],[\"sdds-textarea.cjs\",[[2,\"sdds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autoFocus\":[4,\"auto-focus\"],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"sdds-textfield.cjs\",[[6,\"sdds-textfield\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"focusInput\":[32]}]]],[\"sdds-toast.cjs\",[[1,\"sdds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"type\":[1],\"hidden\":[4],\"toastRole\":[1,\"toast-role\"],\"hasSubheader\":[32],\"hasLink\":[32],\"hideToast\":[64],\"showToast\":[64]}]]],[\"sdds-accordion.cjs\",[[1,\"sdds-accordion\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-badges.cjs\",[[1,\"sdds-badges\",{\"value\":[1],\"hidden\":[4],\"isSmall\":[4,\"is-small\"],\"size\":[1],\"shape\":[32],\"text\":[32]}]]],[\"sdds-block.cjs\",[[1,\"sdds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-breadcrumb.cjs\",[[1,\"sdds-breadcrumb\"]]],[\"sdds-breadcrumb-item.cjs\",[[1,\"sdds-breadcrumb-item\",{\"current\":[4],\"disabled\":[4]}]]],[\"sdds-button.cjs\",[[1,\"sdds-button\",{\"text\":[1],\"type\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"onlyIcon\":[32]}]]],[\"sdds-card.cjs\",[[1,\"sdds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"headerPlacement\":[1,\"header-placement\"],\"header\":[1],\"subheader\":[1],\"headerImg\":[1,\"header-img\"],\"headerImgAlt\":[1,\"header-img-alt\"],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"cardId\":[1,\"card-id\"],\"hasCardBottomSlot\":[32],\"hasCardBodySlot\":[32]}]]],[\"sdds-checkbox.cjs\",[[6,\"sdds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"value\":[1],\"toggleCheckbox\":[64]}]]],[\"sdds-chip.cjs\",[[6,\"sdds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[4],\"name\":[1],\"value\":[1]}]]],[\"sdds-divider.cjs\",[[1,\"sdds-divider\",{\"orientation\":[1]}]]],[\"sdds-folder-tab.cjs\",[[1,\"sdds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"sdds-footer.cjs\",[[1,\"sdds-footer\",{\"modeVariant\":[1,\"mode-variant\"],\"hasTopPart\":[32]}]]],[\"sdds-footer-item.cjs\",[[1,\"sdds-footer-item\"]]],[\"sdds-header.cjs\",[[4,\"sdds-header\"]]],[\"sdds-header-cell.cjs\",[[1,\"sdds-header-cell\",{\"columnKey\":[513,\"column-key\"],\"columnTitle\":[513,\"column-title\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"disableSortingBtn\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"enableMultiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"enableExpandableRows\":[32]},[[16,\"internalSddsPropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsSortingChange\",\"internalSddsSortingChangeListener\"],[16,\"sddsSortChange\",\"updateOptionsContent\"]]]]],[\"sdds-header-dropdown-list-user.cjs\",[[1,\"sdds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"heading\":[1],\"subheading\":[1]}]]],[\"sdds-header-launcher-grid.cjs\",[[4,\"sdds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"sdds-header-launcher-grid-item.cjs\",[[1,\"sdds-header-launcher-grid-item\"]]],[\"sdds-header-launcher-grid-title.cjs\",[[4,\"sdds-header-launcher-grid-title\"]]],[\"sdds-header-launcher-list-title.cjs\",[[4,\"sdds-header-launcher-list-title\"]]],[\"sdds-header-title.cjs\",[[1,\"sdds-header-title\"]]],[\"sdds-inline-tab.cjs\",[[1,\"sdds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"sdds-link.cjs\",[[4,\"sdds-link\",{\"disabled\":[4],\"underline\":[4]}]]],[\"sdds-navigation-tab.cjs\",[[1,\"sdds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"sdds-popover-menu.cjs\",[[1,\"sdds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32]},[[9,\"mousedown\",\"handleOutsideClick\"]]]]],[\"sdds-radio-button.cjs\",[[6,\"sdds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"sdds-side-menu.cjs\",[[1,\"sdds-side-menu\",{\"open\":[516],\"persistent\":[516],\"collapsed\":[516],\"isUpperSlotEmpty\":[32],\"isClosed\":[32],\"isOpen\":[32],\"isClosing\":[32],\"isOpening\":[32]}]]],[\"sdds-side-menu-dropdown-list.cjs\",[[1,\"sdds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandler\"]]]]],[\"sdds-side-menu-dropdown-list-item.cjs\",[[1,\"sdds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandeler\"]]]]],[\"sdds-side-menu-overlay.cjs\",[[1,\"sdds-side-menu-overlay\"]]],[\"sdds-spinner.cjs\",[[0,\"sdds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"sdds-stepper.cjs\",[[1,\"sdds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]}]]],[\"sdds-table.cjs\",[[1,\"sdds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"enableMultiselect\":[516,\"enable-multiselect\"],\"enableExpandableRows\":[516,\"enable-expandable-rows\"],\"enableResponsive\":[516,\"enable-responsive\"],\"modeVariant\":[513,\"mode-variant\"],\"tableId\":[1,\"table-id\"]}]]],[\"sdds-table-body-row-expandable.cjs\",[[1,\"sdds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"]]]]],[\"sdds-table-footer.cjs\",[[1,\"sdds-table-footer\",{\"enablePagination\":[516,\"enable-pagination\"],\"rowsPerPage\":[514,\"rows-per-page\"],\"enableClientPagination\":[516,\"enable-client-pagination\"],\"clientPaginationValue\":[514,\"client-pagination-value\"],\"clientMaxPages\":[514,\"client-max-pages\"],\"clientSetColumnsNumber\":[2,\"client-set-columns-number\"],\"disablePaginationFunction\":[4,\"disable-pagination-function\"],\"columnsNumber\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsPagination\",\"sddsPaginationListener\"]]]]],[\"sdds-table-header.cjs\",[[1,\"sdds-table-header\",{\"enableMultiselect\":[32],\"enableExpandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsMainCheckboxChange\",\"internalSddsMainCheckboxChangeListener\"],[16,\"internalSddsRowExpanded\",\"internalSddsRowExpandedListener\"]]]]],[\"sdds-table-toolbar.cjs\",[[1,\"sdds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"enableFiltering\":[516,\"enable-filtering\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"]]]]],[\"sdds-toggle.cjs\",[[6,\"sdds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"sdds-tooltip.cjs\",[[1,\"sdds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"show\":[1028],\"placement\":[1],\"popperInstance\":[32],\"target\":[32]}]]],[\"sdds-icon.cjs\",[[1,\"sdds-icon\",{\"name\":[513],\"size\":[513],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]],[\"sdds-header-launcher-button.cjs\",[[1,\"sdds-header-launcher-button\",{\"active\":[4]}]]],[\"sdds-header-dropdown-list.cjs\",[[1,\"sdds-header-dropdown-list\",{\"type\":[513],\"headingElement\":[32]}]]],[\"sdds-header-dropdown-list-item.cjs\",[[1,\"sdds-header-dropdown-list-item\",{\"selected\":[4],\"type\":[513]}]]],[\"sdds-body-cell_2.cjs\",[[1,\"sdds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalSddsPropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsHover\",\"internalSddsHoverListener\"],[16,\"internalSddsTextAlign\",\"internalSddsTextAlignListener\"]]],[1,\"sdds-table-body-row\",{\"enableMultiselect\":[32],\"bodyCheckBoxStatus\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsMainCheckboxSelect\",\"headCheckboxListener\"],[16,\"internalSddsCheckboxChange\",\"internalSddsCheckboxChangeListener\"]]]]],[\"sdds-dropdown_2.cjs\",[[1,\"sdds-dropdown\",{\"modeVariant\":[1,\"mode-variant\"],\"placeholder\":[1],\"defaultOption\":[1,\"default-option\"],\"selectedOption\":[1,\"selected-option\"],\"disabled\":[4],\"type\":[1],\"size\":[1],\"inline\":[4],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"state\":[4],\"helper\":[1],\"openDirection\":[1,\"open-direction\"],\"optionValues\":[32],\"optionLabels\":[32],\"open\":[32],\"node\":[32],\"selectedLabel\":[32],\"selectedValue\":[32],\"selectedValuesArray\":[32],\"selectedLabelsArray\":[32],\"dropdownUniqueClass\":[32],\"openUpwards\":[32],\"dropdownMenuHeight\":[32],\"dropdownMenuSelector\":[32],\"listItemIndex\":[32],\"listItemArray\":[32],\"listItemObject\":[32],\"resetOption\":[64]},[[4,\"click\",\"handleDocClick\"],[0,\"keydown\",\"keyListener\"],[0,\"internalSddsSelect\",\"selectOptionHandler\"]]],[1,\"sdds-dropdown-option\",{\"selected\":[4],\"disabled\":[4],\"value\":[513],\"innerValue\":[32]},[[1,\"mouseover\",\"changeFocusHandler\"],[1,\"mouseout\",\"removeFocusHandler\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"sdds-side-menu-user-image_2.cjs\",[[1,\"sdds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"sdds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"sdds-popover-canvas.cjs\",[[1,\"sdds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"sdds-side-menu-item.cjs\",[[1,\"sdds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandeler\"]]]]],[\"sdds-core-header-item_2.cjs\",[[1,\"sdds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"sdds-core-header-item\"]]]]"), options);
 });
 exports.setNonce = index.setNonce;