npm - @scania/tegel - Versions diffs - 0.0.34 → 0.0.52 - Mend

@scania/tegel 0.0.34 → 0.0.52

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 (846) hide show

package/dist/tegel/p-0d53607f.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as d,c as e,h as s}from"./p-1b74896d.js";const t=':root,.sdds-mode-light{--sdds-textfield-background-primary:var(--sdds-grey-50);--sdds-textfield-background-secondary:var(--sdds-white);--sdds-textfield-background:var(--sdds-textfield-background-primary);--sdds-textfield-color:var(--sdds-grey-868);--sdds-textfield-placeholder:var(--sdds-grey-500);--sdds-textfield-background-disabled-primary:var(--sdds-grey-50);--sdds-textfield-background-disabled-secondary:var(--sdds-white);--sdds-textfield-background-disabled:var(--sdds-textfield-background-disabled-primary);--sdds-textfield-color-disabled:var(--sdds-grey-400);--sdds-textfield-placeholder-disabled:var(--sdds-grey-400);--sdds-textfield-label-disabled:var(--sdds-grey-400);--sdds-textfield-ps-color-disabled:var(--sdds-grey-400);--sdds-textfield-label-color:var(--sdds-grey-958);--sdds-textfield-label-inside-color:var(--sdds-grey-700);--sdds-textfield-placeholder-focus-color:var(--sdds-grey-500);--sdds-textfield-bar:var(--sdds-blue-400);--sdds-textfield-helper:var(--sdds-grey-700);--sdds-textfield-border-bottom-error:var(--sdds-negative);--sdds-textfield-helper-error:var(--sdds-negative);--sdds-textfield-bar-error:var(--sdds-negative);--sdds-textfield-icon-error:var(--sdds-negative);--sdds-textfield-textcounter:var(--sdds-grey-700);--sdds-textfield-textcounter-divider:var(--sdds-grey-500);--sdds-textfield-ps-color:var(--sdds-grey-600);--sdds-textfield-resize-icon:var(--sdds-grey-500);--sdds-textfield-background-secondary:var(--sdds-white);--sdds-textfield-border-bottom:var(--sdds-grey-600);--sdds-textfield-border-bottom-hover:var(--sdds-grey-800);--sdds-textfield-border-bottom-success:var(--sdds-grey-958);--sdds-textfield-border-bottom-error:var(--sdds-negative);--sdds-textfield-icon-read-only-color:var(--sdds-grey-958);--sdds-textfield-icon-read-only-label-color:var(--sdds-grey-958)}:root .sdds-mode-variant-primary,.sdds-mode-light .sdds-mode-variant-primary{--sdds-textfield-background:var(--sdds-textfield-background-primary);--sdds-textfield-background-disabled:var(--sdds-textfield-background-disabled-primary)}:root .sdds-mode-variant-secondary,.sdds-mode-light .sdds-mode-variant-secondary{--sdds-textfield-background:var(--sdds-textfield-background-secondary);--sdds-textfield-background-disabled:var(--sdds-textfield-background-disabled-secondary)}.sdds-mode-dark{--sdds-textfield-background-primary:var(--sdds-grey-900);--sdds-textfield-background:var(--sdds-textfield-background-primary);--sdds-textfield-background-secondary:var(--sdds-grey-868);--sdds-textfield-color:var(--sdds-grey-200);--sdds-textfield-placeholder:var(--sdds-grey-600);--sdds-textfield-ps-color-disabled:var(--sdds-grey-700);--sdds-textfield-color-disabled:var(--sdds-grey-800);--sdds-textfield-background-disabled-primary:var(--sdds-grey-900);--sdds-textfield-background-disabled-secondary:var(--sdds-grey-868);--sdds-textfield-background-disabled:var(--sdds-textfield-background-disabled-primary);--sdds-textfield-placeholder-disabled:var(--sdds-grey-800);--sdds-textfield-label-disabled:var(--sdds-grey-700);--sdds-textfield-label-color:var(--sdds-grey-100);--sdds-textfield-label-inside-color:var(--sdds-grey-400);--sdds-textfield-placeholder-focus-color:var(--sdds-grey-700);--sdds-textfield-bar:var(--sdds-blue-400);--sdds-textfield-helper:var(--sdds-grey-600);--sdds-textfield-helper-error:var(--sdds-negative);--sdds-textfield-bar-error:var(--sdds-negative);--sdds-textfield-icon-error:var(--sdds-negative);--sdds-textfield-textcounter:var(--sdds-grey-600);--sdds-textfield-textcounter-divider:var(--sdds-grey-700);--sdds-textfield-ps-color:var(--sdds-grey-100);--sdds-textfield-resize-icon:var(--sdds-grey-500);--sdds-textfield-border-bottom:var(--sdds-grey-600);--sdds-textfield-border-bottom-hover:var(--sdds-grey-400);--sdds-textfield-border-bottom-success:var(--sdds-grey-50);--sdds-textfield-border-bottom-error:var(--sdds-negative);--sdds-textfield-icon-read-only-color:var(--sdds-grey-100);--sdds-textfield-icon-read-only-label-color:var(--sdds-grey-50)}.sdds-mode-dark .sdds-mode-variant-primary{--sdds-textfield-background:var(--sdds-textfield-background-primary);--sdds-textfield-background-disabled:var(--sdds-textfield-background-disabled-primary)}.sdds-mode-dark .sdds-mode-variant-secondary{--sdds-textfield-background:var(--sdds-textfield-background-secondary);--sdds-textfield-background-disabled:var(--sdds-textfield-background-disabled-secondary)}.sdds-textfield-input{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)}.sdds-textfield-input::placeholder{opacity:1;color:var(--sdds-textfield-placeholder)}.sdds-textfield-input:focus::placeholder{color:var(--sdds-textfield-placeholder-focus-color)}.sdds-textfield-input:disabled{cursor:not-allowed;background-color:var(--sdds-textfield-background-disabled);color:var(--sdds-textfield-color-disabled)}.sdds-textfield-input:disabled::placeholder{color:var(--sdds-textfield-placeholder-disabled)}.sdds-textfield-input:disabled~.sdds-textfield-label-inside{color:var(--sdds-textfield-label-disabled)}.sdds-textfield-input-md{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)}.sdds-textfield-input-md::placeholder{opacity:1;color:var(--sdds-textfield-placeholder)}.sdds-textfield-input-md:focus::placeholder{color:var(--sdds-textfield-placeholder-focus-color)}.sdds-textfield-input-md:disabled{cursor:not-allowed;background-color:var(--sdds-textfield-background-disabled);color:var(--sdds-textfield-color-disabled)}.sdds-textfield-input-md:disabled::placeholder{color:var(--sdds-textfield-placeholder-disabled)}.sdds-textfield-input-md:disabled~.sdds-textfield-label-inside{color:var(--sdds-textfield-label-disabled)}.sdds-textfield-input-sm{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)}.sdds-textfield-input-sm::placeholder{opacity:1;color:var(--sdds-textfield-placeholder)}.sdds-textfield-input-sm:focus::placeholder{color:var(--sdds-textfield-placeholder-focus-color)}.sdds-textfield-input-sm:disabled{cursor:not-allowed;background-color:var(--sdds-textfield-background-disabled);color:var(--sdds-textfield-color-disabled)}.sdds-textfield-input-sm:disabled::placeholder{color:var(--sdds-textfield-placeholder-disabled)}.sdds-textfield-input-sm:disabled~.sdds-textfield-label-inside{color:var(--sdds-textfield-label-disabled)}.sdds-textfield-container{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}.sdds-textfield-container:hover{border-bottom-color:var(--sdds-textfield-border-bottom-hover)}.sdds-form-textfield-md .sdds-textfield-container{height:48px}.sdds-form-textfield-sm .sdds-textfield-container{height:40px}.sdds-textfield-input-container{position:relative;width:100%}.sdds-textfield-label-outside>{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)}.sdds-textfield-label-inside{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}.sdds-form-textfield{display:block;min-width:208px}.sdds-form-textfield-nomin{min-width:auto}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input{padding-top:var(--sdds-spacing-element-24);padding-bottom:15px}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input~.sdds-textfield-label-inside{top:20px}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input::placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input::input-placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input:placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input ::placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textfield-placeholder-focus-color)}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-md{padding-top:var(--sdds-spacing-element-20);padding-bottom:11px}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-md~.sdds-textfield-label-inside{top:16px}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-md::placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-md::input-placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-md:placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-md ::placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-md:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textfield-placeholder-focus-color)}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-sm{padding-top:var(--sdds-spacing-element-20);padding-bottom:11px}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-sm~.sdds-textfield-label-inside{top:16px}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-sm::placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-sm::input-placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-sm:placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-sm ::placeholder{color:transparent}.sdds-form-textfield.sdds-textfield-container-label-inside .sdds-textfield-input-sm:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textfield-placeholder-focus-color)}.sdds-form-textfield.sdds-textfield-container-label-inside.sdds-textfield-focus .sdds-textfield-input-sm~.sdds-textfield-label-inside,.sdds-form-textfield.sdds-textfield-container-label-inside.sdds-textfield-data .sdds-textfield-input-sm~.sdds-textfield-label-inside{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);transition:0.1s ease all;top:8px}.sdds-form-textfield.sdds-textfield-container-label-inside.sdds-textfield-focus .sdds-textfield-input-md~.sdds-textfield-label-inside,.sdds-form-textfield.sdds-textfield-container-label-inside.sdds-textfield-data .sdds-textfield-input-md~.sdds-textfield-label-inside{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);transition:0.1s ease all;top:8px}.sdds-form-textfield.sdds-textfield-container-label-inside.sdds-textfield-focus .sdds-textfield-input~.sdds-textfield-label-inside,.sdds-form-textfield.sdds-textfield-container-label-inside.sdds-textfield-data .sdds-textfield-input~.sdds-textfield-label-inside{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);transition:0.1s ease all;top:12px}.sdds-textfield-bar{position:absolute;width:100%}.sdds-textfield-bar::before,.sdds-textfield-bar::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--sdds-textfield-bar);transition:0.35s ease all}.sdds-form-textfield-md .sdds-textfield-bar::before,.sdds-form-textfield-md .sdds-textfield-bar::after{top:46px}.sdds-form-textfield-sm .sdds-textfield-bar::before,.sdds-form-textfield-sm .sdds-textfield-bar::after{top:40px}.sdds-textfield-bar::before{left:50%}.sdds-textfield-bar::after{right:50%}.sdds-textfield-focus .sdds-textfield-bar::before,.sdds-textfield-focus .sdds-textfield-bar::after{width:50%}.sdds-textfield-helper{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)}.sdds-textfield-helper .sdds-textfield-textcounter{margin-left:auto}.sdds-form-textfield-disabled .sdds-textfield-container{border-bottom-color:transparent}.sdds-form-textfield-disabled .sdds-textfield-slot-wrap-prefix>,.sdds-form-textfield-disabled .sdds-textfield-slot-wrap-suffix>{color:var(--sdds-textfield-ps-color-disabled)}.sdds-form-textfield-disabled .sdds-textfield-label-outside>{color:var(--sdds-textfield-label-disabled)}.sdds-textfield-icon__readonly{display:none;position:absolute;right:18px;top:18px;color:var(--sdds-textfield-icon-read-only-label-color)}.sdds-textfield-icon__readonly-label{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)}.sdds-form-textfield-readonly{pointer-events:none}.sdds-form-textfield-readonly .sdds-textfield-icon__readonly{display:block}.sdds-form-textfield-readonly .sdds-textfield-icon__readonly:hover~.sdds-textfield-icon__readonly-label{display:block}.sdds-form-textfield-readonly .sdds-textfield-input{padding-right:54px;background-color:transparent}.sdds-form-textfield-success .sdds-textfield-container{border-bottom-color:var(--sdds-textfield-border-bottom-success)}.sdds-form-textfield-error .sdds-textfield-helper{color:var(--sdds-textfield-helper-error)}.sdds-form-textfield-error .sdds-textfield-container{border-bottom-color:var(--sdds-textfield-border-bottom-error)}.sdds-form-textfield-error .sdds-textfield-bar::before,.sdds-form-textfield-error .sdds-textfield-bar::after{background:var(--sdds-textfield-bar-error)}.sdds-form-textfield-error slot[name=sdds-prefix]::slotted(sdds-icon),.sdds-form-textfield-error slot[name=sdds-suffix]::slotted(sdds-icon){color:var(--sdds-textfield-icon-error)}.sdds-textfield-helper-error-state{display:flex;gap:8px;flex-wrap:nowrap}.sdds-textfield-textcounter{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textfield-textcounter);float:right}.sdds-textfield-textcounter .sdds-textfield-textcounter-divider{color:var(--sdds-textfield-textcounter-divider)}.sdds-textfield-slot-wrap-prefix{align-self:center}.sdds-textfield-slot-wrap-prefix>{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);margin-left:16px;color:var(--sdds-textfield-ps-color)}.sdds-textfield-slot-wrap-prefix.sdds-textfield-error sdds-icon,.sdds-textfield-slot-wrap-prefix.sdds-textfield-error .sdds-icon{color:var(--sdds-negative)}.sdds-textfield-slot-wrap-suffix{align-self:center}.sdds-textfield-slot-wrap-suffix>{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);margin-right:16px;color:var(--sdds-textfield-ps-color)}.sdds-textfield-slot-wrap-suffix.sdds-textfield-error sdds-icon,.sdds-textfield-slot-wrap-suffix.sdds-textfield-error .sdds-icon{color:var(--sdds-negative)}slot[name=sdds-prefix]::slotted(sdds-icon),slot[name=sdds-suffix]::slotted(sdds-icon){font-size:24px;line-height:0}slot[name=sdds-prefix]::slotted(){padding-left:var(--sdds-spacing-element-20)}slot[name=sdds-prefix]::slotted()~.sdds-textfield-input{padding-left:var(--sdds-spacing-element-12)}slot[name=sdds-suffix]::slotted(*){padding-right:var(--sdds-spacing-element-20)}';const i=class{constructor(s){d(this,s);this.sddsChange=e(this,"sddsChange",6);this.sddsInput=e(this,"sddsInput",6);this.sddsFocus=e(this,"sddsFocus",6);this.sddsBlur=e(this,"sddsBlur",6);this.type="text";this.labelPosition="no-label";this.label="";this.helper=undefined;this.placeholder="";this.value="";this.disabled=false;this.readOnly=false;this.size="lg";this.modeVariant=null;this.noMinWidth=false;this.name="";this.state="default";this.maxLength=undefined;this.autofocus=false;this.focusInput=undefined}handleChange(d){this.sddsChange.emit(d)}handleInput(d){this.sddsInput.emit(d);this.value=d.target.value}handleFocus(d){this.textInput.focus();this.focusInput=true;this.sddsFocus.emit(d)}handleBlur(d){this.focusInput=false;this.sddsBlur.emit(d)}render(){var d;let e=" sdds-textfield-input";if(this.size==="md"){e+=`${e}-md`}if(this.size==="sm"){e+=`${e}-sm`}return s("div",{class:`\n ${this.noMinWidth?"sdds-form-textfield-nomin":""}\n ${this.focusInput&&!this.disabled?"sdds-form-textfield sdds-textfield-focus":" sdds-form-textfield"}\n ${this.value?"sdds-textfield-data":""}\n ${this.labelPosition==="inside"&&this.size!=="sm"?"sdds-textfield-container-label-inside":""}\n ${this.disabled?"sdds-form-textfield-disabled":""}\n ${this.readOnly?"sdds-form-textfield-readonly":""}\n ${this.modeVariant!==null?`sdds-mode-variant-${this.modeVariant}`:""}\n ${this.size==="md"?"sdds-form-textfield-md":""}\n ${this.size==="sm"?"sdds-form-textfield-sm":""}\n ${this.state==="error"\|\|this.state==="success"?`sdds-form-textfield-${this.state}`:""}\n `},this.labelPosition==="outside"&&s("div",{class:"sdds-textfield-label-outside"},s("div",null,this.label)),s("div",{onClick:()=>this.textInput.focus(),class:"sdds-textfield-container"},s("div",{class:`sdds-textfield-slot-wrap-prefix sdds-textfield-${this.state}`},s("slot",{name:"sdds-prefix"})),s("div",{class:"sdds-textfield-input-container"},s("input",{ref:d=>this.textInput=d,class:e,type:this.type,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,onInput:d=>this.handleInput(d),onChange:d=>this.handleChange(d),onFocus:d=>{if(!this.readOnly){this.handleFocus(d)}},onBlur:d=>{if(!this.readOnly){this.handleBlur(d)}}}),this.labelPosition==="inside"&&this.size!=="sm"&&s("label",{class:"sdds-textfield-label-inside"},this.label)),s("div",{class:"sdds-textfield-bar"}),s("div",{class:`sdds-textfield-slot-wrap-suffix sdds-textfield-${this.state}`},s("slot",{name:"sdds-suffix"})),s("span",{class:"sdds-textfield-icon__readonly"},s("sdds-icon",{name:"edit_inactive",size:"20px"})),s("span",{class:"sdds-textfield-icon__readonly-label"},"This field is non-editable")),s("div",{class:"sdds-textfield-helper"},this.state==="error"&&s("div",{class:"sdds-textfield-helper-error-state"},s("sdds-icon",{name:"error",size:"16px"}),this.helper),this.state!=="error"&&this.helper,this.maxLength>0&&s("div",{class:"sdds-textfield-textcounter"},this.value===null?0:(d=this.value)===null\|\|d===void 0?void 0:d.length,s("span",{class:"sdds-textfield-textcounter-divider"}," / "),this.maxLength)))}};i.style=t;export{i as sdds_textfield};
2	- //# sourceMappingURL=p-0d53607f.entry.js.map

package/dist/tegel/p-0d53607f.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["textfieldCss","Textfield","handleChange","event","this","sddsChange","emit","handleInput","sddsInput","value","target","handleFocus","textInput","focus","focusInput","sddsFocus","handleBlur","sddsBlur","render","className","size","h","class","noMinWidth","disabled","labelPosition","readOnly","modeVariant","state","label","onClick","name","ref","inputEl","type","readonly","placeholder","autofocus","maxlength","maxLength","onInput","onChange","onFocus","onBlur","helper","_a","length"],"sources":["./src/components/textfield/textfield.scss?tag=sdds-textfield","./src/components/textfield/textfield.tsx"],"sourcesContent":["@import './textfield-theme-vars.scss';\n\n@mixin textfield-base {\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 ~ .sdds-textfield-label-inside {\n color: var(--sdds-textfield-label-disabled);\n }\n }\n}\n\n//Sizes\n.sdds-textfield-input {\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.sdds-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.sdds-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.sdds-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 .sdds-form-textfield-md & {\n height: 48px;\n }\n\n .sdds-form-textfield-sm & {\n height: 40px;\n }\n}\n\n.sdds-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.sdds-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.sdds-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.sdds-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.sdds-form-textfield.sdds-textfield-container-label-inside {\n .sdds-textfield-input {\n padding-top: var(--sdds-spacing-element-24);\n padding-bottom: 15px;\n\n ~ .sdds-textfield-label-inside {\n top: 20px;\n }\n\n @include placeholder-label;\n }\n\n .sdds-textfield-input-md {\n padding-top: var(--sdds-spacing-element-20);\n padding-bottom: 11px;\n\n ~ .sdds-textfield-label-inside {\n top: 16px;\n }\n\n @include placeholder-label;\n }\n\n .sdds-textfield-input-sm {\n padding-top: var(--sdds-spacing-element-20);\n padding-bottom: 11px;\n\n ~ .sdds-textfield-label-inside {\n top: 16px;\n }\n\n @include placeholder-label;\n }\n\n &.sdds-textfield-focus,\n &.sdds-textfield-data {\n .sdds-textfield-input-sm ~ .sdds-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 .sdds-textfield-input-md ~ .sdds-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 .sdds-textfield-input ~ .sdds-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.sdds-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 .sdds-form-textfield-md & {\n top: 46px;\n }\n\n .sdds-form-textfield-sm & {\n top: 40px;\n }\n }\n\n &::before {\n left: 50%;\n }\n\n &::after {\n right: 50%;\n }\n\n .sdds-textfield-focus &::before,\n .sdds-textfield-focus &::after {\n width: 50%;\n }\n}\n\n//Helper text\n.sdds-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 & .sdds-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.sdds-form-textfield-disabled {\n .sdds-textfield-container {\n border-bottom-color: transparent;\n }\n\n .sdds-textfield-slot-wrap-prefix,\n .sdds-textfield-slot-wrap-suffix {\n > * {\n color: var(--sdds-textfield-ps-color-disabled);\n }\n }\n\n .sdds-textfield-label-outside {\n > * {\n color: var(--sdds-textfield-label-disabled);\n }\n }\n\n}\n\n//Read only state\n\n.sdds-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.sdds-form-textfield-readonly {\n pointer-events: none;\n\n .sdds-textfield-icon__readonly {\n display: block;\n\n &:hover {\n ~ .sdds-textfield-icon__readonly-label {\n display: block;\n }\n }\n }\n\n .sdds-textfield-input {\n padding-right: 54px;\n background-color: transparent;\n }\n}\n\n//Success state\n.sdds-form-textfield-success {\n .sdds-textfield-container {\n border-bottom-color: var(--sdds-textfield-border-bottom-success);\n }\n}\n\n//Error State\n.sdds-form-textfield-error {\n .sdds-textfield-helper {\n color: var(--sdds-textfield-helper-error);\n }\n\n .sdds-textfield-container {\n border-bottom-color: var(--sdds-textfield-border-bottom-error);\n }\n\n .sdds-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// .sdds-textfield-textcounter {\n.sdds-textfield-helper-error-state {\n display: flex;\n gap: 8px;\n flex-wrap: nowrap;\n}\n\n.sdds-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 & .sdds-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.sdds-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 &.sdds-textfield-error {\n sdds-icon,\n .sdds-icon {\n color: var(--sdds-negative);\n }\n }\n}\n\n.sdds-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 &.sdds-textfield-error {\n sdds-icon,\n .sdds-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 & ~ .sdds-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})\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 let className = ' sdds-textfield-input';\n if (this.size === 'md') {\n className += `${className}-md`;\n }\n if (this.size === 'sm') {\n className += `${className}-sm`;\n }\n return (\n <div\n class={`\n ${this.noMinWidth ? 'sdds-form-textfield-nomin' : ''}\n ${\n this.focusInput && !this.disabled\n ? 'sdds-form-textfield sdds-textfield-focus'\n : ' sdds-form-textfield'\n }\n ${this.value ? 'sdds-textfield-data' : ''}\n ${\n this.labelPosition === 'inside' && this.size !== 'sm'\n ? 'sdds-textfield-container-label-inside'\n : ''\n }\n ${this.disabled ? 'sdds-form-textfield-disabled' : ''}\n ${this.readOnly ? 'sdds-form-textfield-readonly' : ''}\n ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}` : ''}\n ${this.size === 'md' ? 'sdds-form-textfield-md' : ''}\n ${this.size === 'sm' ? 'sdds-form-textfield-sm' : ''}\n ${\n this.state === 'error' || this.state === 'success'\n ? `sdds-form-textfield-${this.state}`\n : ''\n }\n `}\n >\n {this.labelPosition === 'outside' && (\n <div class=\"sdds-textfield-label-outside\">\n <div>{this.label}</div>\n </div>\n )}\n <div onClick={() => this.textInput.focus()} class=\"sdds-textfield-container\">\n <div class={`sdds-textfield-slot-wrap-prefix sdds-textfield-${this.state}`}>\n <slot name=\"sdds-prefix\" />\n </div>\n\n <div class=\"sdds-textfield-input-container\">\n <input\n ref={(inputEl) => (this.textInput = inputEl as HTMLInputElement)}\n class={className}\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=\"sdds-textfield-label-inside\">{this.label}</label>\n )}\n </div>\n <div class=\"sdds-textfield-bar\"></div>\n\n <div class={`sdds-textfield-slot-wrap-suffix sdds-textfield-${this.state}`}>\n <slot name=\"sdds-suffix\" />\n </div>\n <span class=\"sdds-textfield-icon__readonly\">\n <sdds-icon name=\"edit_inactive\" size=\"20px\"></sdds-icon>\n </span>\n <span class=\"sdds-textfield-icon__readonly-label\">This field is non-editable</span>\n </div>\n\n <div class=\"sdds-textfield-helper\">\n {this.state === 'error' && (\n <div class=\"sdds-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=\"sdds-textfield-textcounter\">\n {this.value === null ? 0 : this.value?.length}\n <span class=\"sdds-textfield-textcounter-divider\"> / </span>\n {this.maxLength}\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,+nf,MCORC,EAAS,M,uLAKiC,O,mBAGM,W,WAGnC,G,uCAMM,G,WAGW,G,cAGb,M,cAGA,M,UAGO,K,iBAIY,K,gBAGjB,M,UAGf,G,WAGkC,U,wCAMpB,M,0BAc7BC,aAAaC,GACXC,KAAKC,WAAWC,KAAKH,E,CAavBI,YAAYJ,GACVC,KAAKI,UAAUF,KAAKH,GACpBC,KAAKK,MAAQN,EAAMO,OAAOD,K,CAa5BE,YAAYR,GACVC,KAAKQ,UAAUC,QACfT,KAAKU,WAAa,KAClBV,KAAKW,UAAUT,KAAKH,E,CAatBa,WAAWb,GACTC,KAAKU,WAAa,MAClBV,KAAKa,SAASX,KAAKH,E,CAGrBe,S,MACE,IAAIC,EAAY,wBAChB,GAAIf,KAAKgB,OAAS,KAAM,CACtBD,GAAa,GAAGA,M,CAElB,GAAIf,KAAKgB,OAAS,KAAM,CACtBD,GAAa,GAAGA,M,CAElB,OACEE,EAAA,OACEC,MAAO,aACLlB,KAAKmB,WAAa,4BAA8B,eAEhDnB,KAAKU,aAAeV,KAAKoB,SACrB,2CACA,mCAEJpB,KAAKK,MAAQ,sBAAwB,eAErCL,KAAKqB,gBAAkB,UAAYrB,KAAKgB,OAAS,KAC7C,wCACA,eAEJhB,KAAKoB,SAAW,+BAAiC,eACjDpB,KAAKsB,SAAW,+BAAiC,eACjDtB,KAAKuB,cAAgB,KAAO,qBAAqBvB,KAAKuB,cAAgB,eACtEvB,KAAKgB,OAAS,KAAO,yBAA2B,eAChDhB,KAAKgB,OAAS,KAAO,yBAA2B,eAEhDhB,KAAKwB,QAAU,SAAWxB,KAAKwB,QAAU,UACrC,uBAAuBxB,KAAKwB,QAC5B,gBAILxB,KAAKqB,gBAAkB,WACtBJ,EAAA,OAAKC,MAAM,gCACTD,EAAA,WAAMjB,KAAKyB,QAGfR,EAAA,OAAKS,QAAS,IAAM1B,KAAKQ,UAAUC,QAASS,MAAM,4BAChDD,EAAA,OAAKC,MAAO,kDAAkDlB,KAAKwB,SACjEP,EAAA,QAAMU,KAAK,iBAGbV,EAAA,OAAKC,MAAM,kCACTD,EAAA,SACEW,IAAMC,GAAa7B,KAAKQ,UAAYqB,EACpCX,MAAOH,EACPe,KAAM9B,KAAK8B,KACXV,SAAUpB,KAAKoB,SACfW,SAAU/B,KAAKsB,SACfU,YAAahC,KAAKgC,YAClB3B,MAAOL,KAAKK,MACZ4B,UAAWjC,KAAKiC,UAChBC,UAAWlC,KAAKmC,UAChBR,KAAM3B,KAAK2B,KACXS,QAAUrC,GAAUC,KAAKG,YAAYJ,GACrCsC,SAAWtC,GAAUC,KAAKF,aAAaC,GACvCuC,QAAUvC,IACR,IAAKC,KAAKsB,SAAU,CAClBtB,KAAKO,YAAYR,E,GAGrBwC,OAASxC,IACP,IAAKC,KAAKsB,SAAU,CAClBtB,KAAKY,WAAWb,E,KAKrBC,KAAKqB,gBAAkB,UAAYrB,KAAKgB,OAAS,MAChDC,EAAA,SAAOC,MAAM,+BAA+BlB,KAAKyB,QAGrDR,EAAA,OAAKC,MAAM,uBAEXD,EAAA,OAAKC,MAAO,kDAAkDlB,KAAKwB,SACjEP,EAAA,QAAMU,KAAK,iBAEbV,EAAA,QAAMC,MAAM,iCACVD,EAAA,aAAWU,KAAK,gBAAgBX,KAAK,UAEvCC,EAAA,QAAMC,MAAM,uCAAqC,+BAGnDD,EAAA,OAAKC,MAAM,yBACRlB,KAAKwB,QAAU,SACdP,EAAA,OAAKC,MAAM,qCACTD,EAAA,aAAWU,KAAK,QAAQX,KAAK,SAC5BhB,KAAKwC,QAGTxC,KAAKwB,QAAU,SAAWxB,KAAKwC,OAE/BxC,KAAKmC,UAAY,GAChBlB,EAAA,OAAKC,MAAM,8BACRlB,KAAKK,QAAU,KAAO,GAAIoC,EAAAzC,KAAKK,SAAK,MAAAoC,SAAA,SAAAA,EAAEC,OACvCzB,EAAA,QAAMC,MAAM,sCAAoC,OAC/ClB,KAAKmC,Y"}

