@uh-design-system/component-library 0.4.1 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/component-library.cjs.js +3 -3
- package/dist/cjs/ds-accordion_3.cjs.entry.js +1 -1
- package/dist/cjs/ds-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/ds-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/ds-input-validity.cjs.entry.js +3 -3
- package/dist/cjs/ds-link-with-arrow.cjs.entry.js +4 -4
- package/dist/cjs/ds-link.cjs.entry.js +4 -4
- package/dist/cjs/ds-text-input.cjs.entry.js +1 -1
- package/dist/cjs/ds-visually-hidden.cjs.entry.js +1 -1
- package/dist/cjs/{index-b1d61146.js → index-b2bddcf4.js} +221 -134
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/01-base-components/ds-checkbox/ds-checkbox.css +0 -171
- package/dist/collection/components/01-base-components/ds-checkbox-group/ds-checkbox-group.css +1 -1
- package/dist/collection/components/01-base-components/ds-input-validity/ds-input-validity.js +3 -3
- package/dist/collection/components/01-base-components/ds-link/ds-link.css +0 -138
- package/dist/collection/components/01-base-components/ds-link/ds-link.js +3 -3
- package/dist/collection/components/01-base-components/ds-link/stories/ds-link.stories.js +4 -1
- package/dist/collection/components/01-base-components/ds-link-with-arrow/ds-link-with-arrow.css +0 -138
- package/dist/collection/components/01-base-components/ds-link-with-arrow/ds-link-with-arrow.js +3 -3
- package/dist/collection/components/01-base-components/ds-link-with-arrow/stories/ds-link-with-arrow.stories.js +4 -1
- package/dist/component-library/component-library.esm.js +1 -1
- package/dist/component-library/ds-accordion_3.entry.js +1 -1
- package/dist/component-library/ds-checkbox-group.entry.js +1 -1
- package/dist/component-library/ds-checkbox.entry.js +1 -1
- package/dist/component-library/ds-input-validity.entry.js +1 -1
- package/dist/component-library/ds-link-with-arrow.entry.js +1 -1
- package/dist/component-library/ds-link.entry.js +1 -1
- package/dist/component-library/ds-text-input.entry.js +1 -1
- package/dist/component-library/ds-visually-hidden.entry.js +1 -1
- package/dist/component-library/index-50783b0c.js +2 -0
- package/dist/components/ds-checkbox-group.js +1 -1
- package/dist/components/ds-checkbox2.js +1 -1
- package/dist/components/ds-input-validity2.js +3 -3
- package/dist/components/ds-link-with-arrow.js +4 -4
- package/dist/components/ds-link.js +4 -4
- package/dist/components/index2.js +203 -135
- package/dist/esm/component-library.js +4 -4
- package/dist/esm/ds-accordion_3.entry.js +1 -1
- package/dist/esm/ds-checkbox-group.entry.js +2 -2
- package/dist/esm/ds-checkbox.entry.js +2 -2
- package/dist/esm/ds-input-validity.entry.js +3 -3
- package/dist/esm/ds-link-with-arrow.entry.js +4 -4
- package/dist/esm/ds-link.entry.js +4 -4
- package/dist/esm/ds-text-input.entry.js +1 -1
- package/dist/esm/ds-visually-hidden.entry.js +1 -1
- package/dist/esm/{index-aaccd233.js → index-50783b0c.js} +221 -134
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/01-base-components/ds-input-validity/ds-input-validity.d.ts +1 -1
- package/dist/types/components/01-base-components/ds-link/ds-link.d.ts +1 -1
- package/dist/types/components/01-base-components/ds-link-with-arrow/ds-link-with-arrow.d.ts +1 -1
- package/dist/types/components.d.ts +6 -6
- package/package.json +18 -18
- package/dist/component-library/index-aaccd233.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as
|
|
1
|
+
import{r as e,c as t,g as s,h as i,F as h}from"./index-50783b0c.js";import{c as d}from"./index-72ac5051.js";import{i as o}from"./attributes-7d09be1b.js";import{i as a}from"./utils-b5843ae1.js";const c=a("ds-checkbox-group"),n=class{constructor(s){e(this,s),this.dsCheckboxGroupChange=t(this,"dsCheckboxGroupChange",7),this.dsCheckboxGroupIndeterminateChildChange=t(this,"dsCheckboxGroupIndeterminateChildChange",7)}fieldsetId=c.next().value;checkboxId=`${this.fieldsetId}-checkbox`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;nestedId=`${this.fieldsetId}-nested`;inheritedAttributes={};get el(){return s(this)}dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;legend;assistiveText;direction="vertical";errorText="";text="";checked=!1;checkedChildElementCount=0;disabled=!1;parentCheckedCount=0;childElementsCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;elementIs=e=>t=>t.localName===e;elementIsCheckbox=this.elementIs("ds-checkbox");elementIsCheckboxGroup=this.elementIs("ds-checkbox-group");getAriaDescribedBy=()=>[Boolean(this.assistiveText)&&this.assistiveTextId,Boolean(this.errorText)&&this.errorTextId].filter(Boolean).join(" ");getChildElements=()=>{const e=this.el.shadowRoot.querySelector("slot");return e?.assignedElements()||[]};getChildCheckboxElements=()=>this.getChildElements().filter(this.elementIsCheckbox);updateChildElements=e=>{this.getChildElements().forEach(e)};updateChildCheckboxes=e=>{this.getChildCheckboxElements().forEach(e)};updateChildElementsChecked=e=>{this.checkedChildElementCount=e?this.childElementsCount:0,this.updateChildElements((t=>{t.checked=e,this.elementIsCheckboxGroup(t)&&(async()=>{await t.setChecked(e)})()}))};async setChecked(e){this.updateChildElementsChecked(e)}handleCheckboxDisabledChange(e){this.updateChildElements((t=>{t.disabled=e}))}handleCheckedChange(e){this.updateChildElementsChecked(e)}handleIndeterminateChange(e){this.dsCheckboxGroupIndeterminateChildChange.emit({id:this.fieldsetId,indeterminate:e})}handleIndeterminateChildChange(e){this.indeterminateChildCheckboxCount=e.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}handleCheckedChildElementCountChange(e,t){this.isIndeterminate=this.checkedChildElementCount!==this.childElementsCount&&this.checkedChildElementCount<this.childElementsCount&&this.checkedChildElementCount>0,e===this.childElementsCount&&e>t?this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!0}):t===this.childElementsCount&&e<t&&this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!1})}updateCheckedChildElementCount=e=>{this.checkedChildElementCount=e.detail.checked?this.checkedChildElementCount===this.childElementsCount?this.checkedChildElementCount:this.checkedChildElementCount+1:0===this.checkedChildElementCount?0:this.checkedChildElementCount-1};handleCheckboxChange(e){e.detail.id!==this.checkboxId?this.getChildCheckboxElements().includes(e.target)&&this.updateCheckedChildElementCount(e):this.updateChildElementsChecked(e.detail.checked)}handleCheckboxGroupChange(e){this.getChildElements().includes(e.target)&&this.updateCheckedChildElementCount(e)}setChildElementCount=()=>{this.childElementsCount=this.getChildElements().length};componentWillLoad(){this.inheritedAttributes=o(this.el,["aria-labelledby"])}componentDidLoad(){this.setChildElementCount(),this.updateChildCheckboxes((e=>{e.setAttribute("data-errors-disabled","true")}))}componentDidUpdate(){this.setChildElementCount()}render(){const e=d("ds-checkbox-group",{"ds-checkbox-group--horizontal":"horizontal"===this.direction}),t=d("ds-checkbox-group__legend"),s=d("ds-checkbox-group__assistive-text"),o=d("ds-checkbox-group__error",{"ds-checkbox-group__error--visible":Boolean(this.errorText)}),a=d("ds-checkbox-group","ds-checkbox-group--inset"),c=d("ds-checkbox-group__checkboxes"),n=this.getAriaDescribedBy();return i("fieldset",{key:"2080f4f193fe5bb3a6702287cebcf5d7dcc4a9b7",id:this.fieldsetId,class:e,"aria-describedby":n,...this.inheritedAttributes},this.legend&&i("legend",{key:"15754cea90c38ad46ff41196b0de108f10f007a9",class:t},this.legend),this.assistiveText&&i("small",{key:"7dde97170e62d0668a52b3a21256be65e04ae811",class:s,id:this.assistiveTextId},this.assistiveText),this.text?i(h,null,i("ds-checkbox",{id:this.checkboxId,text:this.text,checked:this.checkedChildElementCount===this.childElementsCount,disabled:this.disabled,indeterminate:this.indeterminateChildCheckboxCount>0||this.isIndeterminate}),i("fieldset",{id:this.nestedId,"aria-labelledby":this.checkboxId,class:a},i("slot",null))):i("div",{class:c},i("slot",null)),i("div",{key:"b2e23012afd2f5439c89d5683f8b3776cf438ce5",class:o},i("ds-input-validity",{key:"cfb43cc67a907b7685d55f1ffdd86eb3f73f1bd0",id:this.errorTextId,text:this.errorText,type:"error"})))}static get watchers(){return{disabled:["handleCheckboxDisabledChange"],checked:["handleCheckedChange"],isIndeterminate:["handleIndeterminateChange"],checkedChildElementCount:["handleCheckedChildElementCountChange"]}}};n.style=".ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__legend{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__assistive-text{font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__error{display:flex}.ds-checkbox-group__error--visible{padding-top:var(--ds-spacing-3xSmall)}.ds-checkbox-group>.ds-checkbox-group__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group--inset{margin-left:var(--ds-spacing-large)}.ds-checkbox-group--horizontal>.ds-checkbox-group__checkboxes{flex-direction:row;gap:var(--ds-spacing-small);flex-wrap:wrap}";export{n as ds_checkbox_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,g as a,h as s,F as r}from"./index-aaccd233.js";import{c as d}from"./index-72ac5051.js";import{i as l}from"./attributes-7d09be1b.js";import{i as o}from"./utils-b5843ae1.js";import{g as i,a as c}from"./controlUtils-9ca4087b.js";const n=o("ds-checkbox"),h=class{constructor(a){e(this,a),this.dsCheckboxChange=t(this,"dsCheckboxChange",7),this.dsCheckboxError=t(this,"dsCheckboxError",7),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals)}labelId;errorTextId;assistiveTextId;inheritedAttributes={};initialChecked;inputElem;get el(){return a(this)}internals;dsCheckboxChange;dsCheckboxError;checkboxId;checked=!1;legend;assistiveText;text;indeterminate=!1;disabled=!1;errorText="";errorsDisabled=!1;required=!1;optional=!1;optionalText;ariaLabel;value=this.checked.toString();validationMessage;setIds=()=>{this.checkboxId=this.checkboxId||n.next().value,this.labelId=`${this.checkboxId}-label`,this.errorTextId=`${this.checkboxId}-error`,this.assistiveTextId=`${this.checkboxId}-assistive-text`};getErrorText=()=>this.errorsDisabled?"":this.errorText||this.internals?.validationMessage||this.inputElem?.validationMessage;getLegendText=()=>this.required?i(this.legend):this.optional?c(this.legend,this.optionalText):this.legend;getCheckboxText=()=>this.legend?this.text:this.required?i(this.text):this.optional?c(this.text,this.optionalText):this.text;getAriaDescribedBy=()=>[Boolean(this.assistiveText)&&this.assistiveTextId,Boolean(this.getErrorText())&&this.errorTextId].filter(Boolean).join(" ");restoreInitialState=()=>{this.checked=this.initialChecked,this.value=this.checked.toString(),this.internals?.setValidity({}),this.internals?.setFormValue(this.value)};setInitialState=()=>{this.initialChecked=this.checked,this.value=this.checked.toString(),this.internals?.setFormValue(this.value)};emitCheckboxError=()=>{this.dsCheckboxError.emit(this.getErrorText())};formResetCallback(){this.restoreInitialState()}componentWillLoad(){this.setInitialState(),this.setIds(),this.inheritedAttributes=l(this.el,["aria-label","aria-describedby","aria-hidden"])}componentDidLoad(){this.ariaLabel=this.el.getAttribute("aria-label"),this.el.removeAttribute("aria-label")}componentDidUpdate(){this.emitCheckboxError()}handleChange=()=>{this.checked=!this.checked,this.value=this.checked.toString(),this.internals?.setFormValue(this.value),this.dsCheckboxChange.emit({id:this.checkboxId,checked:this.checked})};handleKeyUp=e=>{"Enter"===e.key&&this.handleChange()};renderCheckbox(){const e=d("ds-checkbox",{"ds-checkbox--disabled":this.disabled,"ds-checkbox--no-margin":Boolean(!this.text)}),t=d("ds-checkbox__input",{"ds-checkbox__input--invalid":Boolean(this.errorText)}),a=this.getErrorText(),l=d("ds-checkbox-error",{"ds-checkbox-error--visible":Boolean(a)}),o=this.getAriaDescribedBy();return s(r,null,s("div",null,s("label",{id:this.labelId,class:e},s("input",{ref:e=>this.inputElem=e,type:"checkbox",class:t,checked:this.checked,indeterminate:this.indeterminate,onChange:this.handleChange,onKeyUp:this.handleKeyUp,value:this.value,disabled:this.disabled,required:this.required,id:this.checkboxId,"aria-describedby":o,"aria-label":this.ariaLabel,...this.inheritedAttributes}),this.getCheckboxText())),!this.errorsDisabled&&s("div",{class:l},s("ds-input-validity",{id:this.errorTextId,text:a,type:"error"})))}renderFieldset(){const e=d("ds-checkbox-fieldset"),t=d("ds-checkbox-fieldset__legend"),a=d("ds-checkbox-fieldset__assistive-text");return s("fieldset",{class:e},s("legend",{class:t},this.getLegendText()),this.assistiveText&&s("small",{class:a,id:this.assistiveTextId},this.assistiveText),this.renderCheckbox())}render(){return this.legend?this.renderFieldset():this.renderCheckbox()}static get formAssociated(){return!0}};h.style=":root{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px}:root{--ds-overlay-black-00:rgb(0 0 0 / 0);--ds-overlay-black-05:rgb(0 0 0 / 0.05);--ds-overlay-black-10:rgb(0 0 0 / 0.1);--ds-overlay-black-15:rgb(0 0 0 / 0.15);--ds-overlay-black-30:rgb(0 0 0 / 0.3);--ds-overlay-black-40:rgb(0 0 0 / 0.4);--ds-overlay-black-50:rgb(0 0 0 / 0.5);--ds-overlay-black-70:rgb(0 0 0 / 0.7);--ds-overlay-black-80:rgb(0 0 0 / 0.8);--ds-overlay-white-00:rgb(255 255 255 / 0);--ds-overlay-white-05:rgb(255 255 255 / 0.05);--ds-overlay-white-10:rgb(255 255 255 / 0.1);--ds-overlay-white-15:rgb(255 255 255 / 0.15);--ds-overlay-white-30:rgb(255 255 255 / 0.3);--ds-overlay-white-40:rgb(255 255 255 / 0.4);--ds-overlay-white-50:rgb(255 255 255 / 0.5);--ds-overlay-white-70:rgb(255 255 255 / 0.7);--ds-overlay-white-80:rgb(255 255 255 / 0.8);--ds-palette-black:#000000;--ds-palette-white:#ffffff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#cccccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115}:root{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-80);--ds-textColor-success:var(--ds-palette-green-80);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link--standalone:var(--ds-palette-black-70);--ds-textColor-link--standalone-hover:var(--ds-palette-black-80);--ds-textColor-link--standalone-active:var(--ds-palette-black-95);--ds-textColor-link--standalone-focus:var(--ds-palette-black-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-white-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20)}:root{--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem}.ds-checkbox-fieldset{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox-fieldset__legend{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-fieldset__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox{display:inline-flex;align-self:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;text-wrap:nowrap;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall)}.ds-checkbox--no-margin .ds-checkbox__input{margin-right:0}.ds-checkbox--disabled{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__span--optional{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox:has(.ds-checkbox__input:disabled){cursor:not-allowed}.ds-checkbox__input{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-palette-black-50);}.ds-checkbox__input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-checkbox__input:hover,.ds-checkbox__input:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__input:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__input:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__input:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__input:disabled{border-color:GrayText}}.ds-checkbox__input:checked,.ds-checkbox__input:indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__input:checked:hover,.ds-checkbox__input:indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__input:checked:active,.ds-checkbox__input:indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__input:checked:disabled,.ds-checkbox__input:indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__input:user-invalid,.ds-checkbox__input--invalid,.ds-checkbox__input--invalid:checked,.ds-checkbox__input--invalid:indeterminate{border-color:var(--ds-borderColor-danger)}.ds-checkbox__input:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__input::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__input:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__input:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox-error{display:flex}.ds-checkbox-error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-xSmall)}";export{h as ds_checkbox}
|
|
1
|
+
import{r as e,c as i,g as t,h as s,F as r}from"./index-50783b0c.js";import{c as o}from"./index-72ac5051.js";import{i as d}from"./attributes-7d09be1b.js";import{i as a}from"./utils-b5843ae1.js";import{g as h,a as c}from"./controlUtils-9ca4087b.js";const n=a("ds-checkbox"),l=class{constructor(t){e(this,t),this.dsCheckboxChange=i(this,"dsCheckboxChange",7),this.dsCheckboxError=i(this,"dsCheckboxError",7),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}labelId;errorTextId;assistiveTextId;inheritedAttributes={};initialChecked;inputElem;get el(){return t(this)}internals;dsCheckboxChange;dsCheckboxError;checkboxId;checked=!1;legend;assistiveText;text;indeterminate=!1;disabled=!1;errorText="";errorsDisabled=!1;required=!1;optional=!1;optionalText;ariaLabel;value=this.checked.toString();validationMessage;setIds=()=>{this.checkboxId=this.checkboxId||n.next().value,this.labelId=`${this.checkboxId}-label`,this.errorTextId=`${this.checkboxId}-error`,this.assistiveTextId=`${this.checkboxId}-assistive-text`};getErrorText=()=>this.errorsDisabled?"":this.errorText||this.internals?.validationMessage||this.inputElem?.validationMessage;getLegendText=()=>this.required?h(this.legend):this.optional?c(this.legend,this.optionalText):this.legend;getCheckboxText=()=>this.legend?this.text:this.required?h(this.text):this.optional?c(this.text,this.optionalText):this.text;getAriaDescribedBy=()=>[Boolean(this.assistiveText)&&this.assistiveTextId,Boolean(this.getErrorText())&&this.errorTextId].filter(Boolean).join(" ");restoreInitialState=()=>{this.checked=this.initialChecked,this.value=this.checked.toString(),this.internals?.setValidity({}),this.internals?.setFormValue(this.value)};setInitialState=()=>{this.initialChecked=this.checked,this.value=this.checked.toString(),this.internals?.setFormValue(this.value)};emitCheckboxError=()=>{this.dsCheckboxError.emit(this.getErrorText())};formResetCallback(){this.restoreInitialState()}componentWillLoad(){this.setInitialState(),this.setIds(),this.inheritedAttributes=d(this.el,["aria-label","aria-describedby","aria-hidden"])}componentDidLoad(){this.ariaLabel=this.el.getAttribute("aria-label"),this.el.removeAttribute("aria-label")}componentDidUpdate(){this.emitCheckboxError()}handleChange=()=>{this.checked=!this.checked,this.value=this.checked.toString(),this.internals?.setFormValue(this.value),this.dsCheckboxChange.emit({id:this.checkboxId,checked:this.checked})};handleKeyUp=e=>{"Enter"===e.key&&this.handleChange()};renderCheckbox(){const e=o("ds-checkbox",{"ds-checkbox--disabled":this.disabled,"ds-checkbox--no-margin":Boolean(!this.text)}),i=o("ds-checkbox__input",{"ds-checkbox__input--invalid":Boolean(this.errorText)}),t=this.getErrorText(),d=o("ds-checkbox-error",{"ds-checkbox-error--visible":Boolean(t)}),a=this.getAriaDescribedBy();return s(r,null,s("div",null,s("label",{id:this.labelId,class:e},s("input",{ref:e=>this.inputElem=e,type:"checkbox",class:i,checked:this.checked,indeterminate:this.indeterminate,onChange:this.handleChange,onKeyUp:this.handleKeyUp,value:this.value,disabled:this.disabled,required:this.required,id:this.checkboxId,"aria-describedby":a,"aria-label":this.ariaLabel,...this.inheritedAttributes}),this.getCheckboxText())),!this.errorsDisabled&&s("div",{class:d},s("ds-input-validity",{id:this.errorTextId,text:t,type:"error"})))}renderFieldset(){const e=o("ds-checkbox-fieldset"),i=o("ds-checkbox-fieldset__legend"),t=o("ds-checkbox-fieldset__assistive-text");return s("fieldset",{class:e},s("legend",{class:i},this.getLegendText()),this.assistiveText&&s("small",{class:t,id:this.assistiveTextId},this.assistiveText),this.renderCheckbox())}render(){return this.legend?this.renderFieldset():this.renderCheckbox()}static get formAssociated(){return!0}};l.style=".ds-checkbox-fieldset{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox-fieldset__legend{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-fieldset__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox{display:inline-flex;align-self:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;text-wrap:nowrap;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall)}.ds-checkbox--no-margin .ds-checkbox__input{margin-right:0}.ds-checkbox--disabled{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__span--optional{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox:has(.ds-checkbox__input:disabled){cursor:not-allowed}.ds-checkbox__input{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-palette-black-50);}.ds-checkbox__input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-checkbox__input:hover,.ds-checkbox__input:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__input:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__input:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__input:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__input:disabled{border-color:GrayText}}.ds-checkbox__input:checked,.ds-checkbox__input:indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__input:checked:hover,.ds-checkbox__input:indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__input:checked:active,.ds-checkbox__input:indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__input:checked:disabled,.ds-checkbox__input:indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__input:user-invalid,.ds-checkbox__input--invalid,.ds-checkbox__input--invalid:checked,.ds-checkbox__input--invalid:indeterminate{border-color:var(--ds-borderColor-danger)}.ds-checkbox__input:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__input::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__input:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__input:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox-error{display:flex}.ds-checkbox-error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-xSmall)}";export{l as ds_checkbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,g as s,h as t,F as
|
|
1
|
+
import{r as i,g as s,h as t,F as e}from"./index-50783b0c.js";import{c as r}from"./index-72ac5051.js";const a=class{constructor(s){i(this,s)}get el(){return s(this)}text;type="error";validityRole="status";identifier;componentDidLoad(){this.identifier=this.el.getAttribute("id"),this.el.removeAttribute("id")}render(){const i=r("ds-input-validity",{"ds-input-validity--error":"error"===this.type,"ds-input-validity--success":"success"===this.type});return this.text?t(e,null,this.text&&t("div",{class:i,role:this.validityRole},t("ds-icon",{name:"success"===this.type?"check_circle_fill":"warning_fill"}),t("small",{id:this.identifier},this.text))):null}};a.style=":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-input-validity{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity--error{color:var(--ds-textColor-danger)}.ds-input-validity--success{color:var(--ds-textColor-success)}.ds-input-validity ds-icon{display:block;height:1.5rem}.ds-input-validity small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}";export{a as ds_input_validity}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as i,g as t,h as r}from"./index-50783b0c.js";import{c as e}from"./index-72ac5051.js";import{i as o}from"./attributes-7d09be1b.js";import{o as s,v as a,g as n}from"./linkUtils-fe63ff72.js";import{i as d}from"./utils-b5843ae1.js";const l=d("visually-hidden-assistive-text"),c=class{constructor(t){i(this,t)}inheritedAttributes={};icon="arrow_forward";rel;visuallyHiddenAssistiveTextId=l.next().value;get el(){return t(this)}text;iconPosition="start";href;target;language;linkAriaLabel;componentWillLoad(){this.inheritedAttributes=o(this.el,["aria-label"]),s(this.target)&&(this.icon="arrow_outward",this.rel="noopener noreferrer")}render(){const i=e("ds-link-with-arrow"),t=e("ds-link-with-arrow__icon",{"ds-link-with-arrow__icon--start":"start"===this.iconPosition,"ds-link-with-arrow__icon--end":"end"===this.iconPosition});return r("a",{key:"5f43cc989011db22bd8f547957c76289e7bbbf45",href:this.href,class:i,rel:this.rel,target:this.target,"aria-label":n(this.text,this.linkAriaLabel),...this.inheritedAttributes},r("slot",{key:"26615467438d0ae98a8138165cf5152796f2ab00",name:"iconStart"},"start"===this.iconPosition&&r("ds-icon",{key:"f34a2d05ed9c991e98aaa89f547bde0c1b677115",name:this.icon,class:t,size:"1.4em"})),this.text,r("slot",{key:"be1ccadeaca632961ed3d44d1d94a26bf35d2963",name:"iconStart"},"end"===this.iconPosition&&r("ds-icon",{key:"7bccce249754d661d9faeddbad2f9c4d8c207cfb",name:this.icon,class:t,size:"1.4em"})),s(this.target)&&r("ds-visually-hidden",{key:"4e864244ee939591f435715889e2f9a240f86d36",id:this.visuallyHiddenAssistiveTextId},a(this.language??document.documentElement.lang)))}};c.style=":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:inline-block}.ds-link-with-arrow{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}.ds-link-with-arrow:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}@media (min-width: 30rem){.ds-link-with-arrow{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__icon{display:inline-flex;width:2em;height:2em;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}.ds-link-with-arrow__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__icon{outline:10px solid;background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow:hover,.ds-link-with-arrow:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow:active,.ds-link-with-arrow:focus-visible{color:var(--ds-textColor-link-active)}";export{c as ds_link_with_arrow}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as i,g as e,h as t}from"./index-50783b0c.js";import{c as s}from"./index-72ac5051.js";import{i as n}from"./attributes-7d09be1b.js";import{o,v as d,g as l}from"./linkUtils-fe63ff72.js";import{i as a}from"./utils-b5843ae1.js";const r=a("visually-hidden-assistive-text"),c=class{constructor(e){i(this,e)}inheritedAttributes={};rel;visuallyHiddenAssistiveTextId=r.next().value;get el(){return e(this)}text;size;variant="inline";weight="regular";icon="";iconPosition="end";iconTitle;iconHidden;href;target;download;language;linkAriaLabel;componentWillLoad(){this.inheritedAttributes=n(this.el,["aria-label"]),o(this.target)&&(this.icon="open_in_new",this.iconPosition="end",this.rel="noopener noreferrer")}render(){const i=s("ds-link",`ds-link--${this.weight}`,`ds-link--${this.variant}`,{[`ds-link--${this.size}`]:Boolean(this.size)}),e=s("ds-link__icon",{[`ds-link__icon--start-${this.variant}`]:"start"===this.iconPosition,[`ds-link__icon--end-${this.variant}`]:"end"===this.iconPosition});return t("a",{key:"92b52d7b61888dd8d39841afe9823286356ec231",href:this.href,class:i,rel:this.rel,target:this.target,download:this.download,"aria-label":l(this.text,this.linkAriaLabel),...this.inheritedAttributes},t("slot",{key:"9125a3b98ed37f1e71a922a071c07f2ad270a661",name:"iconStart"},this.icon&&"start"===this.iconPosition&&t("ds-icon",{key:"5d08c8501703a7d8cf4bb3386d6368047e75f8fe",name:this.icon,class:e,size:"1em",title:this.iconTitle,hidden:this.iconHidden})),this.text,t("slot",{key:"6bd3f8fda1ad927ceba8612503dddabb188be692",name:"iconEnd"},this.icon&&"end"===this.iconPosition&&t("ds-icon",{key:"e6b7de1ca80eb3485083f5ff1902ebf66821c707",name:this.icon,class:e,size:"1em",title:this.iconTitle,hidden:this.iconHidden})),o(this.target)&&t("ds-visually-hidden",{key:"b7ffb5a0cfa2e02ef793150bd9ea6886e02c7cac",id:this.visuallyHiddenAssistiveTextId},d(this.language??document.documentElement.lang)))}};c.style=":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:inline-block}.ds-link{display:inline-flex;align-items:center;color:var(--ds-textColor-link);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-link--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link--xLarge{font-size:var(--ds-fontSize-20)}.ds-link--large{font-size:var(--ds-fontSize-18)}.ds-link--medium{font-size:var(--ds-fontSize-16)}.ds-link--small{font-size:var(--ds-fontSize-14)}.ds-link--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__icon{height:1em;width:1em}.ds-link__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link:hover,.ds-link:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link:hover{color:var(--ds-textColor-link-hover)}.ds-link:active{color:var(--ds-textColor-link-active)}.ds-link:visited{color:var(--ds-textColor-link-visited)}.ds-link--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link--standalone:hover,.ds-link--standalone:active{text-decoration-line:underline}.ds-link--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link--standalone:active{color:var(--ds-textColor-link-active)}.ds-link--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link--standalone:visited{color:var(--ds-textColor-link)}";export{c as ds_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,g as i,h as s,F as e}from"./index-aaccd233.js";import{c as n}from"./index-72ac5051.js";import{i as r}from"./utils-b5843ae1.js";import{g as a,a as d}from"./controlUtils-9ca4087b.js";const o={search:"search"},c={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},l=r("ds-input"),u=r("ds-assistive-text"),p=r("visually-hidden-assistive-text"),h=r("success-text"),x=r("error-text"),b=class{constructor(i){t(this,i)}suffixButtonElement;inputElement;assistiveTextId=u.next().value;visuallyHiddenAssistiveTextId=p.next().value;successTextId=h.next().value;errorTextId=x.next().value;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return i(this)}label;placeholder;dsId=l.next().value;name;disabled;optional;required;readonly;value;min;max;maxlength;pattern;autocomplete;optionalText;errorText;successText;assistiveText;actionButtonAriaLabel;hiddenAssistiveText;prefixText;suffixText;icon="";type="text";ariaLabel;ariaLabelledBy;ariaDescribedby;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(){this.inputElement.value="",this.inputElement.focus(),this.clearButtonVisible=!1}getLabelText=()=>this.required?a(this.label):this.optional?d(this.label,this.optionalText):this.label;componentWillLoad(){this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]')}onActionButtonClicked=t=>{switch(t.stopPropagation(),this.type){case"password":return this.togglePasswordVisibility();case"search":this.clearInput();default:return}};renderValidityMessage(t){const i="success"===t?this.successTextId:this.errorTextId,e="success"===t?this.successText:this.errorText,n=t+"-text";return s("slot",{name:n},e&&s("div",{class:`${n}--container`},s("ds-icon",{name:"success"===t?"check_circle_fill":"warning_fill"}),s("small",{id:i,class:n},e)))}renderPrefixContent(){if(this.hasPrefixSlot)return s("slot",{name:"prefix"});if(this.prefixText)return s("slot",{name:"prefix"},s("span",{class:"prefix"},this.prefixText));const t=this.icon||o[this.type];return t?s("slot",{name:"prefix"},s("ds-icon",{class:"prefix",name:t})):null}renderSuffixContent(){if(this.hasSuffixSlot)return s("slot",{name:"suffix"});if(this.suffixText)return s("slot",{name:"suffix"},s("span",{class:"suffix"},this.suffixText));const t=c[this.type]?.(this)??"";return t?s("slot",{name:"suffix"},s("ds-button",{ref:t=>this.suffixButtonElement=t,variant:"supplementary",colour:"black",class:"suffix",disabled:!1,icon:t,onClick:this.onActionButtonClicked,"aria-pressed":"password"===this.type?this.passwordInputVisible:void 0,"aria-label":this.actionButtonAriaLabel})):null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const t="password"===this.type&&this.passwordInputVisible?"text":this.type;return s(e,{key:"4d3ad7cc3f0d7c6aba4bcb8e5b05d0794b614f32"},s("div",{key:"1cad6e50d1a9c0f4214824d1ff46a8418a095790",class:"ds-input--label-container"},s("slot",{key:"67d096bb1eecd6ac492a5dcd14bd6f9bda21eb2c",name:"label"},s("label",{key:"cfffb9b06f2122dd80e4ad94831ca69b71e5a0de",htmlFor:this.dsId},this.getLabelText())),s("slot",{key:"2256dfda0cf19eae50307b9badc2a2a97d9e190b",name:"help-text"},s("small",{key:"b9496a9afec60a4a64a0ff66505a7572362387ac",id:this.assistiveTextId},this.assistiveText),s("ds-visually-hidden",{key:"23026b2453728e607802aabb7760f07229edeb7c",id:this.visuallyHiddenAssistiveTextId},this.hiddenAssistiveText))),s("div",{key:"161a4d4eed706c5fd6ba2af90029e68b1c6b95c9",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:n("ds-input--container",{disabled:this.disabled,readonly:this.readonly,valid:!!this.successText,invalid:!!this.errorText,focus:this.hasFocus,active:!!this.inputActive})},this.renderPrefixContent(),s("input",{key:"a04e9ed4de86a65290206ca62efde1c27d76aa80",ref:t=>this.inputElement=t,id:this.dsId,name:this.name,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-describedby":this.ariaDescribedby||n(this.assistiveTextId,this.visuallyHiddenAssistiveTextId,{[this.successTextId]:this.successText,[this.errorTextId]:this.errorText}),disabled:this.disabled,required:this.required,readonly:this.readonly,value:this.value,type:t,min:this.min,max:this.max,maxlength:this.maxlength,pattern:this.pattern,placeholder:this.placeholder,autocomplete:this.autocomplete,onInput:t=>this.clearButtonVisible=!!t.target.value,onFocus:()=>this.hasFocus=!0,onBlur:()=>this.hasFocus=!1}),this.renderSuffixContent()),this.renderValidityMessage("error"),this.renderValidityMessage("success"))}};b.style=".sc-ds-text-input:root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-input--label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-input--label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-input--label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-input--container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-input--container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-input--container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-input--container.invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-input--container.invalid.sc-ds-text-input:hover:not(.ds-input--container.invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-input--container.invalid.active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-input--container.valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-input--container.valid.sc-ds-text-input:hover:not(.ds-input--container.valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-input--container.valid.active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-input--container.readonly.sc-ds-text-input,.ds-input--container.disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-input--container.sc-ds-text-input:has(input:active){outline:none}.ds-input--container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:readonly){border-color:var(--ds-borderColor-default)}.ds-input--container.active.sc-ds-text-input:not(.ds-input--container.disabled,.ds-input--container.readonly.sc-ds-text-input,.ds-input--container.invalid.sc-ds-text-input,.ds-input--container.valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-input--container.sc-ds-text-input:hover:not(.ds-input--container.disabled,.ds-input--container.readonly.sc-ds-text-input,.ds-input--container.active.sc-ds-text-input,.ds-input--container.invalid.sc-ds-text-input,.ds-input--container.valid.sc-ds-text-input,.ds-input--container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-input--container.sc-ds-text-input:focus-within:not(.ds-input--container:focus-within.invalid,.ds-input--container.sc-ds-text-input:focus-within.valid,.ds-input--container.sc-ds-text-input:focus-within.readonly){border-color:var(--ds-borderColor-primary)}.ds-input--container.sc-ds-text-input:focus-within *.sc-ds-text-input>ds-button.suffix.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-input--container.sc-ds-text-input>input[type=number].sc-ds-text-input{-moz-appearance:textfield}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-input--container.sc-ds-text-input:has(span.prefix,ds-icon.prefix).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input--container.sc-ds-text-input:has(span.prefix,ds-icon.prefix).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input--container.sc-ds-text-input:has(ds-button.suffix){padding-inline-end:unset}.ds-input--container.sc-ds-text-input span.prefix.sc-ds-text-input,.ds-input--container.sc-ds-text-input span.suffix.sc-ds-text-input{color:var(--ds-palette-black-70)}.ds-input--container.sc-ds-text-input ds-icon.prefix.sc-ds-text-input,.ds-input--container.sc-ds-text-input-s>[slot=prefix],.ds-input--container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-input--container.sc-ds-text-input ds-button.suffix.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}.error-text--container.sc-ds-text-input,.success-text--container.sc-ds-text-input{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.error-text--container.sc-ds-text-input ds-icon.sc-ds-text-input,.success-text--container.sc-ds-text-input ds-icon.sc-ds-text-input{display:block;height:1.5rem}.error-text--container.sc-ds-text-input small.sc-ds-text-input,.success-text--container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.error-text--container.sc-ds-text-input{color:var(--ds-textColor-danger)}.success-text--container.sc-ds-text-input{color:var(--ds-textColor-success)}";export{b as ds_text_input}
|
|
1
|
+
import{r as t,g as i,h as s,F as e}from"./index-50783b0c.js";import{c as n}from"./index-72ac5051.js";import{i as r}from"./utils-b5843ae1.js";import{g as a,a as d}from"./controlUtils-9ca4087b.js";const o={search:"search"},c={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},l=r("ds-input"),u=r("ds-assistive-text"),p=r("visually-hidden-assistive-text"),h=r("success-text"),x=r("error-text"),b=class{constructor(i){t(this,i)}suffixButtonElement;inputElement;assistiveTextId=u.next().value;visuallyHiddenAssistiveTextId=p.next().value;successTextId=h.next().value;errorTextId=x.next().value;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return i(this)}label;placeholder;dsId=l.next().value;name;disabled;optional;required;readonly;value;min;max;maxlength;pattern;autocomplete;optionalText;errorText;successText;assistiveText;actionButtonAriaLabel;hiddenAssistiveText;prefixText;suffixText;icon="";type="text";ariaLabel;ariaLabelledBy;ariaDescribedby;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(){this.inputElement.value="",this.inputElement.focus(),this.clearButtonVisible=!1}getLabelText=()=>this.required?a(this.label):this.optional?d(this.label,this.optionalText):this.label;componentWillLoad(){this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]')}onActionButtonClicked=t=>{switch(t.stopPropagation(),this.type){case"password":return this.togglePasswordVisibility();case"search":this.clearInput();default:return}};renderValidityMessage(t){const i="success"===t?this.successTextId:this.errorTextId,e="success"===t?this.successText:this.errorText,n=t+"-text";return s("slot",{name:n},e&&s("div",{class:`${n}--container`},s("ds-icon",{name:"success"===t?"check_circle_fill":"warning_fill"}),s("small",{id:i,class:n},e)))}renderPrefixContent(){if(this.hasPrefixSlot)return s("slot",{name:"prefix"});if(this.prefixText)return s("slot",{name:"prefix"},s("span",{class:"prefix"},this.prefixText));const t=this.icon||o[this.type];return t?s("slot",{name:"prefix"},s("ds-icon",{class:"prefix",name:t})):null}renderSuffixContent(){if(this.hasSuffixSlot)return s("slot",{name:"suffix"});if(this.suffixText)return s("slot",{name:"suffix"},s("span",{class:"suffix"},this.suffixText));const t=c[this.type]?.(this)??"";return t?s("slot",{name:"suffix"},s("ds-button",{ref:t=>this.suffixButtonElement=t,variant:"supplementary",colour:"black",class:"suffix",disabled:!1,icon:t,onClick:this.onActionButtonClicked,"aria-pressed":"password"===this.type?this.passwordInputVisible:void 0,"aria-label":this.actionButtonAriaLabel})):null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const t="password"===this.type&&this.passwordInputVisible?"text":this.type;return s(e,{key:"4d3ad7cc3f0d7c6aba4bcb8e5b05d0794b614f32"},s("div",{key:"1cad6e50d1a9c0f4214824d1ff46a8418a095790",class:"ds-input--label-container"},s("slot",{key:"67d096bb1eecd6ac492a5dcd14bd6f9bda21eb2c",name:"label"},s("label",{key:"cfffb9b06f2122dd80e4ad94831ca69b71e5a0de",htmlFor:this.dsId},this.getLabelText())),s("slot",{key:"2256dfda0cf19eae50307b9badc2a2a97d9e190b",name:"help-text"},s("small",{key:"b9496a9afec60a4a64a0ff66505a7572362387ac",id:this.assistiveTextId},this.assistiveText),s("ds-visually-hidden",{key:"23026b2453728e607802aabb7760f07229edeb7c",id:this.visuallyHiddenAssistiveTextId},this.hiddenAssistiveText))),s("div",{key:"161a4d4eed706c5fd6ba2af90029e68b1c6b95c9",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:n("ds-input--container",{disabled:this.disabled,readonly:this.readonly,valid:!!this.successText,invalid:!!this.errorText,focus:this.hasFocus,active:!!this.inputActive})},this.renderPrefixContent(),s("input",{key:"a04e9ed4de86a65290206ca62efde1c27d76aa80",ref:t=>this.inputElement=t,id:this.dsId,name:this.name,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-describedby":this.ariaDescribedby||n(this.assistiveTextId,this.visuallyHiddenAssistiveTextId,{[this.successTextId]:this.successText,[this.errorTextId]:this.errorText}),disabled:this.disabled,required:this.required,readonly:this.readonly,value:this.value,type:t,min:this.min,max:this.max,maxlength:this.maxlength,pattern:this.pattern,placeholder:this.placeholder,autocomplete:this.autocomplete,onInput:t=>this.clearButtonVisible=!!t.target.value,onFocus:()=>this.hasFocus=!0,onBlur:()=>this.hasFocus=!1}),this.renderSuffixContent()),this.renderValidityMessage("error"),this.renderValidityMessage("success"))}};b.style=".sc-ds-text-input:root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-input--label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-input--label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-input--label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-input--container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-input--container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-input--container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-input--container.invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-input--container.invalid.sc-ds-text-input:hover:not(.ds-input--container.invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-input--container.invalid.active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-input--container.valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-input--container.valid.sc-ds-text-input:hover:not(.ds-input--container.valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-input--container.valid.active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-input--container.readonly.sc-ds-text-input,.ds-input--container.disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-input--container.sc-ds-text-input:has(input:active){outline:none}.ds-input--container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:readonly){border-color:var(--ds-borderColor-default)}.ds-input--container.active.sc-ds-text-input:not(.ds-input--container.disabled,.ds-input--container.readonly.sc-ds-text-input,.ds-input--container.invalid.sc-ds-text-input,.ds-input--container.valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-input--container.sc-ds-text-input:hover:not(.ds-input--container.disabled,.ds-input--container.readonly.sc-ds-text-input,.ds-input--container.active.sc-ds-text-input,.ds-input--container.invalid.sc-ds-text-input,.ds-input--container.valid.sc-ds-text-input,.ds-input--container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-input--container.sc-ds-text-input:focus-within:not(.ds-input--container:focus-within.invalid,.ds-input--container.sc-ds-text-input:focus-within.valid,.ds-input--container.sc-ds-text-input:focus-within.readonly){border-color:var(--ds-borderColor-primary)}.ds-input--container.sc-ds-text-input:focus-within *.sc-ds-text-input>ds-button.suffix.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-input--container.sc-ds-text-input>input[type=number].sc-ds-text-input{-moz-appearance:textfield}.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-input--container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-input--container.sc-ds-text-input:has(span.prefix,ds-icon.prefix).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input--container.sc-ds-text-input:has(span.prefix,ds-icon.prefix).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input--container.sc-ds-text-input:has(ds-button.suffix){padding-inline-end:unset}.ds-input--container.sc-ds-text-input span.prefix.sc-ds-text-input,.ds-input--container.sc-ds-text-input span.suffix.sc-ds-text-input{color:var(--ds-palette-black-70)}.ds-input--container.sc-ds-text-input ds-icon.prefix.sc-ds-text-input,.ds-input--container.sc-ds-text-input-s>[slot=prefix],.ds-input--container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-input--container.sc-ds-text-input ds-button.suffix.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}.error-text--container.sc-ds-text-input,.success-text--container.sc-ds-text-input{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.error-text--container.sc-ds-text-input ds-icon.sc-ds-text-input,.success-text--container.sc-ds-text-input ds-icon.sc-ds-text-input{display:block;height:1.5rem}.error-text--container.sc-ds-text-input small.sc-ds-text-input,.success-text--container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.error-text--container.sc-ds-text-input{color:var(--ds-textColor-danger)}.success-text--container.sc-ds-text-input{color:var(--ds-textColor-success)}";export{b as ds_text_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e}from"./index-
|
|
1
|
+
import{r as t,h as e}from"./index-50783b0c.js";const s=class{constructor(e){t(this,e)}render(){return e("slot",{key:"4307602964aa15c8d3f4fb0f4b89188cf0a8b55e"})}};s.style=":host{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{s as ds_visually_hidden}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var t=Object.defineProperty,e=(t,e)=>{var n;Object.entries(null!=(n=e.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=t[n],l=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),n);Object.defineProperty(t,n,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.l.has(n)?e.l.get(n):o}}))},n=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,n)=>{t.__stencil__getHostRef=()=>n,n.i=t,e(t,n)},l=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="http://www.w3.org/1999/xlink",f=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],a="undefined"!=typeof window?window:{},d={u:0,p:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},p=t=>Promise.resolve(t),h=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),v=!1,m=[],y=[],b=(t,e)=>n=>{t.push(n),v||(v=!0,e&&4&d.u?g(w):d.raf(w))},$=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},w=()=>{$(m),$(y),(v=m.length>0)&&d.raf(w)},g=t=>p().then(t),S=b(y,!0),j=t=>"object"==(t=typeof t)||"function"===t;function k(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>C,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>R});var O=t=>({isOk:!0,isErr:!1,value:t}),C=t=>({isOk:!1,isErr:!0,value:t});function E(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>O(t))):O(n)}if(t.isErr)return C(t.value);throw"should never get here"}var M=t=>{if(t.isOk)return t.value;throw t.value},R=t=>{if(t.isErr)return t.value;throw t.value},x=t=>{const e=A(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&N(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!P(t,F(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&A(t,"childNodes").length&&x(t)}};function N(t,e,n){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&(!e||o["s-hn"]===e)&&(void 0===n||F(o)===n)&&(s.push(o),void 0!==n))return s;s=[...s,...N(o.childNodes,e,n)]}return s}var P=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)F(l)!==e||!n&&l["s-sr"]||o.push(l);return o},T=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,F=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function A(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var D,L,U,W=(t,e,...n)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!j(o))&&(o+=""),i&&r?c[c.length-1].h+=o:c.push(i?_(null,o):o),r=i)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,H);const f=_(t,null);return f.v=e,c.length>0&&(f.m=c),f.$=l,f.S=s,f},_=(t,e)=>({u:0,j:t,h:e,k:null,m:null,v:null,$:null,S:null}),B={},H={forEach:(t,e)=>t.map(z).forEach(e),map:(t,e)=>t.map(z).map(e).map(I)},z=t=>({vattrs:t.v,vchildren:t.m,vkey:t.$,vname:t.S,vtag:t.j,vtext:t.h}),I=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),W(t.vtag,e,...t.vchildren||[])}const e=_(t.vtag,t.vtext);return e.v=t.vattrs,e.m=t.vchildren,e.$=t.vkey,e.S=t.vname,e},V=(t,e)=>null==t||j(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t,Y=t=>n(t).$hostElement$,q=(t,e,n)=>{const o=Y(t);return{emit:t=>G(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},G=(t,e,n)=>{const o=d.ce(e,n);return t.dispatchEvent(o),o},J=new WeakMap,K=t=>"sc-"+t.O,Q=(t,e,n,o,s,i)=>{if(n===o)return;let r=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=Z(n);let s=Z(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(r||"o"!==e[0]||"n"!==e[1]){const l=j(o);if((r||l&&null!==o)&&!s)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}let f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,f=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(f?t.removeAttributeNS(u,e):t.removeAttribute(e)):(!r||4&i||s)&&!l&&1===t.nodeType&&(o=!0===o?"":o,f?t.setAttributeNS(u,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):l(a,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(tt);e=e.replace(et,""),n&&d.rel(t,e,n,l),o&&d.ael(t,e,o,l)}},X=/\s/,Z=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(X):[]),tt="Capture",et=RegExp(tt+"$"),nt=(t,e,n)=>{const o=11===e.k.nodeType&&e.k.host?e.k.host:e.k,l=t&&t.v||{},s=e.v||{};for(const t of ot(Object.keys(l)))t in s||Q(o,t,l[t],void 0,n,e.u);for(const t of ot(Object.keys(s)))Q(o,t,l[t],s[t],n,e.u)};function ot(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var lt=!1,st=!1,it=!1,rt=!1,ct=(t,e,n)=>{var o;const l=e.m[n];let s,i,r,c=0;if(lt||(it=!0,"slot"===l.j&&(l.u|=l.m?2:1)),null!==l.h)s=l.k=a.document.createTextNode(l.h);else if(1&l.u)s=l.k=a.document.createTextNode(""),nt(null,l,rt);else{if(!a.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(s=l.k=a.document.createElement(!lt&&2&l.u?"slot-fb":l.j),nt(null,l,rt),null!=D&&void 0!==D&&s["s-si"]!==D&&s.classList.add(s["s-si"]=D),l.m)for(c=0;c<l.m.length;++c)i=ct(t,l,c),i&&s.appendChild(i)}return s["s-hn"]=U,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=L,s["s-sn"]=l.S||"",s["s-rf"]=null==(o=l.v)?void 0:o.ref,function(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots. \n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e})(l.childNodes)).forEach((t=>{o===F(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}(s),r=t&&t.m&&t.m[n],r&&r.j===l.j&&t.k&&ut(t.k,!1),$t(L,s,e.k,null==t?void 0:t.k)),s},ut=(t,e)=>{d.u|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==U&&o["s-ol"]&&(bt(pt(o).parentNode,o,pt(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,it=!0),e&&ut(o,e)}d.u&=-2},ft=(t,e,n,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===U&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=ct(null,n,l),i&&(o[l].k=i,bt(r,i,pt(e))))},at=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.k;yt(e),t&&(st=!0,t["s-ol"]?t["s-ol"].remove():ut(t,!0),t.remove())}}},dt=(t,e,n=!1)=>t.j===e.j&&("slot"===t.j?t.S===e.S:n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),pt=t=>t&&t["s-ol"]||t,ht=(t,e,n=!1)=>{const o=e.k=t.k,l=t.m,s=e.m,i=e.h;let r;null===i?(nt(t,e,rt),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],p=e[a],h=o.length-1,v=o[0],m=o[h];for(;r<=a&&c<=h;)if(null==d)d=e[++r];else if(null==p)p=e[--a];else if(null==v)v=o[++c];else if(null==m)m=o[--h];else if(dt(d,v,l))ht(d,v,l),d=e[++r],v=o[++c];else if(dt(p,m,l))ht(p,m,l),p=e[--a],m=o[--h];else if(dt(d,m,l))"slot"!==d.j&&"slot"!==m.j||ut(d.k.parentNode,!1),ht(d,m,l),bt(t,d.k,p.k.nextSibling),d=e[++r],m=o[--h];else if(dt(p,v,l))"slot"!==d.j&&"slot"!==m.j||ut(p.k.parentNode,!1),ht(p,v,l),bt(t,p.k,d.k),p=e[--a],v=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].$&&e[f].$===v.$){u=f;break}u>=0?(i=e[u],i.j!==v.j?s=ct(e&&e[c],n,u):(ht(i,v,l),e[u]=void 0,s=i.k),v=o[++c]):(s=ct(e&&e[c],n,c),v=o[++c]),s&&bt(pt(d.k).parentNode,s,pt(d.k))}r>a?ft(t,null==o[h+1]?null:o[h+1].k,n,o,c,h):c>h&&at(e,r,a)})(o,l,e,s,n):null!==s?(null!==t.h&&(o.textContent=""),ft(o,null,e,s,0,s.length-1)):!n&&null!==l&&at(l,0,l.length-1)):(r=o["s-cr"])?r.parentNode.textContent=i:t.h!==i&&(o.data=i)},vt=[],mt=t=>{let e,n,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const l=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(T(e,l)){let n=vt.find((t=>t.C===e));st=!0,e["s-sn"]=e["s-sn"]||l,n?(n.C["s-sh"]=t["s-hn"],n.M=t):(e["s-sh"]=t["s-hn"],vt.push({M:t,C:e})),e["s-sr"]&&vt.map((t=>{T(t.C,e["s-sn"])&&(n=vt.find((t=>t.C===e)),n&&!t.M&&(t.M=n.M))}))}else vt.some((t=>t.C===e))||vt.push({C:e})}1===t.nodeType&&mt(t)}},yt=t=>{t.v&&t.v.ref&&t.v.ref(null),t.m&&t.m.map(yt)},bt=(t,e,n)=>("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"]&&$t(e["s-cr"],e,t,e.parentElement),null==t?void 0:t.insertBefore(e,n));function $t(t,e,n,o){var l,s;let i;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(i=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],r=e["s-hn"];if(null==(l=n.classList)||l.add(i+"-s"),o&&(null==(s=o.classList)?void 0:s.contains(i+"-s"))){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===r&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(i+"-s")}}}var wt=(t,e)=>{if(e&&!t.R&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.R=()=>{e["s-p"].splice(n-1,1),o()})))}},gt=(t,e)=>{if(t.u|=16,!(4&t.u))return wt(t,t.N),S((()=>St(t,e)));t.u|=512},St=(t,e)=>{const n=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return e?(t.u|=256,t.P&&(t.P.map((([t,e])=>Rt(o,t,e,n))),t.P=void 0),l=Rt(o,"componentWillLoad",void 0,n)):l=Rt(o,"componentWillUpdate",void 0,n),l=jt(l,(()=>Rt(o,"componentWillRender",void 0,n))),jt(l,(()=>Ot(t,o,e)))},jt=(t,e)=>kt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),kt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Ot=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,l=((t,e)=>{var n;const o=K(e),l=r.get(o);if(!a.document)return o;if(t=11===t.nodeType?t:a.document,l)if("string"==typeof l){let s,i=J.get(t=t.head||t);if(i||J.set(t,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||a.document.createElement("style"),s.innerHTML=l;const i=null!=(n=d.T)?n:k(a.document);if(null!=i&&s.setAttribute("nonce",i),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(h){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.u&&t.insertBefore(s,null)}4&e.u&&(s.innerHTML+=c),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);Ct(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>Et(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},Ct=(t,e,n,o)=>{try{e=e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{var o,l,s,i;const r=t.$hostElement$,c=t.o,u=t.F||_(null,null),f=(t=>t&&t.j===B)(e)?e:W(null,null,e);if(U=r.tagName,n&&f.v)for(const t of Object.keys(f.v))r.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(f.v[t]=r[t]);if(f.j=null,f.u|=4,t.F=f,f.k=u.k=r.shadowRoot||r,D=r["s-sc"],lt=!(!(1&c.u)||128&c.u),L=r["s-cr"],st=!1,ht(u,f,n),d.u|=1,it){mt(f.k);for(const t of vt){const e=t.C;if(!e["s-ol"]&&a.document){const t=a.document.createTextNode("");t["s-nr"]=e,bt(e.parentNode,e["s-ol"]=t,e)}}for(const t of vt){const e=t.C,r=t.M;if(r){const t=r.parentNode;let n=r.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),bt(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof r["s-rf"]&&r["s-rf"](r)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(i=e.hidden)&&i),e.hidden=!0)}}st&&x(f.k),d.u&=-2,vt.length=0,L=void 0})(t,e,o)}catch(e){s(e,t.$hostElement$)}return null},Et=t=>{const e=t.$hostElement$,n=t.i,o=t.N;Rt(n,"componentDidRender",void 0,e),64&t.u?Rt(n,"componentDidUpdate",void 0,e):(t.u|=64,xt(e),Rt(n,"componentDidLoad",void 0,e),t.A(e),o||Mt()),t.D(e),t.R&&(t.R(),t.R=void 0),512&t.u&&g((()=>gt(t,!1))),t.u&=-517},Mt=()=>{g((()=>G(a,"appload",{detail:{namespace:"component-library"}})))},Rt=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},xt=t=>t.classList.add("hydrated"),Nt=(t,e,o,l)=>{const i=n(t);if(!i)throw Error(`Couldn't find host element for "${l.O}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=i.$hostElement$,c=i.l.get(e),u=i.u,f=i.i;if(o=V(o,l.t[e][0]),(!(8&u)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(i.l.set(e,o),f)){if(l.L&&128&u){const t=l.L[e];t&&t.map((t=>{try{f[t](o,c,e)}catch(t){s(t,r)}}))}if(2==(18&u)){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(o,c,e))return;gt(i,!1)}}},Pt=(t,e,o)=>{var l,s;const i=t.prototype;if(64&e.u&&1&o&&f.forEach((t=>{Object.defineProperty(i,t,{value(...e){const o=n(this),l=o.i;if(l){const n=l[t];"function"==typeof n&&n.call(l,...e)}else o.U.then((n=>{const o=n[t];"function"==typeof o&&o.call(n,...e)}))}})})),e.t||e.L||t.watchers){t.watchers&&!e.L&&(e.L=t.watchers);const r=Object.entries(null!=(l=e.t)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.t[t][0]|=2048),r&&(e.t[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.t[t][0]))return((t,e)=>n(this).l.get(e))(0,t);const o=n(this),l=o?o.i:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=n(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.l.get(t)?s=i.l.get(t):!i.l.get(t)&&n&&i.l.set(t,n),r.call(this,V(s,l)),void Nt(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&o&&4096&e.t[t][0]))return Nt(this,t,s,e),void(1&o&&!i.i&&i.U.then((()=>{4096&e.t[t][0]&&i.i[t]!==i.l.get(t)&&(i.i[t]=s)})));const n=()=>{const n=i.i[t];!i.l.get(t)&&n&&i.l.set(t,n),i.i[t]=V(s,l),Nt(this,t,i.i[t],e)};i.i?n():i.U.then((()=>n()))}}})}else 1&o&&64&l&&Object.defineProperty(i,t,{value(...e){var o;const l=n(this);return null==(o=null==l?void 0:l.W)?void 0:o.then((()=>{var n;return null==(n=l.i)?void 0:n[t](...e)}))}})})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){d.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.u;if(i&&!(8&i)&&128&i&&s!==l){const n=o.i,i=null==(r=e.L)?void 0:r[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,s,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.L)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},Tt=(t,e)=>{Rt(t,"connectedCallback",void 0,e)},Ft=(t,e)=>{Rt(t,"disconnectedCallback",void 0,e||t)},At=(t,e={})=>{var o;if(!a.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],u=e.exclude||[],f=a.customElements,p=a.document.head,v=p.querySelector("meta[charset]"),m=a.document.createElement("style"),y=[];let b,$=!0;Object.assign(d,e),d.p=new URL(e.resourcesUrl||"./",a.document.baseURI).href;let w=!1;if(t.map((t=>{t[1].map((e=>{var o;const c={u:e[0],O:e[1],t:e[2],_:e[3]};4&c.u&&(w=!0),c.t=e[2],c._=e[3],c.L=null!=(o=e[4])?o:{};const p=c.O,v=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map};n.W=new Promise((t=>n.D=t)),n.U=new Promise((t=>n.A=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,c),1&c.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.O}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){const t=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Lt(this,t,c._)),b&&(clearTimeout(b),b=null),$?y.push(this):d.jmp((()=>(t=>{if(!(1&d.u)){const e=n(t),o=e.o,l=()=>{};if(1&e.u)Lt(t,e,o._),(null==e?void 0:e.i)?Tt(e.i,t):(null==e?void 0:e.U)&&e.U.then((()=>Tt(e.i,t)));else{e.u|=1,12&o.u&&(t=>{if(!a.document)return;const e=t["s-cr"]=a.document.createComment("");e["s-cn"]=!0,bt(t,e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){wt(e,e.N=n);break}}o.t&&Object.entries(o.t).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.u)){if(e.u|=32,n.B){const l=((t,e)=>{const n=t.O.replace(/-/g,"_"),o=t.B;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{s(t,e.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.O}#${e.H}" was not found`);o.isProxied||(n.L=o.watchers,Pt(o,n,2),o.isProxied=!0);const r=()=>{};e.u|=8;try{new o(e)}catch(e){s(e,t)}e.u&=-9,e.u|=128,r(),Tt(e.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=K(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);h&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.u)),o()}}}const l=e.N,c=()=>gt(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(t,e,o)}l()}})(this)))}disconnectedCallback(){d.jmp((()=>(async t=>{if(!(1&d.u)){const e=n(t);e.I&&(e.I.map((t=>t())),e.I=void 0),(null==e?void 0:e.i)?Ft(e.i,t):(null==e?void 0:e.U)&&e.U.then((()=>Ft(e.i,t)))}J.has(t)&&J.delete(t),t.shadowRoot&&J.has(t.shadowRoot)&&J.delete(t.shadowRoot)})(this))),d.raf((()=>{var t;const e=n(this),o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==e?void 0:e.F)?void 0:t.k)instanceof Node&&!e.F.k.isConnected&&delete e.F.k}))}componentOnReady(){return n(this).U}};64&c.u&&(v.formAssociated=!0),c.B=t[0],u.includes(p)||f.get(p)||(l.push(p),f.define(p,Pt(v,c,1)))}))})),l.length>0&&(w&&(m.textContent+=c),m.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",m.innerHTML.length)){m.setAttribute("data-styles","");const t=null!=(o=d.T)?o:k(a.document);null!=t&&m.setAttribute("nonce",t),p.insertBefore(m,v?v.nextSibling:p.firstChild)}$=!1,y.length?y.map((t=>t.connectedCallback())):d.jmp((()=>b=setTimeout(Mt,30)))},Dt=(t,e)=>e,Lt=(t,e,n)=>{n&&a.document&&n.map((([n,o,l])=>{const s=t,i=Ut(e,l),r=Wt(n);d.ael(s,o,i,r),(e.I=e.I||[]).push((()=>d.rel(s,o,i,r)))}))},Ut=(t,e)=>n=>{var o;try{256&t.u?null==(o=t.i)||o[e](n):(t.P=t.P||[]).push([e,n])}catch(e){s(e,t.$hostElement$)}},Wt=t=>({passive:!!(1&t),capture:!!(2&t)}),_t=t=>d.T=t;export{Dt as F,At as b,q as c,Y as g,W as h,p,o as r,_t as s}
|
|
@@ -5,7 +5,7 @@ import { i as idGenerator, d as defineCustomElement$3 } from './ds-icon2.js';
|
|
|
5
5
|
import { d as defineCustomElement$4 } from './ds-checkbox2.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './ds-input-validity2.js';
|
|
7
7
|
|
|
8
|
-
const dsCheckboxGroupCss = ".ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__legend{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__assistive-text{font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__error{display:flex}.ds-checkbox-group__error--visible{padding-top:var(--ds-spacing-3xSmall)}.ds-checkbox-group__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group--inset{margin-left:var(--ds-spacing-large)}.ds-checkbox-group--horizontal>.ds-checkbox-group__checkboxes{flex-direction:row;gap:var(--ds-spacing-small);flex-wrap:wrap}";
|
|
8
|
+
const dsCheckboxGroupCss = ".ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__legend{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__assistive-text{font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__error{display:flex}.ds-checkbox-group__error--visible{padding-top:var(--ds-spacing-3xSmall)}.ds-checkbox-group>.ds-checkbox-group__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group--inset{margin-left:var(--ds-spacing-large)}.ds-checkbox-group--horizontal>.ds-checkbox-group__checkboxes{flex-direction:row;gap:var(--ds-spacing-small);flex-wrap:wrap}";
|
|
9
9
|
const DsCheckboxGroupStyle0 = dsCheckboxGroupCss;
|
|
10
10
|
|
|
11
11
|
const fieldsetIdGenerator = idGenerator('ds-checkbox-group');
|
|
@@ -5,7 +5,7 @@ import { i as idGenerator, d as defineCustomElement$2 } from './ds-icon2.js';
|
|
|
5
5
|
import { g as getRequiredText, a as getOptionalText } from './controlUtils.js';
|
|
6
6
|
import { d as defineCustomElement$1 } from './ds-input-validity2.js';
|
|
7
7
|
|
|
8
|
-
const dsCheckboxCss = ":root{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px}:root{--ds-overlay-black-00:rgb(0 0 0 / 0);--ds-overlay-black-05:rgb(0 0 0 / 0.05);--ds-overlay-black-10:rgb(0 0 0 / 0.1);--ds-overlay-black-15:rgb(0 0 0 / 0.15);--ds-overlay-black-30:rgb(0 0 0 / 0.3);--ds-overlay-black-40:rgb(0 0 0 / 0.4);--ds-overlay-black-50:rgb(0 0 0 / 0.5);--ds-overlay-black-70:rgb(0 0 0 / 0.7);--ds-overlay-black-80:rgb(0 0 0 / 0.8);--ds-overlay-white-00:rgb(255 255 255 / 0);--ds-overlay-white-05:rgb(255 255 255 / 0.05);--ds-overlay-white-10:rgb(255 255 255 / 0.1);--ds-overlay-white-15:rgb(255 255 255 / 0.15);--ds-overlay-white-30:rgb(255 255 255 / 0.3);--ds-overlay-white-40:rgb(255 255 255 / 0.4);--ds-overlay-white-50:rgb(255 255 255 / 0.5);--ds-overlay-white-70:rgb(255 255 255 / 0.7);--ds-overlay-white-80:rgb(255 255 255 / 0.8);--ds-palette-black:#000000;--ds-palette-white:#ffffff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#cccccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115}:root{--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-80);--ds-textColor-success:var(--ds-palette-green-80);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link--standalone:var(--ds-palette-black-70);--ds-textColor-link--standalone-hover:var(--ds-palette-black-80);--ds-textColor-link--standalone-active:var(--ds-palette-black-95);--ds-textColor-link--standalone-focus:var(--ds-palette-black-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-white-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20)}:root{--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem}.ds-checkbox-fieldset{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox-fieldset__legend{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-fieldset__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox{display:inline-flex;align-self:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;text-wrap:nowrap;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall)}.ds-checkbox--no-margin .ds-checkbox__input{margin-right:0}.ds-checkbox--disabled{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__span--optional{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox:has(.ds-checkbox__input:disabled){cursor:not-allowed}.ds-checkbox__input{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-palette-black-50);}.ds-checkbox__input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-checkbox__input:hover,.ds-checkbox__input:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__input:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__input:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__input:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__input:disabled{border-color:GrayText}}.ds-checkbox__input:checked,.ds-checkbox__input:indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__input:checked:hover,.ds-checkbox__input:indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__input:checked:active,.ds-checkbox__input:indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__input:checked:disabled,.ds-checkbox__input:indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__input:user-invalid,.ds-checkbox__input--invalid,.ds-checkbox__input--invalid:checked,.ds-checkbox__input--invalid:indeterminate{border-color:var(--ds-borderColor-danger)}.ds-checkbox__input:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__input::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__input:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__input:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox-error{display:flex}.ds-checkbox-error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-xSmall)}";
|
|
8
|
+
const dsCheckboxCss = ".ds-checkbox-fieldset{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox-fieldset__legend{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-fieldset__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox{display:inline-flex;align-self:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;text-wrap:nowrap;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall)}.ds-checkbox--no-margin .ds-checkbox__input{margin-right:0}.ds-checkbox--disabled{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__span--optional{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox:has(.ds-checkbox__input:disabled){cursor:not-allowed}.ds-checkbox__input{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-palette-black-50);}.ds-checkbox__input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-checkbox__input:hover,.ds-checkbox__input:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__input:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__input:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__input:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__input:disabled{border-color:GrayText}}.ds-checkbox__input:checked,.ds-checkbox__input:indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__input:checked:hover,.ds-checkbox__input:indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__input:checked:active,.ds-checkbox__input:indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__input:checked:disabled,.ds-checkbox__input:indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__input:user-invalid,.ds-checkbox__input--invalid,.ds-checkbox__input--invalid:checked,.ds-checkbox__input--invalid:indeterminate{border-color:var(--ds-borderColor-danger)}.ds-checkbox__input:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__input::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__input:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__input:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__input:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox-error{display:flex}.ds-checkbox-error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-xSmall)}";
|
|
9
9
|
const DsCheckboxStyle0 = dsCheckboxCss;
|
|
10
10
|
|
|
11
11
|
const checkboxIdGenerator = idGenerator('ds-checkbox');
|
|
@@ -13,7 +13,7 @@ const DsInputValidity = proxyCustomElement(class DsInputValidity extends H {
|
|
|
13
13
|
get el() { return this; }
|
|
14
14
|
text;
|
|
15
15
|
type = 'error';
|
|
16
|
-
|
|
16
|
+
validityRole = 'status';
|
|
17
17
|
identifier;
|
|
18
18
|
componentDidLoad() {
|
|
19
19
|
this.identifier = this.el.getAttribute('id');
|
|
@@ -28,13 +28,13 @@ const DsInputValidity = proxyCustomElement(class DsInputValidity extends H {
|
|
|
28
28
|
if (!this.text) {
|
|
29
29
|
return null;
|
|
30
30
|
}
|
|
31
|
-
return (h(Fragment, null, this.text && (h("div", { class: classes, role: this.
|
|
31
|
+
return (h(Fragment, null, this.text && (h("div", { class: classes, role: this.validityRole }, h("ds-icon", { name: icon }), h("small", { id: this.identifier }, this.text)))));
|
|
32
32
|
}
|
|
33
33
|
static get style() { return DsInputValidityStyle0; }
|
|
34
34
|
}, [0, "ds-input-validity", {
|
|
35
35
|
"text": [1],
|
|
36
36
|
"type": [1],
|
|
37
|
-
"
|
|
37
|
+
"validityRole": [1, "role"],
|
|
38
38
|
"identifier": [32]
|
|
39
39
|
}]);
|
|
40
40
|
function defineCustomElement() {
|
|
@@ -5,7 +5,7 @@ import { o as opensInNewTab, v as visuallyHiddenAssistiveText, g as getAriaLabel
|
|
|
5
5
|
import { i as idGenerator, d as defineCustomElement$3 } from './ds-icon2.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
|
|
7
7
|
|
|
8
|
-
const dsLinkWithArrowCss = ":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:
|
|
8
|
+
const dsLinkWithArrowCss = ":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:inline-block}.ds-link-with-arrow{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}.ds-link-with-arrow:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}@media (min-width: 30rem){.ds-link-with-arrow{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__icon{display:inline-flex;width:2em;height:2em;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}.ds-link-with-arrow__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__icon{outline:10px solid;background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow:hover,.ds-link-with-arrow:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow:active,.ds-link-with-arrow:focus-visible{color:var(--ds-textColor-link-active)}";
|
|
9
9
|
const DsLinkWithArrowStyle0 = dsLinkWithArrowCss;
|
|
10
10
|
|
|
11
11
|
const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
|
|
@@ -25,7 +25,7 @@ const DsLinkWithArrow$1 = proxyCustomElement(class DsLinkWithArrow extends H {
|
|
|
25
25
|
href;
|
|
26
26
|
target;
|
|
27
27
|
language;
|
|
28
|
-
|
|
28
|
+
linkAriaLabel;
|
|
29
29
|
componentWillLoad() {
|
|
30
30
|
this.inheritedAttributes = inheritAriaAttributes(this.el, ['aria-label']);
|
|
31
31
|
if (opensInNewTab(this.target)) {
|
|
@@ -39,7 +39,7 @@ const DsLinkWithArrow$1 = proxyCustomElement(class DsLinkWithArrow extends H {
|
|
|
39
39
|
'ds-link-with-arrow__icon--start': this.iconPosition === 'start',
|
|
40
40
|
'ds-link-with-arrow__icon--end': this.iconPosition === 'end',
|
|
41
41
|
});
|
|
42
|
-
return (h("a", { key: '
|
|
42
|
+
return (h("a", { key: '5f43cc989011db22bd8f547957c76289e7bbbf45', href: this.href, class: classes, rel: this.rel, target: this.target, "aria-label": getAriaLabel(this.text, this.linkAriaLabel), ...this.inheritedAttributes }, h("slot", { key: '26615467438d0ae98a8138165cf5152796f2ab00', name: "iconStart" }, this.iconPosition === 'start' && h("ds-icon", { key: 'f34a2d05ed9c991e98aaa89f547bde0c1b677115', name: this.icon, class: iconClasses, size: "1.4em" })), this.text, h("slot", { key: 'be1ccadeaca632961ed3d44d1d94a26bf35d2963', name: "iconStart" }, this.iconPosition === 'end' && h("ds-icon", { key: '7bccce249754d661d9faeddbad2f9c4d8c207cfb', name: this.icon, class: iconClasses, size: "1.4em" })), opensInNewTab(this.target) && (h("ds-visually-hidden", { key: '4e864244ee939591f435715889e2f9a240f86d36', id: this.visuallyHiddenAssistiveTextId }, visuallyHiddenAssistiveText(this.language ?? document.documentElement.lang)))));
|
|
43
43
|
}
|
|
44
44
|
static get style() { return DsLinkWithArrowStyle0; }
|
|
45
45
|
}, [1, "ds-link-with-arrow", {
|
|
@@ -48,7 +48,7 @@ const DsLinkWithArrow$1 = proxyCustomElement(class DsLinkWithArrow extends H {
|
|
|
48
48
|
"href": [1],
|
|
49
49
|
"target": [1],
|
|
50
50
|
"language": [1, "lang"],
|
|
51
|
-
"
|
|
51
|
+
"linkAriaLabel": [1, "aria-label"]
|
|
52
52
|
}]);
|
|
53
53
|
function defineCustomElement$1() {
|
|
54
54
|
if (typeof customElements === "undefined") {
|
|
@@ -5,7 +5,7 @@ import { o as opensInNewTab, v as visuallyHiddenAssistiveText, g as getAriaLabel
|
|
|
5
5
|
import { i as idGenerator, d as defineCustomElement$3 } from './ds-icon2.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
|
|
7
7
|
|
|
8
|
-
const dsLinkCss = ":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:
|
|
8
|
+
const dsLinkCss = ":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:inline-block}.ds-link{display:inline-flex;align-items:center;color:var(--ds-textColor-link);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:var(--ds-borderWidth-thin);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-link--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link--xLarge{font-size:var(--ds-fontSize-20)}.ds-link--large{font-size:var(--ds-fontSize-18)}.ds-link--medium{font-size:var(--ds-fontSize-16)}.ds-link--small{font-size:var(--ds-fontSize-14)}.ds-link--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__icon{height:1em;width:1em}.ds-link__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link:hover,.ds-link:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link:hover{color:var(--ds-textColor-link-hover)}.ds-link:active{color:var(--ds-textColor-link-active)}.ds-link:visited{color:var(--ds-textColor-link-visited)}.ds-link--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link--standalone:hover,.ds-link--standalone:active{text-decoration-line:underline}.ds-link--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link--standalone:active{color:var(--ds-textColor-link-active)}.ds-link--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link--standalone:visited{color:var(--ds-textColor-link)}";
|
|
9
9
|
const DsLinkStyle0 = dsLinkCss;
|
|
10
10
|
|
|
11
11
|
const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
|
|
@@ -31,7 +31,7 @@ const DsLink$1 = proxyCustomElement(class DsLink extends H {
|
|
|
31
31
|
target;
|
|
32
32
|
download;
|
|
33
33
|
language;
|
|
34
|
-
|
|
34
|
+
linkAriaLabel;
|
|
35
35
|
componentWillLoad() {
|
|
36
36
|
this.inheritedAttributes = inheritAriaAttributes(this.el, ['aria-label']);
|
|
37
37
|
if (opensInNewTab(this.target)) {
|
|
@@ -48,7 +48,7 @@ const DsLink$1 = proxyCustomElement(class DsLink extends H {
|
|
|
48
48
|
[`ds-link__icon--start-${this.variant}`]: this.iconPosition === 'start',
|
|
49
49
|
[`ds-link__icon--end-${this.variant}`]: this.iconPosition === 'end',
|
|
50
50
|
});
|
|
51
|
-
return (h("a", { key: '
|
|
51
|
+
return (h("a", { key: '92b52d7b61888dd8d39841afe9823286356ec231', href: this.href, class: classes, rel: this.rel, target: this.target, download: this.download, "aria-label": getAriaLabel(this.text, this.linkAriaLabel), ...this.inheritedAttributes }, h("slot", { key: '9125a3b98ed37f1e71a922a071c07f2ad270a661', name: "iconStart" }, this.icon && this.iconPosition === 'start' && h("ds-icon", { key: '5d08c8501703a7d8cf4bb3386d6368047e75f8fe', name: this.icon, class: iconClasses, size: "1em", title: this.iconTitle, hidden: this.iconHidden })), this.text, h("slot", { key: '6bd3f8fda1ad927ceba8612503dddabb188be692', name: "iconEnd" }, this.icon && this.iconPosition === 'end' && h("ds-icon", { key: 'e6b7de1ca80eb3485083f5ff1902ebf66821c707', name: this.icon, class: iconClasses, size: "1em", title: this.iconTitle, hidden: this.iconHidden })), opensInNewTab(this.target) && (h("ds-visually-hidden", { key: 'b7ffb5a0cfa2e02ef793150bd9ea6886e02c7cac', id: this.visuallyHiddenAssistiveTextId }, visuallyHiddenAssistiveText(this.language ?? document.documentElement.lang)))));
|
|
52
52
|
}
|
|
53
53
|
static get style() { return DsLinkStyle0; }
|
|
54
54
|
}, [1, "ds-link", {
|
|
@@ -64,7 +64,7 @@ const DsLink$1 = proxyCustomElement(class DsLink extends H {
|
|
|
64
64
|
"target": [1],
|
|
65
65
|
"download": [4],
|
|
66
66
|
"language": [1, "lang"],
|
|
67
|
-
"
|
|
67
|
+
"linkAriaLabel": [1, "aria-label"]
|
|
68
68
|
}]);
|
|
69
69
|
function defineCustomElement$1() {
|
|
70
70
|
if (typeof customElements === "undefined") {
|