@warp-ds/elements 2.10.0-next.12 → 2.10.0-next.14
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/custom-elements.json +12 -0
- 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.test.js +5 -3
- package/dist/packages/datepicker/datepicker.js +51 -50
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/datepicker/datepicker.test.js +1 -1
- package/dist/packages/datepicker/utils.d.ts +3 -0
- package/dist/packages/datepicker/utils.js +33 -0
- package/dist/packages/datepicker/utils.test.d.ts +1 -0
- package/dist/packages/datepicker/utils.test.js +29 -0
- 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 Je=Object.defineProperty;var Ke=Object.getOwnPropertyDescriptor;var _e=t=>{throw TypeError(t)};var u=(t,r,e,o)=>{for(var a=o>1?void 0:o?Ke(r,e):r,s=t.length-1,i;s>=0;s--)(i=t[s])&&(a=(o?i(r,e,a):i(a))||a);return o&&a&&Je(r,e,a),a};var ne=(t,r,e)=>r.has(t)||_e("Cannot "+e);var x=(t,r,e)=>(ne(t,r,"read from private field"),e?e.call(t):r.get(t)),Z=(t,r,e)=>r.has(t)?_e("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),le=(t,r,e,o)=>(ne(t,r,"write to private field"),o?o.call(t,e):r.set(t,e),e),f=(t,r,e)=>(ne(t,r,"access private method"),e);var B=function(){for(var t=[],r=arguments.length;r--;)t[r]=arguments[r];return t.reduce(function(e,o){return e.concat(typeof o=="string"?o:Array.isArray(o)?B.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};var P=t=>typeof t=="string",Qe=t=>typeof t=="function",ze=new Map,Fe="en";function he(t){return[...Array.isArray(t)?t:[t],Fe]}function ue(t,r,e){let o=he(t);e||(e="default");let a;if(typeof e=="string")switch(a={day:"numeric",month:"short",year:"numeric"},e){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=e;return J(()=>K("date",o,e),()=>new Intl.DateTimeFormat(o,a)).format(P(r)?new Date(r):r)}function We(t,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return ue(t,r,o)}function ce(t,r,e){let o=he(t);return J(()=>K("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function Ce(t,r,e,{offset:o=0,...a}){let s=he(t),i=r?J(()=>K("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):J(()=>K("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return a[e]??a[i.select(e-o)]??a.other}function J(t,r){let e=t(),o=ze.get(e);return o||(o=r(),ze.set(e,o)),o}function K(t,r,e){let o=r.join("-");return`${t}-${o}-${JSON.stringify(e)}`}var Ee=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Me=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let a=parseInt(e,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),Le="%__lingui_octothorpe__%",er=(t,r,e={})=>{let o=r||t,a=i=>typeof i=="object"?i:e[i],s=(i,n)=>{let h=Object.keys(e).length?a("number"):void 0,w=ce(o,i,h);return n.replace(new RegExp(Le,"g"),w)};return{plural:(i,n)=>{let{offset:h=0}=n,w=Ce(o,!1,i,n);return s(i-h,w)},selectordinal:(i,n)=>{let{offset:h=0}=n,w=Ce(o,!0,i,n);return s(i-h,w)},select:rr,number:(i,n)=>ce(o,i,a(n)||{style:n}),date:(i,n)=>ue(o,i,a(n)||n),time:(i,n)=>We(o,i,a(n)||n)}},rr=(t,r)=>r[t]??r.other;function or(t,r,e){return(o={},a)=>{let s=er(r,e,a),i=(h,w=!1)=>Array.isArray(h)?h.reduce((F,L)=>{if(L==="#"&&w)return F+Le;if(P(L))return F+L;let[D,_,V]=L,S={};_==="plural"||_==="selectordinal"||_==="select"?Object.entries(V).forEach(([$,Y])=>{S[$]=i(Y,_==="plural"||_==="selectordinal")}):S=V;let y;if(_){let $=s[_];y=$(o[D],S)}else y=o[D];return y==null?F:F+y},""):h,n=i(t);return P(n)&&Ee.test(n)?Me(n):P(n)?n:n?String(n):""}}var tr=Object.defineProperty,ar=(t,r,e)=>r in t?tr(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,ir=(t,r,e)=>(ar(t,typeof r!="symbol"?r+"":r,e),e),de=class{constructor(){ir(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let a=o.indexOf(e);~a&&o.splice(a,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},sr=Object.defineProperty,nr=(t,r,e)=>r in t?sr(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,O=(t,r,e)=>(nr(t,typeof r!="symbol"?r+"":r,e),e),be=class extends de{constructor(r){super(),O(this,"_locale",""),O(this,"_locales"),O(this,"_localeData",{}),O(this,"_messages",{}),O(this,"_missing"),O(this,"_messageCompiler"),O(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??Fe,r.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(r,e){let o=this._localeData[r];o?Object.assign(o,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){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 a=o?.message;r||(r=""),P(r)||(e=r.values||e,a=r.message,r=r.id);let s=this.messages[r],i=s===void 0,n=this._missing;if(n&&i)return Qe(n)?n(this._locale,r):n;i&&this.emit("missing",{id:r,locale:this._locale});let h=s||a||r;return P(h)&&(this._messageCompiler?h=this._messageCompiler(h):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
3
|
> ${h}
|
|
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
|
+
`)),P(h)&&Ee.test(h)?Me(h):P(h)?h:or(h,this._locale,this._locales)(e,o?.formats)}date(r,e){return ue(this._locales||this._locale,r,e)}number(r,e){return ce(this._locales||this._locale,r,e)}};function lr(t={}){return new be(t)}var C=lr();var b=function(t,r,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?t!==r||!o:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:r.get(t)},g=function(t,r,e,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?t!==r||!a:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,e):a?a.value=e:r.set(t,e),e};function Ve(t){var r,e,o,a,s,i,n,h,w,F,L,D,_,V,S,y,$,Y,ae;class qe extends t{constructor(...c){var d,p,m;super(...c),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),o.set(this,!1),a.set(this,!1),s.set(this,void 0),i.set(this,void 0),n.set(this,!0),w.set(this,""),F.set(this,()=>{g(this,a,!0,"f"),g(this,e,!0,"f"),b(this,r,"m",y).call(this)}),L.set(this,()=>{g(this,e,!1,"f"),b(this,r,"m",$).call(this,this.shouldFormValueUpdate()?b(this,w,"f"):""),!this.validity.valid&&b(this,a,"f")&&g(this,o,!0,"f");let E=b(this,r,"m",y).call(this);this.validationMessageCallback&&this.validationMessageCallback(E?this.internals.validationMessage:"")}),D.set(this,()=>{var E;b(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,n,!1,"f")),g(this,a,!0,"f"),g(this,o,!0,"f"),b(this,r,"m",y).call(this),(E=this===null||this===void 0?void 0:this.validationMessageCallback)===null||E===void 0||E.call(this,this.showError?this.internals.validationMessage:"")}),_.set(this,void 0),V.set(this,!1),S.set(this,Promise.resolve()),(d=this.addEventListener)===null||d===void 0||d.call(this,"focus",b(this,F,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"blur",b(this,L,"f")),(m=this.addEventListener)===null||m===void 0||m.call(this,"invalid",b(this,D,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let c=this.validators.map(m=>m.attribute).flat(),d=super.observedAttributes||[];return[...new Set([...d,...c])]}static getValidator(c){return this.validators.find(d=>d.attribute===c)||null}static getValidators(c){return this.validators.filter(d=>{var p;if(d.attribute===c||!((p=d.attribute)===null||p===void 0)&&p.includes(c))return!0})}get form(){return this.internals.form}get showError(){return b(this,r,"m",y).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(c,d,p){var m;(m=super.attributeChangedCallback)===null||m===void 0||m.call(this,c,d,p);let I=this.constructor.getValidators(c);I?.length&&this.validationTarget&&this.setValue(b(this,w,"f"))}setValue(c){var d;g(this,o,!1,"f"),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,""),g(this,w,c,"f");let m=this.shouldFormValueUpdate()?c:null;this.internals.setFormValue(m),b(this,r,"m",$).call(this,m),this.valueChangedCallback&&this.valueChangedCallback(m),b(this,r,"m",y).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(c=>c(b(this,S,"f")))}formResetCallback(){var c,d;g(this,a,!1,"f"),g(this,o,!1,"f"),b(this,r,"m",y).call(this),(c=this.resetFormControl)===null||c===void 0||c.call(this),(d=this.validationMessageCallback)===null||d===void 0||d.call(this,b(this,r,"m",y).call(this)?this.validationMessage:"")}}return e=new WeakMap,o=new WeakMap,a=new WeakMap,s=new WeakMap,i=new WeakMap,n=new WeakMap,w=new WeakMap,F=new WeakMap,L=new WeakMap,D=new WeakMap,_=new WeakMap,V=new WeakMap,S=new WeakMap,r=new WeakSet,h=function(){let c=this.getRootNode(),d=`${this.localName}[name="${this.getAttribute("name")}"]`;return c.querySelectorAll(d)},y=function(){if(this.hasAttribute("disabled"))return!1;let c=b(this,o,"f")||b(this,a,"f")&&!this.validity.valid&&!b(this,e,"f");return c&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),c},$=function(c){let d=this.constructor,p={},m=d.validators,E=[],I=m.some(z=>z.isValid instanceof Promise);b(this,V,"f")||(g(this,S,new Promise(z=>{g(this,_,z,"f")}),"f"),g(this,V,!0,"f")),b(this,s,"f")&&(b(this,s,"f").abort(),g(this,i,b(this,s,"f"),"f"));let X=new AbortController;g(this,s,X,"f");let U,ye=!1;m.length&&(m.forEach(z=>{let ie=z.key||"customError",A=z.isValid(this,c,X.signal);A instanceof Promise?(E.push(A),A.then(se=>{se!=null&&(p[ie]=!se,U=b(this,r,"m",ae).call(this,z,c),b(this,r,"m",Y).call(this,p,U))})):(p[ie]=!A,this.validity[ie]!==!A&&(ye=!0),!A&&!U&&(U=b(this,r,"m",ae).call(this,z,c)))}),Promise.allSettled(E).then(()=>{var z;X?.signal.aborted||(g(this,V,!1,"f"),(z=b(this,_,"f"))===null||z===void 0||z.call(this))}),(ye||!I)&&b(this,r,"m",Y).call(this,p,U))},Y=function(c,d){if(this.validationTarget)this.internals.setValidity(c,d,this.validationTarget),g(this,n,!1,"f");else{if(this.internals.setValidity(c,d),this.internals.validity.valid)return;g(this,n,!0,"f")}},ae=function(c,d){if(this.validityCallback){let p=this.validityCallback(c.key||"customError");if(p)return p}return c.message instanceof Function?c.message(this,d):c.message},qe}import{css as zr,html as G,LitElement as Cr}from"lit";import{property as k}from"lit/decorators.js";import{ifDefined as me}from"lit/directives/if-defined.js";import{when as fe}from"lit/directives/when.js";var cr=["en","nb","fi","da","sv"],pe="en",Q=t=>cr.find(r=>t===r||t.toLowerCase().includes(r))||pe;function W(){if(typeof window>"u"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Q(t)}try{let t=Pe(document);if(t)return Q(t);let r=ur();if(r)return Q(r);let e=Pe(Oe());return e?Q(e):pe}catch(t){return console.warn("could not detect locale, falling back to source locale",t),pe}}var Te=(t,r,e,o,a)=>{C.load("en",t),C.load("nb",r),C.load("fi",e),C.load("da",o),C.load("sv",a);let s=W();C.activate(s),$e(),br()},dr="warp-i18n-change";function $e(){typeof window>"u"||window.dispatchEvent(new Event(dr))}var Se=!1;function br(){if(Se||typeof window>"u"||!document?.documentElement)return;Se=!0;let t=()=>{let a=W();C.locale!==a&&(C.activate(a),$e())},r=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){t();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=Oe();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=hr();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function Oe(){try{return window.parent?.document??null}catch{return null}}function Pe(t){try{return t?.documentElement?.lang??""}catch{return""}}function hr(){try{return window.frameElement??null}catch{return null}}function ur(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as pr}from"lit";import{unsafeCSS as gr}from"lit";var De=pr`
|
|
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
|
+
`,Dr=gr(`*, :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
|
+
`);var Ae=JSON.parse('{"select.label.optional":["(valgfrit)"]}');var Ne=JSON.parse('{"select.label.optional":["(optional)"]}');var je=JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');var Ye=JSON.parse('{"select.label.optional":["(valgfritt)"]}');var Re=JSON.parse('{"select.label.optional":["(valfritt)"]}');import{unsafeCSS as vr}from"lit";var Ie=vr("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.border-0{border-width:0}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:.25}.block,.before\\:block:before{display:block}.flex{display:flex}.before\\:hidden:before{display:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.bottom-0{bottom:0}.right-0{right:0}.before\\:bottom-0:before{bottom:0}.before\\:right-0:before{right:0}.top-\\[30\\%\\]{top:30%}.absolute{position:absolute}.relative{position:relative}.static{position:static}.before\\:absolute:before{position:absolute}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-icon{color:var(--w-s-color-icon)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.h-full{height:100%}.w-32{width:3.2rem}.w-full{width:100%}.before\\:h-full:before{height:100%}.before\\:w-32:before{width:3.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-32{padding-right:3.2rem}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none,.before\\:pointer-events-none:before{pointer-events:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}");import{html as fr,LitElement as wr}from"lit";import{property as ge,state as xr}from"lit/decorators.js";import{classMap as kr}from"lit/directives/class-map.js";import{css as mr}from"lit";var Xe=mr`
|
|
2449
2449
|
:host {
|
|
2450
2450
|
display: inline-block;
|
|
2451
2451
|
}
|
|
@@ -2470,16 +2470,16 @@ Please compile your catalog first.
|
|
|
2470
2470
|
--w-icon-size: 32px;
|
|
2471
2471
|
}
|
|
2472
2472
|
|
|
2473
|
-
`;var ve=new Map,
|
|
2474
|
-
${fe(this.label,()=>G`<label class="${
|
|
2473
|
+
`;var ve=new Map,yr='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function _r(t,r={}){let e=r.responseParser??(o=>o.text());return ve.has(t)||ve.set(t,fetch(t).then(e)),ve.get(t)}var T=class extends wr{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(e){let o=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${e}.svg`;try{let a=await _r(o);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(e){(e.has("name")||e.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let e=await this.fetchIcon(this.name);e||(e=new DOMParser().parseFromString(yr,"text/html").body.firstElementChild),this.svg=e}render(){let e=this.size||"medium",o=this.name||"",a={"w-icon":!0,"w-icon--s":e==="small","w-icon--m":e==="medium","w-icon--l":e==="large"},s=typeof e=="string"&&e.endsWith("px")?`--w-icon-size: ${e};`:"";return fr`<div class="${kr(a)}" style="${s}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};T.styles=[Xe],u([ge({type:String,reflect:!0})],T.prototype,"name",2),u([ge({type:String,reflect:!0})],T.prototype,"size",2),u([ge({type:String,reflect:!0,useDefault:!0})],T.prototype,"locale",2),u([xr()],T.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",T);var M={base:"block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current",default:"s-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active",disabled:"s-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none",invalid:"s-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!",readOnly:"s-text bg-transparent pl-0 border-0 pointer-events-none before:hidden",wrapper:"relative",selectWrapper:"relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ",chevron:"block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer",chevronDisabled:"opacity-25"},Ue={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",optional:"pl-8 font-normal text-s s-text-subtle"},we={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},H,q,j,l,xe,ee,Ze,N,re,ke,Be,Ge,He,oe,te,v=class extends Ve(Cr){constructor(){super();Z(this,l);this.autoFocus=!1;this.autofocus=!1;this.invalid=!1;this.always=!1;this.optional=!1;this.disabled=!1;this.readOnly=!1;this.readonly=!1;this._options=[];Z(this,H);Z(this,q,()=>f(this,l,re).call(this));Z(this,j);this._setValue=e=>{this.value=e,this.setValue(e)};Te(Ne,Ye,je,Ae,Re)}resetFormControl(){this.value=x(this,H)}connectedCallback(){super.connectedCallback(),le(this,H,this.value),(this.autofocus||this.autoFocus)&&this.shadowRoot.querySelector("select").focus(),f(this,l,ke).call(this,{syncValueFromSelected:!0}),this.ownerDocument?.defaultView?.addEventListener("pageshow",x(this,q)),le(this,j,new MutationObserver(()=>{f(this,l,ke).call(this,{syncValueFromSelected:!0})})),x(this,j).observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["selected","disabled","value"]})}disconnectedCallback(){super.disconnectedCallback(),this.ownerDocument?.defaultView?.removeEventListener("pageshow",x(this,q)),x(this,j)?.disconnect()}firstUpdated(){this.value&&f(this,l,N).call(this,this.value),f(this,l,re).call(this,{allowDefaultFirstOption:!1})}formStateRestoreCallback(e,o){if(typeof e=="string"&&e){this._setValue(e),f(this,l,N).call(this,e);return}f(this,l,re).call(this,{allowDefaultFirstOption:!0})}willUpdate(e){e.has("value")&&this.setValue(this.value)}updated(e){if(e.has("value")){let o=f(this,l,ee).call(this);o&&o.value!==this.value&&(o.value=this.value??""),f(this,l,N).call(this,this.value??"")}}handleKeyDown(e){if((this.readonly||this.readOnly)&&(e.key===" "||e.key==="ArrowDown"||e.key==="ArrowUp")&&e.preventDefault(),e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}}onChange(e){let a=e.currentTarget.value;e.stopPropagation(),this._setValue(a),f(this,l,N).call(this,a),this.dispatchEvent(new CustomEvent("change",{detail:a,bubbles:!0,composed:!0}))}render(){return G`<div class="${M.wrapper}">
|
|
2474
|
+
${fe(this.label,()=>G`<label class="${Ue.base}" for="${x(this,l,oe)}">
|
|
2475
2475
|
${this.label}
|
|
2476
|
-
${fe(this.optional,()=>G`<span class="${
|
|
2476
|
+
${fe(this.optional,()=>G`<span class="${Ue.optional}"
|
|
2477
2477
|
>${C._({id:"select.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}</span
|
|
2478
2478
|
>`)}</label
|
|
2479
2479
|
>`)}
|
|
2480
2480
|
<div class="${M.selectWrapper}">
|
|
2481
2481
|
<select
|
|
2482
|
-
class="${x(this,l,
|
|
2482
|
+
class="${x(this,l,Be)}"
|
|
2483
2483
|
id="${x(this,l,oe)}"
|
|
2484
2484
|
?disabled=${this.disabled}
|
|
2485
2485
|
aria-readonly="${this.readonly}"
|
|
@@ -2490,12 +2490,12 @@ Please compile your catalog first.
|
|
|
2490
2490
|
@change=${this.onChange}>
|
|
2491
2491
|
${this._options}
|
|
2492
2492
|
</select>
|
|
2493
|
-
<div class="${x(this,l,
|
|
2493
|
+
<div class="${x(this,l,He)}">
|
|
2494
2494
|
<w-icon name="ChevronDown" size="small" locale="${W()}" class="flex"></w-icon>
|
|
2495
2495
|
</div>
|
|
2496
2496
|
</div>
|
|
2497
|
-
${fe(this.helpText||this.always||this.invalid,()=>G`<div id="${x(this,l,te)}" class="${x(this,l,
|
|
2498
|
-
</div>`}};H=new WeakMap,q=new WeakMap,j=new WeakMap,l=new WeakSet,xe=function(){return Array.from(this.children).filter(e=>e.tagName.toLowerCase()==="option"||e.tagName.toLowerCase()==="w-option")},ee=function(){return this.shadowRoot?.querySelector("select")},
|
|
2497
|
+
${fe(this.helpText||this.always||this.invalid,()=>G`<div id="${x(this,l,te)}" class="${x(this,l,Ge)}">${this.helpText||this.hint}</div>`)}
|
|
2498
|
+
</div>`}};H=new WeakMap,q=new WeakMap,j=new WeakMap,l=new WeakSet,xe=function(){return Array.from(this.children).filter(e=>e.tagName.toLowerCase()==="option"||e.tagName.toLowerCase()==="w-option")},ee=function(){return this.shadowRoot?.querySelector("select")},Ze=function(){return f(this,l,xe).call(this).some(e=>e.hasAttribute("selected"))},N=function(e){let o=f(this,l,ee).call(this);if(!o)return;let a=!1;for(let s of Array.from(o.options)){let i=!a&&s.value===e;s.selected=i,s.toggleAttribute("selected",i),i&&(a=!0)}},re=function({allowDefaultFirstOption:e=!1}={}){let o=f(this,l,ee).call(this);if(!o)return;let a=o.value;!a||a===this.value||!e&&!this.value&&!f(this,l,Ze).call(this)&&o.selectedIndex===0||(this._setValue(a),f(this,l,N).call(this,a))},ke=function({syncValueFromSelected:e=!1}={}){let o=f(this,l,xe).call(this),a,s=o.map(i=>{let n=i.getAttribute("value")??"",h=i.textContent??"",w=i.hasAttribute("selected"),F=i.hasAttribute("disabled");return e&&a===void 0&&w&&(a=n),G`<option value="${n}" ?selected=${w} ?disabled=${F}>${h}</option>`});this._options=s,e&&a!==void 0&&a!==this.value&&this._setValue(a)},Be=function(){return B([M.base,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&M.default,this.invalid&&M.invalid,this.disabled&&M.disabled,(this.readonly||this.readOnly)&&M.readOnly])},Ge=function(){return B([we.base,this.invalid?we.colorInvalid:we.color])},He=function(){return B([M.chevron,this.disabled&&M.chevronDisabled])},oe=function(){return"select_id"},te=function(){return this.helpText||this.hint?`${x(this,l,oe)}__hint`:void 0},v.styles=[De,Ie,zr`
|
|
2499
2499
|
/* if there is an option with an empty value and it is selected */
|
|
2500
2500
|
select:has(option[value=""][selected]),
|
|
2501
2501
|
/* if there is an option with an empty value, and no other options are selected */
|