@warp-ds/elements 2.10.0 → 2.11.0-next.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/custom-elements.json +59 -50
- package/dist/docs/affix/affix.md +1 -9
- package/dist/docs/alert/alert.md +1 -1
- package/dist/docs/attention/attention.md +3 -1
- package/dist/docs/box/box.md +2 -0
- package/dist/docs/breadcrumb-item/breadcrumb-item.md +2 -0
- package/dist/docs/breadcrumbs/breadcrumbs.md +3 -0
- package/dist/docs/button/button.md +3 -0
- package/dist/docs/card/api.md +0 -8
- package/dist/docs/card/card.md +58 -11
- package/dist/docs/card/styling.md +51 -0
- package/dist/docs/card/usage.md +4 -2
- package/dist/docs/checkbox/api.md +0 -9
- package/dist/docs/checkbox/checkbox.md +5 -10
- package/dist/docs/checkbox-group/checkbox-group.md +3 -10
- package/dist/docs/combobox/combobox.md +2 -0
- package/dist/docs/datepicker/datepicker.md +2 -2
- package/dist/docs/expandable/expandable.md +2 -0
- package/dist/docs/icon/icon.md +1 -1
- package/dist/docs/index.md +35 -35
- package/dist/docs/link/link.md +3 -1
- package/dist/docs/modal/modal.md +2 -0
- package/dist/docs/modal-footer/modal-footer.md +2 -0
- package/dist/docs/modal-header/modal-header.md +2 -0
- package/dist/docs/page-indicator/page-indicator.md +2 -0
- package/dist/docs/pagination/pagination.md +2 -0
- package/dist/docs/pill/pill.md +2 -0
- package/dist/docs/radio/radio.md +5 -1
- package/dist/docs/radio-group/radio-group.md +3 -1
- package/dist/docs/select/select.md +2 -0
- package/dist/docs/slider/slider.md +2 -0
- package/dist/docs/snackbar/snackbar.md +2 -0
- package/dist/docs/snackbar-item/snackbar-item.md +2 -0
- package/dist/docs/step/step.md +3 -1
- package/dist/docs/step-indicator/step-indicator.md +2 -0
- package/dist/docs/switch/switch.md +2 -0
- package/dist/docs/tab/tab.md +2 -0
- package/dist/docs/tab-panel/tab-panel.md +3 -0
- package/dist/docs/tabs/api.md +1 -1
- package/dist/docs/tabs/tabs.md +3 -1
- package/dist/docs/textarea/textarea.md +1 -5
- package/dist/docs/textfield/textfield.md +2 -0
- package/dist/entrypoint-react.d.ts +38 -0
- package/dist/entrypoint-react.js +39 -0
- package/dist/index.d.ts +152 -126
- package/dist/packages/affix/affix.d.ts +6 -11
- package/dist/packages/affix/affix.js +9 -9
- package/dist/packages/affix/affix.js.map +2 -2
- package/dist/packages/affix/affix.react.stories.d.ts +1 -1
- package/dist/packages/affix/react.d.ts +7 -2
- package/dist/packages/affix/react.js +5 -0
- package/dist/packages/alert/alert.d.ts +6 -3
- package/dist/packages/alert/alert.js +3 -3
- package/dist/packages/alert/alert.js.map +2 -2
- package/dist/packages/alert/react.d.ts +8 -1
- package/dist/packages/alert/react.js +7 -0
- package/dist/packages/attention/attention.d.ts +3 -1
- package/dist/packages/attention/attention.js +12 -12
- package/dist/packages/attention/attention.js.map +2 -2
- package/dist/packages/attention/react.d.ts +13 -3
- package/dist/packages/attention/react.js +9 -0
- package/dist/packages/badge/badge.d.ts +5 -0
- package/dist/packages/badge/badge.js.map +2 -2
- package/dist/packages/badge/react.d.ts +6 -1
- package/dist/packages/badge/react.js +5 -0
- package/dist/packages/box/box.d.ts +6 -1
- package/dist/packages/box/box.js +3 -3
- package/dist/packages/box/box.js.map +2 -2
- package/dist/packages/box/box.react.stories.d.ts +1 -1
- package/dist/packages/box/react.d.ts +6 -1
- package/dist/packages/box/react.js +5 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.d.ts +6 -1
- package/dist/packages/breadcrumb-item/breadcrumb-item.js +2 -2
- package/dist/packages/breadcrumb-item/breadcrumb-item.js.map +2 -2
- package/dist/packages/breadcrumb-item/react.d.ts +7 -1
- package/dist/packages/breadcrumb-item/react.js +6 -0
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +7 -1
- package/dist/packages/breadcrumbs/breadcrumbs.js +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +2 -2
- package/dist/packages/breadcrumbs/react.d.ts +8 -1
- package/dist/packages/breadcrumbs/react.js +7 -0
- package/dist/packages/button/button.d.ts +2 -1
- package/dist/packages/button/button.js.map +2 -2
- package/dist/packages/button/button.react.stories.d.ts +2 -2
- package/dist/packages/button/react.d.ts +9 -2
- package/dist/packages/button/react.js +7 -0
- package/dist/packages/card/card.d.ts +8 -10
- package/dist/packages/card/card.js +151 -20
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/card/card.react.stories.d.ts +1 -1
- package/dist/packages/card/card.stories.d.ts +1 -0
- package/dist/packages/card/card.stories.js +44 -1
- package/dist/packages/card/react.d.ts +6 -1
- package/dist/packages/card/react.js +5 -0
- package/dist/packages/card/styles.js +132 -2
- package/dist/packages/checkbox/checkbox.d.ts +6 -0
- package/dist/packages/checkbox/checkbox.js +1 -1
- package/dist/packages/checkbox/checkbox.js.map +2 -2
- package/dist/packages/checkbox/checkbox.react.stories.d.ts +2 -2
- package/dist/packages/checkbox/react.d.ts +12 -3
- package/dist/packages/checkbox/react.js +7 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +3 -10
- package/dist/packages/checkbox-group/checkbox-group.js.map +2 -2
- package/dist/packages/checkbox-group/react.d.ts +9 -2
- package/dist/packages/checkbox-group/react.js +7 -0
- package/dist/packages/combobox/combobox.d.ts +6 -1
- package/dist/packages/combobox/combobox.js +3 -3
- package/dist/packages/combobox/combobox.js.map +2 -2
- package/dist/packages/combobox/combobox.react.stories.d.ts +18 -2
- package/dist/packages/combobox/react.d.ts +15 -2
- package/dist/packages/combobox/react.js +9 -0
- package/dist/packages/datepicker/datepicker.d.ts +7 -4
- package/dist/packages/datepicker/datepicker.js +3 -3
- package/dist/packages/datepicker/datepicker.js.map +2 -2
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +14 -14
- package/dist/packages/datepicker/react.d.ts +14 -8
- package/dist/packages/datepicker/react.js +5 -0
- package/dist/packages/expandable/expandable.d.ts +7 -0
- package/dist/packages/expandable/expandable.js +4 -4
- package/dist/packages/expandable/expandable.js.map +2 -2
- package/dist/packages/expandable/react.d.ts +6 -1
- package/dist/packages/expandable/react.js +5 -0
- package/dist/packages/icon/icon.d.ts +3 -0
- package/dist/packages/icon/icon.js.map +2 -2
- package/dist/packages/icon/react.d.ts +4 -1
- package/dist/packages/icon/react.js +3 -0
- package/dist/packages/link/link.d.ts +7 -2
- package/dist/packages/link/link.js +5 -5
- package/dist/packages/link/link.js.map +2 -2
- package/dist/packages/link/link.react.stories.d.ts +2 -2
- package/dist/packages/link/react.d.ts +7 -2
- package/dist/packages/link/react.js +5 -0
- package/dist/packages/modal/modal.d.ts +7 -0
- package/dist/packages/modal/modal.js +4 -4
- package/dist/packages/modal/modal.js.map +2 -2
- package/dist/packages/modal/react.d.ts +3 -1
- package/dist/packages/modal/react.js +2 -0
- package/dist/packages/modal-footer/modal-footer.d.ts +7 -0
- package/dist/packages/modal-footer/modal-footer.js +1 -1
- package/dist/packages/modal-footer/modal-footer.js.map +2 -2
- package/dist/packages/modal-footer/react.d.ts +6 -1
- package/dist/packages/modal-footer/react.js +5 -0
- package/dist/packages/modal-header/modal-header.d.ts +7 -0
- package/dist/packages/modal-header/modal-header.js +5 -5
- package/dist/packages/modal-header/modal-header.js.map +2 -2
- package/dist/packages/modal-header/react.d.ts +8 -3
- package/dist/packages/modal-header/react.js +5 -0
- package/dist/packages/page-indicator/page-indicator.d.ts +7 -0
- package/dist/packages/page-indicator/page-indicator.js +4 -4
- package/dist/packages/page-indicator/page-indicator.js.map +2 -2
- package/dist/packages/page-indicator/react.d.ts +8 -1
- package/dist/packages/page-indicator/react.js +7 -0
- package/dist/packages/pagination/pagination.d.ts +7 -0
- package/dist/packages/pagination/pagination.js +5 -5
- package/dist/packages/pagination/pagination.js.map +2 -2
- package/dist/packages/pagination/pagination.react.stories.d.ts +12 -4
- package/dist/packages/pagination/react.d.ts +12 -3
- package/dist/packages/pagination/react.js +5 -0
- package/dist/packages/pill/pill.d.ts +7 -0
- package/dist/packages/pill/pill.js.map +2 -2
- package/dist/packages/pill/pill.react.stories.d.ts +12 -8
- package/dist/packages/pill/pill.react.stories.js +4 -0
- package/dist/packages/pill/react.d.ts +10 -5
- package/dist/packages/pill/react.js +7 -2
- package/dist/packages/radio/radio.d.ts +6 -0
- package/dist/packages/radio/radio.js.map +2 -2
- package/dist/packages/radio/react.d.ts +8 -1
- package/dist/packages/radio/react.js +7 -0
- package/dist/packages/radio-group/radio-group.d.ts +3 -10
- package/dist/packages/radio-group/radio-group.js.map +2 -2
- package/dist/packages/radio-group/react.d.ts +11 -4
- package/dist/packages/radio-group/react.js +8 -0
- package/dist/packages/select/react.d.ts +10 -4
- package/dist/packages/select/react.js +5 -0
- package/dist/packages/select/select.d.ts +8 -2
- package/dist/packages/select/select.js +5 -5
- package/dist/packages/select/select.js.map +2 -2
- package/dist/packages/select/select.react.stories.d.ts +6 -6
- package/dist/packages/select/select.react.stories.js +4 -4
- package/dist/packages/slider/react.d.ts +7 -2
- package/dist/packages/slider/react.js +5 -0
- package/dist/packages/slider/slider.d.ts +7 -0
- package/dist/packages/slider/slider.js +6 -6
- package/dist/packages/slider/slider.js.map +2 -2
- package/dist/packages/slider/slider.react.stories.d.ts +1 -1
- package/dist/packages/slider-thumb/react.d.ts +15 -4
- package/dist/packages/slider-thumb/react.js +5 -0
- package/dist/packages/slider-thumb/slider-thumb.d.ts +5 -0
- package/dist/packages/slider-thumb/slider-thumb.js +4 -4
- package/dist/packages/slider-thumb/slider-thumb.js.map +2 -2
- package/dist/packages/snackbar/react.d.ts +40 -1
- package/dist/packages/snackbar/react.js +39 -0
- package/dist/packages/snackbar/snackbar.d.ts +2 -0
- package/dist/packages/snackbar/snackbar.js.map +2 -2
- package/dist/packages/snackbar-item/react.d.ts +8 -1
- package/dist/packages/snackbar-item/react.js +7 -0
- package/dist/packages/snackbar-item/snackbar-item.d.ts +2 -0
- package/dist/packages/snackbar-item/snackbar-item.js.map +2 -2
- package/dist/packages/step/react.d.ts +6 -1
- package/dist/packages/step/react.js +5 -0
- package/dist/packages/step/step.d.ts +8 -1
- package/dist/packages/step/step.js +7 -7
- package/dist/packages/step/step.js.map +2 -2
- package/dist/packages/step-indicator/react.d.ts +6 -1
- package/dist/packages/step-indicator/react.js +5 -0
- package/dist/packages/step-indicator/step-indicator.d.ts +7 -0
- package/dist/packages/step-indicator/step-indicator.js +2 -2
- package/dist/packages/step-indicator/step-indicator.js.map +2 -2
- package/dist/packages/switch/react.d.ts +9 -3
- package/dist/packages/switch/react.js +5 -0
- package/dist/packages/switch/switch.d.ts +7 -0
- package/dist/packages/switch/switch.js +3 -3
- package/dist/packages/switch/switch.js.map +2 -2
- package/dist/packages/switch/switch.react.stories.d.ts +2 -2
- package/dist/packages/tab/react.d.ts +9 -6
- package/dist/packages/tab/react.js +5 -2
- package/dist/packages/tab/tab.d.ts +7 -0
- package/dist/packages/tab/tab.js.map +2 -2
- package/dist/packages/tab-panel/react.d.ts +8 -1
- package/dist/packages/tab-panel/react.js +7 -0
- package/dist/packages/tab-panel/tab-panel.d.ts +3 -0
- package/dist/packages/tab-panel/tab-panel.js.map +2 -2
- package/dist/packages/tabs/react.d.ts +7 -3
- package/dist/packages/tabs/react.js +6 -2
- package/dist/packages/tabs/tabs.d.ts +3 -1
- package/dist/packages/tabs/tabs.js.map +2 -2
- package/dist/packages/textarea/react.d.ts +16 -10
- package/dist/packages/textarea/react.js +5 -0
- package/dist/packages/textarea/textarea.d.ts +6 -5
- package/dist/packages/textarea/textarea.js +5 -5
- package/dist/packages/textarea/textarea.js.map +2 -2
- package/dist/packages/textarea/textarea.react.stories.d.ts +18 -18
- package/dist/packages/textfield/react.d.ts +16 -10
- package/dist/packages/textfield/react.js +5 -0
- package/dist/packages/textfield/react.test.d.ts +1 -0
- package/dist/packages/textfield/react.test.js +20 -0
- package/dist/packages/textfield/textfield.d.ts +7 -5
- package/dist/packages/textfield/textfield.js +8 -8
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/textfield/textfield.react.stories.d.ts +18 -18
- package/dist/packages/toast/toast.d.ts +5 -0
- package/dist/packages/toast/toast.js +4 -4
- package/dist/packages/toast/toast.js.map +2 -2
- package/dist/packages/toast-container/toast-container.d.ts +6 -1
- package/dist/packages/toast-container/toast-container.js +3 -3
- package/dist/packages/toast-container/toast-container.js.map +2 -2
- package/dist/packages/types.d.ts +16 -0
- package/dist/packages/types.js +1 -0
- package/dist/web-types.json +43 -44
- package/eik/index.js +14 -14
- package/package.json +4 -112
- package/dist/packages/slider/Slider.d.ts +0 -2
- package/dist/packages/slider/Slider.js +0 -8
- package/dist/packages/slider-thumb/SliderThumb.d.ts +0 -2
- package/dist/packages/slider-thumb/SliderThumb.js +0 -8
|
@@ -4,17 +4,7 @@ declare const WarpAffix_base: import("@open-wc/form-control").Constructor<import
|
|
|
4
4
|
/**
|
|
5
5
|
* This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.
|
|
6
6
|
*
|
|
7
|
-
*
|
|
8
|
-
* Due to shadow DOM encapsulation, ARIA attributes (like `aria-describedby`, `aria-labelledby`)
|
|
9
|
-
* cannot reference elements across shadow boundaries. This means:
|
|
10
|
-
* - Non-interactive affixes (text labels, icons) cannot be connected to the parent input via ARIA
|
|
11
|
-
* - Interactive affixes (buttons) must have their own `aria-label` (already implemented)
|
|
12
|
-
* - Do NOT attempt to reference affix content from parent components via ARIA ID references - it won't work
|
|
13
|
-
*
|
|
14
|
-
* For non-interactive labels (e.g., currency symbols), consider including the information in the
|
|
15
|
-
* main label or placeholder instead of relying on ARIA to announce affix content.
|
|
16
|
-
*
|
|
17
|
-
* [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)
|
|
7
|
+
* [Warp component reference](https://warp-ds.github.io/docs/components/text-field/frameworks/elements#prefix-label)
|
|
18
8
|
*/
|
|
19
9
|
declare class WarpAffix extends WarpAffix_base {
|
|
20
10
|
/**
|
|
@@ -66,4 +56,9 @@ declare class WarpAffix extends WarpAffix_base {
|
|
|
66
56
|
get _markup(): "" | import("lit").TemplateResult<1> | undefined;
|
|
67
57
|
render(): import("lit").TemplateResult<1>;
|
|
68
58
|
}
|
|
59
|
+
declare global {
|
|
60
|
+
interface HTMLElementTagNameMap {
|
|
61
|
+
"w-affix": WarpAffix;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
69
64
|
export { WarpAffix };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var me=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var w=(t,e,r,o)=>{for(var a=o>1?void 0:o?ve(e,r):e,d=t.length-1,s;d>=0;d--)(s=t[d])&&(a=(o?s(e,r,a):s(a))||a);return o&&a&&me(e,r,a),a};var U=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?U.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};var c=function(t,e,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(t):o?o.value:e.get(t)},h=function(t,e,r,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 e=="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,r):a?a.value=r:e.set(t,r),r};function te(t){var e,r,o,a,d,s,n,p,g,y,_,P,v,z,C,m,M,T,X;class ge extends t{constructor(...i){var l,b,u;super(...i),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),a.set(this,!1),d.set(this,void 0),s.set(this,void 0),n.set(this,!0),g.set(this,""),y.set(this,()=>{h(this,a,!0,"f"),h(this,r,!0,"f"),c(this,e,"m",m).call(this)}),_.set(this,()=>{h(this,r,!1,"f"),c(this,e,"m",M).call(this,this.shouldFormValueUpdate()?c(this,g,"f"):""),!this.validity.valid&&c(this,a,"f")&&h(this,o,!0,"f");let x=c(this,e,"m",m).call(this);this.validationMessageCallback&&this.validationMessageCallback(x?this.internals.validationMessage:"")}),P.set(this,()=>{var x;c(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),h(this,n,!1,"f")),h(this,a,!0,"f"),h(this,o,!0,"f"),c(this,e,"m",m).call(this),(x=this===null||this===void 0?void 0:this.validationMessageCallback)===null||x===void 0||x.call(this,this.showError?this.internals.validationMessage:"")}),v.set(this,void 0),z.set(this,!1),C.set(this,Promise.resolve()),(l=this.addEventListener)===null||l===void 0||l.call(this,"focus",c(this,y,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",c(this,_,"f")),(u=this.addEventListener)===null||u===void 0||u.call(this,"invalid",c(this,P,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let i=this.validators.map(u=>u.attribute).flat(),l=super.observedAttributes||[];return[...new Set([...l,...i])]}static getValidator(i){return this.validators.find(l=>l.attribute===i)||null}static getValidators(i){return this.validators.filter(l=>{var b;if(l.attribute===i||!((b=l.attribute)===null||b===void 0)&&b.includes(i))return!0})}get form(){return this.internals.form}get showError(){return c(this,e,"m",m).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(i,l,b){var u;(u=super.attributeChangedCallback)===null||u===void 0||u.call(this,i,l,b);let j=this.constructor.getValidators(i);j?.length&&this.validationTarget&&this.setValue(c(this,g,"f"))}setValue(i){var l;h(this,o,!1,"f"),(l=this.validationMessageCallback)===null||l===void 0||l.call(this,""),h(this,g,i,"f");let u=this.shouldFormValueUpdate()?i:null;this.internals.setFormValue(u),c(this,e,"m",M).call(this,u),this.valueChangedCallback&&this.valueChangedCallback(u),c(this,e,"m",m).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(i=>i(c(this,C,"f")))}formResetCallback(){var i,l;h(this,a,!1,"f"),h(this,o,!1,"f"),c(this,e,"m",m).call(this),(i=this.resetFormControl)===null||i===void 0||i.call(this),(l=this.validationMessageCallback)===null||l===void 0||l.call(this,c(this,e,"m",m).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,a=new WeakMap,d=new WeakMap,s=new WeakMap,n=new WeakMap,g=new WeakMap,y=new WeakMap,_=new WeakMap,P=new WeakMap,v=new WeakMap,z=new WeakMap,C=new WeakMap,e=new WeakSet,p=function(){let i=this.getRootNode(),l=`${this.localName}[name="${this.getAttribute("name")}"]`;return i.querySelectorAll(l)},m=function(){if(this.hasAttribute("disabled"))return!1;let i=c(this,o,"f")||c(this,a,"f")&&!this.validity.valid&&!c(this,r,"f");return i&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),i},M=function(i){let l=this.constructor,b={},u=l.validators,x=[],j=u.some(f=>f.isValid instanceof Promise);c(this,z,"f")||(h(this,C,new Promise(f=>{h(this,v,f,"f")}),"f"),h(this,z,!0,"f")),c(this,d,"f")&&(c(this,d,"f").abort(),h(this,s,c(this,d,"f"),"f"));let $=new AbortController;h(this,d,$,"f");let Y,oe=!1;u.length&&(u.forEach(f=>{let Z=f.key||"customError",S=f.isValid(this,i,$.signal);S instanceof Promise?(x.push(S),S.then(G=>{G!=null&&(b[Z]=!G,Y=c(this,e,"m",X).call(this,f,i),c(this,e,"m",T).call(this,b,Y))})):(b[Z]=!S,this.validity[Z]!==!S&&(oe=!0),!S&&!Y&&(Y=c(this,e,"m",X).call(this,f,i)))}),Promise.allSettled(x).then(()=>{var f;$?.signal.aborted||(h(this,z,!1,"f"),(f=c(this,v,"f"))===null||f===void 0||f.call(this))}),(oe||!j)&&c(this,e,"m",T).call(this,b,Y))},T=function(i,l){if(this.validationTarget)this.internals.setValidity(i,l,this.validationTarget),h(this,n,!1,"f");else{if(this.internals.setValidity(i,l),this.internals.validity.valid)return;h(this,n,!0,"f")}},X=function(i,l){if(this.validityCallback){let b=this.validityCallback(i.key||"customError");if(b)return b}return i.message instanceof Function?i.message(this,l):i.message},ge}var F=t=>typeof t=="string",fe=t=>typeof t=="function",ae=new Map,ne="en";function q(t){return[...Array.isArray(t)?t:[t],ne]}function K(t,e,r){let o=q(t);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return N(()=>O("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(F(e)?new Date(e):e)}function we(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return K(t,e,o)}function B(t,e,r){let o=q(t);return N(()=>O("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function ie(t,e,r,{offset:o=0,...a}){let d=q(t),s=e?N(()=>O("plural-ordinal",d),()=>new Intl.PluralRules(d,{type:"ordinal"})):N(()=>O("plural-cardinal",d),()=>new Intl.PluralRules(d,{type:"cardinal"}));return a[r]??a[s.select(r-o)]??a.other}function N(t,e){let r=t(),o=ae.get(r);return o||(o=e(),ae.set(r,o)),o}function O(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var se=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,le=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,o)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),ce="%__lingui_octothorpe__%",xe=(t,e,r={})=>{let o=e||t,a=s=>typeof s=="object"?s:r[s],d=(s,n)=>{let p=Object.keys(r).length?a("number"):void 0,g=B(o,s,p);return n.replace(new RegExp(ce,"g"),g)};return{plural:(s,n)=>{let{offset:p=0}=n,g=ie(o,!1,s,n);return d(s-p,g)},selectordinal:(s,n)=>{let{offset:p=0}=n,g=ie(o,!0,s,n);return d(s-p,g)},select:ke,number:(s,n)=>B(o,s,a(n)||{style:n}),date:(s,n)=>K(o,s,a(n)||n),time:(s,n)=>we(o,s,a(n)||n)}},ke=(t,e)=>e[t]??e.other;function ye(t,e,r){return(o={},a)=>{let d=xe(e,r,a),s=(p,g=!1)=>Array.isArray(p)?p.reduce((y,_)=>{if(_==="#"&&g)return y+ce;if(F(_))return y+_;let[P,v,z]=_,C={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(z).forEach(([M,T])=>{C[M]=s(T,v==="plural"||v==="selectordinal")}):C=z;let m;if(v){let M=d[v];m=M(o[P],C)}else m=o[P];return m==null?y:y+m},""):p,n=s(t);return F(n)&&se.test(n)?le(n):F(n)?n:n?String(n):""}}var _e=Object.defineProperty,ze=(t,e,r)=>e in t?_e(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ce=(t,e,r)=>(ze(t,typeof e!="symbol"?e+"":e,r),r),W=class{constructor(){Ce(this,"_events",{})}on(e,r){var o;return(o=this._events)[e]??(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Fe=Object.defineProperty,Ee=(t,e,r)=>e in t?Fe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,L=(t,e,r)=>(Ee(t,typeof e!="symbol"?e+"":e,r),r),H=class extends W{constructor(e){super(),L(this,"_locale",""),L(this,"_locales"),L(this,"_localeData",{}),L(this,"_messages",{}),L(this,"_missing"),L(this,"_messageCompiler"),L(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate(e.locale??ne,e.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(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,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;e||(e=""),F(e)||(r=e.values||r,a=e.message,e=e.id);let d=this.messages[e],s=d===void 0,n=this._missing;if(n&&s)return fe(n)?n(this._locale,e):n;s&&this.emit("missing",{id:e,locale:this._locale});let p=d||a||e;return F(p)&&(this._messageCompiler?p=this._messageCompiler(p):console.warn(`Uncompiled message detected! Message:
|
|
1
|
+
var me=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var w=(t,e,r,o)=>{for(var a=o>1?void 0:o?ve(e,r):e,d=t.length-1,s;d>=0;d--)(s=t[d])&&(a=(o?s(e,r,a):s(a))||a);return o&&a&&me(e,r,a),a};var U=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?U.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(a){return o[a]?a:""}):"")},[]).join(" ")};var c=function(t,e,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(t):o?o.value:e.get(t)},h=function(t,e,r,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 e=="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,r):a?a.value=r:e.set(t,r),r};function te(t){var e,r,o,a,d,s,n,p,g,y,_,P,v,z,C,m,M,T,X;class ge extends t{constructor(...i){var l,b,u;super(...i),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),a.set(this,!1),d.set(this,void 0),s.set(this,void 0),n.set(this,!0),g.set(this,""),y.set(this,()=>{h(this,a,!0,"f"),h(this,r,!0,"f"),c(this,e,"m",m).call(this)}),_.set(this,()=>{h(this,r,!1,"f"),c(this,e,"m",M).call(this,this.shouldFormValueUpdate()?c(this,g,"f"):""),!this.validity.valid&&c(this,a,"f")&&h(this,o,!0,"f");let x=c(this,e,"m",m).call(this);this.validationMessageCallback&&this.validationMessageCallback(x?this.internals.validationMessage:"")}),P.set(this,()=>{var x;c(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),h(this,n,!1,"f")),h(this,a,!0,"f"),h(this,o,!0,"f"),c(this,e,"m",m).call(this),(x=this===null||this===void 0?void 0:this.validationMessageCallback)===null||x===void 0||x.call(this,this.showError?this.internals.validationMessage:"")}),v.set(this,void 0),z.set(this,!1),C.set(this,Promise.resolve()),(l=this.addEventListener)===null||l===void 0||l.call(this,"focus",c(this,y,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",c(this,_,"f")),(u=this.addEventListener)===null||u===void 0||u.call(this,"invalid",c(this,P,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let i=this.validators.map(u=>u.attribute).flat(),l=super.observedAttributes||[];return[...new Set([...l,...i])]}static getValidator(i){return this.validators.find(l=>l.attribute===i)||null}static getValidators(i){return this.validators.filter(l=>{var b;if(l.attribute===i||!((b=l.attribute)===null||b===void 0)&&b.includes(i))return!0})}get form(){return this.internals.form}get showError(){return c(this,e,"m",m).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(i,l,b){var u;(u=super.attributeChangedCallback)===null||u===void 0||u.call(this,i,l,b);let j=this.constructor.getValidators(i);j?.length&&this.validationTarget&&this.setValue(c(this,g,"f"))}setValue(i){var l;h(this,o,!1,"f"),(l=this.validationMessageCallback)===null||l===void 0||l.call(this,""),h(this,g,i,"f");let u=this.shouldFormValueUpdate()?i:null;this.internals.setFormValue(u),c(this,e,"m",M).call(this,u),this.valueChangedCallback&&this.valueChangedCallback(u),c(this,e,"m",m).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(i=>i(c(this,C,"f")))}formResetCallback(){var i,l;h(this,a,!1,"f"),h(this,o,!1,"f"),c(this,e,"m",m).call(this),(i=this.resetFormControl)===null||i===void 0||i.call(this),(l=this.validationMessageCallback)===null||l===void 0||l.call(this,c(this,e,"m",m).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,a=new WeakMap,d=new WeakMap,s=new WeakMap,n=new WeakMap,g=new WeakMap,y=new WeakMap,_=new WeakMap,P=new WeakMap,v=new WeakMap,z=new WeakMap,C=new WeakMap,e=new WeakSet,p=function(){let i=this.getRootNode(),l=`${this.localName}[name="${this.getAttribute("name")}"]`;return i.querySelectorAll(l)},m=function(){if(this.hasAttribute("disabled"))return!1;let i=c(this,o,"f")||c(this,a,"f")&&!this.validity.valid&&!c(this,r,"f");return i&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),i},M=function(i){let l=this.constructor,b={},u=l.validators,x=[],j=u.some(f=>f.isValid instanceof Promise);c(this,z,"f")||(h(this,C,new Promise(f=>{h(this,v,f,"f")}),"f"),h(this,z,!0,"f")),c(this,d,"f")&&(c(this,d,"f").abort(),h(this,s,c(this,d,"f"),"f"));let $=new AbortController;h(this,d,$,"f");let A,oe=!1;u.length&&(u.forEach(f=>{let Z=f.key||"customError",S=f.isValid(this,i,$.signal);S instanceof Promise?(x.push(S),S.then(G=>{G!=null&&(b[Z]=!G,A=c(this,e,"m",X).call(this,f,i),c(this,e,"m",T).call(this,b,A))})):(b[Z]=!S,this.validity[Z]!==!S&&(oe=!0),!S&&!A&&(A=c(this,e,"m",X).call(this,f,i)))}),Promise.allSettled(x).then(()=>{var f;$?.signal.aborted||(h(this,z,!1,"f"),(f=c(this,v,"f"))===null||f===void 0||f.call(this))}),(oe||!j)&&c(this,e,"m",T).call(this,b,A))},T=function(i,l){if(this.validationTarget)this.internals.setValidity(i,l,this.validationTarget),h(this,n,!1,"f");else{if(this.internals.setValidity(i,l),this.internals.validity.valid)return;h(this,n,!0,"f")}},X=function(i,l){if(this.validityCallback){let b=this.validityCallback(i.key||"customError");if(b)return b}return i.message instanceof Function?i.message(this,l):i.message},ge}var F=t=>typeof t=="string",fe=t=>typeof t=="function",ae=new Map,ne="en";function q(t){return[...Array.isArray(t)?t:[t],ne]}function K(t,e,r){let o=q(t);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return N(()=>O("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(F(e)?new Date(e):e)}function we(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return K(t,e,o)}function W(t,e,r){let o=q(t);return N(()=>O("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function ie(t,e,r,{offset:o=0,...a}){let d=q(t),s=e?N(()=>O("plural-ordinal",d),()=>new Intl.PluralRules(d,{type:"ordinal"})):N(()=>O("plural-cardinal",d),()=>new Intl.PluralRules(d,{type:"cardinal"}));return a[r]??a[s.select(r-o)]??a.other}function N(t,e){let r=t(),o=ae.get(r);return o||(o=e(),ae.set(r,o)),o}function O(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var se=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,le=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,o)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),ce="%__lingui_octothorpe__%",xe=(t,e,r={})=>{let o=e||t,a=s=>typeof s=="object"?s:r[s],d=(s,n)=>{let p=Object.keys(r).length?a("number"):void 0,g=W(o,s,p);return n.replace(new RegExp(ce,"g"),g)};return{plural:(s,n)=>{let{offset:p=0}=n,g=ie(o,!1,s,n);return d(s-p,g)},selectordinal:(s,n)=>{let{offset:p=0}=n,g=ie(o,!0,s,n);return d(s-p,g)},select:ke,number:(s,n)=>W(o,s,a(n)||{style:n}),date:(s,n)=>K(o,s,a(n)||n),time:(s,n)=>we(o,s,a(n)||n)}},ke=(t,e)=>e[t]??e.other;function ye(t,e,r){return(o={},a)=>{let d=xe(e,r,a),s=(p,g=!1)=>Array.isArray(p)?p.reduce((y,_)=>{if(_==="#"&&g)return y+ce;if(F(_))return y+_;let[P,v,z]=_,C={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries(z).forEach(([M,T])=>{C[M]=s(T,v==="plural"||v==="selectordinal")}):C=z;let m;if(v){let M=d[v];m=M(o[P],C)}else m=o[P];return m==null?y:y+m},""):p,n=s(t);return F(n)&&se.test(n)?le(n):F(n)?n:n?String(n):""}}var _e=Object.defineProperty,ze=(t,e,r)=>e in t?_e(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ce=(t,e,r)=>(ze(t,typeof e!="symbol"?e+"":e,r),r),B=class{constructor(){Ce(this,"_events",{})}on(e,r){var o;return(o=this._events)[e]??(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Fe=Object.defineProperty,Ee=(t,e,r)=>e in t?Fe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,L=(t,e,r)=>(Ee(t,typeof e!="symbol"?e+"":e,r),r),H=class extends B{constructor(e){super(),L(this,"_locale",""),L(this,"_locales"),L(this,"_localeData",{}),L(this,"_messages",{}),L(this,"_missing"),L(this,"_messageCompiler"),L(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate(e.locale??ne,e.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(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,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;e||(e=""),F(e)||(r=e.values||r,a=e.message,e=e.id);let d=this.messages[e],s=d===void 0,n=this._missing;if(n&&s)return fe(n)?n(this._locale,e):n;s&&this.emit("missing",{id:e,locale:this._locale});let p=d||a||e;return F(p)&&(this._messageCompiler?p=this._messageCompiler(p):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
3
|
> ${p}
|
|
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
|
-
`)),F(p)&&se.test(p)?le(p):F(p)?p:ye(p,this._locale,this._locales)(r,o?.formats)}date(e,r){return K(this._locales||this._locale,e,r)}number(e,r){return
|
|
9
|
+
`)),F(p)&&se.test(p)?le(p):F(p)?p:ye(p,this._locale,this._locales)(r,o?.formats)}date(e,r){return K(this._locales||this._locale,e,r)}number(e,r){return W(this._locales||this._locale,e,r)}};function Me(t={}){return new H(t)}var J=Me();import{html as Y,LitElement as Xe}from"lit";import{property as D}from"lit/decorators.js";var Le=["en","nb","fi","da","sv"],Q="en",I=t=>Le.find(e=>t===e||t.toLowerCase().includes(e))||Q;function R(){if(typeof window>"u"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return I(t)}try{let t=de(document);if(t)return I(t);let e=Se();if(e)return I(e);let r=de(Pe());return r?I(r):Q}catch(t){return console.warn("could not detect locale, falling back to source locale",t),Q}}function Pe(){try{return window.parent?.document??null}catch{return null}}function de(t){try{return t?.documentElement?.lang??""}catch{return""}}function Se(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Te}from"lit";import{unsafeCSS as Ve}from"lit";var pe=Te`
|
|
10
10
|
*,
|
|
11
11
|
:before,
|
|
12
12
|
:after {
|
|
@@ -2544,7 +2544,7 @@ Please compile your catalog first.
|
|
|
2544
2544
|
button[part="wrapper"]:not(:focus-visible) {
|
|
2545
2545
|
outline: none;
|
|
2546
2546
|
}
|
|
2547
|
-
`;import{unsafeCSS as $e}from"lit";var he=$e("*,: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}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.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}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}");import{html as
|
|
2547
|
+
`;import{unsafeCSS as $e}from"lit";var he=$e("*,: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}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.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}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}");import{html as Ye,LitElement as De}from"lit";import{property as ee,state as Ne}from"lit/decorators.js";import{classMap as Oe}from"lit/directives/class-map.js";import{css as Ae}from"lit";var ue=Ae`
|
|
2548
2548
|
:host {
|
|
2549
2549
|
display: inline-block;
|
|
2550
2550
|
}
|
|
@@ -2568,13 +2568,13 @@ Please compile your catalog first.
|
|
|
2568
2568
|
.w-icon--l {
|
|
2569
2569
|
--w-icon-size: 32px;
|
|
2570
2570
|
}
|
|
2571
|
-
`;var re=new Map,Ie='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Re(t,e={}){let r=e.responseParser??(o=>o.text());return re.has(t)||re.set(t,fetch(t).then(r)),re.get(t)}var E=class extends De{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let o=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let a=await Re(o);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Ie,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},d=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return
|
|
2571
|
+
`;var re=new Map,Ie='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Re(t,e={}){let r=e.responseParser??(o=>o.text());return re.has(t)||re.set(t,fetch(t).then(r)),re.get(t)}var E=class extends De{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let o=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let a=await Re(o);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Ie,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},d=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return Ye`<div
|
|
2572
2572
|
class="${Oe(a)}"
|
|
2573
2573
|
style="${d}"
|
|
2574
2574
|
part="w-${o.toLowerCase()}"
|
|
2575
2575
|
>
|
|
2576
2576
|
${this.svg}
|
|
2577
|
-
</div>`}};E.styles=[ue],w([ee({type:String,reflect:!0})],E.prototype,"name",2),w([ee({type:String,reflect:!0})],E.prototype,"size",2),w([ee({type:String,reflect:!0,useDefault:!0})],E.prototype,"locale",2),w([Ne()],E.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",E);var k=class extends te(Xe){constructor(){super(...arguments);this.ariaLabel=null;this.clear=!1;this.search=!1;this.label="";this.icon=null}get _wrapperClasses(){return U([this.label?"has-label":"has-icon"])}resetContainingTextField(r){let o=this.closest("w-textfield");o&&o.resetFormControl(),r.stopPropagation()}submitContainingForm(r){let o=this.internals.form;o&&o.submit(),r.stopPropagation()}get _searchButton(){let r=this.ariaLabel||J._({id:"affix.aria.search",message:"Search",comment:"Aria label for the search button in affix"});return
|
|
2577
|
+
</div>`}};E.styles=[ue],w([ee({type:String,reflect:!0})],E.prototype,"name",2),w([ee({type:String,reflect:!0})],E.prototype,"size",2),w([ee({type:String,reflect:!0,useDefault:!0})],E.prototype,"locale",2),w([Ne()],E.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",E);var k=class extends te(Xe){constructor(){super(...arguments);this.ariaLabel=null;this.clear=!1;this.search=!1;this.label="";this.icon=null}get _wrapperClasses(){return U([this.label?"has-label":"has-icon"])}resetContainingTextField(r){let o=this.closest("w-textfield");o&&o.resetFormControl(),r.stopPropagation()}submitContainingForm(r){let o=this.internals.form;o&&o.submit(),r.stopPropagation()}get _searchButton(){let r=this.ariaLabel||J._({id:"affix.aria.search",message:"Search",comment:"Aria label for the search button in affix"});return Y`
|
|
2578
2578
|
<button
|
|
2579
2579
|
part="wrapper"
|
|
2580
2580
|
aria-label="${r}"
|
|
@@ -2589,7 +2589,7 @@ Please compile your catalog first.
|
|
|
2589
2589
|
class="flex"
|
|
2590
2590
|
></w-icon>
|
|
2591
2591
|
</button>
|
|
2592
|
-
`}get _clearButton(){let r=this.ariaLabel||J._({id:"affix.aria.clearInput",message:"Clear input",comment:"Aria label for the clear input button in affix"});return
|
|
2592
|
+
`}get _clearButton(){let r=this.ariaLabel||J._({id:"affix.aria.clearInput",message:"Clear input",comment:"Aria label for the clear input button in affix"});return Y`
|
|
2593
2593
|
<button
|
|
2594
2594
|
part="wrapper"
|
|
2595
2595
|
aria-label="${r}"
|
|
@@ -2604,7 +2604,7 @@ Please compile your catalog first.
|
|
|
2604
2604
|
class="flex"
|
|
2605
2605
|
></w-icon>
|
|
2606
2606
|
</button>
|
|
2607
|
-
`}get _icon(){return this.icon?
|
|
2607
|
+
`}get _icon(){return this.icon?Y`
|
|
2608
2608
|
<div part="wrapper" class="${this._wrapperClasses}">
|
|
2609
2609
|
<w-icon
|
|
2610
2610
|
name="${this.icon}"
|
|
@@ -2613,9 +2613,9 @@ Please compile your catalog first.
|
|
|
2613
2613
|
class="flex"
|
|
2614
2614
|
></w-icon>
|
|
2615
2615
|
</div>
|
|
2616
|
-
`:""}get _text(){return
|
|
2616
|
+
`:""}get _text(){return Y`
|
|
2617
2617
|
<div part="wrapper" class="${this._wrapperClasses}">
|
|
2618
2618
|
<span part="label">${this.label}</span>
|
|
2619
2619
|
</div>
|
|
2620
|
-
`}get _markup(){if(this.label)return this._text;if(this.icon)return this._icon;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return
|
|
2620
|
+
`}get _markup(){if(this.label)return this._text;if(this.icon)return this._icon;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return Y`${this._markup}`}};k.styles=[pe,he,be],w([D({attribute:"aria-label",reflect:!0,useDefault:!0})],k.prototype,"ariaLabel",2),w([D({type:Boolean})],k.prototype,"clear",2),w([D({type:Boolean})],k.prototype,"search",2),w([D({reflect:!0,useDefault:!0})],k.prototype,"label",2),w([D({reflect:!0,useDefault:!0})],k.prototype,"icon",2);customElements.get("w-affix")||customElements.define("w-affix",k);export{k as WarpAffix};
|
|
2621
2621
|
//# sourceMappingURL=affix.js.map
|