@warp-ds/elements 2.10.0-next.12 → 2.10.0-next.13
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/packages/affix/affix.js +8 -8
- package/dist/packages/affix/affix.js.map +3 -3
- package/dist/packages/alert/alert.js +7 -7
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/attention/attention.js +42 -21
- package/dist/packages/attention/attention.js.map +3 -3
- package/dist/packages/badge/badge.js +6 -6
- package/dist/packages/badge/badge.js.map +3 -3
- package/dist/packages/box/box.js +6 -6
- package/dist/packages/box/box.js.map +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.js +7 -7
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
- package/dist/packages/button/button.js +37 -16
- package/dist/packages/button/button.js.map +3 -3
- package/dist/packages/button/styles.js +18 -2
- package/dist/packages/card/card.js +8 -8
- package/dist/packages/card/card.js.map +3 -3
- package/dist/packages/checkbox/checkbox.js +9 -9
- package/dist/packages/checkbox/checkbox.js.map +3 -3
- package/dist/packages/combobox/combobox.js +9 -9
- package/dist/packages/combobox/combobox.js.map +3 -3
- package/dist/packages/datepicker/datepicker.js +22 -22
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/expandable/expandable.js +14 -14
- package/dist/packages/expandable/expandable.js.map +3 -3
- package/dist/packages/link/link.js +40 -19
- package/dist/packages/link/link.js.map +3 -3
- package/dist/packages/link/styles.js +5 -0
- package/dist/packages/modal/modal.js +7 -7
- package/dist/packages/modal/modal.js.map +3 -3
- package/dist/packages/modal-footer/modal-footer.js +7 -7
- package/dist/packages/modal-footer/modal-footer.js.map +3 -3
- package/dist/packages/modal-header/modal-header.js +10 -10
- package/dist/packages/modal-header/modal-header.js.map +3 -3
- package/dist/packages/pagination/pagination.js +8 -8
- package/dist/packages/pagination/pagination.js.map +3 -3
- package/dist/packages/pill/pill.js +9 -9
- package/dist/packages/pill/pill.js.map +3 -3
- package/dist/packages/radio/radio.js +8 -8
- package/dist/packages/radio/radio.js.map +3 -3
- package/dist/packages/radio-group/radio-group.js +11 -11
- package/dist/packages/radio-group/radio-group.js.map +3 -3
- package/dist/packages/select/select.js +13 -13
- package/dist/packages/select/select.js.map +3 -3
- package/dist/packages/slider/slider.js +13 -13
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/slider/styles.js +2 -2
- package/dist/packages/slider-thumb/slider-thumb.js +11 -11
- package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
- package/dist/packages/step/step.js +10 -10
- package/dist/packages/step/step.js.map +3 -3
- package/dist/packages/step-indicator/step-indicator.js +6 -6
- package/dist/packages/step-indicator/step-indicator.js.map +3 -3
- package/dist/packages/styles.js +4 -2
- package/dist/packages/switch/switch.js +6 -6
- package/dist/packages/switch/switch.js.map +3 -3
- package/dist/packages/tab/tab.js +7 -7
- package/dist/packages/tab/tab.js.map +3 -3
- package/dist/packages/tab-panel/tab-panel.js +5 -5
- package/dist/packages/tab-panel/tab-panel.js.map +3 -3
- package/dist/packages/tabs/tabs.js +6 -6
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/textarea/textarea.js +10 -10
- package/dist/packages/textarea/textarea.js.map +3 -3
- package/dist/packages/textfield/textfield.js +10 -10
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/toast/styles.js +2 -2
- package/dist/packages/toast/toast.js +12 -12
- package/dist/packages/toast/toast.js.map +3 -3
- package/dist/packages/toast-container/toast-container.js +8 -8
- package/dist/packages/toast-container/toast-container.js.map +3 -3
- package/dist/web-types.json +1 -1
- package/eik/index.js +16 -2455
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Q=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var W=a=>{throw TypeError(a)};var m=(a,r,e,o)=>{for(var i=o>1?void 0:o?ee(r,e):r,h=a.length-1,b;h>=0;h--)(b=a[h])&&(i=(o?b(r,e,i):b(i))||i);return o&&i&&Q(r,e,i),i};var D=(a,r,e)=>r.has(a)||W("Cannot "+e);var V=(a,r,e)=>(D(a,r,"read from private field"),e?e.call(a):r.get(a)),j=(a,r,e)=>r.has(a)?W("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.set(a,e),x=(a,r,e,o)=>(D(a,r,"write to private field"),o?o.call(a,e):r.set(a,e),e);var n=function(a,r,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?a!==r||!o:!r.has(a))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(a):o?o.value:r.get(a)},d=function(a,r,e,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?a!==r||!i:!r.has(a))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(a,e):i?i.value=e:r.set(a,e),e};function N(a){var r,e,o,i,h,b,w,f,v,R,G,X,A,M,Y,k,Z,L,O;class J extends a{constructor(...t){var s,l,c;super(...t),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),o.set(this,!1),i.set(this,!1),h.set(this,void 0),b.set(this,void 0),w.set(this,!0),v.set(this,""),R.set(this,()=>{d(this,i,!0,"f"),d(this,e,!0,"f"),n(this,r,"m",k).call(this)}),G.set(this,()=>{d(this,e,!1,"f"),n(this,r,"m",Z).call(this,this.shouldFormValueUpdate()?n(this,v,"f"):""),!this.validity.valid&&n(this,i,"f")&&d(this,o,!0,"f");let g=n(this,r,"m",k).call(this);this.validationMessageCallback&&this.validationMessageCallback(g?this.internals.validationMessage:"")}),X.set(this,()=>{var g;n(this,w,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),d(this,w,!1,"f")),d(this,i,!0,"f"),d(this,o,!0,"f"),n(this,r,"m",k).call(this),(g=this===null||this===void 0?void 0:this.validationMessageCallback)===null||g===void 0||g.call(this,this.showError?this.internals.validationMessage:"")}),A.set(this,void 0),M.set(this,!1),Y.set(this,Promise.resolve()),(s=this.addEventListener)===null||s===void 0||s.call(this,"focus",n(this,R,"f")),(l=this.addEventListener)===null||l===void 0||l.call(this,"blur",n(this,G,"f")),(c=this.addEventListener)===null||c===void 0||c.call(this,"invalid",n(this,X,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let t=this.validators.map(c=>c.attribute).flat(),s=super.observedAttributes||[];return[...new Set([...s,...t])]}static getValidator(t){return this.validators.find(s=>s.attribute===t)||null}static getValidators(t){return this.validators.filter(s=>{var l;if(s.attribute===t||!((l=s.attribute)===null||l===void 0)&&l.includes(t))return!0})}get form(){return this.internals.form}get showError(){return n(this,r,"m",k).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(t,s,l){var c;(c=super.attributeChangedCallback)===null||c===void 0||c.call(this,t,s,l);let S=this.constructor.getValidators(t);S?.length&&this.validationTarget&&this.setValue(n(this,v,"f"))}setValue(t){var s;d(this,o,!1,"f"),(s=this.validationMessageCallback)===null||s===void 0||s.call(this,""),d(this,v,t,"f");let c=this.shouldFormValueUpdate()?t:null;this.internals.setFormValue(c),n(this,r,"m",Z).call(this,c),this.valueChangedCallback&&this.valueChangedCallback(c),n(this,r,"m",k).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(t=>t(n(this,Y,"f")))}formResetCallback(){var t,s;d(this,i,!1,"f"),d(this,o,!1,"f"),n(this,r,"m",k).call(this),(t=this.resetFormControl)===null||t===void 0||t.call(this),(s=this.validationMessageCallback)===null||s===void 0||s.call(this,n(this,r,"m",k).call(this)?this.validationMessage:"")}}return e=new WeakMap,o=new WeakMap,i=new WeakMap,h=new WeakMap,b=new WeakMap,w=new WeakMap,v=new WeakMap,R=new WeakMap,G=new WeakMap,X=new WeakMap,A=new WeakMap,M=new WeakMap,Y=new WeakMap,r=new WeakSet,f=function(){let t=this.getRootNode(),s=`${this.localName}[name="${this.getAttribute("name")}"]`;return t.querySelectorAll(s)},k=function(){if(this.hasAttribute("disabled"))return!1;let t=n(this,o,"f")||n(this,i,"f")&&!this.validity.valid&&!n(this,e,"f");return t&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),t},Z=function(t){let s=this.constructor,l={},c=s.validators,g=[],S=c.some(u=>u.isValid instanceof Promise);n(this,M,"f")||(d(this,Y,new Promise(u=>{d(this,A,u,"f")}),"f"),d(this,M,!0,"f")),n(this,h,"f")&&(n(this,h,"f").abort(),d(this,b,n(this,h,"f"),"f"));let T=new AbortController;d(this,h,T,"f");let I,U=!1;c.length&&(c.forEach(u=>{let P=u.key||"customError",C=u.isValid(this,t,T.signal);C instanceof Promise?(g.push(C),C.then(q=>{q!=null&&(l[P]=!q,I=n(this,r,"m",O).call(this,u,t),n(this,r,"m",L).call(this,l,I))})):(l[P]=!C,this.validity[P]!==!C&&(U=!0),!C&&!I&&(I=n(this,r,"m",O).call(this,u,t)))}),Promise.allSettled(g).then(()=>{var u;T?.signal.aborted||(d(this,M,!1,"f"),(u=n(this,A,"f"))===null||u===void 0||u.call(this))}),(U||!S)&&n(this,r,"m",L).call(this,l,I))},L=function(t,s){if(this.validationTarget)this.internals.setValidity(t,s,this.validationTarget),d(this,w,!1,"f");else{if(this.internals.setValidity(t,s),this.internals.validity.valid)return;d(this,w,!0,"f")}},O=function(t,s){if(this.validityCallback){let l=this.validityCallback(t.key||"customError");if(l)return l}return t.message instanceof Function?t.message(this,s):t.message},J}import{html as ie,LitElement as K}from"lit";import{property as y}from"lit/decorators.js";import{css as re}from"lit";import{unsafeCSS as oe}from"lit";var B=re`
|
|
2
2
|
*,
|
|
3
3
|
:before,
|
|
4
4
|
:after {
|
|
@@ -271,7 +271,7 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
271
271
|
svg {
|
|
272
272
|
pointer-events: none;
|
|
273
273
|
}
|
|
274
|
-
`,
|
|
274
|
+
`,be=oe(`*, :before, :after {
|
|
275
275
|
--w-rotate: 0;
|
|
276
276
|
--w-rotate-x: 0;
|
|
277
277
|
--w-rotate-y: 0;
|
|
@@ -2136,8 +2136,8 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
2136
2136
|
overflow-wrap: break-word
|
|
2137
2137
|
}
|
|
2138
2138
|
|
|
2139
|
-
.before\\:content-\\[\\"
|
|
2140
|
-
content: "
|
|
2139
|
+
.before\\:content-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
|
|
2140
|
+
content: "\xE2\u20AC\u201C"
|
|
2141
2141
|
}
|
|
2142
2142
|
|
|
2143
2143
|
.before\\:content-\\[\\"\\"\\]:before {
|
|
@@ -2437,7 +2437,7 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
2437
2437
|
display: none
|
|
2438
2438
|
}
|
|
2439
2439
|
}
|
|
2440
|
-
|
|
2440
|
+
`);import{css as te}from"lit";var $=te`
|
|
2441
2441
|
:host {
|
|
2442
2442
|
box-sizing: border-box !important;
|
|
2443
2443
|
}
|
|
@@ -2447,7 +2447,7 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
2447
2447
|
:host *::after {
|
|
2448
2448
|
box-sizing: inherit !important;
|
|
2449
2449
|
}
|
|
2450
|
-
`;import{css as
|
|
2450
|
+
`;import{css as ae}from"lit";var H=ae`
|
|
2451
2451
|
:host {
|
|
2452
2452
|
display: inline-flex;
|
|
2453
2453
|
align-items: center;
|
|
@@ -2607,10 +2607,10 @@ var ee=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var W=a=>{th
|
|
|
2607
2607
|
border-color: var(--_border-color-disabled);
|
|
2608
2608
|
}
|
|
2609
2609
|
}
|
|
2610
|
-
`;var F,z,_,p=class extends N(
|
|
2610
|
+
`;var F,z,_,p=class extends N(K){constructor(){super();this.value=null;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;j(this,F,!1);j(this,z,!1);j(this,_,!1);this.handleClick=()=>{this.isInGroup()||this.disabled||(x(this,_,!0),!this.checked&&(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))};this.handleInvalid=()=>{x(this,_,!0),this.updateValidity()};this.handleKeyDown=e=>{if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){let o=this.getStandaloneNamedRadios().filter(v=>!v.disabled);if(o.length<=1)return;e.preventDefault();let i=o.find(v=>v.checked)??o.find(v=>v===this)??o[0],h=e.key==="ArrowUp"||e.key==="ArrowLeft"?-1:1,w=(o.indexOf(i)+h+o.length)%o.length,f=o[w];x(f,_,!0),f.checked||(f.checked=!0,f.updateComplete.then(()=>{f.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),f.focus();return}if(!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.preventDefault(),this.click()}}};this.addEventListener("click",this.handleClick),this.addEventListener("invalid",this.handleInvalid),this.addEventListener("keydown",this.handleKeyDown)}get tabIndex(){return this._internalTabIndex}set tabIndex(e){this._groupTabIndex=e}connectedCallback(){super.connectedCallback(),this.value=this.getAttribute("value")??"on",x(this,F,this.hasAttribute("checked")),this.checked=V(this,F),this.internals.role="radio",this.syncAriaDisabled(),this.syncFormValue(),this.updateValidity()}syncAriaDisabled(){this.internals.ariaDisabled=this.disabled?"true":"false"}syncAriaChecked(){this.internals.ariaChecked=this.checked?"true":"false"}willUpdate(e){this.shouldSyncFormState(e)&&(this.syncFormValue(),this.updateValidity())}updated(e){super.updated(e),e.has("checked")&&(this.syncAriaChecked(),this.checked&&!this.isInGroup()&&(this.uncheckOtherRadios(),this.syncStandaloneTabOrder())),e.has("disabled")&&(this.syncAriaDisabled(),this.isInGroup()||this.syncStandaloneTabOrder()),e.has("invalid")&&(this.internals.ariaInvalid=this.invalid?"true":null),e.has("name")&&this.checked&&!this.isInGroup()&&this.uncheckOtherRadios()}resetFormControl(){this.checked=V(this,F),this.syncFormValue(),this.updateValidity()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return x(this,_,!0),this.updateValidity(),this.internals.checkValidity()}isInGroup(){return!!this.closest("w-radio-group")}getRadioScope(){return this.internals.form??this.closest("form")??document}getStandaloneNamedRadios(){if(!this.name)return[this];let e=this.getRadioScope();return Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).filter(o=>!o.closest("w-radio-group"))}syncStandaloneTabOrder(){let e=this.getStandaloneNamedRadios(),o=e.filter(b=>!b.disabled),h=o.find(b=>b.checked)??o[0]??null;e.forEach(b=>{b._standaloneTabIndex=b===h?0:-1})}get _internalTabIndex(){return this.disabled?-1:this._groupTabIndex!==void 0?this._groupTabIndex:this._standaloneTabIndex!==void 0?this._standaloneTabIndex:0}firstUpdated(){this.isInGroup()||this.syncStandaloneTabOrder()}uncheckOtherRadios(){if(!this.name)return;let e=this.getRadioScope();Array.from(e.querySelectorAll(`w-radio[name="${this.name}"]`)).forEach(i=>{i!==this&&(i.closest("w-radio-group")||i.checked&&(i.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup()){this.internals.setValidity({});return}let e=this.required&&!this.checked,o=this.invalid&&!V(this,z);if(e){x(this,z,!0),this.invalid=V(this,_),this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");return}if(V(this,z)&&(this.invalid=!1,x(this,z,!1)),o){this.internals.setValidity({customError:!0},this.internals.validationMessage||" ");return}this.internals.setValidity({})}syncFormValue(){if(this.disabled){this.setValue(null);return}this.setValue(this.checked?this.value:null)}shouldSyncFormState(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){return ie`
|
|
2611
2611
|
<div class="wrapper" tabindex="${this._internalTabIndex}">
|
|
2612
2612
|
<div part="control" class="control"></div>
|
|
2613
2613
|
<slot part="label" class="label"></slot>
|
|
2614
2614
|
</div>
|
|
2615
|
-
`}};F=new WeakMap,z=new WeakMap,_=new WeakMap,p.styles=[H
|
|
2615
|
+
`}};F=new WeakMap,z=new WeakMap,_=new WeakMap,p.styles=[$,B,H],p.shadowRootOptions={...K.shadowRootOptions,delegatesFocus:!0},m([y({reflect:!0})],p.prototype,"name",2),m([y({reflect:!0})],p.prototype,"value",2),m([y({type:Boolean,reflect:!0})],p.prototype,"checked",2),m([y({type:Boolean,reflect:!0})],p.prototype,"disabled",2),m([y({type:Boolean,reflect:!0})],p.prototype,"required",2),m([y({type:Boolean,reflect:!0})],p.prototype,"invalid",2),m([y({attribute:!1})],p.prototype,"_groupTabIndex",2),m([y({attribute:!1})],p.prototype,"_standaloneTabIndex",2);var _e=p;customElements.get("w-radio")||customElements.define("w-radio",p);export{_e as WRadio,p as WarpRadio};
|
|
2616
2616
|
//# sourceMappingURL=radio.js.map
|