@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 Re=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var de=a=>{throw TypeError(a)};var g=(a,t,e,r)=>{for(var o=r>1?void 0:r?Le(t,e):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(o=(r?s(t,e,o):s(o))||o);return r&&o&&Re(t,e,o),o};var ce=(a,t,e)=>t.has(a)||de("Cannot "+e);var O=(a,t,e)=>(ce(a,t,"read from private field"),e?e.call(a):t.get(a)),U=(a,t,e)=>t.has(a)?de("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(a):t.set(a,e),T=(a,t,e,r)=>(ce(a,t,"write to private field"),r?r.call(a,e):t.set(a,e),e);var S=a=>typeof a=="string",Ne=a=>typeof a=="function",he=new Map,be="en";function ae(a){return[...Array.isArray(a)?a:[a],be]}function ie(a,t,e){let r=ae(a);e||(e="default");let o;if(typeof e=="string")switch(o={day:"numeric",month:"short",year:"numeric"},e){case"full":o.weekday="long";case"long":o.month="long";break;case"short":o.month="numeric";break}else o=e;return W(()=>X("date",r,e),()=>new Intl.DateTimeFormat(r,o)).format(S(t)?new Date(t):t)}function De(a,t,e){let r;if(e||(e="default"),typeof e=="string")switch(r={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":r.timeZoneName="short";break;case"short":delete r.second}else r=e;return ie(a,t,r)}function re(a,t,e){let r=ae(a);return W(()=>X("number",r,e),()=>new Intl.NumberFormat(r,e)).format(t)}function ue(a,t,e,{offset:r=0,...o}){let i=ae(a),s=t?W(()=>X("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):W(()=>X("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return o[e]??o[s.select(e-r)]??o.other}function W(a,t){let e=a(),r=he.get(e);return r||(r=t(),he.set(e,r)),r}function X(a,t,e){let r=t.join("-");return`${a}-${r}-${JSON.stringify(e)}`}var pe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ge=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,e,r)=>{if(e){let o=parseInt(e,16);return String.fromCharCode(o)}else{let o=parseInt(r,16);return String.fromCharCode(o)}}),ve="%__lingui_octothorpe__%",Oe=(a,t,e={})=>{let r=t||a,o=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let l=Object.keys(e).length?o("number"):void 0,u=re(r,s,l);return n.replace(new RegExp(ve,"g"),u)};return{plural:(s,n)=>{let{offset:l=0}=n,u=ue(r,!1,s,n);return i(s-l,u)},selectordinal:(s,n)=>{let{offset:l=0}=n,u=ue(r,!0,s,n);return i(s-l,u)},select:qe,number:(s,n)=>re(r,s,o(n)||{style:n}),date:(s,n)=>ie(r,s,o(n)||n),time:(s,n)=>De(r,s,o(n)||n)}},qe=(a,t)=>t[a]??t.other;function Pe(a,t,e){return(r={},o)=>{let i=Oe(t,e,o),s=(l,u=!1)=>Array.isArray(l)?l.reduce((y,C)=>{if(C==="#"&&u)return y+ve;if(S(C))return y+C;let[V,m,E]=C,M={};m==="plural"||m==="selectordinal"||m==="select"?Object.entries(E).forEach(([A,P])=>{M[A]=s(P,m==="plural"||m==="selectordinal")}):M=E;let w;if(m){let A=i[m];w=A(r[V],M)}else w=r[V];return w==null?y:y+w},""):l,n=s(a);return S(n)&&pe.test(n)?ge(n):S(n)?n:n?String(n):""}}var je=Object.defineProperty,He=(a,t,e)=>t in a?je(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,$e=(a,t,e)=>(He(a,typeof t!="symbol"?t+"":t,e),e),te=class{constructor(){$e(this,"_events",{})}on(t,e){var r;return(r=this._events)[t]??(r[t]=[]),this._events[t].push(e),()=>this.removeListener(t,e)}removeListener(t,e){let r=this._getListeners(t);if(!r)return;let o=r.indexOf(e);~o&&r.splice(o,1)}emit(t,...e){let r=this._getListeners(t);r&&r.map(o=>o.apply(this,e))}_getListeners(t){let e=this._events[t];return Array.isArray(e)?e:!1}},Ye=Object.defineProperty,Ue=(a,t,e)=>t in a?Ye(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,R=(a,t,e)=>(Ue(a,typeof t!="symbol"?t+"":t,e),e),oe=class extends te{constructor(t){super(),R(this,"_locale",""),R(this,"_locales"),R(this,"_localeData",{}),R(this,"_messages",{}),R(this,"_missing"),R(this,"_messageCompiler"),R(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate(t.locale??be,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(t,e){let r=this._localeData[t];r?Object.assign(r,e):this._localeData[t]=e}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,e){typeof t=="string"?this._loadLocaleData(t,e):Object.keys(t).forEach(r=>this._loadLocaleData(r,t[r])),this.emit("change")}_load(t,e){let r=this._messages[t];r?Object.assign(r,e):this._messages[t]=e}load(t,e){typeof t=="string"&&typeof e=="object"?this._load(t,e):Object.entries(t).forEach(([r,o])=>this._load(r,o)),this.emit("change")}loadAndActivate({locale:t,locales:e,messages:r}){this._locale=t,this._locales=e||void 0,this._messages[this._locale]=r,this.emit("change")}activate(t,e){this._locale=t,this._locales=e,this.emit("change")}_(t,e,r){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let o=r?.message;t||(t=""),S(t)||(e=t.values||e,o=t.message,t=t.id);let i=this.messages[t],s=i===void 0,n=this._missing;if(n&&s)return Ne(n)?n(this._locale,t):n;s&&this.emit("missing",{id:t,locale:this._locale});let l=i||o||t;return S(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
3
|
> ${l}
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
6
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
7
7
|
|
|
8
8
|
Please compile your catalog first.
|
|
9
|
-
`)),
|
|
9
|
+
`)),S(l)&&pe.test(l)?ge(l):S(l)?l:Pe(l,this._locale,this._locales)(e,r?.formats)}date(t,e){return ie(this._locales||this._locale,t,e)}number(t,e){return re(this._locales||this._locale,t,e)}};function We(a={}){return new oe(a)}var x=We();var h=function(a,t,e,r){if(e==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?a!==t||!r:!t.has(a))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?r:e==="a"?r.call(a):r?r.value:t.get(a)},p=function(a,t,e,r,o){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?a!==t||!o:!t.has(a))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?o.call(a,e):o?o.value=e:t.set(a,e),e};function B(a){var t,e,r,o,i,s,n,l,u,y,C,V,m,E,M,w,A,P,J;class Ae extends a{constructor(...d){var c,b,v;super(...d),t.add(this),this.internals=this.attachInternals(),e.set(this,!1),r.set(this,!1),o.set(this,!1),i.set(this,void 0),s.set(this,void 0),n.set(this,!0),u.set(this,""),y.set(this,()=>{p(this,o,!0,"f"),p(this,e,!0,"f"),h(this,t,"m",w).call(this)}),C.set(this,()=>{p(this,e,!1,"f"),h(this,t,"m",A).call(this,this.shouldFormValueUpdate()?h(this,u,"f"):""),!this.validity.valid&&h(this,o,"f")&&p(this,r,!0,"f");let z=h(this,t,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),V.set(this,()=>{var z;h(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),p(this,n,!1,"f")),p(this,o,!0,"f"),p(this,r,!0,"f"),h(this,t,"m",w).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),m.set(this,void 0),E.set(this,!1),M.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,y,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",h(this,C,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"invalid",h(this,V,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let d=this.validators.map(v=>v.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...d])]}static getValidator(d){return this.validators.find(c=>c.attribute===d)||null}static getValidators(d){return this.validators.filter(c=>{var b;if(c.attribute===d||!((b=c.attribute)===null||b===void 0)&&b.includes(d))return!0})}get form(){return this.internals.form}get showError(){return h(this,t,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(d,c,b){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,d,c,b);let H=this.constructor.getValidators(d);H?.length&&this.validationTarget&&this.setValue(h(this,u,"f"))}setValue(d){var c;p(this,r,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),p(this,u,d,"f");let v=this.shouldFormValueUpdate()?d:null;this.internals.setFormValue(v),h(this,t,"m",A).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),h(this,t,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(d=>d(h(this,M,"f")))}formResetCallback(){var d,c;p(this,o,!1,"f"),p(this,r,!1,"f"),h(this,t,"m",w).call(this),(d=this.resetFormControl)===null||d===void 0||d.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,t,"m",w).call(this)?this.validationMessage:"")}}return e=new WeakMap,r=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap,n=new WeakMap,u=new WeakMap,y=new WeakMap,C=new WeakMap,V=new WeakMap,m=new WeakMap,E=new WeakMap,M=new WeakMap,t=new WeakSet,l=function(){let d=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return d.querySelectorAll(c)},w=function(){if(this.hasAttribute("disabled"))return!1;let d=h(this,r,"f")||h(this,o,"f")&&!this.validity.valid&&!h(this,e,"f");return d&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),d},A=function(d){let c=this.constructor,b={},v=c.validators,z=[],H=v.some(_=>_.isValid instanceof Promise);h(this,E,"f")||(p(this,M,new Promise(_=>{p(this,m,_,"f")}),"f"),p(this,E,!0,"f")),h(this,i,"f")&&(h(this,i,"f").abort(),p(this,s,h(this,i,"f"),"f"));let $=new AbortController;p(this,i,$,"f");let Y,le=!1;v.length&&(v.forEach(_=>{let Q=_.key||"customError",D=_.isValid(this,d,$.signal);D instanceof Promise?(z.push(D),D.then(ee=>{ee!=null&&(b[Q]=!ee,Y=h(this,t,"m",J).call(this,_,d),h(this,t,"m",P).call(this,b,Y))})):(b[Q]=!D,this.validity[Q]!==!D&&(le=!0),!D&&!Y&&(Y=h(this,t,"m",J).call(this,_,d)))}),Promise.allSettled(z).then(()=>{var _;$?.signal.aborted||(p(this,E,!1,"f"),(_=h(this,m,"f"))===null||_===void 0||_.call(this))}),(le||!H)&&h(this,t,"m",P).call(this,b,Y))},P=function(d,c){if(this.validationTarget)this.internals.setValidity(d,c,this.validationTarget),p(this,n,!1,"f");else{if(this.internals.setValidity(d,c),this.internals.validity.valid)return;p(this,n,!0,"f")}},J=function(d,c){if(this.validityCallback){let b=this.validityCallback(d.key||"customError");if(b)return b}return d.message instanceof Function?d.message(this,c):d.message},Ae}import{html as K,LitElement as Fe}from"lit";import{property as N,state as ar}from"lit/decorators.js";import{ifDefined as ne}from"lit/directives/if-defined.js";import{html as Ke,LitElement as we}from"lit";import{property as I}from"lit/decorators.js";import{css as Xe}from"lit";import{unsafeCSS as Be}from"lit";var me=Xe`
|
|
10
10
|
*,
|
|
11
11
|
:before,
|
|
12
12
|
:after {
|
|
@@ -279,7 +279,7 @@ Please compile your catalog first.
|
|
|
279
279
|
svg {
|
|
280
280
|
pointer-events: none;
|
|
281
281
|
}
|
|
282
|
-
`,
|
|
282
|
+
`,ur=Be(`*, :before, :after {
|
|
283
283
|
--w-rotate: 0;
|
|
284
284
|
--w-rotate-x: 0;
|
|
285
285
|
--w-rotate-y: 0;
|
|
@@ -2144,8 +2144,8 @@ Please compile your catalog first.
|
|
|
2144
2144
|
overflow-wrap: break-word
|
|
2145
2145
|
}
|
|
2146
2146
|
|
|
2147
|
-
.before\\:content-\\[\\"
|
|
2148
|
-
content: "
|
|
2147
|
+
.before\\:content-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
|
|
2148
|
+
content: "\xE2\u20AC\u201C"
|
|
2149
2149
|
}
|
|
2150
2150
|
|
|
2151
2151
|
.before\\:content-\\[\\"\\"\\]:before {
|
|
@@ -2445,7 +2445,7 @@ Please compile your catalog first.
|
|
|
2445
2445
|
display: none
|
|
2446
2446
|
}
|
|
2447
2447
|
}
|
|
2448
|
-
|
|
2448
|
+
`);import{css as Ze}from"lit";var Z=Ze`
|
|
2449
2449
|
:host {
|
|
2450
2450
|
box-sizing: border-box !important;
|
|
2451
2451
|
}
|
|
@@ -2455,7 +2455,7 @@ Please compile your catalog first.
|
|
|
2455
2455
|
:host *::after {
|
|
2456
2456
|
box-sizing: inherit !important;
|
|
2457
2457
|
}
|
|
2458
|
-
`;import{css as
|
|
2458
|
+
`;import{css as Ge}from"lit";var fe=Ge`
|
|
2459
2459
|
:host {
|
|
2460
2460
|
display: inline-flex;
|
|
2461
2461
|
align-items: center;
|
|
@@ -2615,12 +2615,12 @@ Please compile your catalog first.
|
|
|
2615
2615
|
border-color: var(--_border-color-disabled);
|
|
2616
2616
|
}
|
|
2617
2617
|
}
|
|
2618
|
-
`;var q,L,F,k=class extends B(
|
|
2618
|
+
`;var q,L,F,k=class extends B(we){constructor(){super();this.value=null;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;U(this,q,!1);U(this,L,!1);U(this,F,!1);this.handleClick=()=>{this.isInGroup()||this.disabled||(T(this,F,!0),!this.checked&&(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))};this.handleInvalid=()=>{T(this,F,!0),this.updateValidity()};this.handleKeyDown=e=>{if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){let r=this.getStandaloneNamedRadios().filter(u=>!u.disabled);if(r.length<=1)return;e.preventDefault();let o=r.find(u=>u.checked)??r.find(u=>u===this)??r[0],i=e.key==="ArrowUp"||e.key==="ArrowLeft"?-1:1,n=(r.indexOf(o)+i+r.length)%r.length,l=r[n];T(l,F,!0),l.checked||(l.checked=!0,l.updateComplete.then(()=>{l.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),l.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",T(this,q,this.hasAttribute("checked")),this.checked=O(this,q),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=O(this,q),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 T(this,F,!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(r=>!r.closest("w-radio-group"))}syncStandaloneTabOrder(){let e=this.getStandaloneNamedRadios(),r=e.filter(s=>!s.disabled),i=r.find(s=>s.checked)??r[0]??null;e.forEach(s=>{s._standaloneTabIndex=s===i?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(o=>{o!==this&&(o.closest("w-radio-group")||o.checked&&(o.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup()){this.internals.setValidity({});return}let e=this.required&&!this.checked,r=this.invalid&&!O(this,L);if(e){T(this,L,!0),this.invalid=O(this,F),this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");return}if(O(this,L)&&(this.invalid=!1,T(this,L,!1)),r){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 Ke`
|
|
2619
2619
|
<div class="wrapper" tabindex="${this._internalTabIndex}">
|
|
2620
2620
|
<div part="control" class="control"></div>
|
|
2621
2621
|
<slot part="label" class="label"></slot>
|
|
2622
2622
|
</div>
|
|
2623
|
-
`}};q=new WeakMap,L=new WeakMap,F=new WeakMap,k.styles=[Z,fe
|
|
2623
|
+
`}};q=new WeakMap,L=new WeakMap,F=new WeakMap,k.styles=[Z,me,fe],k.shadowRootOptions={...we.shadowRootOptions,delegatesFocus:!0},g([I({reflect:!0})],k.prototype,"name",2),g([I({reflect:!0})],k.prototype,"value",2),g([I({type:Boolean,reflect:!0})],k.prototype,"checked",2),g([I({type:Boolean,reflect:!0})],k.prototype,"disabled",2),g([I({type:Boolean,reflect:!0})],k.prototype,"required",2),g([I({type:Boolean,reflect:!0})],k.prototype,"invalid",2),g([I({attribute:!1})],k.prototype,"_groupTabIndex",2),g([I({attribute:!1})],k.prototype,"_standaloneTabIndex",2);customElements.get("w-radio")||customElements.define("w-radio",k);var Je=["en","nb","fi","da","sv"],se="en",G=a=>Je.find(t=>a===t||a.toLowerCase().includes(t))||se;function ye(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return G(a)}try{let a=ke(document);if(a)return G(a);let t=tr();if(t)return G(t);let e=ke(Ee());return e?G(e):se}catch(a){return console.warn("could not detect locale, falling back to source locale",a),se}}var _e=(a,t,e,r,o)=>{x.load("en",a),x.load("nb",t),x.load("fi",e),x.load("da",r),x.load("sv",o);let i=ye();x.activate(i),Ce(),er()},Qe="warp-i18n-change";function Ce(){typeof window>"u"||window.dispatchEvent(new Event(Qe))}var xe=!1;function er(){if(xe||typeof window>"u"||!document?.documentElement)return;xe=!0;let a=()=>{let o=ye();x.locale!==o&&(x.activate(o),Ce())},t=new MutationObserver(o=>{for(let i of o)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=Ee();e&&e.documentElement&&e!==document&&t.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=rr();r&&t.observe(r,{attributes:!0,attributeFilter:["lang"]})}function Ee(){try{return window.parent?.document??null}catch{return null}}function ke(a){try{return a?.documentElement?.lang??""}catch{return""}}function rr(){try{return window.frameElement??null}catch{return null}}function tr(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}var ze=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["V\xE6lg en mulighed."]}');var Ve=JSON.parse('{"radio-group.label.optional":["Optional"],"radio-group.validation.required":["Please select an option."]}');var Me=JSON.parse('{"radio-group.label.optional":["Valinnainen"],"radio-group.validation.required":["Valitse vaihtoehto."]}');var Te=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["Velg et alternativ."]}');var Se=JSON.parse('{"radio-group.label.optional":["Valfritt"],"radio-group.validation.required":["V\xE4lj ett alternativ."]}');import{css as or}from"lit";var Ie=or`
|
|
2624
2624
|
:host {
|
|
2625
2625
|
display: block;
|
|
2626
2626
|
|
|
@@ -2708,7 +2708,7 @@ Please compile your catalog first.
|
|
|
2708
2708
|
:host([data-show-error]) [part~='help-text'] {
|
|
2709
2709
|
color: var(--_help-text-color-error);
|
|
2710
2710
|
}
|
|
2711
|
-
`;
|
|
2711
|
+
`;_e(Ve,Te,Me,ze,Se);var ir=()=>x._({id:"radio-group.validation.required",message:"Please select an option.",comment:"Shown when required radio group has no selections"}),f=class extends B(Fe){constructor(){super();this.hasInteracted=!1;this.hasWarnedMissingName=!1;this.autoTabIndex=!1;this.label="";this.helpText="";this.optional=!1;this.invalid=!1;this.name=null;this.disabled=!1;this.required=!1;this.defaultCheckedValue=void 0;this.slottedHelpText=null;this.nameManagedRadios=new WeakSet;this.disabledManagedRadios=new WeakSet;this.handleRadioClick=e=>{let r=e.target.closest("w-radio");if(!r||r.disabled||this.disabled)return;let o=this.getCheckedValue(),i=this.getAllRadios();this.selectSingleRadio(r,i),this.getCheckedValue()!==o&&this.updateComplete.then(this.emitSelectionChange)};this.handleInvalid=e=>{e.preventDefault(),this.hasInteracted=!0,this.updateValidity()};this.handleHelpTextSlotChange=()=>{this.syncSlottedHelpText(),this.requestUpdate()};this.handleI18nChange=()=>{this.requestUpdate()};this.emitSelectionChange=()=>{this.hasInteracted=!0,this.syncFormValue(),this.updateValidity(),this.requestUpdate(),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};this.captureDefaultSelection=()=>{this.defaultCheckedValue===void 0&&(this.defaultCheckedValue=this.getCheckedValue())};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick),this.addEventListener("invalid",this.handleInvalid)}get validationTarget(){return this.querySelector(":is(w-radio):not([disabled])")??void 0}connectedCallback(){super.connectedCallback(),this.syncSlottedHelpText(),this.syncFormValue(),this.updateValidity(),this.unsubscribeI18n=x.on("change",this.handleI18nChange),this.warnIfMissingName(),this.updateComplete.then(this.captureDefaultSelection)}disconnectedCallback(){this.unsubscribeI18n?.(),this.unsubscribeI18n=void 0,super.disconnectedCallback()}async updated(e){(e.has("disabled")||e.has("name")||e.has("required")||e.has("invalid")||e.has("helpText"))&&(this.syncFormValue(),this.updateValidity(),this.syncRadioElements(),this.syncFormValue(),this.updateValidity())}resetFormControl(){let e=this.defaultCheckedValue??null;this.getAllRadios().forEach(r=>{r.checked=e?r.value===e:!1}),this.syncRadioElements(),this.syncFormValue(),this.updateValidity()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}getCheckedValue(){return this.getAllRadios().find(r=>r.checked)?.value??null}getEnabledRadios(e=this.getAllRadios()){return e.filter(r=>!r.disabled)}selectSingleRadio(e,r=this.getAllRadios()){r.forEach(o=>{let i=o===e;o.checked=i,o._groupTabIndex=i?0:-1})}handleLabelClick(){this.focus()}async syncRadioElements(){let e=this.getAllRadios();e.forEach((r,o)=>{r.toggleAttribute("data-w-radio-first",o===0),r.toggleAttribute("data-w-radio-inner",o!==0&&o!==e.length-1),r.toggleAttribute("data-w-radio-last",o===e.length-1),this.syncRadioDisabledState(r),this.name?(!r.getAttribute("name")||this.nameManagedRadios.has(r))&&(r.setAttribute("name",this.name),this.nameManagedRadios.add(r)):this.nameManagedRadios.has(r)&&(r.removeAttribute("name"),this.nameManagedRadios.delete(r))}),await Promise.all(e.map(async r=>r.updateComplete)),this.normalizeCheckedRadios(e),this.syncTabOrder(e)}syncRadioDisabledState(e){if(this.disabled){e.disabled||(e.disabled=!0,this.disabledManagedRadios.add(e));return}this.disabledManagedRadios.has(e)&&(e.disabled=!1,this.disabledManagedRadios.delete(e))}syncTabOrder(e){if(this.disabled){e.forEach(i=>i._groupTabIndex=-1);return}let r=this.getEnabledRadios(e),o=r.find(i=>i.checked);r.length>0&&(o?r.forEach(i=>i._groupTabIndex=i.checked?0:-1):r.forEach((i,s)=>i._groupTabIndex=s===0?0:-1)),e.filter(i=>i.disabled).forEach(i=>i._groupTabIndex=-1)}handleKeyDown(e){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key)||this.disabled)return;let r=this.getAllRadios(),o=this.getEnabledRadios(r);if(o.length<=0)return;e.preventDefault();let i=this.getCheckedValue(),s=o.find(y=>y.checked)??o[0],n=e.key===" "?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1,l=o.indexOf(s)+n;l<0&&(l=o.length-1),l>=o.length&&(l=0),this.selectSingleRadio(o[l],r),o[l].focus(),this.getCheckedValue()!==i&&this.updateComplete.then(this.emitSelectionChange)}focus(e){if(this.disabled)return;let r=this.getAllRadios(),o=r.find(n=>n.checked),i=r.find(n=>!n.disabled),s=o||i;s&&s.focus(e)}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.hasInteracted=!0,this.updateValidity(),this.internals.checkValidity()}hasSlottedContent(e){if(this.querySelector(`[slot="${e}"]`))return!0;let r=this.shadowRoot?.querySelector(`slot[name="${e}"]`);return r?r.assignedNodes({flatten:!0}).some(o=>o.nodeType===Node.ELEMENT_NODE?!0:o.nodeType===Node.TEXT_NODE?!!o.textContent?.trim():!1):!1}syncFormValue(){this.setValue(null)}syncSlottedHelpText(){let e=this.querySelector('[slot="help-text"]');this.slottedHelpText=e?.textContent?.trim()||null}updateValidity(){this.warnIfMissingName();let e=this.required&&!this.getCheckedValue(),r=e&&this.hasInteracted,o=this.invalid||this.hasAttribute("invalid"),i=o||r;if(this.toggleAttribute("data-show-error",i),this.disabled){this.internals.setValidity({}),this.syncChildInvalid(!1),this.syncHostTabIndex(!1);return}if(this.syncHostTabIndex(i),e){this.setValidityState({valueMissing:!0}),this.syncChildInvalid(i);return}if(o){this.setValidityState({customError:!0}),this.syncChildInvalid(!0);return}this.internals.setValidity({}),this.syncChildInvalid(!1)}normalizeCheckedRadios(e){let r=e.find(o=>o.checked);r&&e.forEach(o=>{o!==r&&(o.checked=!1)})}syncChildInvalid(e){this.getAllRadios().forEach(r=>{r.invalid=e})}setValidityState(e){let r=this.validationTarget;this.internals.setValidity(e," ",r??void 0)}syncHostTabIndex(e){if(!(this.hasAttribute("tabindex")&&!this.autoTabIndex)){if(e){this.setAttribute("tabindex","0"),this.autoTabIndex=!0;return}this.autoTabIndex&&(this.removeAttribute("tabindex"),this.autoTabIndex=!1)}}warnIfMissingName(){this.hasWarnedMissingName||this.internals.form&&(this.name&&this.name.trim().length>0||(console.warn('w-radio-group: "name" is required for form submission.'),this.hasWarnedMissingName=!0))}render(){let e=this.hasSlottedContent("label"),r=this.hasSlottedContent("help-text"),o=this.label?!0:!!e,i=this.helpText?!0:!!r,n=this.required&&!this.getCheckedValue()&&this.hasInteracted,l=this.invalid||this.hasAttribute("invalid"),u=l||n,y=u?l&&this.helpText?this.helpText:ir():this.helpText,C=u||i,V=o?"label":void 0,m=C?"help-text":void 0,E=this.slottedHelpText||void 0;return K`
|
|
2712
2712
|
<fieldset
|
|
2713
2713
|
part="form-control"
|
|
2714
2714
|
role="radiogroup"
|
|
@@ -2733,5 +2733,5 @@ Please compile your catalog first.
|
|
|
2733
2733
|
</div>
|
|
2734
2734
|
`:null}
|
|
2735
2735
|
</fieldset>
|
|
2736
|
-
`}};f.styles=[Z,
|
|
2736
|
+
`}};f.styles=[Z,Ie],f.shadowRootOptions={...Fe.shadowRootOptions,delegatesFocus:!0},g([ar()],f.prototype,"hasInteracted",2),g([N()],f.prototype,"label",2),g([N({attribute:"help-text"})],f.prototype,"helpText",2),g([N({type:Boolean,reflect:!0})],f.prototype,"optional",2),g([N({type:Boolean,reflect:!0})],f.prototype,"invalid",2),g([N({reflect:!0})],f.prototype,"name",2),g([N({type:Boolean,reflect:!0})],f.prototype,"disabled",2),g([N({type:Boolean,reflect:!0})],f.prototype,"required",2);var Gr=f;customElements.get("w-radio-group")||customElements.define("w-radio-group",f);export{Gr as WRadioGroup,f as WarpRadioGroup};
|
|
2737
2737
|
//# sourceMappingURL=radio-group.js.map
|