package/dist/tegel/p-15ae0f77.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as d,h as s,H as e}from"./p-1b74896d.js";const a=':root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,.sdds-mode-light{--sdds-link-text-decoration:none;--sdds-dropdown-color:var(--sdds-grey-958);--sdds-dropdown-background:var(--sdds-grey-50);--sdds-dropdown-background-hover:var(--sdds-grey-100);--sdds-dropdown-background-disabled:var(--sdds-white);--sdds-dropdown-disabled:var(--sdds-grey-400);--sdds-dropdown-border:var(--sdds-grey-100);--sdds-dropdown-label-inside:var(--sdds-grey-700);--sdds-dropdown-label-outside:var(--sdds-grey-958);--sdds-dropdown-placeholder:var(--sdds-grey-700);--sdds-dropdown-border-not-focused:var(--sdds-grey-600);--sdds-dropdown-option-color:var(--sdds-grey-900);--sdds-dropdown-option-disabled-color:var(--sdds-grey-400)}:root .sdds-mode-variant-primary,.sdds-mode-light .sdds-mode-variant-primary{--sdds-dropdown-background:var(--sdds-grey-50);--sdds-dropdown-background-hover:var(--sdds-grey-100)}:root .sdds-mode-variant-secondary,.sdds-mode-light .sdds-mode-variant-secondary{--sdds-dropdown-background:var(--sdds-white);--sdds-dropdown-background-hover:var(--sdds-grey-50)}.sdds-mode-dark{--sdds-link-text-decoration:none;--sdds-dropdown-color:var(--sdds-grey-400);--sdds-dropdown-background:var(--sdds-grey-868);--sdds-dropdown-background-hover:var(--sdds-grey-800);--sdds-dropdown-background-disabled:var(--sdds-grey-900);--sdds-dropdown-disabled:var(--sdds-grey-800);--sdds-dropdown-border:var(--sdds-grey-800);--sdds-dropdown-label-inside:var(--sdds-grey-400);--sdds-dropdown-label-outside:var(--sdds-grey-100);--sdds-dropdown-placeholder:var(--sdds-grey-400);--sdds-dropdown-border-not-focused:var(--sdds-grey-600);--sdds-dropdown-option-color:var(--sdds-grey-50);--sdds-dropdown-option-disabled-color:var(--sdds-grey-800)}.sdds-mode-dark .sdds-mode-variant-primary{--sdds-dropdown-background:var(--sdds-grey-868);--sdds-dropdown-background-hover:var(--sdds-grey-800)}.sdds-mode-dark .sdds-mode-variant-secondary{--sdds-dropdown-background:var(--sdds-grey-900);--sdds-dropdown-background-hover:var(--sdds-grey-800)}.sdds-dropdown-helper{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);color:var(--sdds-grey-700);margin-top:var(--sdds-spacing-element-4);display:flex}.sdds-dropdown-helper .sdds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.sdds-dropdown-label-inside{font:var(--sdds-detail-ex-07);letter-spacing:var(--sdds-detail-ex-07-ls);color:var(--sdds-dropdown-label-inside)}.sdds-dropdown-label-outside{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);display:block;color:var(--sdds-dropdown-label-outside);margin-bottom:var(--sdds-spacing-element-8)}:root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,.sdds-mode-light{--sdds-link-text-decoration:none;--sdds-dropdown-color:var(--sdds-grey-958);--sdds-dropdown-background:var(--sdds-grey-50);--sdds-dropdown-background-hover:var(--sdds-grey-100);--sdds-dropdown-background-disabled:var(--sdds-white);--sdds-dropdown-disabled:var(--sdds-grey-400);--sdds-dropdown-border:var(--sdds-grey-100);--sdds-dropdown-label-inside:var(--sdds-grey-700);--sdds-dropdown-label-outside:var(--sdds-grey-958);--sdds-dropdown-placeholder:var(--sdds-grey-700);--sdds-dropdown-border-not-focused:var(--sdds-grey-600);--sdds-dropdown-option-color:var(--sdds-grey-900);--sdds-dropdown-option-disabled-color:var(--sdds-grey-400)}:root .sdds-mode-variant-primary,.sdds-mode-light .sdds-mode-variant-primary{--sdds-dropdown-background:var(--sdds-grey-50);--sdds-dropdown-background-hover:var(--sdds-grey-100)}:root .sdds-mode-variant-secondary,.sdds-mode-light .sdds-mode-variant-secondary{--sdds-dropdown-background:var(--sdds-white);--sdds-dropdown-background-hover:var(--sdds-grey-50)}.sdds-mode-dark{--sdds-link-text-decoration:none;--sdds-dropdown-color:var(--sdds-grey-400);--sdds-dropdown-background:var(--sdds-grey-868);--sdds-dropdown-background-hover:var(--sdds-grey-800);--sdds-dropdown-background-disabled:var(--sdds-grey-900);--sdds-dropdown-disabled:var(--sdds-grey-800);--sdds-dropdown-border:var(--sdds-grey-800);--sdds-dropdown-label-inside:var(--sdds-grey-400);--sdds-dropdown-label-outside:var(--sdds-grey-100);--sdds-dropdown-placeholder:var(--sdds-grey-400);--sdds-dropdown-border-not-focused:var(--sdds-grey-600);--sdds-dropdown-option-color:var(--sdds-grey-50);--sdds-dropdown-option-disabled-color:var(--sdds-grey-800)}.sdds-mode-dark .sdds-mode-variant-primary{--sdds-dropdown-background:var(--sdds-grey-868);--sdds-dropdown-background-hover:var(--sdds-grey-800)}.sdds-mode-dark .sdds-mode-variant-secondary{--sdds-dropdown-background:var(--sdds-grey-900);--sdds-dropdown-background-hover:var(--sdds-grey-800)}:root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,.sdds-mode-light{--sdds-checkbox-color:var(--sdds-grey-900);--sdds-checkbox-interaction-01:var(--sdds-blue-800);--sdds-checkbox-interaction-02:var(--sdds-white);--sdds-checkbox-background-hover:var(--sdds-blue-800);--sdds-checkbox-background-focus:var(--sdds-blue-800);--sdds-checkbox-disabled:var(--sdds-grey-400);--sdds-checkbox-background-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23ffffff\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-background-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23b0b7c4\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-500);--sdds-checkbox-color-disabled-after:var(--sdds-grey-500)}:root .sdds-mode-dark,.sdds-mode-light .sdds-mode-dark{--sdds-checkbox-color:var(--sdds-white);--sdds-checkbox-interaction-01:var(--sdds-white);--sdds-checkbox-interaction-02:var(--sdds-grey-958);--sdds-checkbox-background-hover:white;--sdds-checkbox-background-focus:white;--sdds-checkbox-disabled:white;--sdds-checkbox-background-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%230D0F13\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-background-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%2356657A\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-700);--sdds-checkbox-color-disabled-after:var(--sdds-grey-700)}.sdds-checkbox-item{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-item {box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]+label{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-4);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before,.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{content:"";position:absolute;box-sizing:border-box;border-radius:2px}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before{width:24px;height:24px;left:0;top:0}.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px}.sdds-checkbox-item .sdds-form-input[type=checkbox]:hover::before{background-color:var(--sdds-checkbox-background-hover);opacity:0.12}.sdds-checkbox-item .sdds-form-input[type=checkbox]:focus::before{background-color:var(--sdds-checkbox-background-focus);opacity:0.24;transition:opacity 0.2s ease-in-out}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled{cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled::after,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled+label,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled+label{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled:hover::before,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled:hover::before{display:none}.sdds-form-input[type=checkbox]:checked::after{background-image:var(--sdds-checkbox-background-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-form-input[type=checkbox]:checked:disabled:hover::before,.sdds-form-input[type=checkbox]:checked:disabled::before,.sdds-form-input[type=checkbox]:checked.disabled:hover::before,.sdds-form-input[type=checkbox]:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-form-input[type=checkbox]:checked:disabled::after,.sdds-form-input[type=checkbox]:checked.disabled::after{background-image:var(--sdds-checkbox-background-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}:host,::slotted(){color:var(--sdds-grey-958);box-sizing:border-box;box-sizing:border-box}:host ,::slotted() {box-sizing:border-box}:host,::slotted(){--sdds-dropdown-label-outside:var(--sdds-dropdown-label-outside);--sdds-dropdown-label-outside-text-decoration:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-958);box-sizing:border-box}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--sdds-grey-400);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--sdds-grey-400)}.sdds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.sdds-dropdown,.sdds-dropdown *{box-sizing:border-box}.sdds-dropdown .sdds-dropdown-toggle{font:var(--sdds-detail-ex-02);letter-spacing:var(--sdds-detail-ex-02-ls);color:var(--sdds-dropdown-color);display:flex;align-items:center;background-color:var(--sdds-dropdown-background);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--sdds-dropdown-border-not-focused);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.sdds-dropdown .sdds-dropdown-toggle:hover{border-bottom-color:var(--sdds-grey-600)}.sdds-dropdown .sdds-dropdown-toggle:focus::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:2px solid var(--sdds-blue-400)}.sdds-dropdown .sdds-dropdown-toggle:active,.sdds-dropdown .sdds-dropdown-toggle.active .sdds-dropdown .sdds-dropdown-toggle.selected{border-bottom-color:var(--sdds-dropdown-border-not-focused)}.sdds-dropdown .sdds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.sdds-dropdown .sdds-dropdown-toggle-lg{padding:20px 16px}.sdds-dropdown .sdds-dropdown-toggle-md{padding:16px}.sdds-dropdown .sdds-dropdown-toggle-sm{padding:12px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.sdds-dropdown .sdds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--sdds-dropdown-border-not-focused)}.sdds-dropdown .sdds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.sdds-dropdown .sdds-dropdown-placeholder{color:var(--sdds-grey-700)}.sdds-dropdown .sdds-dropdown-label{display:grid;width:calc(100% - 25px)}.sdds-dropdown .sdds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-dropdown.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-container--label-inside{padding-bottom:12px}.sdds-dropdown .sdds-dropdown-filter{border:0;outline:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-dropdown-link);width:100%;background:transparent}.sdds-dropdown .sdds-dropdown-filter:focus{outline:none}.sdds-dropdown .sdds-dropdown-filter::placeholder{color:var(--sdds-grey-700);opacity:1}.sdds-dropdown .sdds-dropdown-menu{z-index:100;background-color:var(--sdds-dropdown-background);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--sdds-dropdown-border);border-right-color:var(--sdds-dropdown-border);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}.sdds-dropdown .sdds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.sdds-dropdown.sdds-dropdown-lg .sdds-dropdown-toggle{height:56px}.sdds-dropdown.sdds-dropdown-md .sdds-dropdown-toggle{height:48px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-toggle{height:40px}:host(.sdds-dropdown--open-upwards) .sdds-dropdown .sdds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.sdds-dropdown--open-upwards[label-position=outside]) span.sdds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle{pointer-events:none;color:var(--sdds-dropdown-option-disabled-color);border:none;padding:0 16px}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-placeholder{color:var(--sdds-dropdown-placeholder)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-label-inside{color:var(--sdds-dropdown-label-inside)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle:focus::before{content:none}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle:focus::before{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper{color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper .sdds-dropdown-error-icon{display:flex}:host ::slotted(sdds-dropdown-option){display:flex;padding:var(--sdds-spacing-element-16);background-color:var(--sdds-dropdown-background);border-top:1px solid transparent;border-bottom:1px solid var(--sdds-dropdown-border);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box;color:var(--sdds-dropdown-option-color)}:host ::slotted(sdds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(sdds-dropdown-option:hover),:host ::slotted(sdds-dropdown-option:focus){background-color:var(--sdds-dropdown-background-hover)}:host ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)){background-color:var(--sdds-dropdown-background-hover)}:host ::slotted(sdds-dropdown-option:hover:focus){outline:none}:host ::slotted(sdds-dropdown-option:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host ::slotted(sdds-dropdown-option.sdds-dropdown--selected),:host ::slotted(sdds-dropdown-option.selected),:host ::slotted(sdds-dropdown-option.active),:host ::slotted(sdds-dropdown-option:active){background-color:var(--sdds-dropdown-background-hover);border-top:1px solid var(--sdds-dropdown-border);border-bottom:1px solid var(--sdds-dropdown-border)}:host ::slotted(sdds-dropdown-option.sdds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),:host ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled){cursor:not-allowed;color:var(--sdds-dropdown-option-disabled-color);background-color:var(--sdds-dropdown-background-disabled)}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--sdds-dropdown-border)}.sdds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.sdds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--sdds-spacing-element-16)}.sdds-option-checkmark path{color:var(--sdds-dropdown-option-color)}:host([size=sm]) ::slotted(sdds-dropdown-option){padding:var(--sdds-spacing-element-12) var(--sdds-spacing-element-16)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle.is-filter::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--sdds-blue-400)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-arrow{transform:rotate(180deg)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-menu{transform:scaleY(1)}:host(.sdds-dropdown--open) ::slotted(sdds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .sdds-option-checkmark{opacity:1}.sdds-dropdown-label-inside{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-dropdown-label-inside);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside .sdds-dropdown-placeholder{display:block;padding-top:4px}.sdds-dropdown-lg .sdds-dropdown-label-inside{display:block;top:16px}.sdds-dropdown-md .sdds-dropdown-label-inside{display:block;top:12px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-inside{display:none}.sdds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-option-checkbox{margin-right:8px}.sdds-form-label{display:flex}';const o=class{constructor(s){d(this,s);this.dataOptions=[];this.filteredContent=[];this.searchTerm="";this.selectedOptionState=undefined;this.dropdownRef=undefined;this.placeholder="";this.label=undefined;this.defaultOption=undefined;this.selectedOption=undefined;this.disabled=undefined;this.size="lg";this.inline=false;this.labelPosition="no-label";this.state="default";this.helper="";this.data=undefined;this.selectedLabel="no-selected";this.selectedValue="no-selected"}componentWillLoad(){this.parseData(this.data);if(this.defaultOption){this.selectedOptionState=this.defaultOption}}parseData(d){if(d)this.dataOptions=JSON.parse(d);this.filteredContent=this.dataOptions}updateOptionsContent(d){this.searchTerm=d.detail;this.findData()}selectOptionHandler(d){this.selectedOptionState=d.detail.value;this.selectedLabel=d.detail.label;this.selectedValue=d.detail.value;setTimeout((()=>{this.filteredContent=this.dataOptions}),200)}findData(){const d=new RegExp(this.searchTerm,"gmi");this.filteredContent=this.dataOptions.filter((s=>{if(s.label){const e=s.label.toLowerCase();const a=e.match(d);if(a){return a}this.selectedOptionState=null;this.selectedLabel="no-result";this.selectedValue="no-result"}}))}setOptionsContent(){const d=this.filteredContent.map((d=>s("sdds-dropdown-option",{tabindex:"0",value:d.value,class:`${this.selectedOptionState===d.value?"selected":""}`},d.label)));if(d.length>0){return d}return s("sdds-dropdown-option",{tabindex:"-1",value:"no-result",class:"sdds-option--no-result"},"No result")}async resetOption(){var d;await((d=this.dropdownRef)===null\|\|d===void 0?void 0:d.resetOption())}render(){return s(e,{"selected-value":this.selectedValue,"selected-text":this.selectedLabel},s("sdds-dropdown",{ref:d=>this.dropdownRef=d,exportparts:"dropdown-filter-disabled",size:this.size,label:this.label,disabled:this.disabled,labelPosition:this.labelPosition,helper:this.helper,state:this.state,placeholder:this.placeholder,defaultOption:this.defaultOption,selectedOption:this.selectedOption,type:"filter",tabindex:this.disabled?"-1":null},this.setOptionsContent()))}static get watchers(){return{data:["parseData"]}}};o.style=a;export{o as sdds_dropdown_filter};
2	- //# sourceMappingURL=p-15ae0f77.entry.js.map

