@warp-ds/elements 2.9.1-next.2 → 2.9.1-next.4
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 +91 -262
- package/dist/docs/affix/affix.md +9 -10
- package/dist/docs/affix/api.md +9 -10
- package/dist/docs/alert/alert.md +4 -2
- package/dist/docs/alert/api.md +4 -2
- package/dist/docs/attention/api.md +21 -16
- package/dist/docs/attention/attention.md +21 -16
- package/dist/docs/badge/api.md +5 -6
- package/dist/docs/badge/badge.md +5 -6
- package/dist/docs/box/api.md +3 -4
- package/dist/docs/box/box.md +3 -4
- package/dist/docs/breadcrumbs/accessibility.md +46 -0
- package/dist/docs/breadcrumbs/api.md +8 -8
- package/dist/docs/breadcrumbs/breadcrumbs.md +127 -9
- package/dist/docs/breadcrumbs/examples.md +35 -0
- package/dist/docs/breadcrumbs/usage.md +36 -0
- package/dist/docs/button/api.md +15 -13
- package/dist/docs/button/button.md +15 -13
- package/dist/docs/card/api.md +5 -6
- package/dist/docs/card/card.md +5 -6
- package/dist/docs/combobox/api.md +18 -19
- package/dist/docs/combobox/combobox.md +18 -19
- package/dist/docs/datepicker/api.md +38 -39
- package/dist/docs/datepicker/datepicker.md +38 -39
- package/dist/docs/expandable/api.md +11 -12
- package/dist/docs/expandable/expandable.md +11 -12
- package/dist/docs/link/api.md +8 -6
- package/dist/docs/link/link.md +8 -6
- package/dist/docs/page-indicator/api.md +7 -8
- package/dist/docs/page-indicator/page-indicator.md +7 -8
- package/dist/docs/pagination/api.md +17 -9
- package/dist/docs/pagination/pagination.md +17 -9
- package/dist/docs/pill/api.md +30 -17
- package/dist/docs/pill/pill.md +30 -17
- package/dist/docs/select/api.md +17 -9
- package/dist/docs/select/select.md +17 -9
- package/dist/docs/slider/api.md +37 -116
- package/dist/docs/slider/examples.md +331 -0
- package/dist/docs/slider/slider.md +378 -118
- package/dist/docs/slider/usage.md +10 -0
- package/dist/docs/slider-thumb/api.md +26 -79
- package/dist/docs/slider-thumb/slider-thumb.md +26 -81
- package/dist/docs/step/api.md +3 -4
- package/dist/docs/step/step.md +3 -4
- package/dist/docs/step-indicator/api.md +3 -4
- package/dist/docs/step-indicator/step-indicator.md +3 -4
- package/dist/docs/switch/api.md +13 -5
- package/dist/docs/switch/switch.md +13 -5
- package/dist/docs/tab/api.md +9 -62
- package/dist/docs/tab/tab.md +9 -70
- package/dist/docs/tab-panel/api.md +7 -11
- package/dist/docs/tab-panel/tab-panel.md +7 -19
- package/dist/docs/tabs/accessibility.md +11 -0
- package/dist/docs/tabs/api.md +10 -18
- package/dist/docs/tabs/examples.md +68 -0
- package/dist/docs/tabs/tabs.md +97 -20
- package/dist/docs/tabs/usage.md +8 -0
- package/dist/docs/textarea/api.md +15 -16
- package/dist/docs/textarea/textarea.md +15 -16
- package/dist/docs/textfield/api.md +14 -15
- package/dist/docs/textfield/textfield.md +14 -15
- package/dist/index.d.ts +124 -242
- package/dist/packages/affix/affix.js +11 -12
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/alert/alert.d.ts +1 -1
- package/dist/packages/alert/alert.js.map +1 -1
- package/dist/packages/attention/attention.d.ts +3 -2
- package/dist/packages/attention/attention.js +27 -28
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +7 -1
- package/dist/packages/breadcrumbs/breadcrumbs.js +7 -8
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
- package/dist/packages/button/button.d.ts +4 -2
- package/dist/packages/button/button.js +14 -15
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/card/card.js +8 -9
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/checkbox/checkbox.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +2 -0
- package/dist/packages/checkbox-group/checkbox-group.js +15 -16
- package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
- package/dist/packages/checkbox-group/locales/da/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/en/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/fi/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/nb/messages.mjs +1 -1
- package/dist/packages/checkbox-group/locales/sv/messages.mjs +1 -1
- package/dist/packages/combobox/combobox.js +13 -14
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/locales/da/messages.mjs +1 -1
- package/dist/packages/combobox/locales/en/messages.mjs +1 -1
- package/dist/packages/combobox/locales/fi/messages.mjs +1 -1
- package/dist/packages/combobox/locales/nb/messages.mjs +1 -1
- package/dist/packages/combobox/locales/sv/messages.mjs +1 -1
- package/dist/packages/datepicker/datepicker.d.ts +2 -0
- package/dist/packages/datepicker/datepicker.js +51 -52
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/locales/da/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/en/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/fi/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/nb/messages.mjs +1 -1
- package/dist/packages/datepicker/locales/sv/messages.mjs +1 -1
- package/dist/packages/link/link.d.ts +2 -0
- package/dist/packages/modal-header/modal-header.js +13 -14
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.js +7 -8
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/pagination/locales/da/messages.mjs +1 -1
- package/dist/packages/pagination/locales/en/messages.mjs +1 -1
- package/dist/packages/pagination/locales/fi/messages.mjs +1 -1
- package/dist/packages/pagination/locales/nb/messages.mjs +1 -1
- package/dist/packages/pagination/locales/sv/messages.mjs +1 -1
- package/dist/packages/pagination/pagination.js +31 -32
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pagination/pagination.test.js +38 -0
- package/dist/packages/pill/pill.js +11 -12
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/radio/radio.d.ts +2 -0
- package/dist/packages/radio-group/radio-group.d.ts +2 -0
- package/dist/packages/radio-group/radio-group.js +17 -18
- package/dist/packages/radio-group/radio-group.js.map +4 -4
- package/dist/packages/select/select.js +19 -20
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/slider/locales/da/messages.mjs +1 -1
- package/dist/packages/slider/locales/en/messages.mjs +1 -1
- package/dist/packages/slider/locales/fi/messages.mjs +1 -1
- package/dist/packages/slider/locales/nb/messages.mjs +1 -1
- package/dist/packages/slider/locales/sv/messages.mjs +1 -1
- package/dist/packages/slider/slider.d.ts +36 -45
- package/dist/packages/slider/slider.js +22 -23
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider-thumb/slider-thumb.d.ts +41 -31
- package/dist/packages/slider-thumb/slider-thumb.js +33 -34
- package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
- package/dist/packages/step/locales/da/messages.mjs +1 -1
- package/dist/packages/step/locales/en/messages.mjs +1 -1
- package/dist/packages/step/locales/fi/messages.mjs +1 -1
- package/dist/packages/step/locales/nb/messages.mjs +1 -1
- package/dist/packages/step/locales/sv/messages.mjs +1 -1
- package/dist/packages/step/step.js +11 -12
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/switch/switch.d.ts +2 -0
- package/dist/packages/tab/tab.d.ts +31 -24
- package/dist/packages/tab/tab.js +3 -3
- package/dist/packages/tab/tab.js.map +2 -2
- package/dist/packages/tab-panel/tab-panel.d.ts +9 -8
- package/dist/packages/tab-panel/tab-panel.js +3 -3
- package/dist/packages/tab-panel/tab-panel.js.map +2 -2
- package/dist/packages/tabs/index.d.ts +1 -0
- package/dist/packages/tabs/index.js +0 -1
- package/dist/packages/tabs/react.d.ts +4 -3
- package/dist/packages/tabs/tabs.d.ts +9 -3
- package/dist/packages/tabs/tabs.js +1 -1
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/tabs/tabs.react.stories.d.ts +2 -2
- package/dist/packages/textarea/textarea.d.ts +2 -0
- package/dist/packages/textarea/textarea.js +20 -21
- package/dist/packages/textarea/textarea.js.map +4 -4
- package/dist/packages/textfield/textfield.d.ts +2 -0
- package/dist/packages/toast/toast.js +13 -14
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/web-types.json +206 -98
- package/package.json +20 -19
- package/dist/docs/tab/accessibility.md +0 -1
- package/dist/docs/tab/examples.md +0 -1
- package/dist/docs/tab/usage.md +0 -1
- package/dist/docs/tab-panel/accessibility.md +0 -1
- package/dist/docs/tab-panel/examples.md +0 -1
- package/dist/docs/tab-panel/usage.md +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Værdien skal være mellem \",[\"min\"],\" og \",[\"max\"]],\"slider.error.overlap\":[\"Maksimumværdien må ikke være mindre end minimumværdien\"],\"slider.error.required\":[\"Dette felt er påkrævet\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Value must be between \",[\"min\"],\" and \",[\"max\"]],\"slider.error.overlap\":[\"The maximum value cannot be less than the minimum\"],\"slider.error.required\":[\"This field is required\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Arvon on oltava välillä \",[\"min\"],\" - \",[\"max\"]],\"slider.error.overlap\":[\"Maksimiarvo ei voi olla pienempi kuin minimiarvo\"],\"slider.error.required\":[\"Tämä kenttä on pakollinen\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Verdien må være mellom \",[\"min\"],\" og \",[\"max\"]],\"slider.error.overlap\":[\"Maksimumsverdien kan ikke være mindre enn minimumsverdien\"],\"slider.error.required\":[\"Dette feltet er påkrevd\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.
|
|
1
|
+
/*eslint-disable*/ export const messages = JSON.parse("{\"slider.error.out_of_bounds\":[\"Värdet måste vara mellan \",[\"min\"],\" och \",[\"max\"]],\"slider.error.overlap\":[\"Maxvärdet kan inte vara mindre än minimivärdet\"],\"slider.error.required\":[\"Detta fält är obligatoriskt\"],\"slider.label.from\":[\"From\"],\"slider.label.to\":[\"To\"],\"slider.placeholder.from\":[\"Min\"],\"slider.placeholder.to\":[\"Max\"]}");
|
|
@@ -3,8 +3,6 @@ import type { SliderSlot } from '../slider-thumb/slider-thumb.js';
|
|
|
3
3
|
/**
|
|
4
4
|
* Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.
|
|
5
5
|
*
|
|
6
|
-
* [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
|
|
7
|
-
*
|
|
8
6
|
* @slot - For single sliders place a `<w-slider-thumb>` in the default slot.
|
|
9
7
|
* @slot label - Label for the slider or range slider as a whole.
|
|
10
8
|
* @slot description - Optional description between the label and slider.
|
|
@@ -13,8 +11,11 @@ import type { SliderSlot } from '../slider-thumb/slider-thumb.js';
|
|
|
13
11
|
*/
|
|
14
12
|
declare class WarpSlider extends LitElement {
|
|
15
13
|
#private;
|
|
14
|
+
/** @internal */
|
|
16
15
|
static shadowRootOptions: {
|
|
17
16
|
delegatesFocus: boolean;
|
|
17
|
+
clonable?: boolean;
|
|
18
|
+
customElementRegistry?: CustomElementRegistry;
|
|
18
19
|
mode: ShadowRootMode;
|
|
19
20
|
serializable?: boolean;
|
|
20
21
|
slotAssignment?: SlotAssignmentMode;
|
|
@@ -24,99 +25,89 @@ declare class WarpSlider extends LitElement {
|
|
|
24
25
|
* The slider fieldset label. Required for proper accessibility.
|
|
25
26
|
*
|
|
26
27
|
* If you need to display HTML, use the `label` slot instead (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`)
|
|
27
|
-
|
|
28
|
-
* @summary
|
|
29
|
-
* @description
|
|
30
|
-
*/
|
|
31
|
-
label: string;
|
|
32
|
-
/**
|
|
33
|
-
* @summary
|
|
34
|
-
* @description
|
|
35
28
|
*/
|
|
29
|
+
label: string;
|
|
36
30
|
disabled: boolean;
|
|
37
31
|
/**
|
|
38
32
|
* Whether or not to allow values outside the range such as "Before 1950" and "2025+".
|
|
39
|
-
|
|
40
|
-
* @summary
|
|
41
|
-
* @description
|
|
42
33
|
*/
|
|
43
34
|
openEnded: boolean;
|
|
44
35
|
/**
|
|
45
|
-
*
|
|
46
|
-
* @description
|
|
36
|
+
* Validation error text, if any
|
|
47
37
|
*/
|
|
48
38
|
error: string;
|
|
49
39
|
/**
|
|
50
|
-
*
|
|
51
|
-
* @description
|
|
40
|
+
* Additional description to show below the fieldset
|
|
52
41
|
*/
|
|
53
42
|
helpText: string;
|
|
54
43
|
/**
|
|
55
|
-
*
|
|
56
|
-
* @description
|
|
44
|
+
* Sets the form fields and fieldset in an invalid state
|
|
57
45
|
*/
|
|
58
46
|
invalid: boolean;
|
|
59
|
-
/**
|
|
60
|
-
*
|
|
61
|
-
* @description
|
|
47
|
+
/**
|
|
48
|
+
* Ensures a child slider thumb has a value before allowing the containing form to submit
|
|
62
49
|
*/
|
|
63
50
|
required: boolean;
|
|
64
51
|
/**
|
|
65
|
-
*
|
|
66
|
-
* @
|
|
52
|
+
* The minimum allowed value in the range inputs
|
|
53
|
+
* @default 0
|
|
67
54
|
*/
|
|
68
55
|
min: string;
|
|
69
56
|
/**
|
|
70
|
-
*
|
|
71
|
-
* @
|
|
57
|
+
* The maximum allowed value in the range inputs
|
|
58
|
+
* @default 100
|
|
72
59
|
*/
|
|
73
60
|
max: string;
|
|
74
|
-
/**
|
|
75
|
-
*
|
|
76
|
-
* @description
|
|
61
|
+
/**
|
|
62
|
+
* Pass a value similar to step to create visual markers at that interval
|
|
77
63
|
*/
|
|
78
64
|
markers: number;
|
|
79
65
|
/**
|
|
80
|
-
*
|
|
81
|
-
* @description
|
|
66
|
+
* ets step on the range input to jump between values when dragging
|
|
82
67
|
*/
|
|
83
68
|
step: number;
|
|
84
|
-
/**
|
|
85
|
-
*
|
|
86
|
-
* @description
|
|
69
|
+
/**
|
|
70
|
+
* Suffix used in text input fields and for the min and max values of the slider
|
|
87
71
|
*/
|
|
88
72
|
suffix: string;
|
|
89
73
|
/**
|
|
90
|
-
*
|
|
91
|
-
* @description
|
|
74
|
+
* Should only be used in special cases
|
|
92
75
|
*/
|
|
93
76
|
hiddenTextfield: boolean;
|
|
94
|
-
/**
|
|
95
|
-
*
|
|
96
|
-
* @description
|
|
77
|
+
/**
|
|
78
|
+
* Formatter for the tooltip and input mask values
|
|
97
79
|
*/
|
|
98
80
|
valueFormatter: (value: string, slot: SliderSlot) => string;
|
|
99
|
-
/**
|
|
100
|
-
* @
|
|
101
|
-
*
|
|
81
|
+
/**
|
|
82
|
+
* Overrides {@link valueFormatter} for the tooltip.
|
|
83
|
+
*
|
|
84
|
+
* Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip.
|
|
102
85
|
*/
|
|
103
86
|
tooltipFormatter: (value: string, slot: SliderSlot) => string;
|
|
104
|
-
/**
|
|
105
|
-
*
|
|
106
|
-
* @description
|
|
87
|
+
/**
|
|
88
|
+
* Formatter for the min and max labels below the range.
|
|
107
89
|
*/
|
|
108
90
|
labelFormatter: (slot: SliderSlot) => string;
|
|
91
|
+
/** @internal */
|
|
109
92
|
fieldset: HTMLFieldSetElement;
|
|
93
|
+
/** @internal */
|
|
110
94
|
_invalidMessage: string;
|
|
95
|
+
/** @internal */
|
|
111
96
|
_hasInternalError: boolean;
|
|
97
|
+
/** @internal */
|
|
112
98
|
_showError: boolean;
|
|
99
|
+
/** @internal */
|
|
113
100
|
_tabbableElements: Array<HTMLElement>;
|
|
114
101
|
constructor();
|
|
102
|
+
/** @internal */
|
|
115
103
|
get edgeMin(): string;
|
|
104
|
+
/** @internal */
|
|
116
105
|
get edgeMax(): string;
|
|
117
106
|
connectedCallback(): Promise<void>;
|
|
118
107
|
updated(changedProperties: PropertyValues<this>): void;
|
|
108
|
+
/** @internal */
|
|
119
109
|
get componentHasError(): boolean;
|
|
110
|
+
/** @internal */
|
|
120
111
|
get errorText(): string;
|
|
121
112
|
render(): import("lit").TemplateResult<1>;
|
|
122
113
|
}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function Re(o){return Ye.get(o)||o}var He=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function W(o,r=!1){return o.replace(He,function(e,t,a,i,n,s,d,h,x){if(t!==void 0)return"\\";if(a!==void 0)return qe(a);if(i!==void 0)return $e(i);if(n!==void 0)return Q(n,s);if(d!==void 0)return Q(d);if(h==="0")return"\0";if(h!==void 0)return Pe(h,!r);if(x!==void 0)return Re(x);throw new SyntaxError(p.errorMessages.get(p.ErrorType.EndOfString))})}m.unraw=W;m.default=W});import{html as z,LitElement as ke,nothing as H}from"lit";import{property as g,query as sr,state as O}from"lit/decorators.js";var te=De(ee(),1);var f=o=>typeof o=="string",Xe=o=>typeof o=="function",re=new Map,ae="en";function P(o){return[...Array.isArray(o)?o:[o],ae]}function Y(o,r,e){let t=P(o);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 L(()=>C("date",t,e),()=>new Intl.DateTimeFormat(t,a)).format(f(r)?new Date(r):r)}function Ue(o,r,e){let t;if(e||(e="default"),typeof e=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=e;return Y(o,r,t)}function q(o,r,e){let t=P(o);return L(()=>C("number",t,e),()=>new Intl.NumberFormat(t,e)).format(r)}function oe(o,r,e,{offset:t=0,...a}){var s,d;let i=P(o),n=r?L(()=>C("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):L(()=>C("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(d=(s=a[e])!=null?s:a[n.select(e-t)])!=null?d:a.other}function L(o,r){let e=o(),t=re.get(e);return t||(t=r(),re.set(e,t)),t}function C(o,r,e){let t=r.join("-");return`${o}-${t}-${JSON.stringify(e)}`}var ie=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ne="%__lingui_octothorpe__%",Ve=(o,r,e={})=>{let t=r||o,a=n=>typeof n=="object"?n:e[n],i=(n,s)=>{let d=Object.keys(e).length?a("number"):void 0,h=q(t,n,d);return s.replace(new RegExp(ne,"g"),h)};return{plural:(n,s)=>{let{offset:d=0}=s,h=oe(t,!1,n,s);return i(n-d,h)},selectordinal:(n,s)=>{let{offset:d=0}=s,h=oe(t,!0,n,s);return i(n-d,h)},select:Ze,number:(n,s)=>q(t,n,a(s)||{style:s}),date:(n,s)=>Y(t,n,a(s)||s),time:(n,s)=>Ue(t,n,a(s)||s)}},Ze=(o,r)=>{var e;return(e=r[o])!=null?e:r.other};function Be(o,r,e){return(t={},a)=>{let i=Ve(r,e,a),n=(d,h=!1)=>Array.isArray(d)?d.reduce((x,M)=>{if(M==="#"&&h)return x+ne;if(f(M))return x+M;let[U,k,V]=M,D={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(V).forEach(([A,Se])=>{D[A]=n(Se,k==="plural"||k==="selectordinal")}):D=V;let T;if(k){let A=i[k];T=A(t[U],D)}else T=t[U];return T==null?x:x+T},""):d,s=n(o);return f(s)&&ie.test(s)?(0,te.unraw)(s):f(s)?s:s?String(s):""}}var Je=Object.defineProperty,Ge=(o,r,e)=>r in o?Je(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,Ke=(o,r,e)=>(Ge(o,typeof r!="symbol"?r+"":r,e),e),j=class{constructor(){Ke(this,"_events",{})}on(r,e){var a;var t;return(a=(t=this._events)[r])!=null||(t[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let t=this._getListeners(r);if(!t)return;let a=t.indexOf(e);~a&&t.splice(a,1)}emit(r,...e){let t=this._getListeners(r);t&&t.map(a=>a.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Qe=Object.defineProperty,We=(o,r,e)=>r in o?Qe(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,_=(o,r,e)=>(We(o,typeof r!="symbol"?r+"":r,e),e),$=class extends j{constructor(r){var e;super(),_(this,"_locale",""),_(this,"_locales"),_(this,"_localeData",{}),_(this,"_messages",{}),_(this,"_missing"),_(this,"_messageCompiler"),_(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((e=r.locale)!=null?e:ae,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var r;return(r=this._messages[this._locale])!=null?r:{}}get localeData(){var r;return(r=this._localeData[this._locale])!=null?r:{}}_loadLocaleData(r,e){let t=this._localeData[r];t?Object.assign(t,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(t=>this._loadLocaleData(t,r[t])),this.emit("change")}_load(r,e){let t=this._messages[r];t?Object.assign(t,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:t}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=t,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,t){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=t==null?void 0:t.message;r||(r=""),f(r)||(e=r.values||e,a=r.message,r=r.id);let i=this.messages[r],n=i===void 0,s=this._missing;if(s&&n)return Xe(s)?s(this._locale,r):s;n&&this.emit("missing",{id:r,locale:this._locale});let d=i||a||r;return f(d)&&(this._messageCompiler?d=this._messageCompiler(d):console.warn(`Uncompiled message detected! Message:
|
|
1
|
+
var ve=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var P=t=>{throw TypeError(t)};var b=(t,r,e,o)=>{for(var a=o>1?void 0:o?fe(r,e):r,i=t.length-1,s;i>=0;i--)(s=t[i])&&(a=(o?s(r,e,a):s(a))||a);return o&&a&&ve(r,e,a),a};var we=(t,r,e)=>r.has(t)||P("Cannot "+e);var R=(t,r,e)=>r.has(t)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e);var h=(t,r,e)=>(we(t,r,"access private method"),e);import{html as x,LitElement as de,nothing as j}from"lit";import{property as g,query as je,state as T}from"lit/decorators.js";var u=t=>typeof t=="string",xe=t=>typeof t=="function",X=new Map,Z="en";function Y(t){return[...Array.isArray(t)?t:[t],Z]}function $(t,r,e){let o=Y(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 z(()=>E("date",o,e),()=>new Intl.DateTimeFormat(o,a)).format(u(r)?new Date(r):r)}function ke(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 $(t,r,o)}function N(t,r,e){let o=Y(t);return z(()=>E("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function V(t,r,e,{offset:o=0,...a}){var n,c;let i=Y(t),s=r?z(()=>E("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):z(()=>E("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(c=(n=a[e])!=null?n:a[s.select(e-o)])!=null?c:a.other}function z(t,r){let e=t(),o=X.get(e);return o||(o=r(),X.set(e,o)),o}function E(t,r,e){let o=r.join("-");return`${t}-${o}-${JSON.stringify(e)}`}var H=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=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)}}),J="%__lingui_octothorpe__%",ye=(t,r,e={})=>{let o=r||t,a=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let c=Object.keys(e).length?a("number"):void 0,v=N(o,s,c);return n.replace(new RegExp(J,"g"),v)};return{plural:(s,n)=>{let{offset:c=0}=n,v=V(o,!1,s,n);return i(s-c,v)},selectordinal:(s,n)=>{let{offset:c=0}=n,v=V(o,!0,s,n);return i(s-c,v)},select:_e,number:(s,n)=>N(o,s,a(n)||{style:n}),date:(s,n)=>$(o,s,a(n)||n),time:(s,n)=>ke(o,s,a(n)||n)}},_e=(t,r)=>{var e;return(e=r[t])!=null?e:r.other};function ze(t,r,e){return(o={},a)=>{let i=ye(r,e,a),s=(c,v=!1)=>Array.isArray(c)?c.reduce((k,y)=>{if(y==="#"&&v)return k+J;if(u(y))return k+y;let[I,f,O]=y,S={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([F,me])=>{S[F]=s(me,f==="plural"||f==="selectordinal")}):S=O;let _;if(f){let F=i[f];_=F(o[I],S)}else _=o[I];return _==null?k:k+_},""):c,n=s(t);return u(n)&&H.test(n)?B(n):u(n)?n:n?String(n):""}}var Ee=Object.defineProperty,Me=(t,r,e)=>r in t?Ee(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,Te=(t,r,e)=>(Me(t,typeof r!="symbol"?r+"":r,e),e),A=class{constructor(){Te(this,"_events",{})}on(r,e){var a;var o;return(a=(o=this._events)[r])!=null||(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}},Le=Object.defineProperty,Se=(t,r,e)=>r in t?Le(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,w=(t,r,e)=>(Se(t,typeof r!="symbol"?r+"":r,e),e),C=class extends A{constructor(r){var e;super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(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((e=r.locale)!=null?e:Z,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var r;return(r=this._messages[this._locale])!=null?r:{}}get localeData(){var r;return(r=this._localeData[this._locale])!=null?r:{}}_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==null?void 0:o.message;r||(r=""),u(r)||(e=r.values||e,a=r.message,r=r.id);let i=this.messages[r],s=i===void 0,n=this._missing;if(n&&s)return xe(n)?n(this._locale,r):n;s&&this.emit("missing",{id:r,locale:this._locale});let c=i||a||r;return u(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
|
|
3
2
|
|
|
4
|
-
> ${
|
|
3
|
+
> ${c}
|
|
5
4
|
|
|
6
5
|
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
7
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
7
|
|
|
9
8
|
Please compile your catalog first.
|
|
10
|
-
`)),
|
|
9
|
+
`)),u(c)&&H.test(c)?B(c):u(c)?c:ze(c,this._locale,this._locales)(e,o==null?void 0:o.formats)}date(r,e){return $(this._locales||this._locale,r,e)}number(r,e){return N(this._locales||this._locale,r,e)}};function Fe(t={}){return new C(t)}var p=Fe();var Ne=["en","nb","fi","da","sv"],D="en",M=t=>Ne.find(r=>t===r||t.toLowerCase().includes(r))||D;function U(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(t)}try{let t=G(document);if(t)return M(t);let r=$e();if(r)return M(r);let e=G(ee());return e?M(e):D}catch(t){return console.warn("could not detect locale, falling back to source locale",t),D}}var Q=(t,r,e,o,a)=>{p.load("en",t),p.load("nb",r),p.load("fi",e),p.load("da",o),p.load("sv",a);let i=U();p.activate(i),W(),Ce()},Ae="warp-i18n-change";function W(){typeof window!="undefined"&&window.dispatchEvent(new Event(Ae))}var K=!1;function Ce(){if(K||typeof window=="undefined"||!(document!=null&&document.documentElement))return;K=!0;let t=()=>{let a=U();p.locale!==a&&(p.activate(a),W())},r=new MutationObserver(a=>{for(let i of a)if(i.type==="attributes"&&i.attributeName==="lang"){t();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ee();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ye();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){var t,r;try{return(r=(t=window.parent)==null?void 0:t.document)!=null?r:null}catch(e){return null}}function G(t){var r,e;try{return(e=(r=t==null?void 0:t.documentElement)==null?void 0:r.lang)!=null?e:""}catch(o){return""}}function Ye(){var t;try{return(t=window.frameElement)!=null?t:null}catch(r){return null}}function $e(){var t,r,e;try{return(e=(r=(t=window.frameElement)==null?void 0:t.getAttribute)==null?void 0:r.call(t,"lang"))!=null?e:""}catch(o){return""}}import{css as re}from"lit";var oe=re`
|
|
11
10
|
*,
|
|
12
11
|
:before,
|
|
13
12
|
:after {
|
|
@@ -280,7 +279,7 @@ Please compile your catalog first.
|
|
|
280
279
|
svg {
|
|
281
280
|
pointer-events: none;
|
|
282
281
|
}
|
|
283
|
-
`,
|
|
282
|
+
`,Ve=re`*, :before, :after {
|
|
284
283
|
--w-rotate: 0;
|
|
285
284
|
--w-rotate-x: 0;
|
|
286
285
|
--w-rotate-y: 0;
|
|
@@ -2446,7 +2445,7 @@ Please compile your catalog first.
|
|
|
2446
2445
|
display: none
|
|
2447
2446
|
}
|
|
2448
2447
|
}
|
|
2449
|
-
`;var
|
|
2448
|
+
`;var te=JSON.parse('{"slider.error.out_of_bounds":["V\xE6rdien skal v\xE6re mellem ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumv\xE6rdien m\xE5 ikke v\xE6re mindre end minimumv\xE6rdien"],"slider.error.required":["Dette felt er p\xE5kr\xE6vet"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var ae=JSON.parse('{"slider.error.out_of_bounds":["Value must be between ",["min"]," and ",["max"]],"slider.error.overlap":["The maximum value cannot be less than the minimum"],"slider.error.required":["This field is required"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var ie=JSON.parse('{"slider.error.out_of_bounds":["Arvon on oltava v\xE4lill\xE4 ",["min"]," - ",["max"]],"slider.error.overlap":["Maksimiarvo ei voi olla pienempi kuin minimiarvo"],"slider.error.required":["T\xE4m\xE4 kentt\xE4 on pakollinen"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var se=JSON.parse('{"slider.error.out_of_bounds":["Verdien m\xE5 v\xE6re mellom ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumsverdien kan ikke v\xE6re mindre enn minimumsverdien"],"slider.error.required":["Dette feltet er p\xE5krevd"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var ne=JSON.parse('{"slider.error.out_of_bounds":["V\xE4rdet m\xE5ste vara mellan ",["min"]," och ",["max"]],"slider.error.overlap":["Maxv\xE4rdet kan inte vara mindre \xE4n minimiv\xE4rdet"],"slider.error.required":["Detta f\xE4lt \xE4r obligatoriskt"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');import{css as De}from"lit";var le=De`
|
|
2450
2449
|
.w-slider {
|
|
2451
2450
|
position: relative;
|
|
2452
2451
|
border: none;
|
|
@@ -2598,45 +2597,45 @@ Please compile your catalog first.
|
|
|
2598
2597
|
bottom: 0;
|
|
2599
2598
|
grid-area: slider;
|
|
2600
2599
|
}
|
|
2601
|
-
`;var l,
|
|
2600
|
+
`;var l,m,ce,be,he,ge,pe,ue,q,L,d=class extends de{constructor(){super();R(this,l);this.disabled=!1;this.openEnded=!1;this.invalid=!1;this.required=!1;this.hiddenTextfield=!1;this._invalidMessage="";this._hasInternalError=!1;this._showError=!1;this._tabbableElements=[];Q(ae,se,ie,te,ne)}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),this.min!==void 0&&this.fieldset.style.setProperty("--min",this.edgeMin),this.max!==void 0&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1");let e=this.querySelectorAll("w-slider-thumb");if(e.length===2){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");let a=Array.from(e);this._tabbableElements[0]=a[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=a[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=a[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=a[1].shadowRoot.querySelector("w-textfield")}else if(e.length===1){let a=Array.from(e);this._tabbableElements[0]=a[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=a[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),h(this,l,m).call(this)}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&h(this,l,m).call(this),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,h(this,l,m).call(this))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}render(){return x`
|
|
2602
2601
|
<fieldset
|
|
2603
2602
|
id="fieldset"
|
|
2604
2603
|
class="w-slider"
|
|
2605
|
-
@input="${
|
|
2606
|
-
@focusout="${
|
|
2607
|
-
@slidervalidity="${
|
|
2608
|
-
@thumbreset="${
|
|
2609
|
-
@keydown="${
|
|
2610
|
-
aria-invalid="${this.errorText?"true":
|
|
2604
|
+
@input="${h(this,l,be)}"
|
|
2605
|
+
@focusout="${h(this,l,he)}"
|
|
2606
|
+
@slidervalidity="${h(this,l,ue)}"
|
|
2607
|
+
@thumbreset="${h(this,l,ce)}"
|
|
2608
|
+
@keydown="${h(this,l,ge)}"
|
|
2609
|
+
aria-invalid="${this.errorText?"true":j}"
|
|
2611
2610
|
?disabled="${this.disabled}"
|
|
2612
2611
|
>
|
|
2613
|
-
${this.label?
|
|
2612
|
+
${this.label?x`<legend class="w-slider__label">
|
|
2614
2613
|
<slot id="label" name="label">${this.label}</slot>
|
|
2615
|
-
</legend>`:
|
|
2614
|
+
</legend>`:x`<slot id="label" name="label"></slot>`}
|
|
2616
2615
|
<slot class="w-slider__description" name="description"></slot>
|
|
2617
|
-
${this.markers?
|
|
2616
|
+
${this.markers?x`<div class="w-slider__markers"></div>`:j}
|
|
2618
2617
|
<div class="w-slider__range">
|
|
2619
2618
|
<div class="w-slider__active-range"></div>
|
|
2620
2619
|
</div>
|
|
2621
2620
|
<slot
|
|
2622
2621
|
class="w-slider__slider"
|
|
2623
|
-
@slotchange=${
|
|
2622
|
+
@slotchange=${h(this,l,m)}
|
|
2624
2623
|
></slot>
|
|
2625
2624
|
<slot
|
|
2626
2625
|
class="w-slider__slider"
|
|
2627
2626
|
name="from"
|
|
2628
|
-
@slotchange=${
|
|
2627
|
+
@slotchange=${h(this,l,m)}
|
|
2629
2628
|
></slot>
|
|
2630
2629
|
<slot
|
|
2631
2630
|
class="w-slider__slider"
|
|
2632
2631
|
name="to"
|
|
2633
|
-
@slotchange=${
|
|
2632
|
+
@slotchange=${h(this,l,m)}
|
|
2634
2633
|
></slot>
|
|
2635
|
-
${this.errorText?
|
|
2634
|
+
${this.errorText?x`<p class="w-slider__error" aria-describes="fieldset">
|
|
2636
2635
|
${this.errorText}
|
|
2637
|
-
</p>`:this.helpText?
|
|
2636
|
+
</p>`:this.helpText?x`<p class="w-slider__help-text" aria-describes="fieldset">
|
|
2638
2637
|
${this.helpText}
|
|
2639
|
-
</p>`:
|
|
2638
|
+
</p>`:j}
|
|
2640
2639
|
</fieldset>
|
|
2641
|
-
`}};l=new WeakSet,
|
|
2640
|
+
`}};l=new WeakSet,m=function(){var a;let e=this.querySelectorAll("w-slider-thumb"),o=!1;for(let i of e.values())i.min=this.edgeMin,i.max=this.edgeMax,i.step=this.step,i.suffix=(a=this.suffix)!=null?a:"",i.required=this.required,i.labelFormatter=this.labelFormatter,i.valueFormatter=this.valueFormatter,i.tooltipFormatter=this.tooltipFormatter,i.openEnded=this.openEnded,i._hiddenTextfield=this.hiddenTextfield,i.ariaLabel||(i.slot||(i.ariaLabel=this.label),i.slot==="from"&&(i.ariaLabel=`${this.label} min`),i.slot==="to"&&(i.ariaLabel=`${this.label} max`)),(i.slot==="from"||i.slot==="to")&&(o=!0),i.disabled=this.disabled,i.invalid=!!this.errorText,h(this,l,L).call(this,i);o?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")},ce=function(e){e.stopPropagation();let o=e.target;h(this,l,L).call(this,o)},be=function(e){let o=e.target;h(this,l,L).call(this,o),o.slot&&h(this,l,pe).call(this)},he=function(){this.componentHasError?this._showError=!0:this._showError=!1,h(this,l,m).call(this)},ge=function(e){if(e.key==="Tab"){let o=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(o===-1)return;let a=e.shiftKey?-1:1,i=this._tabbableElements[o+a];if(!i)return;e.preventDefault(),i.focus()}},pe=function(){let e,o,a=this.querySelectorAll("w-slider-thumb");for(let i of a.values())i.slot==="from"&&(e=i),i.slot==="to"&&(o=i);!e||!o||!e.invalid&&o.invalid},ue=function(e){e.stopPropagation();let o=this._hasInternalError||this.invalid,a=e.target;if(this._hasInternalError=!!e.detail.invalid||this.invalid,this._invalidMessage=e.detail.invalid,o===!0&&this._hasInternalError===!1){let i=this.querySelectorAll("w-slider-thumb");for(let s of i.values())s!==a&&s.updateFieldAfterValidation()}},q=function(e,o){return(o.value===void 0||o.value===null)&&(o.value=this.openEnded?"":e),o.value===""?e:o.value},L=function(e){let o=e.slot;o||this.fieldset.style.setProperty("--from","0"),o==="from"&&this.fieldset.style.setProperty("--from",h(this,l,q).call(this,this.edgeMin,e)),(!o||o==="to")&&this.fieldset.style.setProperty("--to",h(this,l,q).call(this,this.edgeMax,e))},d.shadowRootOptions={...de.shadowRootOptions,delegatesFocus:!0},d.styles=[oe,le],b([g({reflect:!0})],d.prototype,"label",2),b([g({type:Boolean,reflect:!0})],d.prototype,"disabled",2),b([g({type:Boolean,attribute:"open-ended"})],d.prototype,"openEnded",2),b([g({type:String,reflect:!0})],d.prototype,"error",2),b([g({type:String,reflect:!0,attribute:"help-text"})],d.prototype,"helpText",2),b([g({type:Boolean,reflect:!0})],d.prototype,"invalid",2),b([g({type:Boolean,reflect:!0})],d.prototype,"required",2),b([g({reflect:!0})],d.prototype,"min",2),b([g({reflect:!0})],d.prototype,"max",2),b([g({type:Number,reflect:!0})],d.prototype,"markers",2),b([g({type:Number,reflect:!0})],d.prototype,"step",2),b([g({reflect:!0})],d.prototype,"suffix",2),b([g({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],d.prototype,"hiddenTextfield",2),b([g({attribute:!1})],d.prototype,"valueFormatter",2),b([g({attribute:!1})],d.prototype,"tooltipFormatter",2),b([g({attribute:!1})],d.prototype,"labelFormatter",2),b([je("fieldset")],d.prototype,"fieldset",2),b([T()],d.prototype,"_invalidMessage",2),b([T()],d.prototype,"_hasInternalError",2),b([T()],d.prototype,"_showError",2),b([T()],d.prototype,"_tabbableElements",2);customElements.get("w-slider")||customElements.define("w-slider",d);export{d as WarpSlider};
|
|
2642
2641
|
//# sourceMappingURL=slider.js.map
|