@scouterna/ui-webc 4.0.0 → 4.0.1
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/components/p-7UFtpiQE.js +1 -0
- package/dist/components/{p-BO7j9O37.js → p-CWxftSWo.js} +1 -1
- package/dist/components/{p-lrqW957X.js → p-DYpc8Wxz.js} +1 -1
- package/dist/components/scout-checkbox.js +1 -1
- package/dist/components/scout-input.js +1 -1
- package/dist/components/scout-list-view-item.js +1 -1
- package/dist/components/scout-radio-button.js +1 -1
- package/dist/components/scout-select.js +1 -1
- package/dist/components/scout-switch.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/package.json +2 -2
- package/dist/components/p-CpD1flSg.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./p-DLiFilsh.js";const t=t=>class extends t{constructor(){super()}validity;scoutInputChange;scoutBlur;scoutValidate;_scoutValidityChanged;_scoutInvalid;_scoutFieldId;ariaId;inputElement;componentWillLoad(){this.ariaId=`_${Math.random().toString(36).substring(2,9)}`,this._scoutFieldId.emit(this.ariaId)}componentDidLoad(){this.emitValidityEvent()}onInput(){this.emitValidityEvent(),this.scoutInputChange.emit({value:this.inputElement.value,element:this.inputElement})}onBlur(){this.scoutBlur.emit()}onInvalid(){this._scoutInvalid.emit()}emitValidityEvent(){this.scoutValidate.emit({value:this.inputElement.value,element:this.inputElement})}runValidation(){this.inputElement.setCustomValidity(this.validity??""),this._scoutValidityChanged.emit({element:this.inputElement})}setInputRef(t){this.inputElement=t}};export{t as i}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,M as a,c as t,h as e,t as r}from"./p-DLiFilsh.js";import{i}from"./p-
|
|
1
|
+
import{p as o,M as a,c as t,h as e,t as r}from"./p-DLiFilsh.js";import{i}from"./p-7UFtpiQE.js";const s=o(class extends(a(i)){constructor(o){super(!1),!1!==o&&this.__registerHost(),this.scoutInputChange=t(this,"scoutInputChange"),this.scoutBlur=t(this,"scoutBlur"),this.scoutValidate=t(this,"scoutValidate"),this._scoutValidityChanged=t(this,"_scoutValidityChanged"),this._scoutInvalid=t(this,"_scoutInvalid"),this._scoutFieldId=t(this,"_scoutFieldId"),this.scoutChecked=t(this,"scoutChecked")}checked=!1;disabled=!1;ariaLabelledby;label;value;name;scoutChecked;onChange(o){const a=o.target;this.scoutChecked.emit({checked:a.checked,element:a})}render(){return e(this.label?.length?"label":"div",{key:"22df090dcbf2f2b4b14b7cad8d34500295045f70"},e("input",{key:"3bcc5022fa6202fd1fe733c1a8430f7ed1a54cf4",ref:o=>this.setInputRef(o),id:this.ariaId,type:"radio",value:this.value,name:this.name,class:"radio","aria-labelledby":this.ariaLabelledby,"aria-disabled":this.disabled,disabled:this.disabled,checked:this.checked,onChange:o=>{this.onInput(),this.onChange(o)},onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()}),this.label)}static get watchers(){return{validity:[{runValidation:0}]}}static get style(){return'.radio.sc-scout-radio-button{width:var(--spacing-6);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;border-radius:100%;background-color:var(--color-white);border:2px solid var(--color-gray-300);position:relative}@media (hover: hover){.radio.sc-scout-radio-button:hover{border:2px solid var(--color-gray-400);box-shadow:inset 0px 0px 5px 5px var(--color-background-brand-subtle-hovered);cursor:pointer}}.radio.sc-scout-radio-button:active{background-color:var(--color-background-brand-subtle-pressed)}@media (hover: hover){.radio.sc-scout-radio-button:checked:hover{border-color:var(--color-background-brand-hovered);box-shadow:none}.radio.sc-scout-radio-button:checked:hover::before{background-color:var(--color-background-brand-hovered)}}.radio.sc-scout-radio-button:checked{border-color:var(--color-background-brand-base)}.radio.sc-scout-radio-button::after{content:"";position:absolute;width:var(--spacing-10);height:var(--spacing-10);top:50%;left:50%;transform:translate(-50%, -50%)}.radio.sc-scout-radio-button:checked::before{content:"";background-color:var(--color-background-brand-base);width:var(--spacing-4);height:var(--spacing-4);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:100%}.radio.sc-scout-radio-button:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}label.sc-scout-radio-button{display:flex;align-items:center;gap:var(--spacing-2);font:var(--type-label-base);color:var(--color-text-base)}'}},[514,"scout-radio-button",{validity:[1],checked:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],value:[1],name:[1],ariaId:[32]},void 0,{validity:[{runValidation:0}]}]);function c(){"undefined"!=typeof customElements&&["scout-radio-button"].forEach((o=>{"scout-radio-button"===o&&(customElements.get(r(o))||customElements.define(r(o),s))}))}export{s as S,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as o,c as a,h as c,t}from"./p-DLiFilsh.js";import{i as r}from"./p-
|
|
1
|
+
import{p as e,M as o,c as a,h as c,t}from"./p-DLiFilsh.js";import{i as r}from"./p-7UFtpiQE.js";const s=e(class extends(o(r)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.scoutInputChange=a(this,"scoutInputChange"),this.scoutBlur=a(this,"scoutBlur"),this.scoutValidate=a(this,"scoutValidate"),this._scoutValidityChanged=a(this,"_scoutValidityChanged"),this._scoutInvalid=a(this,"_scoutInvalid"),this._scoutFieldId=a(this,"_scoutFieldId"),this.scoutChecked=a(this,"scoutChecked")}checked=!1;disabled=!1;ariaLabelledby;label;value;name;scoutChecked;onChange(e){const o=e.target;this.scoutChecked.emit({checked:o.checked,element:o})}render(){return c(this.label?.length?"label":"div",{key:"67b42b2b686fffecf891da832236fde663b740dc"},c("input",{key:"81821918d102e1ca809915c14a20aa0847f46e30",ref:e=>this.setInputRef(e),id:this.ariaId,type:"checkbox",value:this.value,name:this.name,class:"checkbox",style:{"--icon-checkbox":"url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hlY2siCj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNNSAxMmw1IDVsMTAgLTEwIiAvPgo8L3N2Zz4=)"},"aria-labelledby":this.ariaLabelledby,"aria-disabled":this.disabled,disabled:this.disabled,checked:this.checked,onChange:e=>{this.onInput(),this.onChange(e)},onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()}),this.label)}static get watchers(){return{validity:[{runValidation:0}]}}static get style(){return'.checkbox.sc-scout-checkbox{width:var(--spacing-6);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;border-radius:3px;background-color:var(--color-text-brand-inverse);border:2px solid var(--color-gray-300);position:relative}@media (hover: hover){.checkbox.sc-scout-checkbox:hover{border:2px solid var(--color-gray-400);box-shadow:inset 0px 0px 5px 5px var(--color-background-brand-subtle-hovered);cursor:pointer}}.checkbox.sc-scout-checkbox:active{background-color:var(--color-background-brand-subtle-pressed)}@media (hover: hover){.checkbox.sc-scout-checkbox:checked:hover{background-color:var(--color-background-brand-hovered);border-color:var(--color-background-brand-hovered);box-shadow:none}}.checkbox.sc-scout-checkbox:checked{background-color:var(--color-background-brand-base);border-color:var(--color-background-brand-base)}.checkbox.sc-scout-checkbox::after{content:"";position:absolute;width:var(--spacing-10);height:var(--spacing-10);top:50%;left:50%;transform:translate(-50%, -50%)}.checkbox.sc-scout-checkbox:checked::before{content:"";background-color:var(--color-text-brand-inverse);width:var(--spacing-6);height:var(--spacing-6);position:absolute;top:50%;left:50%;right:0;bottom:0;transform:translate(-50%, -50%);-webkit-mask-image:var(--icon-checkbox);mask-image:var(--icon-checkbox);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checkbox.sc-scout-checkbox:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}label.sc-scout-checkbox{display:flex;align-items:center;gap:var(--spacing-2);font:var(--type-label-base);color:var(--color-text-base)}'}},[514,"scout-checkbox",{validity:[1],checked:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],value:[1],name:[1],ariaId:[32]},void 0,{validity:[{runValidation:0}]}]);function i(){"undefined"!=typeof customElements&&["scout-checkbox"].forEach((e=>{"scout-checkbox"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}export{s as S,i as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as
|
|
1
|
+
import{S as o,d as p}from"./p-DYpc8Wxz.js";const s=o,r=p;export{s as ScoutCheckbox,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,M as i,c as s,h as a,d as e,t as r}from"./p-DLiFilsh.js";import{i as o}from"./p-
|
|
1
|
+
import{p as t,M as i,c as s,h as a,d as e,t as r}from"./p-DLiFilsh.js";import{i as o}from"./p-7UFtpiQE.js";const u=t(class extends(i(o)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.scoutInputChange=s(this,"scoutInputChange"),this.scoutBlur=s(this,"scoutBlur"),this.scoutValidate=s(this,"scoutValidate"),this._scoutValidityChanged=s(this,"_scoutValidityChanged"),this._scoutInvalid=s(this,"_scoutInvalid"),this._scoutFieldId=s(this,"_scoutFieldId")}size="medium";variant="default";type="text";inputmode;pattern;value="";name;disabled=!1;placeholder;render(){return a(e,{key:"800efa151d522ef1d7a483128baa6c0958dcd100",class:`${"large"===this.size?"large":""} ${"elevated"===this.variant?"elevated":""}`},a("input",{key:"92756a5cdf529455fffaadcbcdd2bc36a5087c65",ref:t=>this.setInputRef(t),id:this.ariaId,type:this.type,name:this.name,inputMode:this.inputmode,pattern:this.pattern,class:"input",value:this.value,disabled:this.disabled,placeholder:this.placeholder,onInput:()=>this.onInput(),onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()}))}static get watchers(){return{validity:[{runValidation:0}]}}static get style(){return".sc-scout-input-h{display:flex;height:var(--spacing-10);--scout-input-padding:var(--spacing-2);--scout-input-border-radius:var(--spacing-2);--scout-input-type:var(--type-body-base)}.large.sc-scout-input-h{height:var(--spacing-14);--scout-input-padding:var(--spacing-3);--scout-input-border-radius:var(--spacing-3);--scout-input-type:var(--type-body-lg)}.input.sc-scout-input{flex:1;padding:var(--scout-input-padding);font:var(--scout-input-type);border:1px solid var(--color-gray-300);border-radius:var(--scout-input-border-radius);background-color:var(--color-white);color:var(--color-text-base)}.input.sc-scout-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}.elevated.sc-scout-input-h .input.sc-scout-input{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);border-color:transparent}"}},[514,"scout-input",{validity:[1],size:[1],variant:[1],type:[1],inputmode:[1],pattern:[1],value:[1],name:[1],disabled:[4],placeholder:[1],ariaId:[32]},void 0,{validity:[{runValidation:0}]}]),n=u,c=function(){"undefined"!=typeof customElements&&["scout-input"].forEach((t=>{"scout-input"===t&&(customElements.get(r(t))||customElements.define(r(t),u))}))};export{n as ScoutInput,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as i,c as e,h as s,d as o,t as r}from"./p-DLiFilsh.js";import{d as a}from"./p-
|
|
1
|
+
import{p as t,H as i,c as e,h as s,d as o,t as r}from"./p-DLiFilsh.js";import{d as a}from"./p-DYpc8Wxz.js";import{d as c}from"./p-CWxftSWo.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.scoutClick=e(this,"scoutClick")}icon;primary;secondary;type="button";action=null;href;target;rel;name;value;checked;disabled;scoutClick;render(){return s(o,{key:"a91a63b4ed66f3ea5139f83d0024b342cd7095d1",role:"listitem"},s("link"===this.type?"a":"radio"===this.type||"checkbox"===this.type?"label":"button",{key:"9c4e5c7e24c0f152f5e13b77a91c9eff0f73192d",class:"button",..."link"===this.type?{href:this.href,target:this.target,rel:this.rel??("_blank"===this.target?"noopener noreferrer":void 0)}:{},onClick:()=>this.scoutClick.emit()},this.getPrefix(),this.getContent(),this.getSuffix()))}getPrefix(){return this.icon?s("div",{class:"prefix-icon",innerHTML:this.icon}):null}getContent(){return s("div",{class:"content"},this.primary&&s("div",{class:"primary"},this.primary),this.secondary&&s("div",{class:"secondary"},this.secondary))}getSuffix(){return"radio"===this.type?s("scout-radio-button",{name:this.name,value:this.value,checked:this.checked,disabled:this.disabled}):"checkbox"===this.type?s("scout-checkbox",{name:this.name,value:this.value,checked:this.checked,disabled:this.disabled}):"chevron"===this.action?s("div",{class:"suffix-icon"},s("div",{class:"icon",style:{"--icon":"url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hldnJvbi1yaWdodCIKPgogIDxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgogIDxwYXRoIGQ9Ik05IDZsNiA2bC02IDYiIC8+Cjwvc3ZnPg==)"}})):null}static get delegatesFocus(){return!0}static get style(){return":host{display:flex}.button{flex:1;display:flex;align-items:center;text-align:inherit;min-height:var(--spacing-12);color:var(--color-text-base);padding:var(--spacing-4) var(--spacing-4);cursor:pointer;border:1px solid rgba(0, 0, 0, 0.05);background-color:var(--color-white);-webkit-text-decoration:none;text-decoration:none;border-radius:6px}:host(:first-of-type) .button{border-top-left-radius:var(--spacing-4);border-top-right-radius:var(--spacing-4)}:host(:last-of-type) .button{border-bottom-left-radius:var(--spacing-4);border-bottom-right-radius:var(--spacing-4)}@media (hover: hover){.button:hover{background-color:var(--color-background-brand-subtle-hovered);border-color:rgba(0, 0, 0, 0.03)}}.prefix-icon,.suffix-icon{display:flex;align-items:center;height:var(--spacing-6);color:var(--color-neutral-700)}.prefix-icon svg,.suffix-icon svg,.prefix-icon .icon,.suffix-icon .icon{width:var(--spacing-6);height:var(--spacing-6)}.prefix-icon{justify-content:flex-start;width:var(--spacing-10)}.suffix-icon{justify-content:flex-end;width:var(--spacing-8)}.suffix-icon .icon{background-color:currentColor;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.content{flex:1;display:flex;flex-direction:column;justify-content:center}.primary{font:var(--type-body-base)}.secondary{font:var(--type-body-sm);color:var(--color-neutral-700)}"}},[529,"scout-list-view-item",{icon:[1],primary:[1],secondary:[1],type:[1],action:[1],href:[1],target:[1],rel:[1],name:[1],value:[1],checked:[4],disabled:[4]}]),l=n,d=function(){"undefined"!=typeof customElements&&["scout-list-view-item","scout-checkbox","scout-radio-button"].forEach((t=>{switch(t){case"scout-list-view-item":customElements.get(r(t))||customElements.define(r(t),n);break;case"scout-checkbox":customElements.get(r(t))||a();break;case"scout-radio-button":customElements.get(r(t))||c()}}))};export{l as ScoutListViewItem,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as s}from"./p-
|
|
1
|
+
import{S as o,d as s}from"./p-CWxftSWo.js";const t=o,p=s;export{t as ScoutRadioButton,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as s,c as t,h as a,t as i}from"./p-DLiFilsh.js";import{i as c}from"./p-
|
|
1
|
+
import{p as e,M as s,c as t,h as a,t as i}from"./p-DLiFilsh.js";import{i as c}from"./p-7UFtpiQE.js";const o=e(class extends(s(c)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.scoutInputChange=t(this,"scoutInputChange"),this.scoutBlur=t(this,"scoutBlur"),this.scoutValidate=t(this,"scoutValidate"),this._scoutValidityChanged=t(this,"_scoutValidityChanged"),this._scoutInvalid=t(this,"_scoutInvalid"),this._scoutFieldId=t(this,"_scoutFieldId")}value="";disabled=!1;name;render(){return a("div",{key:"e310b4c1428ca0cfd1a8b27972a984fea3cc71a3",class:"select-wrapper"},a("select",{key:"4573604ba50d2d59f73050e0f1964e693854e0bf",ref:e=>this.setInputRef(e),id:this.ariaId,name:this.name,class:"select",disabled:this.disabled,onChange:()=>this.onInput(),onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()},a("slot",{key:"6b94eb31ab85b85af76f5b14418ccac2799904fc"})),a("span",{key:"84d7635264f72630763e4018feeb7f47a2bf927b",class:"select-icon",style:{"--icon-chevron":"url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItY2hldnJvbi1kb3duIgo+CiAgPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgPHBhdGggZD0iTTYgOWw2IDZsNiAtNiIgLz4KPC9zdmc+)"},"aria-hidden":"true"}))}static get watchers(){return{validity:[{runValidation:0}]}}static get style(){return".select-wrapper.sc-scout-select{position:relative;display:inline-flex;width:100%}.select.sc-scout-select{width:100%;height:var(--spacing-10);padding:var(--spacing-2);padding-right:var(--spacing-8);font:var(--type-body-base);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);background-color:var(--color-white);color:var(--color-text-base);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}@media (hover: hover){.select.sc-scout-select:hover:not(:disabled){border-color:var(--color-gray-400)}}.select.sc-scout-select:focus{outline:2px solid var(--color-background-brand-base);outline-offset:1px}.select.sc-scout-select:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}.select-icon.sc-scout-select{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);width:var(--spacing-5);height:var(--spacing-5);background-color:var(--color-text-base);-webkit-mask-image:var(--icon-chevron);mask-image:var(--icon-chevron);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.select.sc-scout-select:disabled+.select-icon.sc-scout-select{background-color:var(--color-gray-500)}"}},[774,"scout-select",{validity:[1],value:[1],disabled:[4],name:[1],ariaId:[32]},void 0,{validity:[{runValidation:0}]}]),r=o,n=function(){"undefined"!=typeof customElements&&["scout-select"].forEach((e=>{"scout-select"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{r as ScoutSelect,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,M as a,c as t,h as r,t as i}from"./p-DLiFilsh.js";import{i as o}from"./p-
|
|
1
|
+
import{p as e,M as a,c as t,h as r,t as i}from"./p-DLiFilsh.js";import{i as o}from"./p-7UFtpiQE.js";const s=e(class extends(a(o)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.scoutInputChange=t(this,"scoutInputChange"),this.scoutBlur=t(this,"scoutBlur"),this.scoutValidate=t(this,"scoutValidate"),this._scoutValidityChanged=t(this,"_scoutValidityChanged"),this._scoutInvalid=t(this,"_scoutInvalid"),this._scoutFieldId=t(this,"_scoutFieldId"),this.scoutChecked=t(this,"scoutChecked")}toggled=!1;disabled=!1;ariaLabelledby;label;scoutChecked;onChange(e){const a=e.target;this.scoutChecked.emit({checked:a.checked,element:a})}render(){return r(this.label?.length?"label":"div",{key:"6d15a65d5338857bcecb4f5e80dce58d37c03153"},this.label,r("span",{key:"b398f86314685fe31394fe35eef10a515f5d9936",class:"inlineDivider"}),r("input",{key:"555d43eb9526f3831a127b316fa4142140056fb6",ref:e=>this.setInputRef(e),id:this.ariaId,type:"checkbox",class:"switch","aria-labelledby":this.ariaLabelledby,"aria-disabled":this.disabled,disabled:this.disabled,checked:this.toggled,onChange:e=>{this.onInput(),this.onChange(e)},onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()}))}static get delegatesFocus(){return!0}static get watchers(){return{validity:[{runValidation:0}]}}static get style(){return'.switch{width:var(--spacing-10);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--spacing-8);background-color:var(--color-text-brand-inverse);border:2px solid var(--color-gray-300);position:relative;display:flex;align-content:center;justify-content:center;transition-property:border-color;transition-duration:0.3s;transition-timing-function:ease-in-out;cursor:pointer;--switch-ball-padding:calc(var(--spacing-1) / 4);--switch-ball-size:calc(var(--spacing-5) - var(--switch-ball-padding) * 2)}@media (hover: hover){.switch:hover{transition-property:none;border-color:var(--color-gray-400);background-color:var(--color-background-brand-subtle-hovered)}}.switch:active{background-color:var(--color-background-brand-subtle-pressed)}.switch:checked{border-color:var(--color-background-brand-base)}@media (hover: hover){.switch:hover::before{background-color:var(--color-gray-400)}}.switch::before{content:"";background-color:var(--color-gray-300);width:var(--switch-ball-size);height:var(--switch-ball-size);border-radius:50%;position:absolute;top:var(--switch-ball-padding);left:var(--switch-ball-padding);transition-duration:0.3s;transition-property:left, right}.switch:checked::before{content:"";background-color:var(--color-background-brand-base);left:calc(100% - (var(--switch-ball-size) + var(--switch-ball-padding)));left:calc(100% - calc(var(--switch-ball-size) + var(--switch-ball-padding)))}.switch:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}.switch:disabled::before{background-color:var(--color-gray-300)}label{display:flex;flex-direction:row-reverse;align-items:center;font:var(--type-label-base);color:var(--color-text-base)}.inlineDivider{width:var(--spacing-2)}'}},[529,"scout-switch",{validity:[1],toggled:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],ariaId:[32]},void 0,{validity:[{runValidation:0}]}]),c=s,l=function(){"undefined"!=typeof customElements&&["scout-switch"].forEach((e=>{"scout-switch"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{c as ScoutSwitch,l as defineCustomElement}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scouterna/ui-webc",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Scouterna Design System Web Components",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"iconoir": "^7.11.0",
|
|
49
49
|
"dom-focus-lock": "^1.1.0",
|
|
50
50
|
"@tabler/icons": "^3.36.1",
|
|
51
|
-
"@scouterna/design-tokens": "^0.0.
|
|
51
|
+
"@scouterna/design-tokens": "^0.0.6"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@stencil-community/postcss": "^2.2.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t=t=>class extends t{constructor(){super()}validity;scoutInputChange;scoutBlur;scoutValidate;_scoutValidityChanged;_scoutInvalid;_scoutFieldId;ariaId;inputElement;componentWillLoad(){this.ariaId=`_${Math.random().toString(36).substring(2,9)}`,this._scoutFieldId.emit(this.ariaId)}componentDidLoad(){this.emitValidityEvent()}onInput(){this.emitValidityEvent(),this.scoutInputChange.emit({value:this.inputElement.value,element:this.inputElement})}onBlur(){this.scoutBlur.emit()}onInvalid(){this._scoutInvalid.emit()}emitValidityEvent(){this.scoutValidate.emit({value:this.inputElement.value,element:this.inputElement})}runValidation(){this.inputElement.setCustomValidity(this.validity??""),this._scoutValidityChanged.emit({element:this.inputElement})}setInputRef(t){this.inputElement=t}};export{t as i}
|