package/dist/tegel/p-15ae0f77.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["dropdownCss","DropdownFilter","componentWillLoad","this","parseData","data","defaultOption","selectedOptionState","newValue","dataOptions","JSON","parse","filteredContent","updateOptionsContent","event","searchTerm","detail","findData","selectOptionHandler","value","selectedLabel","label","selectedValue","setTimeout","searchAsRegEx","RegExp","filter","option","listItem","toLowerCase","searchResultList","match","setOptionsContent","newList","map","obj","h","tabindex","class","length","async","_a","dropdownRef","resetOption","render","Host","ref","el","exportparts","size","disabled","labelPosition","helper","state","placeholder","selectedOption","type"],"sources":["./src/components/dropdown/dropdown.scss?tag=sdds-dropdown-filter&encapsulation=shadow","./src/components/dropdown/dropdown-filter/dropdown-filter.tsx"],"sourcesContent":["@import '../../mixins/z-index';\n@import './dropdown-core';\n@import './dropdown-theme-vars.scss';\n@import '../../global/scania-fonts-vars.scss';\n\n@import '../checkbox/checkbox.scss';\n@import '../../mixins/box-sizing';\n\n:host,\n::slotted(*) {\n color: var(--sdds-grey-958);\n box-sizing: border-box;\n @include sdds-box-sizing;\n}\n\n:host,\n::slotted(*) {\n --sdds-dropdown-label-outside: var(--sdds-dropdown-label-outside);\n --sdds-dropdown-label-outside-text-decoration: none;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-grey-958);\n box-sizing: border-box;\n}\n\n:host {\n position: relative;\n z-index: auto;\n\n &::part(dropdown-filter-disabled) {\n cursor: not-allowed;\n caret-color: transparent;\n pointer-events: none;\n color: var(--sdds-grey-400);\n border: none;\n\n &::placeholder {\n color: var(--sdds-grey-400);\n }\n }\n}\n\n.sdds-dropdown {\n position: relative;\n display: flex;\n flex-flow: column wrap;\n width: 100%;\n border: 0;\n\n &,\n * {\n box-sizing: border-box;\n }\n\n .sdds-dropdown-toggle {\n @include dropdown-wrapper;\n\n display: flex;\n align-items: center;\n\n &-lg {\n padding: 20px 16px;\n }\n\n &-md {\n padding: 16px;\n }\n\n &-sm {\n padding: 12px 16px;\n }\n\n &.sdds-dropdown-toggle-label-inside {\n &-lg {\n padding: 20px 16px 16px;\n }\n\n &-md {\n padding: 16px 16px 12px;\n }\n }\n }\n\n .sdds-dropdown-toggle--selected:not(:focus) {\n border-bottom: 1px solid var(--sdds-dropdown-border-not-focused);\n }\n\n .sdds-dropdown-arrow {\n width: 20px;\n position: absolute;\n right: 16px;\n color: inherit;\n transform: rotate(0);\n transition: transform ease 250ms;\n }\n\n .sdds-dropdown-placeholder {\n color: var(--sdds-grey-700);\n }\n\n .sdds-dropdown-label {\n display: grid;\n width: calc(100% - 25px);\n }\n\n .sdds-dropdown-label-container {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.sdds-dropdown.sdds-dropdown-sm {\n .sdds-dropdown-label-container--label-inside {\n padding-bottom: 12px;\n }\n }\n\n .sdds-dropdown-filter {\n border: 0;\n outline: none;\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-dropdown-link);\n width: 100%;\n background: transparent;\n\n &:focus {\n outline: none;\n }\n\n &::placeholder {\n color: var(--sdds-grey-700);\n opacity: 1;\n }\n }\n\n .sdds-dropdown-menu {\n z-index: z(dropdown);\n\n @include sdds-scrollbar;\n\n background-color: var(--sdds-dropdown-background);\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 100%;\n max-height: 360px; // max 7 option items, then add scroll\n border-color: transparent;\n border-style: solid;\n border-width: 0 1px 1px;\n box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);\n border-left-color: var(--sdds-dropdown-border);\n border-right-color: var(--sdds-dropdown-border);\n overflow-x: hidden;\n overflow-y: auto;\n transform: scaleY(0);\n transform-origin: top;\n transition: transform 250ms ease;\n }\n\n // Size lg\n &.sdds-dropdown-lg {\n .sdds-dropdown-toggle {\n height: 56px;\n }\n }\n\n // Size md\n &.sdds-dropdown-md {\n .sdds-dropdown-toggle {\n height: 48px;\n }\n }\n\n // Size sm\n &.sdds-dropdown-sm {\n .sdds-dropdown-toggle {\n height: 40px;\n }\n }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n .sdds-dropdown {\n .sdds-dropdown-menu {\n top: auto;\n bottom: 100%;\n box-shadow: 0 -1px 3px 0 rgb(0 0 0 / 10%);\n transform-origin: bottom;\n }\n }\n}\n\n:host(.sdds-dropdown--open-upwards[label-position='outside']) {\n span.sdds-dropdown-menu {\n bottom: calc(100% - 24px);\n }\n}\n\n:host([disabled='true']) {\n cursor: not-allowed;\n\n .sdds-dropdown {\n .sdds-dropdown-toggle {\n pointer-events: none;\n color: var(--sdds-dropdown-option-disabled-color);\n border: none;\n padding: 0 16px;\n\n .sdds-dropdown-placeholder {\n color: var(--sdds-dropdown-placeholder);\n }\n\n .sdds-dropdown-label-inside {\n color: var(--sdds-dropdown-label-inside);\n }\n\n &:focus {\n &::before {\n content: none;\n }\n }\n }\n }\n}\n\n:host(.sdds-dropdown--error) {\n .sdds-dropdown {\n .sdds-dropdown-toggle {\n border-color: var(--sdds-negative);\n\n &:focus {\n &::before {\n border-color: var(--sdds-negative);\n }\n }\n }\n }\n\n .sdds-dropdown-helper {\n color: var(--sdds-negative);\n\n .sdds-dropdown-error-icon {\n display: flex;\n }\n }\n}\n\n// dropdown option\n:host {\n ::slotted(sdds-dropdown-option) {\n display: flex;\n padding: var(--sdds-spacing-element-16);\n background-color: var(--sdds-dropdown-background);\n border-top: 1px solid transparent;\n border-bottom: 1px solid var(--sdds-dropdown-border);\n opacity: 0;\n visibility: hidden;\n cursor: pointer;\n box-sizing: border-box;\n color: var(--sdds-dropdown-option-color);\n }\n\n ::slotted(sdds-dropdown-option:last-child) {\n border-bottom-color: transparent;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n }\n\n ::slotted(sdds-dropdown-option:hover),\n ::slotted(sdds-dropdown-option:focus) {\n background-color: var(--sdds-dropdown-background-hover);\n }\n\n ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)) {\n background-color: var(--sdds-dropdown-background-hover);\n }\n\n ::slotted(sdds-dropdown-option:hover:focus) {\n outline: none;\n }\n\n ::slotted(sdds-dropdown-option:focus) {\n outline: 2px solid var(--sdds-blue-400);\n outline-offset: -2px;\n }\n\n ::slotted(sdds-dropdown-option.sdds-dropdown--selected),\n ::slotted(sdds-dropdown-option.selected),\n ::slotted(sdds-dropdown-option.active),\n ::slotted(sdds-dropdown-option:active) {\n background-color: var(--sdds-dropdown-background-hover);\n border-top: 1px solid var(--sdds-dropdown-border);\n border-bottom: 1px solid var(--sdds-dropdown-border);\n }\n\n ::slotted(sdds-dropdown-option.sdds-option--no-result) {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),\n ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled) {\n cursor: not-allowed;\n color: var(--sdds-dropdown-option-disabled-color);\n background-color: var(--sdds-dropdown-background-disabled);\n }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n ::slotted(sdds-dropdown-option:first-child) {\n border-radius: 4px 4px 0 0;\n }\n\n ::slotted(sdds-dropdown-option:last-child) {\n border-radius: 0;\n border-bottom: 1px solid var(--sdds-dropdown-border);\n }\n}\n\n.sdds-option-label {\n margin: auto 0;\n display: flex;\n align-content: center;\n text-decoration: none;\n flex-grow: 2;\n}\n\n.sdds-option-checkmark {\n color: inherit;\n opacity: 0;\n transition: opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);\n margin-left: var(--sdds-spacing-element-16);\n\n path {\n color: var(--sdds-dropdown-option-color);\n }\n}\n\n:host([size='sm']) {\n ::slotted(sdds-dropdown-option) {\n padding: var(--sdds-spacing-element-12) var(--sdds-spacing-element-16);\n }\n}\n\n:host(.sdds-dropdown--open) {\n .sdds-dropdown {\n .sdds-dropdown-toggle {\n box-shadow: 0 -1px 3px -1px rgb(0 0 0 / 10%);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n\n // TODO: what is this? it doesnt seem to do anything.\n &.is-filter {\n &::before {\n content: ' ';\n position: absolute;\n z-index: 2;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 1px solid var(--sdds-blue-400);\n }\n }\n }\n\n .sdds-dropdown-arrow {\n transform: rotate(180deg);\n }\n\n .sdds-dropdown-menu {\n transform: scaleY(1);\n }\n }\n\n ::slotted(sdds-dropdown-option) {\n visibility: visible;\n opacity: 1;\n }\n}\n\n:host(.selected) {\n .sdds-option-checkmark {\n opacity: 1;\n }\n}\n\n.sdds-dropdown-label-inside {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-dropdown-label-inside);\n position: absolute;\n transition: transform 250ms ease, color 200ms ease;\n width: calc(100% - 63px);\n overflow: hidden;\n text-overflow: ellipsis;\n transform: translate(0, -10px);\n font-size: 10px;\n}\n\n.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside {\n .sdds-dropdown-placeholder {\n display: block;\n padding-top: 4px;\n }\n}\n\n.sdds-dropdown-lg {\n .sdds-dropdown-label-inside {\n display: block;\n top: 16px;\n }\n}\n\n.sdds-dropdown-md {\n .sdds-dropdown-label-inside {\n display: block;\n top: 12px;\n }\n}\n\n.sdds-dropdown.sdds-dropdown-sm {\n .sdds-dropdown-label-inside {\n display: none;\n }\n}\n\n.sdds-dropdown-multiselect-result {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.sdds-option-checkbox {\n margin-right: 8px;\n}\n\n.sdds-form-label {\n display: flex;\n}\n","import { Component, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'sdds-dropdown-filter',\n shadow: true,\n styleUrl: './../dropdown.scss',\n})\nexport class DropdownFilter {\n @State() dataOptions = [];\n\n @State() filteredContent = [];\n\n @State() searchTerm = '';\n\n @State() selectedOptionState: any;\n\n @State() dropdownRef?: HTMLSddsDropdownElement;\n\n /** Placeholder text for dropdown with no selected item */\n @Prop() placeholder: string = '';\n\n /** Label for dropdown with no selected item */\n @Prop() label: string;\n\n /** Add the value of the option to set it as default */\n @Prop() defaultOption: string;\n\n /** Add the value of the option as string to set it as new selected value */\n @Prop() selectedOption: string;\n\n /** Add the value of the option to set it as default */\n @Prop() disabled: boolean;\n\n /** Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated */\n @Prop() size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' = 'lg';\n\n /** Set to true to make the width following the label text length */\n @Prop() inline: boolean = false;\n\n /** Position of label */\n @Prop() labelPosition: 'no-label' | 'inside' | 'outside' = 'no-label';\n\n /** Support `error` state */\n @Prop() state: string = 'default';\n\n /** Add helper text in the bottom of dropdown */\n @Prop() helper: string = '';\n\n /** Data is an array of objects that contains label and value\n * `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`\n */\n @Prop() data: string;\n\n @State() selectedLabel: string = 'no-selected';\n\n @State() selectedValue: string = 'no-selected';\n\n componentWillLoad() {\n this.parseData(this.data);\n\n if (this.defaultOption) {\n this.selectedOptionState = this.defaultOption;\n }\n }\n\n @Watch('data')\n parseData(newValue: string) {\n if (newValue) this.dataOptions = JSON.parse(newValue);\n this.filteredContent = this.dataOptions;\n }\n\n @Listen('inputSearch')\n updateOptionsContent(event: CustomEvent<any>) {\n this.searchTerm = event.detail;\n this.findData();\n }\n\n @Listen('selectOption')\n selectOptionHandler(event: CustomEvent<any>) {\n this.selectedOptionState = event.detail.value;\n this.selectedLabel = event.detail.label;\n this.selectedValue = event.detail.value;\n\n // Reset list when search is done and user have selected one option\n // To match with animation time for option list to fadeout first\n setTimeout(() => {\n this.filteredContent = this.dataOptions;\n }, 200);\n }\n\n findData() {\n const searchAsRegEx = new RegExp(this.searchTerm, 'gmi');\n this.filteredContent = this.dataOptions.filter(option => {\n if (option.label) {\n const listItem = option.label.toLowerCase();\n const searchResultList = listItem.match(searchAsRegEx);\n if (searchResultList) {\n return searchResultList;\n }\n this.selectedOptionState = null;\n this.selectedLabel = 'no-result';\n this.selectedValue = 'no-result';\n }\n });\n }\n\n setOptionsContent() {\n const newList = this.filteredContent.map(obj => (\n <sdds-dropdown-option tabindex=\"0\" value={obj.value} class={`${this.selectedOptionState === obj.value ? 'selected' : ''}`}>\n {obj.label}\n </sdds-dropdown-option>\n ));\n if (newList.length > 0) {\n return newList;\n }\n return (\n <sdds-dropdown-option tabindex=\"-1\" value=\"no-result\" class=\"sdds-option--no-result\">\n No result\n </sdds-dropdown-option>\n );\n }\n\n /** Use this method to reset the dropdown. Then it will go back to its initial state. */\n @Method() async resetOption() {\n await this.dropdownRef?.resetOption();\n }\n\n render() {\n return (\n <Host selected-value={this.selectedValue} selected-text={this.selectedLabel}>\n <sdds-dropdown\n ref={el => (this.dropdownRef = el)}\n exportparts=\"dropdown-filter-disabled\"\n size={this.size}\n label={this.label}\n disabled={this.disabled}\n labelPosition={this.labelPosition}\n helper={this.helper}\n state={this.state}\n placeholder={this.placeholder}\n defaultOption={this.defaultOption}\n selectedOption={this.selectedOption}\n type=\"filter\"\n tabindex={this.disabled ? '-1' : null}\n >\n {this.setOptionsContent()}\n </sdds-dropdown>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,upkC,MCOPC,EAAc,M,0CACF,G,qBAEI,G,gBAEL,G,+EAOQ,G,kHAeoC,K,YAGxC,M,mBAGiC,W,WAGnC,U,YAGC,G,uCAOQ,c,mBAEA,a,CAEjCC,oBACEC,KAAKC,UAAUD,KAAKE,MAEpB,GAAIF,KAAKG,cAAe,CACtBH,KAAKI,oBAAsBJ,KAAKG,a,EAKpCF,UAAUI,GACR,GAAIA,EAAUL,KAAKM,YAAcC,KAAKC,MAAMH,GAC5CL,KAAKS,gBAAkBT,KAAKM,W,CAI9BI,qBAAqBC,GACnBX,KAAKY,WAAaD,EAAME,OACxBb,KAAKc,U,CAIPC,oBAAoBJ,GAClBX,KAAKI,oBAAsBO,EAAME,OAAOG,MACxChB,KAAKiB,cAAgBN,EAAME,OAAOK,MAClClB,KAAKmB,cAAgBR,EAAME,OAAOG,MAIlCI,YAAW,KACTpB,KAAKS,gBAAkBT,KAAKM,WAAW,GACtC,I,CAGLQ,WACE,MAAMO,EAAgB,IAAIC,OAAOtB,KAAKY,WAAY,OAClDZ,KAAKS,gBAAkBT,KAAKM,YAAYiB,QAAOC,IAC7C,GAAIA,EAAON,MAAO,CAChB,MAAMO,EAAWD,EAAON,MAAMQ,cAC9B,MAAMC,EAAmBF,EAASG,MAAMP,GACxC,GAAIM,EAAkB,CACpB,OAAOA,C,CAET3B,KAAKI,oBAAsB,KAC3BJ,KAAKiB,cAAgB,YACrBjB,KAAKmB,cAAgB,W,KAK3BU,oBACE,MAAMC,EAAU9B,KAAKS,gBAAgBsB,KAAIC,GACvCC,EAAA,wBAAsBC,SAAS,IAAIlB,MAAOgB,EAAIhB,MAAOmB,MAAO,GAAGnC,KAAKI,sBAAwB4B,EAAIhB,MAAQ,WAAa,MAClHgB,EAAId,SAGT,GAAIY,EAAQM,OAAS,EAAG,CACtB,OAAON,C,CAET,OACEG,EAAA,wBAAsBC,SAAS,KAAKlB,MAAM,YAAYmB,MAAM,0BAAwB,Y,CAO9EE,oB,aACFC,EAAAtC,KAAKuC,eAAW,MAAAD,SAAA,SAAAA,EAAEE,c,CAG1BC,SACE,OACER,EAACS,EAAI,kBAAiB1C,KAAKmB,cAAa,gBAAiBnB,KAAKiB,eAC5DgB,EAAA,iBACEU,IAAKC,GAAO5C,KAAKuC,YAAcK,EAC/BC,YAAY,2BACZC,KAAM9C,KAAK8C,KACX5B,MAAOlB,KAAKkB,MACZ6B,SAAU/C,KAAK+C,SACfC,cAAehD,KAAKgD,cACpBC,OAAQjD,KAAKiD,OACbC,MAAOlD,KAAKkD,MACZC,YAAanD,KAAKmD,YAClBhD,cAAeH,KAAKG,cACpBiD,eAAgBpD,KAAKoD,eACrBC,KAAK,SACLnB,SAAUlC,KAAK+C,SAAW,KAAO,MAEhC/C,KAAK6B,qB"}

package/dist/tegel/p-1b74896d.js DELETED Viewed

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

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

	@@ -1,2 +0,0 @@
1	- import{r as d,h as r,g as s}from"./p-1b74896d.js";const e=":root,.sdds-mode-light{--sdds-breadcrumb-color:var(--sdds-grey-900);--sdds-breadcrumb-color-hover:var(--sdds-grey-700);--sdds-breadcrumb-color-focus:var(--sdds-grey-700);--sdds-breadcrumb-color-disabled:var(--sdds-grey-500);--sdds-breadcrumb-separator-color:var(--sdds-grey-500)}.sdds-mode-dark{--sdds-breadcrumb-color:var(--sdds-grey-300);--sdds-breadcrumb-color-hover:var(--sdds-grey-500);--sdds-breadcrumb-color-focus:var(--sdds-grey-500);--sdds-breadcrumb-color-disabled:var(--sdds-grey-700);--sdds-breadcrumb-separator-color:var(--sdds-grey-700)}nav ol.sdds-breadcrumb{box-sizing:border-box;padding:0;margin:0;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}nav ol.sdds-breadcrumb *{box-sizing:border-box}";const a=class{constructor(r){d(this,r)}connectedCallback(){this.el.children[this.el.children.length-1].classList.add("sdds-breadcrumb-item-last")}render(){return r("nav",null,r("ol",{class:"sdds-breadcrumb"},r("slot",null)))}get el(){return s(this)}};a.style=e;export{a as sdds_breadcrumb};
2	- //# sourceMappingURL=p-1dc0c48a.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["breadcrumbComponentCss","SddsBreadcrumb","connectedCallback","this","el","children","length","classList","add","render","h","class"],"sources":["./src/components/breadcrumb/breadcrumb-component.scss?tag=sdds-breadcrumb&encapsulation=shadow","./src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["@import 'breadcrumb-theme-vars';\n@import '../../mixins/box-sizing';\n\nnav ol.sdds-breadcrumb {\n @include sdds-box-sizing;\n\n padding: 0;\n margin: 0;\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n}\n","import { Component, h, Element } from '@stencil/core';\n\n@Component({\n tag: 'sdds-breadcrumb',\n styleUrl: 'breadcrumb-component.scss',\n shadow: true,\n})\nexport class SddsBreadcrumb {\n @Element() el: HTMLElement;\n\n connectedCallback() {\n this.el.children[this.el.children.length - 1].classList.add('sdds-breadcrumb-item-last');\n }\n\n render() {\n return (\n <nav>\n <ol class={'sdds-breadcrumb'}>\n <slot></slot>\n </ol>\n </nav>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAyB,6wB,MCOlBC,EAAc,M,yBAGzBC,oBACEC,KAAKC,GAAGC,SAASF,KAAKC,GAAGC,SAASC,OAAS,GAAGC,UAAUC,IAAI,4B,CAG9DC,SACE,OACEC,EAAA,WACEA,EAAA,MAAIC,MAAO,mBACTD,EAAA,c"}

package/dist/tegel/p-243cc1a5.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["tableFooterCss","relevantTableProps","removeShakeAnimation","e","target","classList","remove","TableFooter","this","paginationPrev","event","preventDefault","paginationValue","runPagination","paginationNext","numberOfPages","disablePaginationFunction","dataRowsPagination","host","parentNode","querySelector","querySelectorAll","forEach","item","i","index","tempPaginationDisable","lastResult","rowsPerPage","firstResult","add","clientPaginationPrev","clientPaginationValue","sendPaginationValue","clientPaginationNext","clientMaxPages","tablePropsChangedEventListener","tableId","detail","changed","filter","changedProp","includes","Error","connectedCallback","tableEl","closest","componentWillLoad","tablePropName","numberOfRows","parentElement","childElementCount","numberOfColumns","Math","ceil","clientSetColumnsNumber","columnsNumber","enablePaginationEvent","emit","paginationInputChange","insertedValue","value","max","runPaginationEventListener","currentPageValueEvent","clientPaginationInputChange","render","h","Host","class","compactDesign","colSpan","enablePagination","enableClientPagination","type","min","pattern","dir","onChange","onFocusout","onAnimationEnd","disabled","onClick","fill","xmlns","viewBox","d"],"sources":["./src/components/data-table/table-footer/table-footer.scss?tag=sdds-table-footer&encapsulation=shadow","./src/components/data-table/table-footer/table-footer.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host {\n @include sdds-box-sizing;\n\n display: table-footer-group;\n height: 48px;\n\n .sdds-table__footer-row {\n background-color: var(--sdds-data-table-footer-background);\n color: var(--sdds-data-table-color);\n }\n\n .sdds-table__footer-cell {\n padding: 0 16px;\n\n .sdds-table__pagination {\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .sdds-table__row-selector,\n .sdds-table__page-selector {\n display: flex;\n align-items: center;\n }\n\n .sdds-table__page-selector-input {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n background-color: var(--sdds-data-table-footer-page-selector-input-background);\n color: var(--sdds-data-table-color);\n width: 36px;\n height: 30px;\n border: none;\n border-radius: 4px;\n transition: background-color 250ms ease;\n margin-right: 4px;\n padding-right: 8px;\n\n &:hover {\n background-color: var(--sdds-data-table-footer-page-selector-input-background-hover);\n }\n\n &:disabled {\n color: var(--sdds-data-table-footer-page-selector-input-color-disabled);\n }\n }\n\n .sdds-table__page-selector-input--shake {\n animation: sdds-shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n perspective: 1000px;\n }\n\n .sdds-table__footer-text {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding: 1px 8px 0 0;\n }\n\n .sdds-table__footer-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n border: none;\n background-color: transparent;\n cursor: pointer;\n height: 32px;\n width: 32px;\n border-radius: 4px;\n transition: background-color 250ms ease;\n\n &:hover {\n background-color: var(--sdds-data-table-footer-btn-hover);\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.38;\n\n &:hover {\n background-color: transparent;\n }\n }\n }\n\n .sdds-table__footer-btn-svg {\n height: 20px;\n width: 20px;\n fill: var(--sdds-data-table-color)\n }\n }\n }\n}\n\n:host(.sdds-table--compact) {\n height: 32px;\n\n .sdds-table__footer-cell {\n .sdds-table__pagination {\n height: 32px;\n\n .sdds-table__page-selector-input {\n height: 24px;\n }\n\n .sdds-table__footer-btn {\n height: 28px;\n width: 28px;\n }\n }\n }\n}\n","import {\n Component,\n h,\n Host,\n Listen,\n State,\n Event,\n EventEmitter,\n Prop,\n Element,\n} from '@stencil/core';\nimport { TablePropsChangedEvent } from '../table/table';\n\nconst relevantTableProps: TablePropsChangedEvent['changed'] = [\n 'compactDesign',\n 'noMinWidth',\n 'verticalDividers',\n];\n\nfunction removeShakeAnimation(e: AnimationEvent & { target: HTMLElement }) {\n e.target.classList.remove('sdds-table__page-selector-input--shake');\n}\n\n@Component({\n tag: 'sdds-table-footer',\n styleUrl: 'table-footer.scss',\n shadow: true,\n})\nexport class TableFooter {\n /** Enable pagination and show pagination controls */\n @Prop({ reflect: true }) enablePagination: boolean = false;\n\n /** Sets how many rows to display when pagination is enabled */\n @Prop({ reflect: true }) rowsPerPage: number = 5;\n\n /** Prop to enable client controlled pagination */\n @Prop({ reflect: true }) enableClientPagination: boolean = false;\n\n /** Prop for client to set current page number */\n @Prop({ reflect: true }) clientPaginationValue: number = 1;\n\n /** Prop for client to set max number of pages */\n @Prop({ reflect: true }) clientMaxPages: number = 1;\n\n /** In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too */\n @Prop() clientSetColumnsNumber: number = null;\n\n /** Disables inbuilt pagination logic, leaving user an option to create own pagination functionality while listening to events from sdds-table-footer component */\n @Prop() disablePaginationFunction: boolean = false;\n\n /** State that memorize number of columns to display colSpan correctly - set from parent level */\n @State() columnsNumber: number = 0;\n\n /** Total number of pages, number of the rows divided with number of rows per page */\n @State() numberOfPages: number = 0;\n\n /** Initial value for pagination in input element */\n @State() paginationValue: number = 1;\n\n /** Temporarily disable pagination - due to search - set from parent level */\n @State() tempPaginationDisable: boolean = false;\n\n @State() verticalDividers: boolean = false;\n\n @State() compactDesign: boolean = false;\n\n @State() noMinWidth: boolean = false;\n\n @State() whiteBackground: boolean = false;\n\n @State() tableId: string = '';\n\n @Element() host: HTMLElement;\n\n tableEl: HTMLSddsTableElement;\n\n /** Event that footer sends out in order to receive other necessary information from other subcomponents */\n @Event({\n eventName: 'enablePaginationEvent',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n enablePaginationEvent: EventEmitter<any>;\n\n @Listen('tablePropsChangedEvent', { target: 'body' })\n tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>) {\n if (this.tableId === event.detail.tableId) {\n event.detail.changed\n .filter((changedProp) => relevantTableProps.includes(changedProp))\n .forEach((changedProp) => {\n if (typeof this[changedProp] === 'undefined') {\n throw new Error(`Table prop is not supported: ${changedProp}`);\n }\n this[changedProp] = event.detail[changedProp];\n });\n }\n }\n\n connectedCallback() {\n this.tableEl = this.host.closest('sdds-table');\n this.tableId = this.tableEl.tableId;\n }\n\n componentWillLoad() {\n relevantTableProps.forEach((tablePropName) => {\n this[tablePropName] = this.tableEl[tablePropName];\n });\n\n const numberOfRows = this.host.parentElement.querySelector('sdds-table-body').childElementCount;\n\n const numberOfColumns =\n this.host.parentElement.querySelector('sdds-table-header').childElementCount;\n\n this.numberOfPages = Math.ceil(numberOfRows / this.rowsPerPage);\n\n if (this.clientSetColumnsNumber !== null) {\n this.columnsNumber = this.clientSetColumnsNumber;\n } else {\n this.columnsNumber = numberOfColumns;\n }\n\n this.enablePaginationEvent.emit(this.tableId);\n }\n\n paginationPrev = (event) => {\n event.preventDefault();\n // Enable lowering until 1st page\n if (this.paginationValue >= 2) {\n this.paginationValue--;\n this.runPagination();\n }\n };\n\n paginationNext = (event) => {\n event.preventDefault();\n // Enable increasing until the max number of pages\n if (this.paginationValue <= this.numberOfPages) {\n this.paginationValue++;\n this.runPagination();\n }\n };\n\n paginationInputChange(event) {\n const insertedValue = event.target.value;\n\n if (insertedValue > this.numberOfPages || insertedValue < 1) {\n event.target.classList.add('sdds-table__page-selector-input--shake');\n this.paginationValue = event.target.max;\n } else {\n this.paginationValue = event.target.value;\n }\n this.runPagination();\n }\n\n @Listen('runPaginationEvent', { target: 'body' })\n runPaginationEventListener(event: CustomEvent<any>) {\n if (this.tableId === event.detail) {\n this.runPagination();\n }\n }\n\n runPagination = () => {\n if (!this.disablePaginationFunction) {\n // grab all rows in body\n const dataRowsPagination = this.host.parentNode\n .querySelector('sdds-table-body')\n .querySelectorAll('.sdds-table__row');\n\n dataRowsPagination.forEach((item, i) => {\n // for making logic easier 1st result, 2nd result...\n const index = i + 1;\n\n if (this.tempPaginationDisable) {\n this.paginationValue = 1;\n } else {\n const lastResult = this.rowsPerPage * this.paginationValue;\n const firstResult = lastResult - this.rowsPerPage;\n\n if (index > firstResult && index <= lastResult) {\n item.classList.remove('sdds-table__row--hidden');\n } else {\n item.classList.add('sdds-table__row--hidden');\n }\n }\n });\n }\n };\n\n /* Client based functions below */\n\n /** Event to send current page value back to sdds-table-body component */\n @Event({\n eventName: 'currentPageValueEvent',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n currentPageValueEvent: EventEmitter<any>;\n\n sendPaginationValue(value) {\n this.currentPageValueEvent.emit([this.tableId, value]);\n }\n\n clientPaginationPrev = (event) => {\n event.preventDefault();\n // Enable lowering until 1st page\n if (this.clientPaginationValue >= 2) {\n this.clientPaginationValue--;\n this.sendPaginationValue(this.clientPaginationValue);\n }\n };\n\n clientPaginationNext = (event) => {\n event.preventDefault();\n // Enable increasing until the max number of pages\n if (this.clientPaginationValue <= this.clientMaxPages) {\n this.clientPaginationValue++;\n this.sendPaginationValue(this.clientPaginationValue);\n }\n };\n\n clientPaginationInputChange(event) {\n const insertedValue = event.target.value;\n\n if (insertedValue > this.clientMaxPages || insertedValue < 1) {\n event.target.classList.add('sdds-table__page-selector-input--shake');\n this.clientPaginationValue = event.target.max;\n } else {\n this.clientPaginationValue = event.target.value;\n }\n this.sendPaginationValue(this.clientPaginationValue);\n }\n\n render() {\n return (\n <Host class={this.compactDesign ? 'sdds-table--compact' : ''}>\n <tr class=\"sdds-table__footer-row\">\n <td class=\"sdds-table__footer-cell\" colSpan={this.columnsNumber}>\n {this.enablePagination && !this.enableClientPagination && (\n <div class=\"sdds-table__pagination\">\n <div class=\"sdds-table__row-selector\"></div>\n <div class=\"sdds-table__page-selector\">\n <input\n class=\"sdds-table__page-selector-input\"\n type=\"number\"\n min=\"1\"\n max={this.numberOfPages}\n value={this.paginationValue}\n pattern=\"[0-9]+\"\n dir=\"rtl\"\n onChange={(event) => this.paginationInputChange(event)}\n onFocusout={(event) => this.paginationInputChange(event)}\n onAnimationEnd={removeShakeAnimation}\n disabled={this.tempPaginationDisable}\n />\n <p class=\"sdds-table__footer-text\">\n of <span>{this.tempPaginationDisable ? 1 : this.numberOfPages}</span> pages\n </p>\n <button\n class=\"sdds-table__footer-btn\"\n disabled={this.paginationValue <= 1 || this.tempPaginationDisable}\n onClick={(event) => this.paginationPrev(event)}\n >\n <svg\n class=\"sdds-table__footer-btn-svg\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 32\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M22.217 4.273a1 1 0 0 1 0 1.415l-9.888 9.888a.6.6 0 0 0 0 .848l9.888 9.888a1 1 0 0 1-1.414 1.415l-9.889-9.889a2.6 2.6 0 0 1 0-3.677l9.889-9.888a1 1 0 0 1 1.414 0Z\"\n />\n </svg>\n </button>\n <button\n class=\"sdds-table__footer-btn\"\n disabled={\n this.paginationValue >= this.numberOfPages || this.tempPaginationDisable\n }\n onClick={(event) => this.paginationNext(event)}\n >\n <svg\n class=\"sdds-table__footer-btn-svg\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 32\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.783 27.727a1 1 0 0 1 0-1.415l9.888-9.888a.6.6 0 0 0 0-.848L9.783 5.688a1 1 0 0 1 1.414-1.415l9.889 9.889a2.6 2.6 0 0 1 0 3.676l-9.889 9.889a1 1 0 0 1-1.414 0Z\"\n />\n </svg>\n </button>\n </div>\n </div>\n )}\n {this.enableClientPagination && !this.enablePagination && (\n <div class=\"sdds-table__pagination\">\n <div class=\"sdds-table__row-selector\"></div>\n <div class=\"sdds-table__page-selector\">\n <input\n class=\"sdds-table__page-selector-input\"\n type=\"number\"\n min=\"1\"\n max={this.clientMaxPages}\n value={this.clientPaginationValue}\n pattern=\"[0-9]+\"\n dir=\"rtl\"\n onChange={(event) => this.clientPaginationInputChange(event)}\n onFocusout={(event) => this.clientPaginationInputChange(event)}\n onAnimationEnd={removeShakeAnimation}\n />\n <p class=\"sdds-table__footer-text\">\n of <span>{this.clientMaxPages}</span> pages\n </p>\n <button\n class=\"sdds-table__footer-btn\"\n disabled={this.clientPaginationValue <= 1}\n onClick={(event) => this.clientPaginationPrev(event)}\n >\n <svg\n class=\"sdds-table__footer-btn-svg\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 32\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M22.217 4.273a1 1 0 0 1 0 1.415l-9.888 9.888a.6.6 0 0 0 0 .848l9.888 9.888a1 1 0 0 1-1.414 1.415l-9.889-9.889a2.6 2.6 0 0 1 0-3.677l9.889-9.888a1 1 0 0 1 1.414 0Z\"\n />\n </svg>\n </button>\n <button\n class=\"sdds-table__footer-btn\"\n disabled={this.clientPaginationValue >= this.clientMaxPages}\n onClick={(event) => this.clientPaginationNext(event)}\n >\n <svg\n class=\"sdds-table__footer-btn-svg\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 32\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.783 27.727a1 1 0 0 1 0-1.415l9.888-9.888a.6.6 0 0 0 0-.848L9.783 5.688a1 1 0 0 1 1.414-1.415l9.889 9.889a2.6 2.6 0 0 1 0 3.676l-9.889 9.889a1 1 0 0 1-1.414 0Z\"\n />\n </svg>\n </button>\n </div>\n </div>\n )}\n </td>\n </tr>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAiB,21FCavB,MAAMC,EAAwD,CAC5D,gBACA,aACA,oBAGF,SAASC,EAAqBC,GAC5BA,EAAEC,OAAOC,UAAUC,OAAO,yCAC5B,C,MAOaC,EAAW,M,mJAiGtBC,KAAAC,eAAkBC,IAChBA,EAAMC,iBAEN,GAAIH,KAAKI,iBAAmB,EAAG,CAC7BJ,KAAKI,kBACLJ,KAAKK,e,GAITL,KAAAM,eAAkBJ,IAChBA,EAAMC,iBAEN,GAAIH,KAAKI,iBAAmBJ,KAAKO,cAAe,CAC9CP,KAAKI,kBACLJ,KAAKK,e,GAuBTL,KAAAK,cAAgB,KACd,IAAKL,KAAKQ,0BAA2B,CAEnC,MAAMC,EAAqBT,KAAKU,KAAKC,WAClCC,cAAc,mBACdC,iBAAiB,oBAEpBJ,EAAmBK,SAAQ,CAACC,EAAMC,KAEhC,MAAMC,EAAQD,EAAI,EAElB,GAAIhB,KAAKkB,sBAAuB,CAC9BlB,KAAKI,gBAAkB,C,KAClB,CACL,MAAMe,EAAanB,KAAKoB,YAAcpB,KAAKI,gBAC3C,MAAMiB,EAAcF,EAAanB,KAAKoB,YAEtC,GAAIH,EAAQI,GAAeJ,GAASE,EAAY,CAC9CJ,EAAKlB,UAAUC,OAAO,0B,KACjB,CACLiB,EAAKlB,UAAUyB,IAAI,0B,QAsB7BtB,KAAAuB,qBAAwBrB,IACtBA,EAAMC,iBAEN,GAAIH,KAAKwB,uBAAyB,EAAG,CACnCxB,KAAKwB,wBACLxB,KAAKyB,oBAAoBzB,KAAKwB,sB,GAIlCxB,KAAA0B,qBAAwBxB,IACtBA,EAAMC,iBAEN,GAAIH,KAAKwB,uBAAyBxB,KAAK2B,eAAgB,CACrD3B,KAAKwB,wBACLxB,KAAKyB,oBAAoBzB,KAAKwB,sB,yBA5LmB,M,iBAGN,E,4BAGY,M,2BAGF,E,oBAGP,E,4BAGT,K,+BAGI,M,mBAGZ,E,mBAGA,E,qBAGE,E,2BAGO,M,sBAEL,M,mBAEH,M,gBAEH,M,qBAEK,M,aAET,E,CAgB3BI,+BAA+B1B,GAC7B,GAAIF,KAAK6B,UAAY3B,EAAM4B,OAAOD,QAAS,CACzC3B,EAAM4B,OAAOC,QACVC,QAAQC,GAAgBxC,EAAmByC,SAASD,KACpDnB,SAASmB,IACR,UAAWjC,KAAKiC,KAAiB,YAAa,CAC5C,MAAM,IAAIE,MAAM,gCAAgCF,I,CAElDjC,KAAKiC,GAAe/B,EAAM4B,OAAOG,EAAY,G,EAKrDG,oBACEpC,KAAKqC,QAAUrC,KAAKU,KAAK4B,QAAQ,cACjCtC,KAAK6B,QAAU7B,KAAKqC,QAAQR,O,CAG9BU,oBACE9C,EAAmBqB,SAAS0B,IAC1BxC,KAAKwC,GAAiBxC,KAAKqC,QAAQG,EAAc,IAGnD,MAAMC,EAAezC,KAAKU,KAAKgC,cAAc9B,cAAc,mBAAmB+B,kBAE9E,MAAMC,EACJ5C,KAAKU,KAAKgC,cAAc9B,cAAc,qBAAqB+B,kBAE7D3C,KAAKO,cAAgBsC,KAAKC,KAAKL,EAAezC,KAAKoB,aAEnD,GAAIpB,KAAK+C,yBAA2B,KAAM,CACxC/C,KAAKgD,cAAgBhD,KAAK+C,sB,KACrB,CACL/C,KAAKgD,cAAgBJ,C,CAGvB5C,KAAKiD,sBAAsBC,KAAKlD,KAAK6B,Q,CAqBvCsB,sBAAsBjD,GACpB,MAAMkD,EAAgBlD,EAAMN,OAAOyD,MAEnC,GAAID,EAAgBpD,KAAKO,eAAiB6C,EAAgB,EAAG,CAC3DlD,EAAMN,OAAOC,UAAUyB,IAAI,0CAC3BtB,KAAKI,gBAAkBF,EAAMN,OAAO0D,G,KAC/B,CACLtD,KAAKI,gBAAkBF,EAAMN,OAAOyD,K,CAEtCrD,KAAKK,e,CAIPkD,2BAA2BrD,GACzB,GAAIF,KAAK6B,UAAY3B,EAAM4B,OAAQ,CACjC9B,KAAKK,e,EA0CToB,oBAAoB4B,GAClBrD,KAAKwD,sBAAsBN,KAAK,CAAClD,KAAK6B,QAASwB,G,CAqBjDI,4BAA4BvD,GAC1B,MAAMkD,EAAgBlD,EAAMN,OAAOyD,MAEnC,GAAID,EAAgBpD,KAAK2B,gBAAkByB,EAAgB,EAAG,CAC5DlD,EAAMN,OAAOC,UAAUyB,IAAI,0CAC3BtB,KAAKwB,sBAAwBtB,EAAMN,OAAO0D,G,KACrC,CACLtD,KAAKwB,sBAAwBtB,EAAMN,OAAOyD,K,CAE5CrD,KAAKyB,oBAAoBzB,KAAKwB,sB,CAGhCkC,SACE,OACEC,EAACC,EAAI,CAACC,MAAO7D,KAAK8D,cAAgB,sBAAwB,IACxDH,EAAA,MAAIE,MAAM,0BACRF,EAAA,MAAIE,MAAM,0BAA0BE,QAAS/D,KAAKgD,eAC/ChD,KAAKgE,mBAAqBhE,KAAKiE,wBAC9BN,EAAA,OAAKE,MAAM,0BACTF,EAAA,OAAKE,MAAM,6BACXF,EAAA,OAAKE,MAAM,6BACTF,EAAA,SACEE,MAAM,kCACNK,KAAK,SACLC,IAAI,IACJb,IAAKtD,KAAKO,cACV8C,MAAOrD,KAAKI,gBACZgE,QAAQ,SACRC,IAAI,MACJC,SAAWpE,GAAUF,KAAKmD,sBAAsBjD,GAChDqE,WAAarE,GAAUF,KAAKmD,sBAAsBjD,GAClDsE,eAAgB9E,EAChB+E,SAAUzE,KAAKkB,wBAEjByC,EAAA,KAAGE,MAAM,2BAAyB,MAC7BF,EAAA,YAAO3D,KAAKkB,sBAAwB,EAAIlB,KAAKO,eAAqB,UAEvEoD,EAAA,UACEE,MAAM,yBACNY,SAAUzE,KAAKI,iBAAmB,GAAKJ,KAAKkB,sBAC5CwD,QAAUxE,GAAUF,KAAKC,eAAeC,IAExCyD,EAAA,OACEE,MAAM,6BACNc,KAAK,eACLC,MAAM,6BACNC,QAAQ,aAERlB,EAAA,oBACY,UAAS,YACT,UACVmB,EAAE,yKAIRnB,EAAA,UACEE,MAAM,yBACNY,SACEzE,KAAKI,iBAAmBJ,KAAKO,eAAiBP,KAAKkB,sBAErDwD,QAAUxE,GAAUF,KAAKM,eAAeJ,IAExCyD,EAAA,OACEE,MAAM,6BACNc,KAAK,eACLC,MAAM,6BACNC,QAAQ,aAERlB,EAAA,oBACY,UAAS,YACT,UACVmB,EAAE,0KAOb9E,KAAKiE,yBAA2BjE,KAAKgE,kBACpCL,EAAA,OAAKE,MAAM,0BACTF,EAAA,OAAKE,MAAM,6BACXF,EAAA,OAAKE,MAAM,6BACTF,EAAA,SACEE,MAAM,kCACNK,KAAK,SACLC,IAAI,IACJb,IAAKtD,KAAK2B,eACV0B,MAAOrD,KAAKwB,sBACZ4C,QAAQ,SACRC,IAAI,MACJC,SAAWpE,GAAUF,KAAKyD,4BAA4BvD,GACtDqE,WAAarE,GAAUF,KAAKyD,4BAA4BvD,GACxDsE,eAAgB9E,IAElBiE,EAAA,KAAGE,MAAM,2BAAyB,MAC7BF,EAAA,YAAO3D,KAAK2B,gBAAsB,UAEvCgC,EAAA,UACEE,MAAM,yBACNY,SAAUzE,KAAKwB,uBAAyB,EACxCkD,QAAUxE,GAAUF,KAAKuB,qBAAqBrB,IAE9CyD,EAAA,OACEE,MAAM,6BACNc,KAAK,eACLC,MAAM,6BACNC,QAAQ,aAERlB,EAAA,oBACY,UAAS,YACT,UACVmB,EAAE,yKAIRnB,EAAA,UACEE,MAAM,yBACNY,SAAUzE,KAAKwB,uBAAyBxB,KAAK2B,eAC7C+C,QAAUxE,GAAUF,KAAK0B,qBAAqBxB,IAE9CyD,EAAA,OACEE,MAAM,6BACNc,KAAK,eACLC,MAAM,6BACNC,QAAQ,aAERlB,EAAA,oBACY,UAAS,YACT,UACVmB,EAAE,4K"}

package/dist/tegel/p-24d22924.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,h as e}from"./p-1b74896d.js";const a='@charset "UTF-8";li{display:flex;align-items:center;color:var(--sdds-breadcrumb-color)}li a{color:var(--sdds-breadcrumb-color);text-decoration:none}li:hover{cursor:pointer}li:hover a{color:var(--sdds-breadcrumb-color-hover);text-decoration:underline}li.sdds-breadcrumb-item-disabled a,li.sdds-breadcrumb-item-current a,li [aria-current=page] a{cursor:default;color:var(--sdds-breadcrumb-color-disabled)}li.sdds-breadcrumb-item-disabled:hover a,li.sdds-breadcrumb-item-current:hover a,li [aria-current=page]:hover a{color:var(--sdds-breadcrumb-color-disabled);text-decoration:none}li a::after{content:"›";color:var(--sdds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}li:last-child{color:red}:host(.sdds-breadcrumb-item-last) a::after{display:none}';const d=class{constructor(e){r(this,e);this.current=false;this.href=undefined;this.disabled=false}render(){return e("li",{class:`${this.current?"sdds-breadcrumb-item-current":""} \n ${this.disabled?"sdds-breadcrumb-item-disabled":""}`},e("a",{"aria-current":this.current&&"page",href:this.disabled?"javascript:void(0)":this.href},e("slot",null)))}};d.style=a;export{d as sdds_breadcrumb_item};
2	- //# sourceMappingURL=p-24d22924.entry.js.map

package/dist/tegel/p-24d22924.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["breadcrumbItemCss","SddsBreadcrumbItem","render","h","class","this","current","disabled","href"],"sources":["./src/components/breadcrumb/breadcrumb-item/breadcrumb-item.scss?tag=sdds-breadcrumb-item&encapsulation=shadow","./src/components/breadcrumb/breadcrumb-item/breadcrumb-item.tsx"],"sourcesContent":["@import '../../../mixins/focus-state';\n\nli {\n display: flex;\n align-items: center;\n color: var(--sdds-breadcrumb-color);\n\n a {\n color: var(--sdds-breadcrumb-color);\n text-decoration: none;\n }\n\n &:hover {\n a {\n color: var(--sdds-breadcrumb-color-hover);\n text-decoration: underline;\n }\n\n cursor: pointer;\n }\n\n &.sdds-breadcrumb-item-disabled,\n &.sdds-breadcrumb-item-current,\n [aria-current='page'] {\n a {\n cursor: default;\n color: var(--sdds-breadcrumb-color-disabled);\n }\n\n &:hover {\n a {\n color: var(--sdds-breadcrumb-color-disabled);\n text-decoration: none;\n }\n }\n }\n\n a::after {\n content: '\\203A';\n color: var(--sdds-breadcrumb-separator-color);\n margin-right: 4px;\n margin-left: 4px;\n display: inline-block;\n width: 4px;\n height: 8px;\n }\n\n &:last-child {\n color: red;\n }\n}\n\n:host(.sdds-breadcrumb-item-last) {\n a::after {\n display: none;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-breadcrumb-item',\n styleUrl: 'breadcrumb-item.scss',\n shadow: true,\n})\nexport class SddsBreadcrumbItem {\n /** Boolean for the current link */\n @Prop() current: boolean = false;\n\n /** Href for the link */\n @Prop() href: string;\n\n /** Toggle the disabled state for the breadcrumb */\n @Prop() disabled: boolean = false;\n\n render() {\n return (\n <li\n class={`${this.current ? 'sdds-breadcrumb-item-current' : ''} \n ${this.disabled ? 'sdds-breadcrumb-item-disabled' : ''}`}\n >\n <a\n aria-current={this.current && 'page'}\n // eslint-disable-next-line no-script-url\n href={this.disabled ? 'javascript:void(0)' : this.href}\n >\n <slot></slot>\n </a>\n </li>\n );\n }\n}\n"],"mappings":"sCAAA,MAAMA,EAAoB,uyB,MCObC,EAAkB,M,sCAEF,M,kCAMC,K,CAE5BC,SACE,OACEC,EAAA,MACEC,MAAO,GAAGC,KAAKC,QAAU,+BAAiC,gBACxDD,KAAKE,SAAW,gCAAkC,MAEpDJ,EAAA,oBACgBE,KAAKC,SAAW,OAE9BE,KAAMH,KAAKE,SAAW,qBAAuBF,KAAKG,MAElDL,EAAA,c"}

package/dist/tegel/p-26241196.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as c,c as e,h as s,g as d}from"./p-1b74896d.js";const o='.sdds-checkbox-webcomponent.sc-sdds-checkbox{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-webcomponent.sc-sdds-checkbox *.sc-sdds-checkbox{box-sizing:border-box}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox+label.sc-sdds-checkbox{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-4);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox::before,.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox::after{content:"";position:absolute;box-sizing:border-box;border-radius:2px}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox::before{width:24px;height:24px;left:0;top:0}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:hover::before{background-color:var(--sdds-checkbox-background-hover);opacity:0.12}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:focus::before{background-color:var(--sdds-checkbox-background-focus);opacity:0.24;transition:opacity 0.2s ease-in-out}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:disabled,.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].disabled.sc-sdds-checkbox{cursor:not-allowed}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:disabled::after,.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].disabled.sc-sdds-checkbox::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:disabled+label.sc-sdds-checkbox,.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].disabled.sc-sdds-checkbox+label.sc-sdds-checkbox{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:disabled:hover::before,.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].disabled.sc-sdds-checkbox:hover::before{display:none}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:checked::after{background-image:var(--sdds-checkbox-background-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:checked:hover::before{background-color:var(--sdds-checkbox-background-hover);opacity:0.12}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:checked:disabled:hover::before,.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:checked:disabled::before,.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:checked.disabled:hover::before,.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:checked:disabled::after,.sdds-checkbox-webcomponent.sc-sdds-checkbox input[type=checkbox].sc-sdds-checkbox:checked.disabled::after{background-image:var(--sdds-checkbox-background-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}';const b=class{constructor(s){c(this,s);this.sddsChange=e(this,"sddsChange",6);this.sddsFocus=e(this,"sddsFocus",6);this.sddsBlur=e(this,"sddsBlur",6);this.handleChange=()=>{this.checked=!this.checked;this.sddsChange.emit({checkboxId:this.checkboxId,checked:this.checked,value:this.value})};this.name=undefined;this.checkboxId=crypto.randomUUID();this.disabled=false;this.required=false;this.checked=false;this.value=undefined}async toggleCheckbox(){this.checked=!this.checked;return{checkboxId:this.checkboxId,checked:this.checked}}handleFocus(c){this.sddsFocus.emit(c)}handleBlur(c){this.sddsBlur.emit(c)}render(){return s("div",{class:"sdds-checkbox-webcomponent"},s("input",{"aria-checked":this.checked,"aria-required":this.required,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:c=>this.handleFocus(c),onBlur:c=>this.handleBlur(c),onChange:()=>{this.handleChange()}}),s("label",{htmlFor:this.checkboxId},s("slot",null)))}get host(){return d(this)}};b.style=o;export{b as sdds_checkbox};
2	- //# sourceMappingURL=p-26241196.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["sddsCheckboxCss","SddsCheckbox","this","handleChange","checked","sddsChange","emit","checkboxId","value","crypto","randomUUID","async","handleFocus","event","sddsFocus","handleBlur","sddsBlur","render","h","class","required","host","getAttribute","type","name","id","disabled","onFocus","onBlur","onChange","htmlFor"],"sources":["./src/components/checkbox/sdds-checkbox.scss?tag=sdds-checkbox&encapsulation=scoped","./src/components/checkbox/sdds-checkbox.tsx"],"sourcesContent":["@import '../../mixins/box-sizing';\n\n.sdds-checkbox-webcomponent {\n @include sdds-box-sizing;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-checkbox-text);\n display: flex;\n align-items: center;\n margin-left: -4px;\n\n input[type='checkbox'] {\n appearance: none;\n outline: none;\n margin: 0;\n border: 0;\n border-radius: 2px;\n width: 24px;\n height: 24px;\n position: relative;\n cursor: pointer;\n\n + label {\n color: var(--sdds-checkbox-color);\n padding-left: var(--sdds-spacing-element-4);\n padding-top: var(--sdds-spacing-element-4);\n padding-bottom: var(--sdds-spacing-element-4);\n cursor: pointer;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n box-sizing: border-box;\n border-radius: 2px;\n }\n\n &::before {\n width: 24px;\n height: 24px;\n left: 0;\n top: 0;\n }\n\n &::after {\n border: 1px solid var(--sdds-checkbox-interaction-01);\n background-color: var(--sdds-checkbox-interaction-02);\n width: 16px;\n height: 16px;\n left: 4px;\n top: 4px;\n }\n\n &:hover {\n &::before {\n background-color: var(--sdds-checkbox-background-hover);\n opacity: 0.12;\n }\n }\n\n &:focus {\n &::before {\n background-color: var(--sdds-checkbox-background-focus);\n opacity: 0.24;\n transition: opacity 0.2s ease-in-out;\n }\n }\n\n &:disabled,\n &.disabled {\n cursor: not-allowed;\n\n &::after {\n border-color: var(--sdds-checkbox-border-color-disabled-after);\n }\n\n + label {\n color: var(--sdds-grey-600);\n cursor: not-allowed;\n }\n\n &:hover {\n &::before {\n display: none;\n }\n }\n }\n\n &:checked {\n &::after {\n background-image: var(--sdds-checkbox-background-img);\n background-color: var(--sdds-checkbox-interaction-01);\n background-repeat: no-repeat;\n background-position: center;\n }\n\n &:hover {\n &::before {\n background-color: var(--sdds-checkbox-background-hover);\n opacity: 0.12;\n }\n }\n\n &:disabled,\n &.disabled {\n &:hover::before,\n &::before {\n display: block;\n width: 16px;\n height: 16px;\n left: 4px;\n top: 4px;\n border: 1px solid #b0b7c4;\n }\n\n &::after {\n background-image: var(--sdds-checkbox-background-img-disabled);\n background-color: var(--sdds-checkbox-interaction-02);\n color: var(--sdds-checkbox-color-disabled-after);\n }\n }\n }\n }\n}\n","import { Component, h, Prop, Event, EventEmitter, Method, Element } from '@stencil/core';\nimport { HostElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'sdds-checkbox',\n styleUrl: 'sdds-checkbox.scss',\n shadow: false,\n scoped: true,\n})\nexport class SddsCheckbox {\n /** Name for the checkbox's input element. */\n @Prop() name: string;\n\n /** ID for the checkbox's input element. Randomly generated if not specified. */\n @Prop() checkboxId: string = crypto.randomUUID();\n\n /** Sets the checkbox in a disabled state */\n @Prop() disabled: boolean = false;\n\n /** Make the checkbox required */\n @Prop() required: boolean = false;\n\n /** Sets the checkbox as checked */\n @Prop({ reflect: true }) checked: boolean = false;\n\n /** Value for the checkbox */\n @Prop() value: string;\n\n @Element() host: HostElement;\n\n /** Toggles the checked value of the component. */\n @Method()\n async toggleCheckbox() {\n this.checked = !this.checked;\n return {\n checkboxId: this.checkboxId,\n checked: this.checked,\n };\n }\n\n /** Sends unique checkbox identifier and checked status when it is checked/unchecked. */\n @Event({\n eventName: 'sddsChange',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n sddsChange: EventEmitter<{\n checkboxId: string;\n checked: boolean;\n value?: string;\n }>;\n\n handleChange = () => {\n this.checked = !this.checked;\n this.sddsChange.emit({\n checkboxId: this.checkboxId,\n checked: this.checked,\n value: this.value,\n });\n };\n\n /** Focus event for the checkbox */\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.sddsFocus.emit(event);\n }\n\n /** Blur event for the checkbox */\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.sddsBlur.emit(event);\n }\n\n render() {\n return (\n <div class=\"sdds-checkbox-webcomponent\">\n <input\n aria-checked={this.checked}\n aria-required={this.required}\n aria-describedby={this.host.getAttribute('aria-describedby')}\n aria-labelledby={this.host.getAttribute('aria-labelledby')}\n required={this.required}\n type=\"checkbox\"\n name={this.name}\n value={this.value}\n id={this.checkboxId}\n checked={this.checked}\n disabled={this.disabled}\n onFocus={(event) => this.handleFocus(event)}\n onBlur={(event) => this.handleBlur(event)}\n onChange={() => {\n this.handleChange();\n }}\n />\n <label htmlFor={this.checkboxId}>\n <slot></slot>\n </label>\n </div>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAkB,m+H,MCSXC,EAAY,M,wIA4CvBC,KAAAC,aAAe,KACbD,KAAKE,SAAWF,KAAKE,QACrBF,KAAKG,WAAWC,KAAK,CACnBC,WAAYL,KAAKK,WACjBH,QAASF,KAAKE,QACdI,MAAON,KAAKM,OACZ,E,oCA7CyBC,OAAOC,a,cAGR,M,cAGA,M,aAGgB,M,qBAS5CC,uBACET,KAAKE,SAAWF,KAAKE,QACrB,MAAO,CACLG,WAAYL,KAAKK,WACjBH,QAASF,KAAKE,Q,CAoClBQ,YAAYC,GACVX,KAAKY,UAAUR,KAAKO,E,CAatBE,WAAWF,GACTX,KAAKc,SAASV,KAAKO,E,CAGrBI,SACE,OACEC,EAAA,OAAKC,MAAM,8BACTD,EAAA,wBACgBhB,KAAKE,QAAO,gBACXF,KAAKkB,SAAQ,mBACVlB,KAAKmB,KAAKC,aAAa,oBAAmB,kBAC3CpB,KAAKmB,KAAKC,aAAa,mBACxCF,SAAUlB,KAAKkB,SACfG,KAAK,WACLC,KAAMtB,KAAKsB,KACXhB,MAAON,KAAKM,MACZiB,GAAIvB,KAAKK,WACTH,QAASF,KAAKE,QACdsB,SAAUxB,KAAKwB,SACfC,QAAUd,GAAUX,KAAKU,YAAYC,GACrCe,OAASf,GAAUX,KAAKa,WAAWF,GACnCgB,SAAU,KACR3B,KAAKC,cAAc,IAGvBe,EAAA,SAAOY,QAAS5B,KAAKK,YACnBW,EAAA,c"}

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

@@ -1 +0,0 @@

- {"version":3,"names":["radioButtonComponentCss","RadioButton","crypto","randomUUID","render","h","class","type","name","this","id","radioId","value","checked","host","getAttribute","required","disabled","onChange","sddsChange","emit","htmlFor"],"sources":["./src/components/radio-button/radio-button-component.scss?tag=sdds-radio-button&encapsulation=scoped","./src/components/radio-button/radio-button.tsx"],"sourcesContent":["@import './radio-button-theme-vars.scss';\n@import '../../mixins/box-sizing';\n\n.sdds-radio-button {\n @include sdds-box-sizing;\n\n display: flex;\n align-items: center;\n margin-left: -4px;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-radio-button-color);\n \n .sdds-form-input[type='radio'] {\n appearance: none;\n outline: none;\n margin: 0;\n border: 0;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n position: relative;\n cursor: pointer;\n\n + label {\n padding: var(--sdds-spacing-element-4) 0 var(--sdds-spacing-element-4) var(--sdds-spacing-element-4);\n cursor: pointer;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n border-radius: 50%;\n box-sizing: border-box;\n }\n\n &::before {\n width: 24px;\n height: 24px;\n left: 0;\n top: 0;\n }\n\n &::after {\n border: 1px solid var(--sdds-radio-button-interaction-01);\n background-color: var(--sdds-radio-button-interaction-02);\n width: 16px;\n height: 16px;\n left: 4px;\n top: 4px;\n }\n\n &:hover {\n &::before {\n background-color: var(--sdds-radio-button-background-hover);\n opacity: 0.12;\n }\n }\n\n &:focus {\n &::before {\n background-color: var(--sdds-radio-button-background-focus);\n opacity: 0.24;\n animation: rb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards;\n }\n }\n\n &:disabled,\n &.disabled {\n cursor: not-allowed;\n\n &::after {\n border-color: var(--sdds-radio-button-border-color-disabled-after);\n background-color: var(--sdds-radio-button-interaction-02);\n }\n\n + label {\n color: var(--sdds-radio-button-disabled);\n cursor: not-allowed;\n }\n\n &:hover {\n &::before {\n display: none;\n opacity: 1;\n }\n }\n }\n }\n\n .sdds-form-input[type='radio']:checked {\n &::after {\n border: 4px solid var(--sdds-radio-button-interaction-01);\n }\n\n &:disabled,\n &.disabled {\n &:hover::before,\n &::before {\n display: block;\n width: 16px;\n height: 16px;\n left: 4px;\n top: 4px;\n border: 1px solid var(--sdds-radio-button-color-disabled-before);\n box-sizing: content-box;\n }\n\n &::after {\n border: 4px solid var(--sdds-radio-button-interaction-02);\n background-color: var(--sdds-radio-button-color-disabled-after);\n left: calc(4px + 1px);\n top: calc(4px + 1px);\n }\n }\n }\n\n @keyframes rb-focus {\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n \n 100% {\n transform: scale(1);\n opacity: 0.24;\n }\n }\n}\n","import { Component, h, Prop, Event, EventEmitter, Element } from '@stencil/core';\nimport { HostElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'sdds-radio-button',\n styleUrl: 'radio-button-component.scss',\n shadow: false,\n scoped: true,\n})\nexport class RadioButton {\n\n /** Name of radio button, used for reference. */\n @Prop() name: string;\n\n /** Value of input. */\n @Prop() value: string;\n\n /** REMEMBER TO ENABLE ARIA PROPS ONCE ALIGNMET HAS BEEN MADE! */\n\n /** Label mainly used for accesibility tools. */\n // @Prop() ariaLabelledBy: string;\n\n /** Label mainly used for accesibility tools. */\n // @Prop() ariaDescribedBy: string;\n\n /** Unique radio button identifier. */\n @Prop() radioId: string = crypto.randomUUID();\n \n /** Decides if the radio button is checked or not. */\n @Prop({ reflect: true }) checked: boolean = false;\n \n /** Decides if the radio button is required or not. */\n @Prop() required: boolean = false;\n \n /** Decides if the radio button is disabled or not. */\n @Prop() disabled: boolean = false;\n\n @Element() host: HostElement;\n\n /** Sends unique radio button identifier and status when it is checked. If no ID is specified a random one will be generated. To use this listener don't use the randomized ID, use a specific one of your choosing. */\n @Event({\n eventName: 'sddsChange',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsChange: EventEmitter<{\n radioId: string;\n value: string;\n }>;\n\n render() {\n return (\n <div class=\"sdds-radio-button\">\n <input \n class=\"sdds-form-input\" \n type=\"radio\" \n name={this.name}\n id={this.radioId} \n value={this.value}\n checked={this.checked} \n aria-checked={this.checked} \n\n // REMEMBER TO ENABLE ARIA PROPS ONCE ALIGNMENT HAS BEEN MADE!\n // aria-labelledby={this.ariaLabelledBy} \n aria-describedby={this.host.getAttribute('aria-describedby')}\n required={this.required} \n disabled={this.disabled}\n onChange={() => {\n this.sddsChange.emit({\n radioId: this.radioId,\n value: this.value,\n })\n }} />\n <label htmlFor={this.radioId}>\n <slot></slot>\n </label>\n </div>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAA0B,qmK,MCSnBC,EAAW,M,sHAiBIC,OAAOC,a,aAGW,M,cAGhB,M,cAGA,K,CAgB5BC,SACE,OACEC,EAAA,OAAKC,MAAM,qBACTD,EAAA,SACAC,MAAM,kBACNC,KAAK,QACLC,KAAMC,KAAKD,KACXE,GAAID,KAAKE,QACTC,MAAOH,KAAKG,MACZC,QAASJ,KAAKI,QAAO,eACPJ,KAAKI,QAAO,mBAIRJ,KAAKK,KAAKC,aAAa,oBACzCC,SAAUP,KAAKO,SACfC,SAAUR,KAAKQ,SACfC,SAAU,KACRT,KAAKU,WAAWC,KAAK,CAClBT,QAASF,KAAKE,QACdC,MAAOH,KAAKG,OACb,IAEJP,EAAA,SAAOgB,QAASZ,KAAKE,SACnBN,EAAA,c"}

package/dist/tegel/p-3fcf9763.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as a,h as i,H as l}from"./p-1b74896d.js";const c='[{"name":"arrow_diagonal","definition":"M24.444 22.143a1 1 0 1 0 2 0V8.156a2.6 2.6 0 0 0-2.6-2.6H9.857a1 1 0 1 0 0 2H23.03L5.85 24.736a1 1 0 0 0 1.413 1.415l17.18-17.18v13.172Z","viewbox":"0 0 32 32"},{"name":"arrow_down","definition":"M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z","viewbox":"0 0 32 32"},{"name":"arrow_left","definition":"M14.046 5.685a1 1 0 0 0-1.414-1.415l-9.9 9.9a2.6 2.6 0 0 0 0 3.678l9.9 9.9a1 1 0 1 0 1.415-1.415L4.722 17.01h24.306a1 1 0 0 0 0-2H4.722l9.325-9.324Z","viewbox":"0 0 32 32"},{"name":"arrow_right","definition":"M17.958 26.314a1 1 0 1 0 1.415 1.414l9.89-9.89a2.6 2.6 0 0 0 0-3.676l-9.89-9.89a1 1 0 1 0-1.415 1.414L27.273 15H2.976a1 1 0 1 0 0 2h24.296l-9.314 9.314Z","viewbox":"0 0 32 32"},{"name":"arrow_up","definition":"M16 30.03a1 1 0 0 1-1-1V3.64a1 1 0 1 1 2 0v25.39a1 1 0 0 1-1 1ZM27.732 14.042a1 1 0 0 1-1.414 0l-9.894-9.893a.6.6 0 0 0-.848 0l-9.894 9.893a1 1 0 1 1-1.414-1.414l9.894-9.894a2.6 2.6 0 0 1 3.676 0l9.894 9.894a1 1 0 0 1 0 1.414Z","viewbox":"0 0 32 32"},{"name":"back","definition":"M13.046 3.682a1 1 0 0 0-1.414-1.414l-8.885 8.884a2.6 2.6 0 0 0 0 3.677l8.885 8.885a1 1 0 0 0 1.414-1.414l-8.35-8.35H27.95v15.093a1 1 0 1 0 2 0V12.95a1 1 0 0 0-1-1H4.778l8.268-8.268Z","viewbox":"0 0 32 32"},{"name":"bento","definition":"M3.98 5.978a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM3.98 16a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.02a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM14 5.978a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM14 16a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.02a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM24.019 5.978a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.022a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.02a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z","viewbox":"0 0 32 32"},{"name":"burger","definition":"M3.97 6.998a1 1 0 0 1 1-1h22.05a1 1 0 0 1 0 2H4.97a1 1 0 0 1-1-1Zm0 8.984a1 1 0 0 1 1-1h22.05a1 1 0 0 1 0 2H4.97a1 1 0 0 1-1-1Zm0 8.984a1 1 0 0 1 1-1h22.05a1 1 0 0 1 0 2H4.97a1 1 0 0 1-1-1Z","viewbox":"0 0 32 32"},{"name":"calendar_inactive","definition":"M30 25.5V10c0-2.2-1.8-4-4-4h-2V3c0-.6-.4-1-1-1s-1 .4-1 1v3H10.5l2 2H26c1.1 0 2 .9 2 2v2H16.5l2 2H28v9.5l2 2zM10 14H4v12c0 1.1.9 2 2 2h18l2 2H6c-2.2 0-4-1.8-4-4V10c0-1.1.5-2.1 1.2-2.8l1.4 1.4c-.4.3-.6.8-.6 1.4v2h4l2 2zM8 3.5l2 2V3c0-.6-.4-1-1-1s-1 .4-1 1v.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"calendar","definition":"M26 6h-2V3c0-.5-.5-1-1-1s-1 .5-1 1v3H10V3c0-.5-.5-1-1-1s-1 .4-1 1v3H6c-2.2 0-4 1.8-4 4v16c0 2.2 1.8 4 4 4h20c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zM4 10c0-1.1.9-2 2-2h20c1.1 0 2 .9 2 2v2H4v-2zm24 16c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V14h24v12z","viewbox":"0 0 32 32"},{"name":"cart","definition":"M10.6 20.3c.2 1 1 1.7 2 1.7h11.6c1 0 1.8-.7 2-1.6l1.8-8.5c.3-1.2-.7-2.4-2-2.4H12.1c-.6 0-1-.4-1-1s.5-1 1-1h13.8c2.6 0 4.5 2.3 4 4.8l-1.8 8.5c-.4 1.9-2 3.2-4 3.2H12.6c-2 0-3.6-1.4-4-3.3l-2.7-15c-.2-1-1-1.7-2-1.7H3c-.5 0-1-.4-1-1s.5-1 1-1h.9c2 0 3.6 1.4 4 3.3l2.7 15zm2 7.7c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2zm8.1 0c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2z","viewbox":"0 0 32 32"},{"name":"chevron_down","definition":"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z","viewbox":"0 0 32 32"},{"name":"chevron_left","definition":"M22.217 4.273a1 1 0 0 1 0 1.415l-9.888 9.888a.6.6 0 0 0 0 .848l9.888 9.888a1 1 0 0 1-1.414 1.415l-9.889-9.889a2.6 2.6 0 0 1 0-3.677l9.889-9.888a1 1 0 0 1 1.414 0Z","viewbox":"0 0 32 32"},{"name":"chevron_right","definition":"M9.783 27.727a1 1 0 0 1 0-1.415l9.888-9.888a.6.6 0 0 0 0-.848L9.783 5.688a1 1 0 0 1 1.414-1.415l9.889 9.889a2.6 2.6 0 0 1 0 3.676l-9.889 9.889a1 1 0 0 1-1.414 0Z","viewbox":"0 0 32 32"},{"name":"chevron_up","definition":"M27.727 22.217a1 1 0 0 1-1.415 0l-9.888-9.888a.6.6 0 0 0-.848 0l-9.888 9.888a1 1 0 1 1-1.415-1.414l9.889-9.889a2.6 2.6 0 0 1 3.676 0l9.889 9.889a1 1 0 0 1 0 1.414Z","viewbox":"0 0 32 32"},{"name":"clock_inactive","definition":"M27.8 23.5c1.4-2.2 2.2-4.8 2.2-7.5 0-7.7-6.3-14-14-14-2.8 0-5.4.8-7.5 2.2L10 5.7C11.7 4.6 13.8 4 16 4c6.6 0 12 5.4 12 12 0 2.2-.6 4.3-1.7 6.1l1.5 1.4zM5.7 9.9C4.6 11.7 4 13.8 4 16c0 6.6 5.4 12 12 12 2.2 0 4.3-.6 6.1-1.7l1.5 1.5C21.4 29.2 18.8 30 16 30 8.3 30 2 23.7 2 16c0-2.8.8-5.4 2.2-7.5l1.5 1.4zM21.2 17H23c.6 0 1-.4 1-1s-.4-1-1-1h-3.8l2 2zM17 12.8V7c0-.6-.4-1-1-1s-1 .4-1 1v3.8l2 2zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"clock","definition":"M17 7c0-.6-.4-1-1-1s-1 .4-1 1v8c0 1.1.9 2 2 2h6c.6 0 1-.4 1-1s-.4-1-1-1h-6V7zm-1-5C8.3 2 2 8.3 2 16s6.3 14 14 14 14-6.3 14-14S23.7 2 16 2zM4 16C4 9.4 9.4 4 16 4s12 5.4 12 12-5.4 12-12 12S4 22.6 4 16z","viewbox":"0 0 32 32"},{"name":"contact_inactive","definition":"M28 23.8V4c0-1.1-.9-2-2-2H6.2l2 2H26v17.8l2 2zM6 10.2V28h17.8l2 2H6c-1.1 0-2-.9-2-2V8.2l2 2zm12.9 4.5C19.6 14 20 13 20 12c0-2.2-1.8-4-4-4-1 0-2 .4-2.7 1.1l1.4 1.4c.3-.3.8-.5 1.3-.5 1.1 0 2 .9 2 2 0 .5-.2.9-.5 1.3l1.4 1.4zM13.8 18H13c-2.2 0-4 1.8-4 4v1c0 .6.4 1 1 1s1-.4 1-1v-1c0-1.1.9-2 2-2h2.8l-2-2zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4s-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"contact","definition":"M4 4a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4Zm22 0H6v24h20V4ZM16 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm1 8a2 2 0 0 0-2 2v1a1 1 0 1 1-2 0v-1a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v1a1 1 0 1 1-2 0v-1a2 2 0 0 0-2-2h-6Z","viewbox":"0 0 32 32"},{"name":"copy","definition":"M18.72 6.194a2.2 2.2 0 0 0-2.2-2.2H6.203a2.2 2.2 0 0 0-2.2 2.2v12.88a2.2 2.2 0 0 0 2.2 2.2H16.52a2.2 2.2 0 0 0 2.2-2.2V6.195Zm-2.2-4.2a4.2 4.2 0 0 1 4.2 4.2v2.53h5.076a4.2 4.2 0 0 1 4.2 4.2v12.884a4.2 4.2 0 0 1-4.2 4.2H14.487a4.2 4.2 0 0 1-4.2-4.2v-2.533H6.203a4.2 4.2 0 0 1-4.2-4.2V6.194a4.2 4.2 0 0 1 4.2-4.2H16.52Zm-4.233 21.28v2.534a2.2 2.2 0 0 0 2.2 2.2h11.31a2.2 2.2 0 0 0 2.2-2.2V12.925a2.2 2.2 0 0 0-2.2-2.2H20.72v8.35a4.2 4.2 0 0 1-4.2 4.2h-4.233Z","viewbox":"0 0 32 32"},{"name":"cross","definition":"M24.5 7.5a1 1 0 0 1 0 1.414L8.914 24.5A1 1 0 0 1 7.5 23.086L23.086 7.5a1 1 0 0 1 1.414 0ZM7.5 7.5a1 1 0 0 1 1.414 0L24.5 23.086a1 1 0 0 1-1.414 1.414L7.5 8.914a1 1 0 0 1 0-1.414Z","viewbox":"0 0 32 32"},{"name":"document_check","definition":"M6 4a2 2 0 0 1 2-2h7.586A2 2 0 0 1 17 2.586L25.415 11A2 2 0 0 1 26 12.414V28a2 2 0 0 1-2 2h-7a1 1 0 1 1 0-2h7V13h-7a2 2 0 0 1-2-2V4H8v13a1 1 0 1 1-2 0V4Zm11 1.414V11h5.586l-5.585-5.586ZM16.434 17.808a1 1 0 0 1 0 1.414L7.95 27.707a1 1 0 0 1-1.414 0l-4.242-4.243a1 1 0 0 1 1.414-1.414l3.535 3.536 7.778-7.778a1 1 0 0 1 1.414 0Z","viewbox":"0 0 32 32"},{"name":"document_eye","definition":"M6 4c0-1.1.9-2 2-2h7.6c.5 0 1 .2 1.4.6l8.4 8.4c.4.4.6.9.6 1.4V28c0 1.1-.9 2-2 2h-6c-.6 0-1-.4-1-1s.4-1 1-1h6V13h-7c-1.1 0-2-.9-2-2V4H8v9c0 .6-.4 1-1 1s-1-.4-1-1V4zm11 1.4V11h5.6L17 5.4zm.8 17.6c.3-.5.3-1.2.1-1.8-1.4-3-4.3-5.2-7.8-5.2s-6.4 2.1-7.8 5c-.3.5-.3 1.2-.1 1.8 1.4 3 4.3 5.2 7.8 5.2s6.4-2.1 7.8-5zm-12.7.7c-.5-.5-.8-1.1-1.1-1.7 1.1-2.4 3.4-4 6-4 2 0 3.7.9 4.9 2.3.4.5.8 1.1 1.1 1.7-1.1 2.4-3.4 4-6 4-2 0-3.7-.9-4.9-2.3zM12 22c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2z","viewbox":"0 0 32 32"},{"name":"document_tool","definition":"M6 4a2 2 0 0 1 2-2h7.586A2 2 0 0 1 17 2.586L25.414 11A2 2 0 0 1 26 12.414V28a2 2 0 0 1-2 2h-6a1 1 0 1 1 0-2h6V13h-7a2 2 0 0 1-2-2V4H8v8a1 1 0 1 1-2 0V4Zm11 1.414V11h5.586L17 5.414ZM7.416 16.098a6.004 6.004 0 0 1 6.434-1.343 1 1 0 0 1 .342 1.638l-2.533 2.534a1 1 0 0 0 1.414 1.414l2.534-2.533a1 1 0 0 1 1.638.342 6.003 6.003 0 0 1-1.343 6.434 5.998 5.998 0 0 1-5.797 1.553l-2.984 2.984A3 3 0 0 1 2.88 24.88l2.983-2.984a5.997 5.997 0 0 1 1.554-5.797Zm3.992.252a4.001 4.001 0 0 0-3.473 5.454 1 1 0 0 1-.225 1.071l-3.417 3.418a1 1 0 0 0 1.414 1.414l3.417-3.417a1 1 0 0 1 1.072-.224 4.001 4.001 0 0 0 5.454-3.473l-1.163 1.162a3 3 0 0 1-4.242-4.242l1.163-1.163Z","viewbox":"0 0 32 32"},{"name":"document_wrong","definition":"M14.192 17.808a1 1 0 0 1 0 1.414l-3.535 3.535 3.535 3.536a1 1 0 0 1-1.414 1.414l-3.535-3.535-3.536 3.535a1 1 0 1 1-1.414-1.414l3.535-3.536-3.535-3.535a1 1 0 1 1 1.414-1.414l3.536 3.535 3.535-3.535a1 1 0 0 1 1.414 0ZM6 4a2 2 0 0 1 2-2h7.586A2 2 0 0 1 17 2.586L25.414 11A2 2 0 0 1 26 12.414V28a2 2 0 0 1-2 2h-7a1 1 0 1 1 0-2h7V13h-7a2 2 0 0 1-2-2V4H8v11.043a1 1 0 0 1-2 0V4Zm11 1.414V11h5.586L17 5.414Z","viewbox":"0 0 32 32"},{"name":"document","definition":"M6 4a2 2 0 0 1 2-2h7.586A2 2 0 0 1 17 2.586L25.414 11A2 2 0 0 1 26 12.414V28a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4Zm9 0H8v24h16V13h-7a2 2 0 0 1-2-2V4Zm2 1.414V11h5.586L17 5.414Z","viewbox":"0 0 32 32"},{"name":"doner","definition":"M3.981 7.007a1 1 0 0 1 1-1H27.02a1 1 0 1 1 0 2H4.98a1 1 0 0 1-1-1Zm5.026 9.01a1 1 0 0 1 1-1h11.986a1 1 0 0 1 0 2H10.007a1 1 0 0 1-1-1Zm2.969 8.982a1 1 0 0 1 1-1h6.048a1 1 0 1 1 0 2h-6.048a1 1 0 0 1-1-1Z","viewbox":"0 0 32 32"},{"name":"double_kebab","definition":"M8.84 5.975a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 20.039a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM19.236 5.975a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM8.84 15.995a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm10.396 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.019a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z","viewbox":"0 0 32 32"},{"name":"download","definition":"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z","viewbox":"0 0 32 32"},{"name":"edit_inactive","definition":"m21.8 17.3 5.6-5.6c.8-.8.8-2 0-2.8l-4.2-4.2c-.8-.8-2-.8-2.8 0l-5.6 5.6 1.4 1.4 2.1-2.1 4.2 4.2-2.1 2.1 1.4 1.4zm0-11.3 4.2 4.2-2.1 2.1-4.2-4.2L21.8 6zm-9.9 9.9L8 19.7l-1.6 5.8 5.8-1.6 3.9-3.9 1.4 1.4-3.9 3.9c-.2.2-.6.4-.9.5L5.3 28c-.3.1-.7 0-1-.3-.3-.3-.4-.6-.3-1l2.1-7.5c.1-.3.3-.6.5-.9l3.9-3.9 1.4 1.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"edit","definition":"M20.348 4.58a2 2 0 0 1 2.828 0l4.242 4.243a2 2 0 0 1 0 2.829L13.672 25.398a2 2 0 0 1-.888.515l-7.521 2.05a1 1 0 0 1-1.228-1.227l2.051-7.521a2 2 0 0 1 .515-.888L20.347 4.58Zm5.656 5.657-4.242-4.242-2.122 2.121 4.243 4.243 2.121-2.122Zm-3.535 3.536L18.226 9.53 8.016 19.74l-1.591 5.834 5.833-1.59 10.21-10.211Z","viewbox":"0 0 32 32"},{"name":"email","definition":"M2 8a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8Zm25 0H5l11 6.354L27 8ZM4 9.732V24h24V9.732l-11 6.354a2 2 0 0 1-2 0L4 9.732Z","viewbox":"0 0 32 32"},{"name":"error","definition":"M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.6 4 16 4zM2 16C2 8.3 8.3 2 16 2s14 6.3 14 14-6.3 14-14 14S2 23.7 2 16zm12.8-1.5V10h2.4v4.5l-.4 4.3h-1.7l-.3-4.3zm0 5.6h2.5v2.4h-2.5v-2.4z","viewbox":"0 0 32 32"},{"name":"export_inactive","definition":"M28 23.8V21c0-.6-.4-1-1-1s-1 .4-1 1v.8l2 2zm-11-11V5l9.3 9.3c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L17.4 2.6c-.8-.8-2-.8-2.8 0l-3.9 3.9 1.4 1.4L15 5v5.8l2 2zm-2 6.4 2 2V23c0 .6-.4 1-1 1s-1-.4-1-1v-3.8zm-7.1-7.1-1.4-1.4-2.2 2.2c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0l2.2-2.2zM23.8 28l2 2H6c-1.1 0-2-.9-2-2v-7c0-.6.4-1 1-1s1 .4 1 1v7h17.8zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"export","definition":"M27.734 14.058a1 1 0 0 1-1.414 0L17.003 4.74v18.306a1 1 0 1 1-2 0V4.74l-9.317 9.317a1 1 0 0 1-1.414-1.414l9.893-9.893a2.6 2.6 0 0 1 3.677 0l9.892 9.893a1 1 0 0 1 0 1.414Zm-2.311 15.934a2.6 2.6 0 0 0 2.6-2.6v-6.451a1 1 0 1 0-2 0v6.451a.6.6 0 0 1-.6.6H6.59a.6.6 0 0 1-.6-.6v-6.451a1 1 0 1 0-2 0v6.451a2.6 2.6 0 0 0 2.6 2.6h18.833Z","viewbox":"0 0 32 32"},{"name":"eye_inactive","definition":"M26.2 22c2-1.9 3.2-4.1 3.7-5.7.1-.2.1-.4 0-.6C28.9 12.4 24.6 6 16 6c-1.8 0-3.5.3-5 .8l1.6 1.6c1.1-.3 2.2-.4 3.4-.4 7.1 0 10.9 5.2 11.9 8-.5 1.3-1.5 3-3.1 4.6l1.4 1.4zM21 16.7V16c0-2.8-2.2-5-5-5h-.7l5.7 5.7zm-10-1.4 5.7 5.7H16c-2.8 0-5-2.2-5-5v-.7zm-3.8-3.9C5.6 13 4.5 14.7 4.1 16c1.1 2.8 4.8 8 11.9 8 1.2 0 2.3-.1 3.3-.4l1.6 1.6c-1.5.5-3.1.8-5 .8C7.3 26 3 19.6 2 16.3c-.1-.2-.1-.4 0-.6.6-1.5 1.8-3.7 3.8-5.7l1.4 1.4zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"eye","definition":"M4.062 16C5.146 18.842 8.855 24 16 24c7.145 0 10.854-5.158 11.938-8C26.854 13.158 23.145 8 16 8 8.855 8 5.146 13.158 4.062 16Zm-2.01-.316C3.131 12.439 7.418 6 16 6c8.58 0 12.867 6.44 13.949 9.684a1 1 0 0 1 0 .632C28.867 19.561 24.58 26 16 26S3.133 19.56 2.051 16.316a1 1 0 0 1 0-.632ZM16 13a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z","viewbox":"0 0 32 32"},{"name":"filters_inactive","definition":"M29.6 25.3c.3-.2.4-.5.4-.8 0-.6-.4-1-1-1h-1.3l1.9 1.8zM23.3 19c.8-.4 1.3-1.2 1.6-2H29c.6 0 1-.4 1-1s-.4-1-1-1h-4.1c-.4-1.4-1.8-2.5-3.4-2.5-1.3 0-2.4.7-3 1.7l1.5 1.5c.1-.7.7-1.3 1.5-1.3s1.5.7 1.5 1.5c0 .7-.6 1.4-1.3 1.5l1.6 1.6zm-12.5-4 2 2H3c-.6 0-1-.4-1-1s.4-1 1-1h7.8zm2-6.4s0-.1 0 0L29 8.5c.6 0 1-.4 1-1s-.4-1-1-1H12.9C12.4 5.1 11.1 4 9.5 4c-.4 0-.7.1-1.1.2l4.4 4.4zM2.4 6.7l1.8 1.8H3c-.6 0-1-.4-1-1 0-.3.2-.6.4-.8zm16.9 16.8 2 2h-6.4c-.4 1.4-1.8 2.5-3.4 2.5-1.6 0-2.9-1.1-3.4-2.5H3c-.6 0-1-.4-1-1s.4-1 1-1h5.1c.4-1.4 1.8-2.5 3.4-2.5 1.6 0 2.9 1.1 3.4 2.5h4.4zm-7.8-.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5-.7-1.5-1.5-1.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"filters","definition":"M11.5 23c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5-.7-1.5-1.5-1.5zm-3.4.5c.4-1.4 1.8-2.5 3.4-2.5 1.6 0 2.9 1.1 3.4 2.5H29c.6 0 1 .4 1 1s-.4 1-1 1H14.9c-.4 1.4-1.8 2.5-3.4 2.5-1.6 0-2.9-1.1-3.4-2.5H3c-.6 0-1-.4-1-1s.4-1 1-1h5.1zm13.4-9c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5S23 16.8 23 16s-.7-1.5-1.5-1.5zm-3.4.5c.4-1.4 1.8-2.5 3.4-2.5s2.9 1.1 3.4 2.5H29c.6 0 1 .4 1 1s-.4 1-1 1h-4.1c-.4 1.4-1.8 2.5-3.4 2.5-1.6 0-2.9-1.1-3.4-2.5H3c-.6 0-1-.4-1-1s.4-1 1-1h15.1zM9.5 6C8.7 6 8 6.7 8 7.5S8.7 9 9.5 9 11 8.3 11 7.5 10.3 6 9.5 6zm-3.4.5C6.6 5.1 7.9 4 9.5 4c1.6 0 2.9 1.1 3.4 2.5H29c.6 0 1 .4 1 1s-.4 1-1 1H12.9C12.4 10 11.1 11 9.5 11c-1.6 0-2.9-1-3.4-2.5H3c-.6 0-1-.4-1-1s.4-1 1-1h3.1z","viewbox":"0 0 32 32"},{"name":"folder","definition":"M28 25V11H14.073a3 3 0 0 1-2.588-1.483L10.009 7H4v18h24Zm2-14v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h6.009a2 2 0 0 1 1.725.988l1.476 2.518a1 1 0 0 0 .863.494H28a2 2 0 0 1 2 2ZM11 6h17a2 2 0 0 1 2 2v3h-2V8H11V6Z","viewbox":"0 0 32 32"},{"name":"fuel_gauge_inactive","definition":"M24 17v2.757l-2-2V17a1 1 0 0 0-1-1h-.757L18 13.757V12h-1.757l-2-2H18V4H8.243l-2-2H18a2 2 0 0 1 2 2v10h1a3 3 0 0 1 3 3Zm4-7.6v14.357l-2-2V13a2 2 0 0 1-2-1.997V7.408l-1.706-1.7a1 1 0 0 1 1.412-1.416l3.706 3.691A2 2 0 0 1 28 9.4Zm-8 14.843-2-2V28H6V12h1.757L4 8.243V28a2.053 2.053 0 0 0 .031.354A2 2 0 0 0 6 30h12a2 2 0 0 0 2-2v-3.757Zm5.68 5.68L22 26.243V27a3 3 0 0 0 3.68 2.923ZM3.707 2.293a1 1 0 0 0-1.414 1.414l26 26a1 1 0 0 0 1.414-1.414l-26-26Z","viewbox":"0 0 32 32"},{"name":"fuel_gauge","definition":"M6 2a1.994 1.994 0 0 0-1.732 1A1.99 1.99 0 0 0 4 4v24a2.053 2.053 0 0 0 .031.354A2 2 0 0 0 6 30h12a2 2 0 0 0 2-2V16h1a1 1 0 0 1 1 1v10a3 3 0 0 0 6 .003V9.4a2 2 0 0 0-.588-1.417l-3.706-3.691a1 1 0 0 0-1.412 1.416L24 7.408v3.595A2 2 0 0 0 26 13v14a1 1 0 1 1-2 0V17a3 3 0 0 0-3-3h-1V4a2 2 0 0 0-2-2H6Zm12 8H6V4h12v6ZM6 28V12h12v16H6Z","viewbox":"0 0 32 32"},{"name":"global","definition":"M16 2C8.3 2 2 8.3 2 16c0 7.6 6.1 13.8 13.6 14h.8c7.5-.2 13.6-6.4 13.6-14 0-7.7-6.3-14-14-14zm-1 2.2V10h-4.2c.3-1 .7-1.9 1.1-2.7.9-1.7 2-2.7 3.1-3.1zM15 20h-4.6c-.2-1.2-.4-2.6-.4-4s.1-2.8.4-4H15v8zM10.9 5.1c-.3.4-.5.8-.7 1.2-.6 1.1-1.1 2.3-1.4 3.7H5.6c1.2-2.1 3.1-3.8 5.3-4.9zM4 16c0-1.4.2-2.8.7-4h3.6c-.2 1.3-.3 2.6-.3 4s.1 2.7.3 4H4.7c-.5-1.3-.7-2.6-.7-4zm1.6 6h3.2c.3 1.4.8 2.6 1.4 3.7.2.4.5.8.7 1.2-2.2-1.1-4.1-2.8-5.3-4.9zm6.3 2.7c-.4-.8-.8-1.7-1.1-2.7H15v5.8c-1.1-.4-2.2-1.4-3.1-3.1zM26.4 10h-3.2c-.3-1.4-.8-2.6-1.4-3.7-.2-.4-.5-.8-.7-1.2 2.2 1.1 4.1 2.8 5.3 4.9zM17 4.2c1.1.4 2.2 1.4 3.1 3.1.4.8.8 1.7 1.1 2.7H17V4.2zm0 7.8h4.6c.2 1.2.4 2.6.4 4s-.1 2.8-.4 4H17v-8zm0 15.8V22h4.2c-.3 1-.7 1.9-1.1 2.7-.9 1.7-2 2.7-3.1 3.1zm4.1-.9c.3-.4.5-.8.7-1.2.6-1.1 1.1-2.3 1.4-3.7h3.2c-1.2 2.1-3.1 3.8-5.3 4.9zm2.6-6.9c.2-1.3.3-2.6.3-4s-.1-2.7-.3-4h3.6c.5 1.2.7 2.6.7 4s-.2 2.8-.7 4h-3.6z","viewbox":"0 0 32 32"},{"name":"heart_inactive","definition":"m24.8 20.5 2.5-2.5c1.7-1.6 2.8-3.9 2.8-6.4C30 6.9 26.2 3 21.4 3c-2.1 0-4.1 1.2-5.4 3.3C14.7 4.2 12.7 3 10.6 3c-1 0-2 .2-2.9.5l1.6 1.6c.5-.1.9-.1 1.3-.1C12.2 5 14 6.2 15 8.9c.1.4.5.6.9.6s.8-.3.9-.6C18 6.1 19.8 5 21.4 5 25 5 28 8 28 11.7c0 1.9-.8 3.7-2.1 4.9l-2.5 2.5 1.4 1.4zM4.6 8.9c-.4.8-.6 1.8-.6 2.8 0 2 .8 3.7 2.1 4.9l9.8 9.9 3.1-3.2 1.4 1.4-3.8 3.9c-.1.3-.3.4-.6.4s-.5-.1-.7-.3L4.8 18.1C3.1 16.5 2 14.2 2 11.7c0-1.6.4-3 1.1-4.3l1.5 1.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"heart","definition":"M2 11.7C2 6.9 5.8 3 10.6 3c2.1 0 4 1.2 5.4 3.3C17.3 4.2 19.3 3 21.4 3c4.8 0 8.6 3.9 8.6 8.7 0 2.5-1.1 4.8-2.8 6.4L16.7 28.7c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3L4.8 18.1C3.1 16.5 2 14.2 2 11.7zM10.6 5C7 5 4 8 4 11.7c0 2 .8 3.7 2.1 4.9l9.8 9.9 9.8-9.9c1.3-1.2 2.1-3 2.1-4.9C28 8 25 5 21.4 5c-1.6 0-3.4 1.1-4.5 3.9-.1.4-.5.6-.9.6s-.8-.3-.9-.6C14 6.2 12.2 5 10.6 5z","viewbox":"0 0 32 32"},{"name":"home_inactive","definition":"M28 23.8v-12c0-.7-.4-1.4-1-1.7L17 4.3c-.6-.4-1.4-.4-2 0l-4.1 2.4 1.5 1.5L16 6l10 5.8v10l2 2zm-8 .4V26h1.8l2 2H20c-1.1 0-2-.9-2-2v-3.8l2 2zm-13-13-1 .6V26h6v-7.5c0-.6.4-1.1.9-1.4l1.9 1.9H14v7c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V11.8c0-.7.4-1.4 1-1.7l.5-.3L7 11.2zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"home","definition":"M15 4.267a2 2 0 0 1 2 0l10 5.774a2 2 0 0 1 1 1.732V26a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-7h-4v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V11.773a2 2 0 0 1 1-1.732l10-5.774ZM12 26v-7.5a1.5 1.5 0 0 1 1.5-1.5h5a1.5 1.5 0 0 1 1.5 1.5V26h6V11.773L16 6 6 11.773V26h6Z","viewbox":"0 0 32 32"},{"name":"image_add","definition":"M26 5a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 1 1 0-2h2V6a1 1 0 0 1 1-1ZM2 10a2 2 0 0 1 2-2h15a1 1 0 1 1 0 2H4v12.586l5.293-5.293a1 1 0 0 1 1.414 0L13 19.586l5.293-5.293a1 1 0 0 1 1.414 0L25 19.586V16a1 1 0 1 1 2 0v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10Zm23 12.414-6-6-5.293 5.293a1 1 0 0 1-1.414 0L10 19.414 5.414 24H25v-1.586Z","viewbox":"0 0 32 32"},{"name":"image_inactive","definition":"M29.53 25.288c.293-.348.47-.797.47-1.288V8a2 2 0 0 0-2-2H10.243l2 2H28v10.586l-6.293-6.293a1 1 0 0 0-1.414 0l-1.879 1.879 1.414 1.414L21 14.414l7 7v2.343l1.53 1.53Zm-13.944-5.46-.879.88a1 1 0 0 1-1.414 0L11 18.413 5.414 24h14.343l2 2H4a2 2 0 0 1-2-2V8c0-.49.177-.94.47-1.288L4 8.242v14.344l6.293-6.293a1 1 0 0 1 1.414 0L14 18.586l.172-.172 1.414 1.414Z","viewbox":"0 0 32 32"},{"name":"image_set","definition":"M2 12a2 2 0 0 1 2-2h3v2H4v12h20v-2.5h2V24a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V12ZM6 8a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8Zm22 6.586V8H8v10.586l5.293-5.293a1 1 0 0 1 1.434.02l2.283 2.416 5.273-5.426a1 1 0 0 1 1.424-.01L28 14.586ZM9.414 20H28v-2.586l-4.99-4.99-5.293 5.447a1 1 0 0 1-1.444-.01l-2.293-2.427L9.414 20Z","viewbox":"0 0 32 32"},{"name":"image","definition":"M2 8a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8Zm26 10.586V8H4v14.586l6.293-6.293a1 1 0 0 1 1.414 0L14 18.586l6.293-6.293a1 1 0 0 1 1.414 0L28 18.586ZM5.414 24H28v-2.586l-7-7-6.293 6.293a1 1 0 0 1-1.414 0L11 18.414 5.414 24Z","viewbox":"0 0 32 32"},{"name":"info","definition":"M16.013 4.004c-6.642 0-12.026 5.384-12.026 12.025 0 6.642 5.384 12.026 12.026 12.026 6.641 0 12.025-5.384 12.025-12.026 0-6.641-5.384-12.025-12.025-12.025ZM1.987 16.029c0-7.746 6.28-14.025 14.026-14.025 7.746 0 14.025 6.28 14.025 14.025 0 7.746-6.28 14.026-14.025 14.026-7.746 0-14.026-6.28-14.026-14.026ZM16.025 14.126a1 1 0 0 1 1 1v5.616a1 1 0 0 1-2 0v-5.616a1 1 0 0 1 1-1Zm0-3.809a1 1 0 0 1 1 1v.217a1 1 0 1 1-2 0v-.217a1 1 0 0 1 1-1Z","viewbox":"0 0 32 32"},{"name":"kebab","definition":"M14 7.977a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM14 16a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 8.03a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z","viewbox":"0 0 32 32"},{"name":"link_broken","definition":"M6.1 6.1a1 1 0 0 1 1.415 0l1.414 1.415a1 1 0 1 1-1.414 1.414L6.101 7.515a1 1 0 0 1 0-1.415Zm-3.622 6.276a1 1 0 0 1 1.224-.707l1.932.517a1 1 0 1 1-.517 1.932L3.185 13.6a1 1 0 0 1-.707-1.224Zm9.898-9.899a1 1 0 0 0-.707 1.225l.518 1.932a1 1 0 0 0 1.931-.518l-.517-1.932a1 1 0 0 0-1.225-.707ZM25.9 25.9a1 1 0 0 1-1.415 0l-1.414-1.415a1 1 0 0 1 1.414-1.414l1.415 1.414a1 1 0 0 1 0 1.414Zm3.623-6.276a1 1 0 0 1-1.225.707l-1.932-.518a1 1 0 1 1 .518-1.931l1.931.517a1 1 0 0 1 .707 1.225Zm-9.899 9.898a1 1 0 0 0 .707-1.224l-.517-1.932a1 1 0 0 0-1.932.518l.517 1.931a1 1 0 0 0 1.225.707Zm-5.038-19.179a1 1 0 0 1 0-1.414L17.415 6.1a6 6 0 1 1 8.485 8.486l-2.829 2.828A1 1 0 0 1 21.657 16l2.829-2.829a4 4 0 0 0-5.657-5.656L16 10.343a1 1 0 0 1-1.414 0Zm2.828 11.314a1 1 0 0 1 0 1.414l-2.828 2.828A6 6 0 0 1 6.1 17.414l2.829-2.829A1 1 0 1 1 10.343 16l-2.828 2.828a4 4 0 0 0 5.657 5.657L16 21.657a1 1 0 0 1 1.414 0Z","viewbox":"0 0 32 32"},{"name":"link","definition":"M14.586 10.343a1 1 0 0 1 0-1.414l2.828-2.828a6 6 0 0 1 8.485 8.485l-2.828 2.828A1 1 0 0 1 21.657 16l2.828-2.828a4 4 0 0 0-5.657-5.657L16 10.343a1 1 0 0 1-1.414 0Zm2.828 11.314a1 1 0 0 1 0 1.414l-2.829 2.828A6 6 0 0 1 6.1 17.414l2.829-2.828A1 1 0 0 1 10.343 16l-2.829 2.828a4 4 0 0 0 5.657 5.657L16 21.657a1 1 0 0 1 1.414 0Zm-7.777-.707a1 1 0 1 0 1.413 1.414L22.364 11.05a1 1 0 0 0-1.414-1.414L9.637 20.95Z","viewbox":"0 0 32 32"},{"name":"lock_inactive","definition":"M16 4a4 4 0 0 0-4 4v7a1 1 0 1 1-2 0V8a6 6 0 0 1 12 0 1 1 0 1 1-2 0 4 4 0 0 0-4-4ZM6 16a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V16Zm18 0H8v12h16V16Z","viewbox":"0 0 32 32"},{"name":"lock","definition":"M6 16a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V16Zm18 0H8v12h16V16ZM16 4a4 4 0 0 0-4 4v7h-2V8a6 6 0 0 1 12 0v7h-2V8a4 4 0 0 0-4-4Z","viewbox":"0 0 32 32"},{"name":"meatballs","definition":"M24.015 13.995a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-8.02 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-8.003 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z","viewbox":"0 0 32 32"},{"name":"message_inactive","definition":"M27.1 22.8c1.7-.5 2.9-2 2.9-3.8V8c0-2.2-1.8-4-4-4H8.2l2 2H26c1.1 0 2 .9 2 2v11c0 1.1-.9 2-2 2h-.8l1.9 1.8zM4.1 8.3 4 22v3.2l6.5-4c.2-.1.3-.2.5-.2h5.8l2 2h-7.5l-7.8 4.8c-.3.2-.7.2-1 0-.3-.1-.5-.4-.5-.8v-5l.1-14c0-.5.1-1 .3-1.4l1.7 1.7zm-1.8-6c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"message","definition":"M6.154 5.998h19.527a2.2 2.2 0 0 1 2.2 2.201v10.965a2.201 2.201 0 0 1-2.2 2.201l-3.951.001H9.954v.047a1.005 1.005 0 0 0-.24.114l-5.742 3.72-.018-4.945V8.198a2.2 2.2 0 0 1 2.2-2.2Zm-4.2 14.307v1.197h.005l.019 5.584a1 1 0 0 0 1.544.836l7.031-4.556H21.73l3.953-.001a4.201 4.201 0 0 0 4.198-4.201V8.199a4.201 4.201 0 0 0-4.2-4.201H6.154a4.2 4.2 0 0 0-4.2 4.2V19.81a1.01 1.01 0 0 0-.001.06l.001.435Z","viewbox":"0 0 32 32"},{"name":"mileage_inactive","definition":"M28.6 24.1c.9-1.9 1.4-4 1.4-6.1 0-3.5-1.3-7.1-4-9.8 0 0 0-.1-.1-.1l-.1-.1c-2.7-2.7-6.3-4-9.8-4-2.1 0-4.2.5-6.1 1.4l1.5 1.5c1.2-.5 2.4-.8 3.6-.9v2c0 .6.4 1 1 1s1-.4 1-1V6c2.4.2 4.8 1.1 6.8 2.8l-1.4 1.4c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0l1.4-1.4c1.7 2 2.6 4.3 2.8 6.7h-2c-.6 0-1 .4-1 1s.4 1 1 1h2c-.1 1.2-.4 2.4-.9 3.6l1.5 1.6zM23 18.5V18c0-.6-.4-1-1-1h-.5l1.5 1.5zM13 17h-3c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h9l-2-2h-6v-2h4l-2-2zm-6.4-6.5c-1.5 2-2.4 4.2-2.6 6.5h2c.6 0 1 .4 1 1s-.4 1-1 1H4c.2 2.5 1.2 5 3 7h15l2 2H7c-.5 0-1.1-.2-1.5-.6-4.6-5.2-4.7-13-.3-18.3l1.4 1.4zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"mileage","definition":"M16 4h.012a13.955 13.955 0 0 1 9.81 4.024 1.002 1.002 0 0 1 .16.16A13.955 13.955 0 0 1 30 17.994v.012a13.956 13.956 0 0 1-3.585 9.35 1.962 1.962 0 0 1-1.46.644H7.045a1.963 1.963 0 0 1-1.46-.644C.643 21.864.81 13.405 6.087 8.114L6.1 8.1l.016-.015A13.956 13.956 0 0 1 15.988 4H16Zm-1 4V6.042a11.947 11.947 0 0 0-6.748 2.794l1.386 1.386a1 1 0 0 1-1.414 1.414L6.838 10.25A11.948 11.948 0 0 0 4.04 17H6a1 1 0 1 1 0 2H4.041a11.946 11.946 0 0 0 3.014 7h17.89a11.945 11.945 0 0 0 3.014-7H26a1 1 0 1 1 0-2h1.959a11.948 11.948 0 0 0-2.793-6.746l-1.382 1.382a1 1 0 0 1-1.415-1.414l1.383-1.383A11.947 11.947 0 0 0 17 6.042V8a1 1 0 1 1-2 0ZM9 18a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-4Zm2 1v2h10v-2H11Z","viewbox":"0 0 32 32"},{"name":"minus","definition":"M3.98 16a1 1 0 0 1 1-1h22.04a1 1 0 0 1 0 2H4.98a1 1 0 0 1-1-1Z","viewbox":"0 0 32 32"},{"name":"notification_inactive","definition":"M26 21.8V14c0-5.2-3.9-9.4-9-10V3c0-.6-.4-1-1-1s-1 .4-1 1v1c-1.8.2-3.5.8-4.9 1.8l1.4 1.4C12.8 6.5 14.4 6 16 6c4.4 0 8 3.6 8 8v5.8l2 2zM8.2 12.4c-.1.5-.2 1.1-.2 1.6v10h11.8l2 2H5c-.6 0-1-.4-1-1s.4-1 1-1h1V14c0-1.1.2-2.2.5-3.2l1.7 1.6zM14 28c-.6 0-1 .4-1 1s.4 1 1 1h4c.6 0 1-.4 1-1s-.4-1-1-1h-4zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"notification","definition":"M16.977 2.964a1 1 0 1 0-2 0v1.06c-5.043.511-8.978 4.77-8.978 9.947v.112a.995.995 0 0 0-.02.199v9.727h-.996a1 1 0 1 0 0 2h22.035a1 1 0 0 0 0-2h-1.003V13.838a1.01 1.01 0 0 0-.023-.214c-.171-5.035-4.065-9.125-9.015-9.605V2.964Zm7.038 21.045H7.98v-7.657H8v-2.381a8 8 0 1 1 15.998 0v2.312h.017v7.726Zm-10.09 3.952a1 1 0 1 0 0 2h4.132a1 1 0 1 0 0-2h-4.132Z","viewbox":"0 0 32 32"},{"name":"phone_inactive","definition":"M28 23.8v-3.4c0-.9-.6-1.7-1.5-1.9l-3.9-1.1c-.3-.1-.7-.1-1 0l2.5 2.5 1.9.5v1.4l2 2zM6.5 10.7c.8 3.5 2.5 6.8 5.3 9.6 2.7 2.7 6.1 4.5 9.6 5.3l2.4 2.4c-4.9-.4-9.6-2.5-13.4-6.2C6.6 18 4.5 13.2 4.1 8.3l2.4 2.4zm5.6-2.8L11.6 6h-1.4l-2-2h3.4c.9 0 1.7.6 1.9 1.5l1.1 3.9c.1.3.1.7 0 1l-2.5-2.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"phone","definition":"M11.62 4c.908 0 1.703.61 1.938 1.487L14.61 9.42a2.005 2.005 0 0 1-.52 1.937l-.594.595v.001l-.92.92a14.402 14.402 0 0 0 2.74 3.813 14.403 14.403 0 0 0 3.813 2.739l.672-.672-.005-.005.845-.844a2.005 2.005 0 0 1 1.936-.52l3.934 1.054a2.005 2.005 0 0 1 1.486 1.938l-.001 2.404H28v3.232c0 1.042-.813 1.955-1.912 1.982a21.505 21.505 0 0 1-15.772-6.31 21.504 21.504 0 0 1-6.31-15.771C4.033 4.813 4.946 4 5.987 4H9.22v.002L11.62 4ZM8.124 6h-2.12a19.504 19.504 0 0 0 5.726 14.27A19.505 19.505 0 0 0 26 25.995v-2.124h-.004l.002-3.496a.005.005 0 0 0-.004-.005l-3.933-1.053-.005.001-.597.596.005.005-.93.93a1.965 1.965 0 0 1-2.253.387 16.402 16.402 0 0 1-4.379-3.136 16.401 16.401 0 0 1-3.135-4.378 1.965 1.965 0 0 1 .387-2.254l.68-.68v-.001l.844-.845a.005.005 0 0 0 0-.005l-1.052-3.933A.005.005 0 0 0 11.62 6l-3.497.002V6Z","viewbox":"0 0 32 32"},{"name":"pin_inactive","definition":"M27.539 13.538c0 2.618-.983 5.131-2.379 7.38l-1.457-1.457c1.115-1.899 1.836-3.912 1.836-5.923a9.539 9.539 0 0 0-15.335-7.576L8.78 4.537a11.54 11.54 0 0 1 18.759 9.001ZM21.478 13.466c0 1.075-.31 2.078-.845 2.924l-1.472-1.472a3.478 3.478 0 0 0-4.613-4.613l-1.472-1.472a5.478 5.478 0 0 1 8.401 4.633Zm-6.987 5.268-3.758-3.759a5.49 5.49 0 0 0 3.758 3.759ZM6.46 13.538c0-.852.115-1.693.335-2.5L5.209 9.45a11.536 11.536 0 0 0-.748 4.087c0 4.486 2.886 8.664 5.79 11.73a39.23 39.23 0 0 0 5.159 4.54 1 1 0 0 0 1.18 0 39.566 39.566 0 0 0 4.803-4.172l-1.413-1.414a37.558 37.558 0 0 1-3.98 3.53 37.225 37.225 0 0 1-4.297-3.86C8.88 20.91 6.461 17.22 6.461 13.538ZM3.708 2.292a1 1 0 1 0-1.415 1.414l26 26a1 1 0 0 0 1.415-1.414l-26-26Z","viewbox":"0 0 32 32"},{"name":"pin","definition":"M16 16.9c4.6-.1 4.6-6.8 0-7-4.6.2-4.6 6.9 0 7zm0 2c3 0 5.5-2.5 5.5-5.5-.3-7.3-10.7-7.2-11 0 0 3.1 2.5 5.5 5.5 5.5zM16 4c-5.2-.1-9.7 4.5-9.6 9.6.1 5.7 5.4 11 9.6 14.2 4.2-3.1 9.6-8.4 9.6-14.2.1-5.1-4.4-9.7-9.6-9.6zm0 25-.6.8s-.1 0-.1-.1c-4.9-3.7-10.7-9.1-11-16.1C4.2 7.4 9.7 1.9 16 2c6.3-.1 11.8 5.4 11.6 11.6-.2 7.1-6 12.5-11 16.1-.1 0-.1.1-.1.1.1.1.1.1-.5-.8zm0 0 .6.8c-.3.2-.8.2-1.1 0l.5-.8z","viewbox":"0 0 32 32"},{"name":"plus","definition":"M17 4.98a1 1 0 1 0-2 0V15H4.98a1 1 0 0 0 0 2H15v10.02a1 1 0 0 0 2 0V17h10.02a1 1 0 1 0 0-2H17V4.98Z","viewbox":"0 0 32 32"},{"name":"print_inactive","definition":"M2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4zM28.2 24c1-.1 1.8-1 1.8-2V12c0-1.1-.9-2-2-2h-2V6c0-1.1-.9-2-2-2H8.2l2 2H24v4h-9.8l2 2H28v10h-1.8l2 2zM26 21.8v-4.3c0-.8-.7-1.5-1.5-1.5h-4.3l2 2H24v1.8l2 2zM19.8 24l1.8 1.8c-.2.1-.4.2-.6.2H11c-.6 0-1-.4-1-1s.4-1 1-1h8.8zm-4-4 2 2H11c-.6 0-1-.4-1-1s.4-1 1-1h4.8zm-2-2H8v10h15.8l1.5 1.5c-.4.3-.8.5-1.3.5H8c-1.1 0-2-.9-2-2v-4H4c-1.1 0-2-.9-2-2V12c0-1.1.9-2 2-2h1.8l2 2H4v10h2v-4.5c0-.8.7-1.5 1.5-1.5h4.3l2 2z","viewbox":"0 0 32 32"},{"name":"print","definition":"M28 10h-2V6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v4H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4h2c1.1 0 2-.9 2-2V12c0-1.1-.9-2-2-2zM8 6h16v4H8V6zm16 22H8V18h16v10zm4-6h-2v-4.8c0-.7-.6-1.2-1.2-1.2H7.2c-.6 0-1.2.6-1.2 1.2V22H4V12h24v10zm-18-1c0-.6.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1H11c-.6 0-1-.4-1-1zm0 4c0-.6.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1H11c-.6 0-1-.4-1-1z","viewbox":"0 0 32 32"},{"name":"profile_inactive","definition":"M24.6 10.6c0 2.7-1.2 5.1-3.1 6.6l-1.4-1.4c1.5-1.2 2.5-3.1 2.5-5.2C22.6 7 19.7 4 16 4c-2.1 0-4 1-5.2 2.5L9.4 5.1C10.9 3.2 13.3 2 16 2c4.8 0 8.6 3.9 8.6 8.6zM7.4 11.7c.5 4 3.6 7.1 7.6 7.6l-7.6-7.6zm2 9.3h7.3l2 2H9.4c-3 0-5.4 2.4-5.4 5.4v.6c0 .6-.4 1-1 1s-1-.4-1-1v-.6C2 24.3 5.3 21 9.4 21zM3.7 2.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l26 26c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4l-26-26z","viewbox":"0 0 32 32"},{"name":"profile","definition":"M16 3.98a6.642 6.642 0 1 0 0 13.283 6.642 6.642 0 0 0 0-13.284Zm-8.642 6.64a8.642 8.642 0 1 1 17.284 0 8.642 8.642 0 0 1-17.284 0ZM1.994 28.387a7.4 7.4 0 0 1 7.4-7.4h13.212a7.4 7.4 0 0 1 7.4 7.4v.625a1 1 0 1 1-2 0v-.625a5.4 5.4 0 0 0-5.4-5.4H9.394a5.4 5.4 0 0 0-5.4 5.4v.625a1 1 0 1 1-2 0v-.625Z","viewbox":"0 0 32 32"},{"name":"proportions_inactive","definition":"M19 11a1 1 0 0 1 1-1h4a6 6 0 0 1 0 12h-4a1 1 0 1 1 0-2h4a4 4 0 1 0 0-8h-4a1 1 0 0 1-1-1Zm-6 10a1 1 0 0 1-1 1H8a6 6 0 0 1 0-12h4a1 1 0 1 1 0 2H8a4 4 0 1 0 0 8h4a1 1 0 0 1 1 1Z","viewbox":"0 0 32 32"},{"name":"proportions","definition":"M13 21a1 1 0 0 1-1 1H8a6 6 0 0 1 0-12h4a1 1 0 1 1 0 2H8a4 4 0 0 0 0 8h4a1 1 0 0 1 1 1Zm6-10a1 1 0 0 1 1-1h4a6 6 0 0 1 0 12h-4a1 1 0 1 1 0-2h4a4 4 0 0 0 0-8h-4a1 1 0 0 1-1-1ZM8 15a1 1 0 1 0 0 2h16a1 1 0 0 0 0-2H8Z","viewbox":"0 0 32 32"},{"name":"redirect","definition":"M16 5a1 1 0 0 1 1-1h9a2 2 0 0 1 2 2v9a1 1 0 1 1-2 0V7.414L14.707 18.707a1 1 0 0 1-1.414-1.414L24.586 6H17a1 1 0 0 1-1-1ZM4 8a2 2 0 0 1 2-2h3a1 1 0 1 1 0 2H6v18h18v-3a1 1 0 1 1 2 0v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8Z","viewbox":"0 0 32 32"},{"name":"refresh","definition":"M7.574 8.134c1.751-2.07 4.64-4.15 9.085-4.15 4.454 0 7.21 2.09 8.822 4.186a12.435 12.435 0 0 1 1.97 3.785 7.83 7.83 0 0 1 .1.358l.007.024.001.009.001.003c0 .001 0 .002-.974.227l.975-.225a1 1 0 0 1-1.949.452V12.8l-.002-.006a9.169 9.169 0 0 0-.35-1.026 10.439 10.439 0 0 0-1.364-2.38c-1.307-1.699-3.515-3.405-7.237-3.405-3.73 0-6.097 1.715-7.558 3.442a11.66 11.66 0 0 0-1.561 2.402 9.99 9.99 0 0 0-.418.987 3.126 3.126 0 0 0-.016.048l-.003.008v.001a1.012 1.012 0 0 1-.052.134l2.919-.782a1 1 0 1 1 .517 1.932l-4.476 1.2a1.84 1.84 0 0 1-2.255-1.302l-1.2-4.477A1 1 0 1 1 4.49 9.06l.793 2.961.049-.13c.089-.23.223-.554.41-.938a13.66 13.66 0 0 1 1.833-2.818Zm-2.208 4.201.782.24-.782-.24Zm22.19 10.606a1 1 0 0 0 1.932-.518l-1.2-4.476a1.84 1.84 0 0 0-2.254-1.302l-4.477 1.2a1 1 0 0 0 .518 1.931l2.92-.782a.91.91 0 0 0-.053.134v.001l-.003.008-.016.048a9.946 9.946 0 0 1-.418.988c-.32.656-.824 1.53-1.561 2.401-1.461 1.727-3.828 3.442-7.558 3.442-3.722 0-5.93-1.706-7.237-3.406a10.44 10.44 0 0 1-1.643-3.154 5.664 5.664 0 0 1-.072-.25l-.001-.007v-.001a1 1 0 0 0-1.949.451l.975-.225-.975.226v.001l.001.003.002.009.006.024.021.08a11.158 11.158 0 0 0 .42 1.223c.318.772.833 1.804 1.63 2.84 1.612 2.096 4.368 4.186 8.822 4.186 4.445 0 7.334-2.08 9.085-4.15a13.658 13.658 0 0 0 1.832-2.818 11.98 11.98 0 0 0 .46-1.068l.793 2.96Zm-.878-3.276-.781-.24.782.24Z","viewbox":"0 0 32 32"},{"name":"report_inactive","definition":"M28 23.8V6c0-1.1-.9-2-2-2h-2c-1.1 0-2 .9-2 2v11.8l2 2V6h2v15.8l2 2zm-9-9V11c0-1.1-.9-2-2-2h-2c-.5 0-.9.2-1.3.5l1.5 1.5H17v1.8l2 2zm-2 6.4 2 2V26c0 1.1-.9 2-2 2h-2c-1.1 0-2-.9-2-2v-8.8l2 2V26h2v-4.8zM6 14c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2V16c0-1.1-.9-2-2-2H6zm0 2h2v10H6V16zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"report","definition":"M22 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V6Zm4 0h-2v20h2V6Zm-13 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V11Zm4 0h-2v15h2V11ZM4 16a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V16Zm4 0H6v10h2V16Z","viewbox":"0 0 32 32"},{"name":"save_inactive","definition":"M28 23.757V10.414A2 2 0 0 0 27.414 9L23 4.586A2 2 0 0 0 21.586 4H8.243L12 7.757V6h8v3h-6.757l2 2H20.5A1.5 1.5 0 0 0 22 9.5V6.414l4 4v11.343l2 2ZM6 10.243V26h4v-6.5a1.5 1.5 0 0 1 1.5-1.5h2.257l2 2H12v6h8v-1.757L23.757 28H6a2 2 0 0 1-2-2V8.243l2 2Zm-3.707-7.95a1 1 0 0 1 1.414 0l26 26a1 1 0 0 1-1.414 1.414l-26-26a1 1 0 0 1 0-1.414Z","viewbox":"0 0 32 32"},{"name":"save","definition":"M4 6a2 2 0 0 1 2-2h15.586A2 2 0 0 1 23 4.586L27.414 9A2 2 0 0 1 28 10.414V26a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6Zm17.586 0H6v20h20V10.414L21.586 6ZM10 9.5V5h2v4h8V5h2v4.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 10 9.5Zm12 10V27h-2v-7h-8v7h-2v-7.5a1.5 1.5 0 0 1 1.5-1.5h9a1.5 1.5 0 0 1 1.5 1.5Z","viewbox":"0 0 32 32"},{"name":"search","definition":"M12.942 1.985c-6.051 0-10.957 4.905-10.957 10.957 0 6.051 4.906 10.957 10.957 10.957 2.666 0 5.109-.952 7.008-2.534l8.332 8.331a1 1 0 1 0 1.414-1.414l-8.331-8.331a10.912 10.912 0 0 0 2.534-7.01c0-6.05-4.905-10.956-10.957-10.956ZM3.985 12.942a8.957 8.957 0 1 1 17.914 0 8.957 8.957 0 0 1-17.914 0Z","viewbox":"0 0 32 32"},{"name":"send_inactive","definition":"m23.654 19.411 3.243-1.62c1.474-.738 1.474-2.842 0-3.579L10.019 5.777l4.47 4.47L26.003 16l-3.84 1.92 1.49 1.49Zm-10.896-2.41H8.846l-2.842 8.995 10.501-5.248 1.49 1.49-11.097 5.547c-1.58.79-3.333-.707-2.8-2.391L7.064 16 4.897 9.14l3.066 3.066L8.846 15h1.912l2 2ZM2.008 2.293a1 1 0 0 1 1.414 0l26 26a1 1 0 0 1-1.414 1.414l-26-26a1 1 0 0 1 0-1.414Z","viewbox":"0 0 32 32"},{"name":"send","definition":"M4.097 6.608c-.532-1.684 1.221-3.18 2.801-2.391l19.999 9.995c1.474.737 1.474 2.841 0 3.578L6.898 27.785c-1.58.79-3.333-.707-2.8-2.392l2.967-9.392-2.968-9.393Zm4.749 10.393-2.842 8.995 19.999-9.995L6.004 6.006 8.846 15h6.874a1 1 0 1 1 0 2H8.846Z","viewbox":"0 0 32 32"},{"name":"settings","definition":"m13.787 6.803.935-2.823h2.444l.934 2.818.493.152c.567.174 1.115.391 1.63.649l.456.228 2.753-1.428 1.71 1.71-1.37 2.652.282.476a9.08 9.08 0 0 1 .866 2.02l.15.498 2.822.935v2.476l-2.82.934-.15.496a9.691 9.691 0 0 1-.8 1.885l-.264.47 1.284 2.48-1.71 1.711-2.475-1.281-.467.256c-.608.333-1.24.605-1.894.804l-.495.15-.935 2.82h-2.445l-.935-2.804-.494-.15a9.596 9.596 0 0 1-1.885-.8l-.47-.263-2.48 1.284-1.711-1.71 1.281-2.476-.256-.467a10.015 10.015 0 0 1-.804-1.893l-.15-.496-2.82-.934v-2.461l2.806-.936.15-.497a9.903 9.903 0 0 1 .874-2.034l.267-.47-1.36-2.648 1.722-1.722 2.766 1.435.463-.244a8.826 8.826 0 0 1 1.603-.653l.499-.15Zm.682-4.823c-.724 0-1.328.456-1.559 1.11l-.003.009-.696 2.1c-.336.119-.662.251-.983.4L9.165 4.53a1.623 1.623 0 0 0-1.937.285L5.145 6.897a1.65 1.65 0 0 0-.313 1.912l.996 1.94c-.239.467-.45.957-.628 1.463l-2.086.695-.009.003a1.644 1.644 0 0 0-1.109 1.558v2.967c0 .724.456 1.328 1.11 1.559l.009.003 2.104.697c.158.444.342.875.548 1.293l-.907 1.752a1.623 1.623 0 0 0 .285 1.936l2.098 2.097.014.014a1.672 1.672 0 0 0 1.883.27l1.774-.918c.418.208.854.391 1.297.548l.696 2.088.003.009c.23.653.835 1.109 1.559 1.109h2.95c.724 0 1.328-.456 1.559-1.11l.003-.009.697-2.104c.444-.158.875-.342 1.293-.548l1.752.907a1.623 1.623 0 0 0 1.937-.285l2.097-2.098.013-.014a1.672 1.672 0 0 0 .27-1.883l-.918-1.774c.208-.418.392-.853.548-1.296l2.104-.697.009-.003a1.644 1.644 0 0 0 1.109-1.559v-2.982c0-.724-.456-1.328-1.11-1.559l-.008-.003-2.1-.696c-.174-.5-.38-.992-.625-1.466l.98-1.896a1.623 1.623 0 0 0-.286-1.936l-2.097-2.097-.015-.014a1.672 1.672 0 0 0-1.883-.27l-.007.004-2.091 1.085a12.932 12.932 0 0 0-.972-.387L18.981 3.1l-.003-.01a1.644 1.644 0 0 0-1.558-1.11h-2.951Zm-2.632 13.956a4.108 4.108 0 1 1 8.215 0 4.108 4.108 0 0 1-8.215 0Zm4.107-6.108a6.107 6.107 0 1 0 0 12.215 6.107 6.107 0 0 0 0-12.215Z","viewbox":"0 0 32 32"},{"name":"share","definition":"M23 20c-1.6 0-3 .7-3.9 1.8l-7.4-4.3c.2-.5.2-1 .2-1.6 0-.5-.1-1.1-.2-1.6l7.4-4.3c.9 1.3 2.3 2 3.9 2 2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5c0 .5.1 1 .2 1.4l-7.5 4.3C9.8 11.7 8.5 11 7 11c-2.8 0-5 2.2-5 5s2.2 5 5 5c1.5 0 2.8-.7 3.8-1.7l7.5 4.3c-.2.4-.3.9-.3 1.4 0 2.8 2.2 5 5 5s5-2.2 5-5-2.2-5-5-5zm0-16c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3zM7 19c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm16 9c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z","viewbox":"0 0 32 32"},{"name":"skip_backwards","definition":"M25.708 4.292a.998.998 0 0 1 0 1.412l-9.872 9.872a.6.6 0 0 0 0 .848l9.872 9.872a.998.998 0 1 1-1.412 1.412l-9.872-9.872a2.596 2.596 0 0 1 0-3.671l9.872-9.873a.998.998 0 0 1 1.412 0ZM7 4.02a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0v-22a1 1 0 0 1 1-1Z","viewbox":"0 0 32 32"},{"name":"skip_forward","definition":"M6.292 27.708a.998.998 0 0 1 0-1.412l9.873-9.872a.6.6 0 0 0 0-.848L6.292 5.704a.998.998 0 0 1 1.412-1.412l9.872 9.873a2.596 2.596 0 0 1 0 3.67l-9.872 9.873a.998.998 0 0 1-1.412 0ZM25 4a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1Z","viewbox":"0 0 32 32"},{"name":"smartphone_inactive","definition":"M26 21.757V4a2 2 0 0 0-2-2H8c-.49 0-.94.177-1.288.47L8.242 4H24v15.757l2 2ZM8 12.243V28h15.757l1.53 1.53c-.347.293-.796.47-1.287.47H8a2 2 0 0 1-2-2V10.243l2 2ZM15 6a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM2.293 2.293a1 1 0 0 1 1.414 0l26 26a1 1 0 0 1-1.414 1.414l-26-26a1 1 0 0 1 0-1.414Z","viewbox":"0 0 32 32"},{"name":"smartphone","definition":"M6 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4Zm18 0H8v24h16V4ZM14 7a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Z","viewbox":"0 0 32 32"},{"name":"sorting","definition":"M11.488 2.565V22a1 1 0 1 1-2 0V2.565h2ZM16.618 9.786a1 1 0 0 1-1.404-.168l-4.242-5.399a.6.6 0 0 0-.944 0L5.786 9.618a1 1 0 0 1-1.572-1.236l4.242-5.399a2.6 2.6 0 0 1 4.088 0l4.242 5.4a1 1 0 0 1-.168 1.403Zm3.894 19.648V10a1 1 0 0 1 2 0v19.434h-2ZM15.382 22.214a1 1 0 0 1 1.404.168l4.242 5.399a.6.6 0 0 0 .944 0l4.242-5.399a1 1 0 0 1 1.572 1.236l-4.242 5.399a2.6 2.6 0 0 1-4.088 0l-4.242-5.4a1 1 0 0 1 .168-1.403Z","viewbox":"0 0 32 32"},{"name":"speedometer_inactive","definition":"M3.707 2.293a1 1 0 0 0-1.414 1.414l26 26a1 1 0 0 0 1.414-1.414l-26-26ZM25.9 8.102c4.322 4.324 5.227 10.772 2.714 15.985L27.1 22.573c.471-1.147.757-2.351.858-3.569H26a1 1 0 0 1 0-2h1.959a11.952 11.952 0 0 0-2.796-6.751l-5.19 5.192-1.415-1.414 5.191-5.193A11.946 11.946 0 0 0 17 6.042v1.96a1 1 0 1 1-2 0v-1.96a11.997 11.997 0 0 0-3.57.86L9.914 5.388c5.213-2.516 11.66-1.611 15.985 2.714Zm-12.76 8.995 3.767 3.768a3 3 0 0 1-3.768-3.768Zm-9.099-.093a11.954 11.954 0 0 1 2.551-6.454L5.17 9.128c-4.517 5.5-4.207 13.64.93 18.778h.002l.002.001a1 1 0 0 0 1.414 0l2.123-2.123a1 1 0 0 0-1.415-1.415l-1.388 1.389a11.952 11.952 0 0 1-2.797-6.754H6a1 1 0 0 0 0-2H4.041Z","viewbox":"0 0 32 32"},{"name":"speedometer","definition":"M8.252 8.737A11.946 11.946 0 0 1 15 5.942v1.96a1 1 0 1 0 2 0v-1.96a11.945 11.945 0 0 1 6.75 2.796l-6.456 6.458a3 3 0 1 0 1.414 1.415l6.456-6.458a11.953 11.953 0 0 1 2.795 6.75H26a1 1 0 0 0 0 2.001h1.959a11.953 11.953 0 0 1-2.795 6.751l-1.386-1.386a1 1 0 1 0-1.415 1.415l2.123 2.123a1 1 0 0 0 1.445-.032c5.436-5.471 5.426-14.315-.031-19.773-5.462-5.464-14.313-5.47-19.782-.017L6.102 8l-.016.016c-5.453 5.47-5.448 14.325.015 19.79l.001-.002.002.002a1 1 0 0 0 1.414 0l2.123-2.123a1 1 0 0 0-1.414-1.415l-1.388 1.389a11.953 11.953 0 0 1-2.797-6.754H6a1 1 0 0 0 0-2H4.042a11.952 11.952 0 0 1 2.796-6.752l1.386 1.386a1 1 0 1 0 1.415-1.414L8.252 8.737ZM15 17.904a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z","viewbox":"0 0 32 32"},{"name":"star","definition":"m16 5.095-2.875 6.782a1.8 1.8 0 0 1-1.505 1.091l-7.35.624 5.584 4.838a1.8 1.8 0 0 1 .574 1.77L8.75 27.386l6.319-3.814a1.8 1.8 0 0 1 1.86 0l6.32 3.814-1.678-7.188a1.8 1.8 0 0 1 .575-1.77l5.584-4.837-7.351-.624a1.8 1.8 0 0 1-1.505-1.09L16 5.094ZM14.343 3.88c.62-1.464 2.694-1.464 3.314 0l3.012 7.106 7.703.653c1.587.135 2.23 2.112 1.027 3.154l-5.852 5.07 1.758 7.532c.361 1.55-1.32 2.772-2.684 1.95L16 25.348l-6.621 3.997c-1.364.822-3.045-.4-2.683-1.95l1.757-7.533L2.6 14.793c-1.203-1.042-.56-3.02 1.027-3.154l7.703-.653 3.012-7.106Z","viewbox":"0 0 32 32"},{"name":"support","definition":"M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.7 4 16 4zM2 16C2 8.3 8.3 2 16 2s14 6.3 14 14-6.3 14-14 14c-7.7.1-14-6.2-14-14zm12.5 2.5c0-.5.1-.9.3-1.2.2-.4.5-.7 1-1.1l.8-.7c.4-.4.7-.7.9-1 .2-.3.2-.7.2-1v-.2c0-.5-.1-.8-.4-1.1-.3-.3-.6-.4-1.1-.4-1 0-1.6.6-1.7 1.8H12c.1-1.1.4-2 1.1-2.6.7-.7 1.7-1 3-1s2.3.3 2.9 1c.7.6 1 1.5 1 2.5 0 .7-.2 1.3-.5 1.8s-.8 1.1-1.6 1.8l-.5.5c-.2.2-.3.4-.4.7-.1.2-.1.5-.1.8h-2.5v-.6zm-.1 1.7h2.5v2.4h-2.5v-2.4z","viewbox":"0 0 32 32"},{"name":"tick","definition":"M27.7 8.5c.4.4.4 1 0 1.4L19 18.6l-1.2 1.2-4.8 4.8c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3l-7.4-7.4c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l6.6 6.7 4.1-4.1 1.2-1.2c2.4-2.4 5.2-5.1 8.6-8.7.6-.4 1.3-.4 1.6 0z","viewbox":"0 0 32 32"},{"name":"timer","definition":"M21.707 12.293a1 1 0 0 1 0 1.414l-3 3a3 3 0 1 1-1.414-1.414l3-3a1 1 0 0 1 1.414 0ZM16 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM13 2a1 1 0 1 0 0 2h2v2.041C8.84 6.55 4 11.71 4 18c0 6.627 5.373 12 12 12s12-5.373 12-12c0-6.29-4.84-11.45-11-11.959V4h2a1 1 0 1 0 0-2h-6ZM6 18c0-5.522 4.475-9.998 9.997-10h.006C21.524 8.002 26 12.478 26 18c0 5.523-4.477 10-10 10S6 23.523 6 18Z","viewbox":"0 0 32 32"},{"name":"tool_inactive","definition":"M24.6 20.1c.3-.2.5-.4.8-.7 2.7-2.7 3.3-6.6 1.9-9.9-.1-.3-.4-.5-.7-.6-.3-.1-.7 0-.9.3l-4.9 4.9c-.4.4-1 .6-1.5.6l1.7 1.7c.4-.2.9-.5 1.2-.8l3.8-3.8c.4 2.2-.3 4.5-1.9 6.2-.3.3-.5.5-.8.7l1.3 1.4zm-12-3.6c0 .1-.1.2-.2.3l-5.8 5.8c-.8.8-.8 2 0 2.8s2 .8 2.8 0l5.8-5.8c.1-.1.2-.2.3-.2l2.5 2.5c-.6-.1-1.2-.2-1.8-.4l-5.3 5.3c-1.6 1.6-4.1 1.6-5.7 0-1.6-1.6-1.6-4.1 0-5.7l5.3-5.3c-.2-.6-.3-1.2-.4-1.8l2.5 2.5zm3-5.4c.2-.4.5-.9.8-1.2l3.8-3.8C18 5.7 15.7 6.4 14 8c-.3.3-.5.5-.7.8l-1.4-1.4c.2-.3.4-.5.7-.8 2.7-2.7 6.6-3.3 9.9-1.9.3.1.5.4.6.7.1.3 0 .7-.3.9l-4.9 4.9c-.4.4-.6 1-.6 1.5l-1.7-1.6zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"tool","definition":"M23.107 5.44a1 1 0 0 1-.274.897l-4.945 4.946a2 2 0 0 0 2.83 2.83l4.945-4.946a1 1 0 0 1 1.626.317 8.995 8.995 0 0 1-11.15 12.033l-5.312 5.312a3.999 3.999 0 0 1-5.656-5.656l5.312-5.312a8.995 8.995 0 0 1 12.033-11.15 1 1 0 0 1 .591.729Zm-2.87.667a6.996 6.996 0 0 0-7.672 9.615 1 1 0 0 1-.213 1.096l-5.768 5.768a2 2 0 0 0 2.83 2.83l5.768-5.768a1 1 0 0 1 1.096-.214 6.996 6.996 0 0 0 9.615-7.672l-3.763 3.763a3.999 3.999 0 0 1-5.655-5.655l3.763-3.763Z","viewbox":"0 0 32 32"},{"name":"trash_inactive","definition":"M25.4 21.2 27.8 8H29c.6 0 1-.4 1-1s-.4-1-1-1h-8V4c0-1.1-.9-2-2-2h-6c-1.1 0-2 .9-2 2v2h-.8l2 2h13.6l-2.1 11.5 1.7 1.7zM19 6h-6V4h6v2zM6.7 11l3.1 17h12.3l.2-1.3 1.7 1.7c-.2.9-1 1.6-2 1.6H9.8c-1 0-1.8-.7-2-1.6L4.3 8.5 6.7 11zM3.8 8 2.2 6.4c-.1.2-.2.4-.2.6 0 .6.4 1 1 1h.8zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"trash","definition":"M29 6h-8V4c0-1.1-.9-2-2-2h-6c-1.1 0-2 .9-2 2v2H3c-.5 0-1 .4-1 1s.5 1 1 1h1.2l3.7 20.4c.2 1 1 1.6 2 1.6h12.3c1 0 1.8-.7 2-1.6L27.8 8H29c.5 0 1-.5 1-1s-.5-1-1-1zM13 4h6v2h-6V4zm9.2 24H9.8L6.2 8h19.6l-3.6 20z","viewbox":"0 0 32 32"},{"name":"truck","definition":"M8 5.635V28h1.382l.724-1.447A1 1 0 0 1 11 26h10a1 1 0 0 1 .894.553L22.618 28H24V5.634C21.272 4.425 17.944 4 16 4c-1.785 0-5.255.427-8 1.635Zm-1.447-1.53C9.738 2.514 13.907 2 16 2c2.27 0 6.264.514 9.447 2.106A1 1 0 0 1 26 5v24a1 1 0 0 1-1 1h-3a1 1 0 0 1-.894-.553L20.382 28h-8.764l-.724 1.447A1 1 0 0 1 10 30H7a1 1 0 0 1-1-1V5a1 1 0 0 1 .553-.894ZM3 9a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v5.5a1 1 0 0 1-.737.965l-4.923 1.342-1.366 5.918a1 1 0 0 1-.778.756c-.873.174-3.11.519-5.196.519-2.087 0-4.323-.345-5.196-.52a1 1 0 0 1-.778-.755L8.66 16.807l-4.923-1.342A1 1 0 0 1 3 14.5V9Zm2 1v3.736l4.763 1.3a1 1 0 0 1 .711.74l1.352 5.856C12.83 21.795 14.474 22 16 22c1.526 0 3.169-.205 4.174-.368l1.352-5.857a1 1 0 0 1 .71-.74L27 13.736V10H5Z","viewbox":"0 0 32 32"},{"name":"upload","definition":"M26.809 4.01a1 1 0 0 0 0-2H5.188a1 1 0 1 0 0 2h21.62Zm.911 14.03a1 1 0 0 1-1.414 0l-9.31-9.31v20.303a1 1 0 1 1-2 0V8.73l-9.31 9.31a1 1 0 0 1-1.414-1.415l9.886-9.885a2.6 2.6 0 0 1 3.677 0l9.885 9.886a1 1 0 0 1 0 1.414Z","viewbox":"0 0 32 32"},{"name":"warning","definition":"M14.8 16.5V13h2.4v3.5l-.4 4.3h-1.7l-.3-4.3zm0 5.6h2.5v2.4h-2.5v-2.4zM16 2c.4 0 .7.2.9.5l13 25c.2.3.1.7 0 1-.2.3-.6.5-.9.5H3c-.3 0-.7-.2-.9-.5-.2-.3-.2-.7 0-1l13-25c.2-.3.5-.5.9-.5zM4.6 27h22.7L16 5.2 4.6 27z","viewbox":"0 0 32 32"},{"name":"wifi_inactive","definition":"M17.7 13.5c2.5.4 4.9 1.5 6.8 3.4.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4-2.8-2.8-6.6-4.2-10.3-4.1l2.1 2.1zm-5.1-5.2c5.5-1.1 11.4.5 15.7 4.8.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4-5.1-5.1-12.3-6.8-18.8-5l1.7 1.6zm-7.5 1 1.4 1.4c-1 .7-2 1.4-2.8 2.3-.4.4-1 .4-1.4 0s-.4-1 0-1.4c.9-.8 1.8-1.6 2.8-2.3zM9 13.2l1.5 1.5c-1.1.6-2.1 1.3-3 2.2-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4.9-.9 1.8-1.7 2.9-2.3zm4 4c-1.1.4-2.2 1.1-3.1 2-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0 .9-.9 2.1-1.6 3.3-1.8L13 17.2zm3 8.8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z","viewbox":"0 0 32 32"},{"name":"wifi","definition":"M18 24c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm10.3-10.9c-6.8-6.8-17.8-6.8-24.6 0-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4 7.6-7.6 19.8-7.6 27.4 0 .4.4.4 1 0 1.4-.4.4-1 .4-1.4 0zm-7.6 7.5c-2.6-2.6-6.9-2.6-9.5 0-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4 3.4-3.4 8.9-3.4 12.3 0 .4.4.4 1 0 1.4-.3.4-1 .4-1.4 0zm3.8-3.7c-4.7-4.7-12.3-4.7-17 0-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4 5.5-5.5 14.4-5.5 19.9 0 .4.4.4 1 0 1.4-.5.4-1.1.4-1.5 0z","viewbox":"0 0 32 32"}]';const e=":host{display:inline-block;vertical-align:middle;line-height:0}:host,:host ,:host ::before,:host *::after{box-sizing:border-box}:host svg{height:1em;width:1em;fill:currentcolor}";const n=class{constructor(l){a(this,l);this.setIcons=()=>this.arrayOfIcons.map((a=>{if(a.name===this.name){return i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-labelledby":`icon ${a.name}`,role:"img",style:{fontSize:this.size}},i("title",null,`icon ${a.name}`),i("path",{fill:"currentColor",d:a.definition}))}}));this.name="arrow_diagonal";this.size="16px";this.icons_object=c;this.arrayOfIcons=[]}componentWillLoad(){this.arrayDataWatcher(this.icons_object)}arrayDataWatcher(a){if(typeof a==="string"){this.arrayOfIcons=JSON.parse(a)}else{this.arrayOfIcons=a}this.arrayOfIcons=[...this.arrayOfIcons]}render(){return i(l,null,this.setIcons())}};n.style=e;export{n as sdds_icon};
2	- //# sourceMappingURL=p-3fcf9763.entry.js.map