@felleslosninger/minid-elements 0.0.105 → 0.0.107
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/components/checkbox.js.map +1 -1
- package/dist/components/code-input.component.d.ts.map +1 -1
- package/dist/components/code-input.js.map +1 -1
- package/dist/components/combobox.component.d.ts +9 -9
- package/dist/components/combobox.component.d.ts.map +1 -1
- package/dist/components/combobox.js +52 -55
- package/dist/components/combobox.js.map +1 -1
- package/dist/components/dropdown.component.d.ts.map +1 -1
- package/dist/components/dropdown.js +13 -5
- package/dist/components/dropdown.js.map +1 -1
- package/dist/components/icon/icon.component.d.ts.map +1 -1
- package/dist/components/icon/icon.js.map +1 -1
- package/dist/components/phone-input.component.d.ts +12 -2
- package/dist/components/phone-input.component.d.ts.map +1 -1
- package/dist/components/phone-input.js +40 -9
- package/dist/components/phone-input.js.map +1 -1
- package/dist/components/popup.js +1 -1
- package/dist/components/radio-group.component.d.ts.map +1 -1
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/step-indicator.component.d.ts.map +1 -1
- package/dist/components/step-indicator.js +14 -5
- package/dist/components/step-indicator.js.map +1 -1
- package/dist/components/validation-message.component.d.ts +12 -0
- package/dist/components/validation-message.component.d.ts.map +1 -0
- package/dist/components/validation-message.js +32 -0
- package/dist/components/validation-message.js.map +1 -0
- package/dist/designsystemet-tailwind.css +13 -13
- package/dist/events/events.d.ts +2 -0
- package/dist/events/events.d.ts.map +1 -1
- package/dist/events/mid-invalid-hide.d.ts +9 -0
- package/dist/events/mid-invalid-hide.d.ts.map +1 -0
- package/dist/events/mid-invalid-show.d.ts +9 -0
- package/dist/events/mid-invalid-show.d.ts.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/internal/string-converter.d.ts.map +1 -1
- package/dist/internal/string-converter.js.map +1 -1
- package/dist/mixins/form-control.mixin.d.ts.map +1 -1
- package/dist/mixins/form-control.mixin.js.map +1 -1
- package/dist/mixins/form-controller.mixin.d.ts.map +1 -1
- package/dist/mixins/form-controller.mixin.js.map +1 -1
- package/dist/mixins/validators.d.ts.map +1 -1
- package/dist/mixins/validators.js.map +1 -1
- package/dist/types/form-control.d.ts.map +1 -1
- package/dist/types/validator.type.d.ts.map +1 -1
- package/dist/utilities/animation-registry.d.ts.map +1 -1
- package/dist/utilities/animation-registry.js.map +1 -1
- package/dist/utilities/country-labels-no.d.ts.map +1 -1
- package/dist/utilities/country-labels-no.js.map +1 -1
- package/package.json +7 -4
|
@@ -28,15 +28,24 @@ let MinidStepIndicator = class extends styled(LitElement, styles) {
|
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
30
|
return html`
|
|
31
|
-
<ul class="flex
|
|
31
|
+
<ul class="flex gap-8">
|
|
32
32
|
${Array.from({ length: this.steps }).map((_, index) => {
|
|
33
33
|
const step = index + 1;
|
|
34
|
+
const isActive = step === this.current;
|
|
35
|
+
const isCompleted = step < this.current;
|
|
36
|
+
const isUpcoming = step > this.current;
|
|
34
37
|
return html`<li
|
|
35
38
|
class="${classMap({
|
|
36
|
-
"bg-accent-
|
|
37
|
-
"
|
|
38
|
-
"bg-
|
|
39
|
-
|
|
39
|
+
"after:bg-accent-base": isActive || isCompleted,
|
|
40
|
+
"border-accent-base": isActive || isCompleted,
|
|
41
|
+
"after:bg-neutral-surface-active": isUpcoming,
|
|
42
|
+
"border-neutral-surface-active": isUpcoming,
|
|
43
|
+
"bg-neutral-surface-active": isUpcoming,
|
|
44
|
+
"after:bg-transparent": step === 1,
|
|
45
|
+
"bg-neutral-surface": isCompleted,
|
|
46
|
+
"bg-accent-base": isActive,
|
|
47
|
+
"bg-accent": isUpcoming
|
|
48
|
+
})} relative rounded-full border-4 p-1.5 after:absolute after:-left-1 after:block after:h-1 after:w-8 after:-translate-x-full after:-translate-y-1/2"
|
|
40
49
|
></li>`;
|
|
41
50
|
})}
|
|
42
51
|
</ul>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"step-indicator.js","sources":["../../src/components/step-indicator.component.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { styled } from '../mixins/tailwind.mixin';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'mid-step-indicator': MinidStepIndicator;\n }\n}\n\nconst styles = [\n css`\n :host {\n display: flex;\n justify-content: center;\n }\n `,\n];\n\n@customElement('mid-step-indicator')\nexport class MinidStepIndicator extends styled(LitElement, styles) {\n @property({ type: Number })\n steps = 0;\n\n @property({ type: Number })\n current = 0;\n\n override render() {\n return html`\n <ul class=\"flex
|
|
1
|
+
{"version":3,"file":"step-indicator.js","sources":["../../src/components/step-indicator.component.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { styled } from '../mixins/tailwind.mixin';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'mid-step-indicator': MinidStepIndicator;\n }\n}\n\nconst styles = [\n css`\n :host {\n display: flex;\n justify-content: center;\n }\n `,\n];\n\n@customElement('mid-step-indicator')\nexport class MinidStepIndicator extends styled(LitElement, styles) {\n @property({ type: Number })\n steps = 0;\n\n @property({ type: Number })\n current = 0;\n\n override render() {\n return html`\n <ul class=\"flex gap-8\">\n ${Array.from({ length: this.steps }).map((_, index) => {\n const step = index + 1;\n const isActive = step === this.current;\n const isCompleted = step < this.current;\n const isUpcoming = step > this.current;\n return html`<li\n class=\"${classMap({\n 'after:bg-accent-base': isActive || isCompleted,\n 'border-accent-base': isActive || isCompleted,\n 'after:bg-neutral-surface-active': isUpcoming,\n 'border-neutral-surface-active': isUpcoming,\n 'bg-neutral-surface-active': isUpcoming,\n 'after:bg-transparent': step === 1,\n 'bg-neutral-surface': isCompleted,\n 'bg-accent-base': isActive,\n 'bg-accent': isUpcoming,\n })} relative rounded-full border-4 p-1.5 after:absolute after:-left-1 after:block after:h-1 after:w-8 after:-translate-x-full after:-translate-y-1/2\"\n ></li>`;\n })}\n </ul>\n `;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,SAAS;AAAA,EACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAMF;AAGO,IAAM,qBAAN,cAAiC,OAAO,YAAY,MAAM,EAAE;AAAA,EAA5D,cAAA;AAAA,UAAA,GAAA,SAAA;AAEG,SAAA,QAAA;AAGE,SAAA,UAAA;AAAA,EAAA;AAAA,EAED,SAAS;AACT,WAAA;AAAA;AAAA,UAED,MAAM,KAAK,EAAE,QAAQ,KAAK,MAAO,CAAA,EAAE,IAAI,CAAC,GAAG,UAAU;AACrD,YAAM,OAAO,QAAQ;AACf,YAAA,WAAW,SAAS,KAAK;AACzB,YAAA,cAAc,OAAO,KAAK;AAC1B,YAAA,aAAa,OAAO,KAAK;AACxB,aAAA;AAAA,qBACI,SAAS;AAAA,QAChB,wBAAwB,YAAY;AAAA,QACpC,sBAAsB,YAAY;AAAA,QAClC,mCAAmC;AAAA,QACnC,iCAAiC;AAAA,QACjC,6BAA6B;AAAA,QAC7B,wBAAwB,SAAS;AAAA,QACjC,sBAAsB;AAAA,QACtB,kBAAkB;AAAA,QAClB,aAAa;AAAA,MAAA,CACd,CAAC;AAAA;AAAA,IAAA,CAEL,CAAC;AAAA;AAAA;AAAA,EAAA;AAIV;AA9BE,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GADf,mBAEX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAJf,mBAKX,WAAA,WAAA,CAAA;AALW,qBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,kBAAA;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'mid-validation-message': MinidValidationMessage;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
declare const MinidValidationMessage_base: typeof LitElement;
|
|
8
|
+
export declare class MinidValidationMessage extends MinidValidationMessage_base {
|
|
9
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
10
|
+
}
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=validation-message.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validation-message.component.d.ts","sourceRoot":"","sources":["../../src/components/validation-message.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,0BAA0B,CAAC;AAElC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,sBAAsB,CAAC;KAClD;CACF;;AAED,qBACa,sBAAuB,SAAQ,2BAAkB;IACnD,MAAM;CAWhB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { LitElement, html } from "lit";
|
|
2
|
+
import { customElement } from "lit/decorators.js";
|
|
3
|
+
import { styled } from "../mixins/tailwind.mixin.js";
|
|
4
|
+
import "./icon/icon.js";
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
7
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
8
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
9
|
+
if (decorator = decorators[i])
|
|
10
|
+
result = decorator(result) || result;
|
|
11
|
+
return result;
|
|
12
|
+
};
|
|
13
|
+
let MinidValidationMessage = class extends styled(LitElement) {
|
|
14
|
+
render() {
|
|
15
|
+
return html`
|
|
16
|
+
<div class="text-danger-subtle mt-2 flex gap-1" aria-live="polite">
|
|
17
|
+
<mid-icon
|
|
18
|
+
name="xmark-octagon-fill"
|
|
19
|
+
class="mt-1 min-h-5 min-w-5"
|
|
20
|
+
></mid-icon>
|
|
21
|
+
<slot> </slot>
|
|
22
|
+
</div>
|
|
23
|
+
`;
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
MinidValidationMessage = __decorateClass([
|
|
27
|
+
customElement("mid-validation-message")
|
|
28
|
+
], MinidValidationMessage);
|
|
29
|
+
export {
|
|
30
|
+
MinidValidationMessage
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=validation-message.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validation-message.js","sources":["../../src/components/validation-message.component.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { styled } from '../mixins/tailwind.mixin';\nimport './icon/icon.component.ts';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'mid-validation-message': MinidValidationMessage;\n }\n}\n\n@customElement('mid-validation-message')\nexport class MinidValidationMessage extends styled(LitElement) {\n override render() {\n return html`\n <div class=\"text-danger-subtle mt-2 flex gap-1\" aria-live=\"polite\">\n <mid-icon\n name=\"xmark-octagon-fill\"\n class=\"mt-1 min-h-5 min-w-5\"\n ></mid-icon>\n <slot> </slot>\n </div>\n `;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAYO,IAAM,yBAAN,cAAqC,OAAO,UAAU,EAAE;AAAA,EACpD,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAUX;AAZa,yBAAN,gBAAA;AAAA,EADN,cAAc,wBAAwB;AAAA,GAC1B,sBAAA;"}
|
|
@@ -22,16 +22,6 @@
|
|
|
22
22
|
--font-sans: 'Inter', 'Arial', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
23
23
|
--font-sans--font-feature-settings: 'cv05' 1;
|
|
24
24
|
--font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
|
|
25
|
-
--text-1: 0.75rem;
|
|
26
|
-
--text-2: 0.875rem;
|
|
27
|
-
--text-3: 1rem;
|
|
28
|
-
--text-4: 1.125rem;
|
|
29
|
-
--text-5: 1.3125rem;
|
|
30
|
-
--text-6: 1.5rem;
|
|
31
|
-
--text-7: 1.875rem;
|
|
32
|
-
--text-8: 2.25rem;
|
|
33
|
-
--text-9: 3rem;
|
|
34
|
-
--text-10: 3.75rem;
|
|
35
25
|
--text-heading-2xl--font-weight: 500;
|
|
36
26
|
--text-heading-2xl--line-height: 1.3;
|
|
37
27
|
--text-heading-2xl: 3.75rem;
|
|
@@ -120,6 +110,19 @@
|
|
|
120
110
|
--text-body-long-xs--line-height: 1.7;
|
|
121
111
|
--text-body-long-xs: 0.875rem;
|
|
122
112
|
--text-body-long-xs--letter-spacing: 0.15%;
|
|
113
|
+
--text-1: 0.75rem;
|
|
114
|
+
--text-2: 0.875rem;
|
|
115
|
+
--text-3: 1rem;
|
|
116
|
+
--text-4: 1.125rem;
|
|
117
|
+
--text-5: 1.3125rem;
|
|
118
|
+
--text-6: 1.5rem;
|
|
119
|
+
--text-7: 1.875rem;
|
|
120
|
+
--text-8: 2.25rem;
|
|
121
|
+
--text-9: 3rem;
|
|
122
|
+
--text-10: 3.75rem;
|
|
123
|
+
--font-weight-medium: 500;
|
|
124
|
+
--font-weight-semibold: 600;
|
|
125
|
+
--font-weight-regular: 400;
|
|
123
126
|
--leading-sm: 1.3;
|
|
124
127
|
--leading-md: 1.5;
|
|
125
128
|
--leading-lg: 1.7;
|
|
@@ -132,9 +135,6 @@
|
|
|
132
135
|
--tracking-7: 0.25%;
|
|
133
136
|
--tracking-8: 0.5%;
|
|
134
137
|
--tracking-9: 1.5%;
|
|
135
|
-
--font-weight-medium: 500;
|
|
136
|
-
--font-weight-semibold: 600;
|
|
137
|
-
--font-weight-regular: 400;
|
|
138
138
|
|
|
139
139
|
/******************************
|
|
140
140
|
* Color
|
package/dist/events/events.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/events/events.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/events/events.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mid-invalid-hide.d.ts","sourceRoot":"","sources":["../../src/events/mid-invalid-hide.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAAE,QAAQ,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC;AAE3E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,kBAAkB,EAAE,mBAAmB,CAAC;KACzC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mid-invalid-show.d.ts","sourceRoot":"","sources":["../../src/events/mid-invalid-show.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAAE,QAAQ,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC;AAE3E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,kBAAkB,EAAE,mBAAmB,CAAC;KACzC;CACF"}
|
package/dist/index.d.ts
CHANGED
|
@@ -22,5 +22,6 @@ export { MinidSpinner } from './components/spinner.component.ts';
|
|
|
22
22
|
export { MinidStepIndicator } from './components/step-indicator.component.ts';
|
|
23
23
|
export { MinidTextfield } from './components/textfield.component.ts';
|
|
24
24
|
export { MinidTooltip } from './components/tooltip.component.ts';
|
|
25
|
+
export { MinidValidationMessage } from './components/validation-message.component.ts';
|
|
25
26
|
export * from './events/events.ts';
|
|
26
27
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAEtF,cAAc,oBAAoB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -22,6 +22,7 @@ import { MinidSpinner } from "./components/spinner.js";
|
|
|
22
22
|
import { MinidStepIndicator } from "./components/step-indicator.js";
|
|
23
23
|
import { MinidTextfield } from "./components/textfield.js";
|
|
24
24
|
import { MinidTooltip } from "./components/tooltip.js";
|
|
25
|
+
import { MinidValidationMessage } from "./components/validation-message.js";
|
|
25
26
|
export {
|
|
26
27
|
MinidAlert,
|
|
27
28
|
MinidButton,
|
|
@@ -46,6 +47,7 @@ export {
|
|
|
46
47
|
MinidSpinner,
|
|
47
48
|
MinidStepIndicator,
|
|
48
49
|
MinidTextfield,
|
|
49
|
-
MinidTooltip
|
|
50
|
+
MinidTooltip,
|
|
51
|
+
MinidValidationMessage
|
|
50
52
|
};
|
|
51
53
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"string-converter.d.ts","sourceRoot":"","sources":["../../src/internal/string-converter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"string-converter.d.ts","sourceRoot":"","sources":["../../src/internal/string-converter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,KAAK,CAAC;AAErD,eAAO,MAAM,eAAe,EAAE,yBAO7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"string-converter.js","sources":["../../src/internal/string-converter.ts"],"sourcesContent":["import { ComplexAttributeConverter } from 'lit';\n\nexport const stringConverter: ComplexAttributeConverter = {\n fromAttribute(value: string | null): string {\n return value ?? '';\n },\n toAttribute(value: string): string | null {\n return value || null;\n },\n};\n"],"names":[],"mappings":"AAEO,MAAM,kBAA6C;AAAA,EACxD,cAAc,OAA8B;AAC1C,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,YAAY,OAA8B;AACxC,WAAO,SAAS;AAAA,EAAA;AAEpB;"}
|
|
1
|
+
{"version":3,"file":"string-converter.js","sources":["../../src/internal/string-converter.ts"],"sourcesContent":["import type { ComplexAttributeConverter } from 'lit';\n\nexport const stringConverter: ComplexAttributeConverter = {\n fromAttribute(value: string | null): string {\n return value ?? '';\n },\n toAttribute(value: string): string | null {\n return value || null;\n },\n};\n"],"names":[],"mappings":"AAEO,MAAM,kBAA6C;AAAA,EACxD,cAAc,OAA8B;AAC1C,WAAO,SAAS;AAAA,EAClB;AAAA,EACA,YAAY,OAA8B;AACxC,WAAO,SAAS;AAAA,EAAA;AAEpB;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/form-control.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"form-control.mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/form-control.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAO9D;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,SAAS,WAAW,CAAC,UAAU,GAAG,YAAY,CAAC,GAAG;IACrD,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B,EACD,UAAU,EAAE,KAAK,GAsmBgB,WAAW,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAC3E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.mixin.js","sources":["../../src/mixins/form-control.mixin.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { IControlHost } from '../types/control-host';\nimport { FormControlInterface } from '../types/form-control';\nimport { FormValue } from '../types/form-value';\nimport { Constructor } from '../types/mixin-constructor';\nimport {\n CustomValidityState,\n validationMessageCallback,\n Validator,\n} from '../types/validator.type';\n\n/**\n *\n * https://github.com/open-wc/form-participation/tree/main/packages/form-control\n */\nexport function FormControlMixin<\n TBase extends Constructor<LitElement & IControlHost> & {\n observedAttributes?: string[];\n },\n>(SuperClass: TBase) {\n class FormControl extends SuperClass {\n /**\n * Wires up control instances to be form associated\n * @ignore\n */\n static get formAssociated(): boolean {\n return true;\n }\n\n /**\n * A list of Validator objects that will be evaluated when a control's form\n * value is modified or optionally when a given attribute changes.\n *\n * When a Validator's callback returns false, the entire form control will\n * be set to an invalid state.\n * @ignore\n */\n declare static formControlValidators: Validator[];\n\n /**\n * If set to true the control described should be evaluated and validated\n * as part of a group. Like a radio, if any member of the group's validity\n * changes the the other members should update as well.\n * @ignore\n */\n declare static formControlValidationGroup: boolean;\n\n /**\n * @ignore\n */\n private static get validators(): Validator[] {\n return this.formControlValidators || [];\n }\n\n /**\n * Allows the FormControl instance to respond to Validator attributes.\n * For instance, if a given Validator has a `required` attribute, that\n * validator will be evaluated whenever the host's required attribute\n * is updated.\n * @ignore\n */\n static get observedAttributes(): string[] {\n const validatorAttributes = this.validators\n .map((validator) => validator.attribute)\n .flat();\n\n const observedAttributes = super.observedAttributes || [];\n\n /** Make sure there are no duplicates inside the attributes list */\n const attributeSet = new Set([\n ...observedAttributes,\n ...validatorAttributes,\n ]);\n return [...attributeSet] as string[];\n }\n\n /**\n * Return the validator associated with a given attribute. If no\n * Validator is associated with the attribute, it will return null.\n * @ignore\n */\n static getValidator(attribute: string): Validator | null {\n return (\n this.validators.find(\n (validator) => validator.attribute === attribute\n ) || null\n );\n }\n\n /**\n * Get all validators that are set to react to a given attribute\n * @param {string} attribute - The attribute that has changed\n * @returns {Validator[]}\n * @ignore\n */\n static getValidators(attribute: string): Validator[] | null {\n return this.validators.filter((validator) => {\n if (\n validator.attribute === attribute ||\n validator.attribute?.includes(attribute)\n ) {\n return true;\n }\n });\n }\n\n /**\n * The ElementInternals instance for the control.\n * @ignore\n */\n internals = this.attachInternals();\n\n /**\n * Keep track of if the control has focus\n * @private\n * @ignore\n */\n #focused = false;\n\n /**\n * Exists to control when an error should be displayed\n * @private\n * @ignore\n */\n #forceError = false;\n\n /**\n * Toggles to true whenever the element has been focused. This property\n * will reset whenever the control's formResetCallback is called.\n * @private\n * @ignore\n */\n #touched = false;\n\n /**\n * An internal abort controller for cancelling pending async validation\n * @ignore\n */\n #abortController?: AbortController;\n\n /**\n * Used for tracking if a validation target has been set to manage focus\n * when the control's validity is reported\n * @ignore\n */\n #awaitingValidationTarget = true;\n\n /**\n * Acts as a cache for the current value so the value can be re-evaluated\n * whenever an attribute changes or on some other event.\n * @ignore\n */\n #value: FormValue = '';\n\n /**\n * Set this[touched] and this[focused]\n * to true when the element is focused\n * @private\n * @ignore\n */\n #onFocus = (): void => {\n this.#touched = true;\n this.#focused = true;\n this.#shouldShowError();\n };\n\n /**\n * Reset this[focused] on blur\n * @private\n * @ignore\n */\n #onBlur = (): void => {\n this.#focused = false;\n\n this.#runValidators(this.shouldFormValueUpdate() ? this.#value : '');\n\n /**\n * Set forceError to ensure error messages persist until\n * the value is changed.\n */\n if (!this.validity.valid && this.#touched) {\n this.#forceError = true;\n }\n const showError = this.#shouldShowError();\n\n if (this.validationMessageCallback) {\n this.validationMessageCallback(showError ? this.validationMessage : '');\n }\n this.#dispatchInvalidEvent(showError);\n };\n\n /**\n * For the show error state on invalid\n * @private\n * @ignore\n */\n #onInvalid = (event?: Event): void => {\n event?.preventDefault();\n event?.stopImmediatePropagation();\n\n if (this.#awaitingValidationTarget && this.validationTarget) {\n this.internals.setValidity(\n this.validity,\n this.validationMessage,\n this.validationTarget\n );\n this.#awaitingValidationTarget = false;\n }\n this.#touched = true;\n this.#forceError = true;\n const showError = this.#shouldShowError();\n this?.validationMessageCallback?.(\n showError ? this.validationMessage : ''\n );\n this.#dispatchInvalidEvent(showError);\n };\n\n /**\n * Return a reference to the control's form\n * @ignore\n */\n get form(): HTMLFormElement {\n return this.internals.form as HTMLFormElement;\n }\n\n /**\n * Will return true if it is recommended that the control shows an internal\n * error. If using this property, it is wise to listen for 'invalid' events\n * on the element host and call preventDefault on the event. Doing this will\n * prevent browsers from showing a validation popup.\n * @ignore\n */\n get showError(): boolean {\n return this.#shouldShowError();\n }\n\n /**\n * Forward the internals checkValidity method\n * will return the valid state of the control.\n * @ignore\n */\n checkValidity(): boolean {\n return this.internals.checkValidity();\n }\n\n /**\n * The element's validity state\n * @ignore\n */\n get validity(): ValidityState {\n return this.internals.validity;\n }\n\n /**\n * The validation message shown by a given Validator object. If the control\n * is in a valid state this should be falsy.\n * @ignore\n */\n get validationMessage(): string {\n return this.internals.validationMessage;\n }\n\n constructor(...args: any[]) {\n super(...args);\n this.addEventListener?.('focus', this.#onFocus);\n this.addEventListener?.('blur', this.#onBlur);\n this.addEventListener?.('invalid', this.#onInvalid);\n this.setValue(null);\n }\n\n attributeChangedCallback(\n name: string,\n oldValue: string,\n newValue: string\n ): void {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n /**\n * Check to see if a Validator is associated with the changed attribute.\n * If one exists, call control's validate function which will perform\n * control validation.\n * @ignore\n */\n const proto = this.constructor as typeof FormControl;\n const validators = proto.getValidators(name);\n\n if (validators?.length && this.validationTarget) {\n this.setValue(this.#value);\n }\n }\n\n /** PUBLIC LIFECYCLE METHODS */\n\n /**\n * Sets the control's form value if the call to `shouldFormValueUpdate`\n * returns `true`.\n * @param value {FormValue} - The value to pass to the form\n * @ignore\n */\n setValue(value: FormValue): void {\n this.#forceError = false;\n this.validationMessageCallback?.('');\n this.#value = value;\n const valueShouldUpdate = this.shouldFormValueUpdate();\n const valueToUpdate = valueShouldUpdate ? value : null;\n this.internals.setFormValue(valueToUpdate as string);\n this.#runValidators(valueToUpdate);\n if (this.valueChangedCallback) {\n this.valueChangedCallback(valueToUpdate);\n }\n const showError = this.#shouldShowError();\n this.#dispatchInvalidEvent(showError);\n }\n\n /**\n * Forces the control to show an error state. If a message is passed in,\n * it will be set as the control's internal validity state message.\n * @param message { string | undefined } - The message for internals validity state\n */\n forceError(message?: string) {\n if (message) {\n this.#setValidityWithOptionalTarget({ customError: true }, message);\n }\n this.#forceError = true;\n this.#shouldShowError();\n }\n\n /**\n * This method can be overridden to determine if the control's form value\n * should be set on a call to `setValue`. An example of when a user might want\n * to skip this step is when implementing checkbox-like behavior, first checking\n * to see if `this.checked` is set to a truthy value. By default this returns\n * `true`.\n * @ignore\n */\n shouldFormValueUpdate(): boolean {\n return true;\n }\n\n /**\n * Save a reference to the validation complete resolver\n * @ignore\n */\n #validationCompleteResolver?: (value: void | PromiseLike<void>) => void;\n\n /**\n * When true validation will be pending\n * @ignore\n */\n #isValidationPending = false;\n\n /**\n * @ignore\n */\n #validationComplete = Promise.resolve();\n\n /**\n * A promise that will resolve when all pending validations are complete\n * @ignore\n */\n get validationComplete(): Promise<void> {\n return new Promise((resolve) => resolve(this.#validationComplete));\n }\n\n /** DECLARED INSTANCE METHODS AND PROPERTIES*/\n\n /**\n * Resets a form control to its initial state\n * @ignore\n */\n declare resetFormControl: () => void;\n\n /**\n * This method is used to override the controls' validity message\n * for a given Validator key. This has the highest level of priority when\n * setting a validationMessage, so use this method wisely.\n *\n * The returned value will be used as the validationMessage for the given key.\n * @param validationKey {string} - The key that has returned invalid\n * @ignore\n */\n declare validityCallback: (validationKey: string) => string | void;\n\n /**\n * Called when the control's validationMessage should be changed\n * @param message { string } - The new validation message\n * @ignore\n */\n declare validationMessageCallback: (message: string) => void;\n\n /**\n * A callback for when the controls' form value changes. The value\n * passed to this function should not be confused with the control's\n * value property, this is the value that will appear on the form.\n *\n * In cases where `checked` did not exist on the control's prototype\n * upon initialization, this value and the value property will be identical;\n * in cases where `checked` is present upon initialization, this will be\n * effectively `this.checked && this.value`.\n * @ignore\n */\n declare valueChangedCallback: (value: FormValue) => void;\n\n /**\n * The element that will receive focus when the control's validity\n * state is reported either by a form submission or via API\n *\n * We use declare since this is optional and we don't particularly\n * care how the consuming component implements this (as a field, member\n * or getter/setter)\n * @ignore\n */\n declare validationTarget: HTMLElement | null;\n\n /** PRIVATE LIFECYCLE METHODS */\n\n /**\n * Check to see if an error should be shown. This method will also\n * update the internals state object with the --show-error state\n * if necessary.\n * @private\n * @ignore\n */\n #shouldShowError(): boolean {\n if (this.hasAttribute('disabled')) {\n return false;\n }\n\n const showError =\n this.#forceError ||\n (this.#touched && !this.validity.valid && !this.#focused);\n\n if (showError && this.internals.states) {\n this.internals.states.add('--show-error');\n this.internals.states.add('--invalid');\n } else if (this.internals.states) {\n this.internals.states.delete('--show-error');\n this.internals.states.delete('--invalid');\n }\n\n return showError;\n }\n\n #runValidators(value: FormValue): void {\n const proto = this.constructor as typeof FormControl;\n const validity: CustomValidityState = {};\n const validators = proto.validators;\n const asyncValidators: Promise<boolean | void>[] = [];\n const hasAsyncValidators = validators.some(\n (validator) => validator.isValid instanceof Promise\n );\n\n if (!this.#isValidationPending) {\n this.#validationComplete = new Promise((resolve) => {\n this.#validationCompleteResolver = resolve;\n });\n this.#isValidationPending = true;\n }\n\n /**\n * If an abort controller exists from a previous validation step\n * notify still-running async validators that we are requesting they\n * discontinue any work.\n */\n if (this.#abortController) {\n this.#abortController.abort();\n }\n\n /**\n * Create a new abort controller and replace the instance reference\n * so we can clean it up for next time\n */\n const abortController = new AbortController();\n this.#abortController = abortController;\n let validationMessage: string | undefined = undefined;\n\n /** Track to see if any validity key has changed */\n let hasChange = false;\n\n if (!validators.length) {\n return;\n }\n\n validators.forEach((validator) => {\n const key = validator.key || 'customError';\n const isValid = validator.isValid(this, value, abortController.signal);\n const isAsyncValidator = isValid instanceof Promise;\n\n if (isAsyncValidator) {\n asyncValidators.push(isValid);\n\n isValid.then((isValidatorValid) => {\n if (isValidatorValid === undefined || isValidatorValid === null) {\n return;\n }\n /** Invert the validity state to correspond to the ValidityState API */\n validity[key] = !isValidatorValid;\n\n validationMessage = this.#getValidatorMessageForValue(\n validator,\n value\n );\n this.#setValidityWithOptionalTarget(validity, validationMessage);\n });\n } else {\n /** Invert the validity state to correspond to the ValidityState API */\n validity[key] = !isValid;\n\n if (this.validity[key] !== !isValid) {\n hasChange = true;\n }\n\n // only update the validationMessage for the first invalid scenario\n // so that earlier invalid validators dont get their messages overwritten by later ones\n // in the validators array\n if (!isValid && !validationMessage) {\n validationMessage = this.#getValidatorMessageForValue(\n validator,\n value\n );\n }\n }\n });\n\n /** Once all the async validators have settled, resolve validationComplete */\n Promise.allSettled(asyncValidators).then(() => {\n /** Don't resolve validations if the signal is aborted */\n if (!abortController?.signal.aborted) {\n this.#isValidationPending = false;\n this.#validationCompleteResolver?.();\n }\n });\n\n /**\n * If async validators are present:\n * Only run updates when a sync validator has a change. This is to prevent\n * situations where running sync validators can override async validators\n * that are still in progress\n *\n * If async validators are not present, always update validity\n */\n if (hasChange || !hasAsyncValidators) {\n this.#setValidityWithOptionalTarget(validity, validationMessage);\n }\n }\n\n /**\n * If the validationTarget is not set, the user can decide how they would\n * prefer to handle focus when the field is validated.\n * @ignore\n */\n #setValidityWithOptionalTarget(\n validity: Partial<ValidityState>,\n validationMessage: string | undefined\n ): void {\n if (this.validationTarget) {\n this.internals.setValidity(\n validity,\n validationMessage,\n this.validationTarget\n );\n this.#awaitingValidationTarget = false;\n } else {\n this.internals.setValidity(validity, validationMessage);\n\n if (this.internals.validity.valid) {\n return;\n }\n\n /**\n * Sets mark the component as awaiting a validation target\n * if the element dispatches an invalid event, the #onInvalid listener\n * will check to see if the validation target has been set since this call\n * has run. This useful in cases like Lit's use of the query\n * decorator for setting the validationTarget or any scenario\n * where the validationTarget isn't available upon construction\n */\n this.#awaitingValidationTarget = true;\n }\n }\n\n /**\n * Process the validator message attribute\n * @ignore\n */\n #getValidatorMessageForValue(\n validator: Validator,\n value: FormValue\n ): string {\n /** If the validity callback exists and returns, use that as the result */\n\n if (this.validityCallback) {\n const message = this.validityCallback(validator.key || 'customError');\n\n if (message) {\n return message;\n }\n }\n\n if (validator.message instanceof Function) {\n return (validator.message as validationMessageCallback)(this, value);\n } else {\n return validator.message as string;\n }\n }\n\n /**\n * Reset control state when the form is reset\n */\n formResetCallback() {\n this.#touched = false;\n this.#forceError = false;\n this.#shouldShowError();\n this.resetFormControl?.();\n const showError = this.#shouldShowError();\n this.validationMessageCallback?.(showError ? this.validationMessage : '');\n this.#dispatchInvalidEvent(showError);\n }\n\n #dispatchInvalidEvent(showError: boolean) {\n const event = showError ? 'mid-invalid-show' : 'mid-invalid-hide';\n this.dispatchEvent(\n new CustomEvent(event, {\n bubbles: true,\n composed: true,\n detail: {\n validity: this.validity,\n },\n })\n );\n }\n }\n\n return FormControl as unknown as Constructor<FormControlInterface> & TBase;\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"form-control.mixin.js","sources":["../../src/mixins/form-control.mixin.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport type { IControlHost } from '../types/control-host';\nimport type { FormControlInterface } from '../types/form-control';\nimport type { FormValue } from '../types/form-value';\nimport type { Constructor } from '../types/mixin-constructor';\nimport type {\n CustomValidityState,\n validationMessageCallback,\n Validator,\n} from '../types/validator.type';\n\n/**\n *\n * https://github.com/open-wc/form-participation/tree/main/packages/form-control\n */\nexport function FormControlMixin<\n TBase extends Constructor<LitElement & IControlHost> & {\n observedAttributes?: string[];\n },\n>(SuperClass: TBase) {\n class FormControl extends SuperClass {\n /**\n * Wires up control instances to be form associated\n * @ignore\n */\n static get formAssociated(): boolean {\n return true;\n }\n\n /**\n * A list of Validator objects that will be evaluated when a control's form\n * value is modified or optionally when a given attribute changes.\n *\n * When a Validator's callback returns false, the entire form control will\n * be set to an invalid state.\n * @ignore\n */\n declare static formControlValidators: Validator[];\n\n /**\n * If set to true the control described should be evaluated and validated\n * as part of a group. Like a radio, if any member of the group's validity\n * changes the the other members should update as well.\n * @ignore\n */\n declare static formControlValidationGroup: boolean;\n\n /**\n * @ignore\n */\n private static get validators(): Validator[] {\n return this.formControlValidators || [];\n }\n\n /**\n * Allows the FormControl instance to respond to Validator attributes.\n * For instance, if a given Validator has a `required` attribute, that\n * validator will be evaluated whenever the host's required attribute\n * is updated.\n * @ignore\n */\n static get observedAttributes(): string[] {\n const validatorAttributes = this.validators\n .map((validator) => validator.attribute)\n .flat();\n\n const observedAttributes = super.observedAttributes || [];\n\n /** Make sure there are no duplicates inside the attributes list */\n const attributeSet = new Set([\n ...observedAttributes,\n ...validatorAttributes,\n ]);\n return [...attributeSet] as string[];\n }\n\n /**\n * Return the validator associated with a given attribute. If no\n * Validator is associated with the attribute, it will return null.\n * @ignore\n */\n static getValidator(attribute: string): Validator | null {\n return (\n this.validators.find(\n (validator) => validator.attribute === attribute\n ) || null\n );\n }\n\n /**\n * Get all validators that are set to react to a given attribute\n * @param {string} attribute - The attribute that has changed\n * @returns {Validator[]}\n * @ignore\n */\n static getValidators(attribute: string): Validator[] | null {\n return this.validators.filter((validator) => {\n if (\n validator.attribute === attribute ||\n validator.attribute?.includes(attribute)\n ) {\n return true;\n }\n });\n }\n\n /**\n * The ElementInternals instance for the control.\n * @ignore\n */\n internals = this.attachInternals();\n\n /**\n * Keep track of if the control has focus\n * @private\n * @ignore\n */\n #focused = false;\n\n /**\n * Exists to control when an error should be displayed\n * @private\n * @ignore\n */\n #forceError = false;\n\n /**\n * Toggles to true whenever the element has been focused. This property\n * will reset whenever the control's formResetCallback is called.\n * @private\n * @ignore\n */\n #touched = false;\n\n /**\n * An internal abort controller for cancelling pending async validation\n * @ignore\n */\n #abortController?: AbortController;\n\n /**\n * Used for tracking if a validation target has been set to manage focus\n * when the control's validity is reported\n * @ignore\n */\n #awaitingValidationTarget = true;\n\n /**\n * Acts as a cache for the current value so the value can be re-evaluated\n * whenever an attribute changes or on some other event.\n * @ignore\n */\n #value: FormValue = '';\n\n /**\n * Set this[touched] and this[focused]\n * to true when the element is focused\n * @private\n * @ignore\n */\n #onFocus = (): void => {\n this.#touched = true;\n this.#focused = true;\n this.#shouldShowError();\n };\n\n /**\n * Reset this[focused] on blur\n * @private\n * @ignore\n */\n #onBlur = (): void => {\n this.#focused = false;\n\n this.#runValidators(this.shouldFormValueUpdate() ? this.#value : '');\n\n /**\n * Set forceError to ensure error messages persist until\n * the value is changed.\n */\n if (!this.validity.valid && this.#touched) {\n this.#forceError = true;\n }\n const showError = this.#shouldShowError();\n\n if (this.validationMessageCallback) {\n this.validationMessageCallback(showError ? this.validationMessage : '');\n }\n this.#dispatchInvalidEvent(showError);\n };\n\n /**\n * For the show error state on invalid\n * @private\n * @ignore\n */\n #onInvalid = (event?: Event): void => {\n event?.preventDefault();\n event?.stopImmediatePropagation();\n\n if (this.#awaitingValidationTarget && this.validationTarget) {\n this.internals.setValidity(\n this.validity,\n this.validationMessage,\n this.validationTarget\n );\n this.#awaitingValidationTarget = false;\n }\n this.#touched = true;\n this.#forceError = true;\n const showError = this.#shouldShowError();\n this?.validationMessageCallback?.(\n showError ? this.validationMessage : ''\n );\n this.#dispatchInvalidEvent(showError);\n };\n\n /**\n * Return a reference to the control's form\n * @ignore\n */\n get form(): HTMLFormElement {\n return this.internals.form as HTMLFormElement;\n }\n\n /**\n * Will return true if it is recommended that the control shows an internal\n * error. If using this property, it is wise to listen for 'invalid' events\n * on the element host and call preventDefault on the event. Doing this will\n * prevent browsers from showing a validation popup.\n * @ignore\n */\n get showError(): boolean {\n return this.#shouldShowError();\n }\n\n /**\n * Forward the internals checkValidity method\n * will return the valid state of the control.\n * @ignore\n */\n checkValidity(): boolean {\n return this.internals.checkValidity();\n }\n\n /**\n * The element's validity state\n * @ignore\n */\n get validity(): ValidityState {\n return this.internals.validity;\n }\n\n /**\n * The validation message shown by a given Validator object. If the control\n * is in a valid state this should be falsy.\n * @ignore\n */\n get validationMessage(): string {\n return this.internals.validationMessage;\n }\n\n constructor(...args: any[]) {\n super(...args);\n this.addEventListener?.('focus', this.#onFocus);\n this.addEventListener?.('blur', this.#onBlur);\n this.addEventListener?.('invalid', this.#onInvalid);\n this.setValue(null);\n }\n\n attributeChangedCallback(\n name: string,\n oldValue: string,\n newValue: string\n ): void {\n super.attributeChangedCallback?.(name, oldValue, newValue);\n\n /**\n * Check to see if a Validator is associated with the changed attribute.\n * If one exists, call control's validate function which will perform\n * control validation.\n * @ignore\n */\n const proto = this.constructor as typeof FormControl;\n const validators = proto.getValidators(name);\n\n if (validators?.length && this.validationTarget) {\n this.setValue(this.#value);\n }\n }\n\n /** PUBLIC LIFECYCLE METHODS */\n\n /**\n * Sets the control's form value if the call to `shouldFormValueUpdate`\n * returns `true`.\n * @param value {FormValue} - The value to pass to the form\n * @ignore\n */\n setValue(value: FormValue): void {\n this.#forceError = false;\n this.validationMessageCallback?.('');\n this.#value = value;\n const valueShouldUpdate = this.shouldFormValueUpdate();\n const valueToUpdate = valueShouldUpdate ? value : null;\n this.internals.setFormValue(valueToUpdate as string);\n this.#runValidators(valueToUpdate);\n if (this.valueChangedCallback) {\n this.valueChangedCallback(valueToUpdate);\n }\n const showError = this.#shouldShowError();\n this.#dispatchInvalidEvent(showError);\n }\n\n /**\n * Forces the control to show an error state. If a message is passed in,\n * it will be set as the control's internal validity state message.\n * @param message { string | undefined } - The message for internals validity state\n */\n forceError(message?: string) {\n if (message) {\n this.#setValidityWithOptionalTarget({ customError: true }, message);\n }\n this.#forceError = true;\n this.#shouldShowError();\n }\n\n /**\n * This method can be overridden to determine if the control's form value\n * should be set on a call to `setValue`. An example of when a user might want\n * to skip this step is when implementing checkbox-like behavior, first checking\n * to see if `this.checked` is set to a truthy value. By default this returns\n * `true`.\n * @ignore\n */\n shouldFormValueUpdate(): boolean {\n return true;\n }\n\n /**\n * Save a reference to the validation complete resolver\n * @ignore\n */\n #validationCompleteResolver?: (value: void | PromiseLike<void>) => void;\n\n /**\n * When true validation will be pending\n * @ignore\n */\n #isValidationPending = false;\n\n /**\n * @ignore\n */\n #validationComplete = Promise.resolve();\n\n /**\n * A promise that will resolve when all pending validations are complete\n * @ignore\n */\n get validationComplete(): Promise<void> {\n return new Promise((resolve) => resolve(this.#validationComplete));\n }\n\n /** DECLARED INSTANCE METHODS AND PROPERTIES*/\n\n /**\n * Resets a form control to its initial state\n * @ignore\n */\n declare resetFormControl: () => void;\n\n /**\n * This method is used to override the controls' validity message\n * for a given Validator key. This has the highest level of priority when\n * setting a validationMessage, so use this method wisely.\n *\n * The returned value will be used as the validationMessage for the given key.\n * @param validationKey {string} - The key that has returned invalid\n * @ignore\n */\n declare validityCallback: (validationKey: string) => string | void;\n\n /**\n * Called when the control's validationMessage should be changed\n * @param message { string } - The new validation message\n * @ignore\n */\n declare validationMessageCallback: (message: string) => void;\n\n /**\n * A callback for when the controls' form value changes. The value\n * passed to this function should not be confused with the control's\n * value property, this is the value that will appear on the form.\n *\n * In cases where `checked` did not exist on the control's prototype\n * upon initialization, this value and the value property will be identical;\n * in cases where `checked` is present upon initialization, this will be\n * effectively `this.checked && this.value`.\n * @ignore\n */\n declare valueChangedCallback: (value: FormValue) => void;\n\n /**\n * The element that will receive focus when the control's validity\n * state is reported either by a form submission or via API\n *\n * We use declare since this is optional and we don't particularly\n * care how the consuming component implements this (as a field, member\n * or getter/setter)\n * @ignore\n */\n declare validationTarget: HTMLElement | null;\n\n /** PRIVATE LIFECYCLE METHODS */\n\n /**\n * Check to see if an error should be shown. This method will also\n * update the internals state object with the --show-error state\n * if necessary.\n * @private\n * @ignore\n */\n #shouldShowError(): boolean {\n if (this.hasAttribute('disabled')) {\n return false;\n }\n\n const showError =\n this.#forceError ||\n (this.#touched && !this.validity.valid && !this.#focused);\n\n if (showError && this.internals.states) {\n this.internals.states.add('--show-error');\n this.internals.states.add('--invalid');\n } else if (this.internals.states) {\n this.internals.states.delete('--show-error');\n this.internals.states.delete('--invalid');\n }\n\n return showError;\n }\n\n #runValidators(value: FormValue): void {\n const proto = this.constructor as typeof FormControl;\n const validity: CustomValidityState = {};\n const validators = proto.validators;\n const asyncValidators: Promise<boolean | void>[] = [];\n const hasAsyncValidators = validators.some(\n (validator) => validator.isValid instanceof Promise\n );\n\n if (!this.#isValidationPending) {\n this.#validationComplete = new Promise((resolve) => {\n this.#validationCompleteResolver = resolve;\n });\n this.#isValidationPending = true;\n }\n\n /**\n * If an abort controller exists from a previous validation step\n * notify still-running async validators that we are requesting they\n * discontinue any work.\n */\n if (this.#abortController) {\n this.#abortController.abort();\n }\n\n /**\n * Create a new abort controller and replace the instance reference\n * so we can clean it up for next time\n */\n const abortController = new AbortController();\n this.#abortController = abortController;\n let validationMessage: string | undefined = undefined;\n\n /** Track to see if any validity key has changed */\n let hasChange = false;\n\n if (!validators.length) {\n return;\n }\n\n validators.forEach((validator) => {\n const key = validator.key || 'customError';\n const isValid = validator.isValid(this, value, abortController.signal);\n const isAsyncValidator = isValid instanceof Promise;\n\n if (isAsyncValidator) {\n asyncValidators.push(isValid);\n\n isValid.then((isValidatorValid) => {\n if (isValidatorValid === undefined || isValidatorValid === null) {\n return;\n }\n /** Invert the validity state to correspond to the ValidityState API */\n validity[key] = !isValidatorValid;\n\n validationMessage = this.#getValidatorMessageForValue(\n validator,\n value\n );\n this.#setValidityWithOptionalTarget(validity, validationMessage);\n });\n } else {\n /** Invert the validity state to correspond to the ValidityState API */\n validity[key] = !isValid;\n\n if (this.validity[key] !== !isValid) {\n hasChange = true;\n }\n\n // only update the validationMessage for the first invalid scenario\n // so that earlier invalid validators dont get their messages overwritten by later ones\n // in the validators array\n if (!isValid && !validationMessage) {\n validationMessage = this.#getValidatorMessageForValue(\n validator,\n value\n );\n }\n }\n });\n\n /** Once all the async validators have settled, resolve validationComplete */\n Promise.allSettled(asyncValidators).then(() => {\n /** Don't resolve validations if the signal is aborted */\n if (!abortController?.signal.aborted) {\n this.#isValidationPending = false;\n this.#validationCompleteResolver?.();\n }\n });\n\n /**\n * If async validators are present:\n * Only run updates when a sync validator has a change. This is to prevent\n * situations where running sync validators can override async validators\n * that are still in progress\n *\n * If async validators are not present, always update validity\n */\n if (hasChange || !hasAsyncValidators) {\n this.#setValidityWithOptionalTarget(validity, validationMessage);\n }\n }\n\n /**\n * If the validationTarget is not set, the user can decide how they would\n * prefer to handle focus when the field is validated.\n * @ignore\n */\n #setValidityWithOptionalTarget(\n validity: Partial<ValidityState>,\n validationMessage: string | undefined\n ): void {\n if (this.validationTarget) {\n this.internals.setValidity(\n validity,\n validationMessage,\n this.validationTarget\n );\n this.#awaitingValidationTarget = false;\n } else {\n this.internals.setValidity(validity, validationMessage);\n\n if (this.internals.validity.valid) {\n return;\n }\n\n /**\n * Sets mark the component as awaiting a validation target\n * if the element dispatches an invalid event, the #onInvalid listener\n * will check to see if the validation target has been set since this call\n * has run. This useful in cases like Lit's use of the query\n * decorator for setting the validationTarget or any scenario\n * where the validationTarget isn't available upon construction\n */\n this.#awaitingValidationTarget = true;\n }\n }\n\n /**\n * Process the validator message attribute\n * @ignore\n */\n #getValidatorMessageForValue(\n validator: Validator,\n value: FormValue\n ): string {\n /** If the validity callback exists and returns, use that as the result */\n\n if (this.validityCallback) {\n const message = this.validityCallback(validator.key || 'customError');\n\n if (message) {\n return message;\n }\n }\n\n if (validator.message instanceof Function) {\n return (validator.message as validationMessageCallback)(this, value);\n } else {\n return validator.message as string;\n }\n }\n\n /**\n * Reset control state when the form is reset\n */\n formResetCallback() {\n this.#touched = false;\n this.#forceError = false;\n this.#shouldShowError();\n this.resetFormControl?.();\n const showError = this.#shouldShowError();\n this.validationMessageCallback?.(showError ? this.validationMessage : '');\n this.#dispatchInvalidEvent(showError);\n }\n\n #dispatchInvalidEvent(showError: boolean) {\n const event = showError ? 'mid-invalid-show' : 'mid-invalid-hide';\n this.dispatchEvent(\n new CustomEvent(event, {\n bubbles: true,\n composed: true,\n detail: {\n validity: this.validity,\n },\n })\n );\n }\n }\n\n return FormControl as unknown as Constructor<FormControlInterface> & TBase;\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-controller.mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/form-controller.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"form-controller.mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/form-controller.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,YAAY,CACV,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,EACtC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GACtC,IAAI,CAAC;CACT;AAED,eAAO,MAAM,mBAAmB,GAAI,KAAK,SAAS,WAAW,CAAC,UAAU,CAAC,EACvE,MAAM,KAAK,KACV,KAAK,GAAG,WAAW,CAAC,4BAA4B,CAyBlD,CAAC;AAEF,MAAM,WAAW,mCACf,SAAQ,4BAA4B;IACpC,QAAQ,EAAE,aAAa,CAAC;IACxB,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,WAAW,CACT,QAAQ,EAAE,aAAa,EACvB,OAAO,CAAC,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,WAAW,GACnB,IAAI,CAAC;IACR,aAAa,IAAI,OAAO,CAAC;IACzB,cAAc,IAAI,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,0BAA0B,GACrC,KAAK,SAAS,WAAW,CAAC,UAAU,CAAC,EAErC,MAAM,KAAK,KACV,KAAK,GAAG,WAAW,CAAC,mCAAmC,CAkCzD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-controller.mixin.js","sources":["../../src/mixins/form-controller.mixin.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { Constructor } from '../types/mixin-constructor';\n\nexport interface FormAssociatedMixinInterface {\n internals: ElementInternals;\n shadowRoot: ShadowRoot | null;\n setFormValue(\n value: File | string | FormData | null,\n state?: File | string | FormData | null\n ): void;\n}\n\nexport const FormControllerMixin = <TBase extends Constructor<LitElement>>(\n Base: TBase\n): TBase & Constructor<FormAssociatedMixinInterface> => {\n class FormAssociated extends Base implements FormAssociatedMixinInterface {\n static formAssociated = true;\n\n internals: ElementInternals;\n\n constructor(...args: any[]) {\n super(...(args as ConstructorParameters<typeof Base>));\n // @ts-expect-error missing some u\n this.internals = this.attachInternals();\n }\n\n setFormValue(\n value: File | string | FormData | null,\n state?: File | string | FormData | null\n ) {\n this.internals.setFormValue(value, state);\n }\n\n get shadowRoot() {\n return this.internals.shadowRoot;\n }\n }\n\n return FormAssociated as TBase & Constructor<FormAssociatedMixinInterface>;\n};\n\nexport interface ConstraintsValidationMixinInterface\n extends FormAssociatedMixinInterface {\n validity: ValidityState;\n validationMessage: string | undefined;\n setValidity(\n validity: ValidityState,\n message?: string,\n anchor?: HTMLElement\n ): void;\n checkValidity(): boolean;\n reportValidity(): boolean;\n}\n\nexport const ConstraintsValidationMixin = <\n TBase extends Constructor<LitElement>,\n>(\n Base: TBase\n): TBase & Constructor<ConstraintsValidationMixinInterface> => {\n class ConstraintsValidation\n extends FormControllerMixin(Base)\n implements ConstraintsValidationMixinInterface\n {\n validity: ValidityState;\n validationMessage: string | undefined;\n\n constructor(...args: any[]) {\n super(...(args as ConstructorParameters<typeof Base>));\n this.validity = this.internals.validity;\n this.validationMessage = this.internals.validationMessage;\n }\n\n setValidity(\n validity: ValidityStateFlags,\n message?: string,\n anchor?: HTMLElement\n ) {\n this.validationMessage = message;\n this.internals.setValidity(validity, this.validationMessage, anchor);\n }\n\n checkValidity(): boolean {\n return this.internals.checkValidity();\n }\n\n reportValidity(): boolean {\n return this.internals.reportValidity();\n }\n }\n\n return ConstraintsValidation as TBase &\n Constructor<ConstraintsValidationMixinInterface>;\n};\n"],"names":[],"mappings":"AAYa,MAAA,sBAAsB,CACjC,SACsD;AACtD,QAAM,kBAAN,MAAM,wBAAuB,KAA6C;AAAA,IAKxE,eAAe,MAAa;AAC1B,YAAM,GAAI,IAA2C;AAEhD,WAAA,YAAY,KAAK,gBAAgB;AAAA,IAAA;AAAA,IAGxC,aACE,OACA,OACA;AACK,WAAA,UAAU,aAAa,OAAO,KAAK;AAAA,IAAA;AAAA,IAG1C,IAAI,aAAa;AACf,aAAO,KAAK,UAAU;AAAA,IAAA;AAAA,EACxB;AAnBA,kBAAO,iBAAiB;AAD1B,MAAM,iBAAN;AAuBO,SAAA;AACT;AAea,MAAA,6BAA6B,CAGxC,SAC6D;AAAA,EAC7D,MAAM,8BACI,oBAAoB,IAAI,EAElC;AAAA,IAIE,eAAe,MAAa;AAC1B,YAAM,GAAI,IAA2C;AAChD,WAAA,WAAW,KAAK,UAAU;AAC1B,WAAA,oBAAoB,KAAK,UAAU;AAAA,IAAA;AAAA,IAG1C,YACE,UACA,SACA,QACA;AACA,WAAK,oBAAoB;AACzB,WAAK,UAAU,YAAY,UAAU,KAAK,mBAAmB,MAAM;AAAA,IAAA;AAAA,IAGrE,gBAAyB;AAChB,aAAA,KAAK,UAAU,cAAc;AAAA,IAAA;AAAA,IAGtC,iBAA0B;AACjB,aAAA,KAAK,UAAU,eAAe;AAAA,IAAA;AAAA,EACvC;AAGK,SAAA;AAET;"}
|
|
1
|
+
{"version":3,"file":"form-controller.mixin.js","sources":["../../src/mixins/form-controller.mixin.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport type { Constructor } from '../types/mixin-constructor';\n\nexport interface FormAssociatedMixinInterface {\n internals: ElementInternals;\n shadowRoot: ShadowRoot | null;\n setFormValue(\n value: File | string | FormData | null,\n state?: File | string | FormData | null\n ): void;\n}\n\nexport const FormControllerMixin = <TBase extends Constructor<LitElement>>(\n Base: TBase\n): TBase & Constructor<FormAssociatedMixinInterface> => {\n class FormAssociated extends Base implements FormAssociatedMixinInterface {\n static formAssociated = true;\n\n internals: ElementInternals;\n\n constructor(...args: any[]) {\n super(...(args as ConstructorParameters<typeof Base>));\n // @ts-expect-error missing some u\n this.internals = this.attachInternals();\n }\n\n setFormValue(\n value: File | string | FormData | null,\n state?: File | string | FormData | null\n ) {\n this.internals.setFormValue(value, state);\n }\n\n get shadowRoot() {\n return this.internals.shadowRoot;\n }\n }\n\n return FormAssociated as TBase & Constructor<FormAssociatedMixinInterface>;\n};\n\nexport interface ConstraintsValidationMixinInterface\n extends FormAssociatedMixinInterface {\n validity: ValidityState;\n validationMessage: string | undefined;\n setValidity(\n validity: ValidityState,\n message?: string,\n anchor?: HTMLElement\n ): void;\n checkValidity(): boolean;\n reportValidity(): boolean;\n}\n\nexport const ConstraintsValidationMixin = <\n TBase extends Constructor<LitElement>,\n>(\n Base: TBase\n): TBase & Constructor<ConstraintsValidationMixinInterface> => {\n class ConstraintsValidation\n extends FormControllerMixin(Base)\n implements ConstraintsValidationMixinInterface\n {\n validity: ValidityState;\n validationMessage: string | undefined;\n\n constructor(...args: any[]) {\n super(...(args as ConstructorParameters<typeof Base>));\n this.validity = this.internals.validity;\n this.validationMessage = this.internals.validationMessage;\n }\n\n setValidity(\n validity: ValidityStateFlags,\n message?: string,\n anchor?: HTMLElement\n ) {\n this.validationMessage = message;\n this.internals.setValidity(validity, this.validationMessage, anchor);\n }\n\n checkValidity(): boolean {\n return this.internals.checkValidity();\n }\n\n reportValidity(): boolean {\n return this.internals.reportValidity();\n }\n }\n\n return ConstraintsValidation as TBase &\n Constructor<ConstraintsValidationMixinInterface>;\n};\n"],"names":[],"mappings":"AAYa,MAAA,sBAAsB,CACjC,SACsD;AACtD,QAAM,kBAAN,MAAM,wBAAuB,KAA6C;AAAA,IAKxE,eAAe,MAAa;AAC1B,YAAM,GAAI,IAA2C;AAEhD,WAAA,YAAY,KAAK,gBAAgB;AAAA,IAAA;AAAA,IAGxC,aACE,OACA,OACA;AACK,WAAA,UAAU,aAAa,OAAO,KAAK;AAAA,IAAA;AAAA,IAG1C,IAAI,aAAa;AACf,aAAO,KAAK,UAAU;AAAA,IAAA;AAAA,EACxB;AAnBA,kBAAO,iBAAiB;AAD1B,MAAM,iBAAN;AAuBO,SAAA;AACT;AAea,MAAA,6BAA6B,CAGxC,SAC6D;AAAA,EAC7D,MAAM,8BACI,oBAAoB,IAAI,EAElC;AAAA,IAIE,eAAe,MAAa;AAC1B,YAAM,GAAI,IAA2C;AAChD,WAAA,WAAW,KAAK,UAAU;AAC1B,WAAA,oBAAoB,KAAK,UAAU;AAAA,IAAA;AAAA,IAG1C,YACE,UACA,SACA,QACA;AACA,WAAK,oBAAoB;AACzB,WAAK,UAAU,YAAY,UAAU,KAAK,mBAAmB,MAAM;AAAA,IAAA;AAAA,IAGrE,gBAAyB;AAChB,aAAA,KAAK,UAAU,cAAc;AAAA,IAAA;AAAA,IAGtC,iBAA0B;AACjB,aAAA,KAAK,UAAU,eAAe;AAAA,IAAA;AAAA,EACvC;AAGK,SAAA;AAET;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../src/mixins/validators.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../src/mixins/validators.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,eAAO,MAAM,iBAAiB,EAAE,SAgB/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,SAyBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,SAyBhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAa9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validators.js","sources":["../../src/mixins/validators.ts"],"sourcesContent":["import { FormControlInterface } from '../types/form-control';\nimport { FormValue } from '../types/form-value';\nimport { Validator } from '../types/validator.type';\n\nexport const requiredValidator: Validator = {\n attribute: 'required',\n key: 'valueMissing',\n message: 'Please fill out this field',\n isValid(\n instance: HTMLElement & { required: boolean },\n value: FormValue\n ): boolean {\n let valid = true;\n\n if ((instance.hasAttribute('required') || instance.required) && !value) {\n valid = false;\n }\n\n return valid;\n },\n};\n\nexport const minLengthValidator: Validator = {\n attribute: 'minlength',\n key: 'tooShort',\n message(\n instance: FormControlInterface & { minLength: number },\n value: FormValue\n ): string {\n const _value = (value as string) || '';\n return `Please use at least ${instance.minLength} characters (you are currently using ${_value.length} characters).`;\n },\n isValid(\n instance: HTMLElement & { minLength: number },\n value: string\n ): boolean {\n /** If no value is provided, this validator should return true */\n if (!value) {\n return true;\n }\n\n if (!!value && instance.minLength > value.length) {\n return false;\n }\n\n return true;\n },\n};\n\nexport const maxLengthValidator: Validator = {\n attribute: 'maxlength',\n key: 'tooLong',\n message(\n instance: FormControlInterface & { maxLength: number },\n value: FormValue\n ): string {\n const _value = (value as string) || '';\n return `Please use no more than ${instance.maxLength} characters (you are currently using ${_value.length} characters).`;\n },\n isValid(\n instance: HTMLElement & { maxLength: number },\n value: string\n ): boolean {\n /** If maxLength isn't set, this is valid */\n if (!instance.maxLength) {\n return true;\n }\n\n if (!!value && instance.maxLength < value.length) {\n return false;\n }\n\n return true;\n },\n};\n\nexport const patternValidator: Validator = {\n attribute: 'pattern',\n key: 'patternMismatch',\n message: 'Please match the requested format',\n isValid(instance: HTMLElement & { pattern: string }, value: string): boolean {\n /** If no value is provided, this validator should return true */\n if (!value || !instance.pattern) {\n return true;\n }\n\n const regExp = new RegExp(instance.pattern);\n return !!regExp.exec(value);\n },\n};\n"],"names":[],"mappings":"AAIO,MAAM,oBAA+B;AAAA,EAC1C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QACE,UACA,OACS;AACT,QAAI,QAAQ;AAEZ,SAAK,SAAS,aAAa,UAAU,KAAK,SAAS,aAAa,CAAC,OAAO;AAC9D,cAAA;AAAA,IAAA;AAGH,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,uBAAuB,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EACvG;AAAA,EACA,QACE,UACA,OACS;AAET,QAAI,CAAC,OAAO;AACH,aAAA;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AACzC,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,2BAA2B,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EAC3G;AAAA,EACA,QACE,UACA,OACS;AAEL,QAAA,CAAC,SAAS,WAAW;AAChB,aAAA;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AACzC,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,mBAA8B;AAAA,EACzC,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ,UAA6C,OAAwB;AAE3E,QAAI,CAAC,SAAS,CAAC,SAAS,SAAS;AACxB,aAAA;AAAA,IAAA;AAGT,UAAM,SAAS,IAAI,OAAO,SAAS,OAAO;AAC1C,WAAO,CAAC,CAAC,OAAO,KAAK,KAAK;AAAA,EAAA;AAE9B;"}
|
|
1
|
+
{"version":3,"file":"validators.js","sources":["../../src/mixins/validators.ts"],"sourcesContent":["import type { FormControlInterface } from '../types/form-control';\nimport type { FormValue } from '../types/form-value';\nimport type { Validator } from '../types/validator.type';\n\nexport const requiredValidator: Validator = {\n attribute: 'required',\n key: 'valueMissing',\n message: 'Please fill out this field',\n isValid(\n instance: HTMLElement & { required: boolean },\n value: FormValue\n ): boolean {\n let valid = true;\n\n if ((instance.hasAttribute('required') || instance.required) && !value) {\n valid = false;\n }\n\n return valid;\n },\n};\n\nexport const minLengthValidator: Validator = {\n attribute: 'minlength',\n key: 'tooShort',\n message(\n instance: FormControlInterface & { minLength: number },\n value: FormValue\n ): string {\n const _value = (value as string) || '';\n return `Please use at least ${instance.minLength} characters (you are currently using ${_value.length} characters).`;\n },\n isValid(\n instance: HTMLElement & { minLength: number },\n value: string\n ): boolean {\n /** If no value is provided, this validator should return true */\n if (!value) {\n return true;\n }\n\n if (!!value && instance.minLength > value.length) {\n return false;\n }\n\n return true;\n },\n};\n\nexport const maxLengthValidator: Validator = {\n attribute: 'maxlength',\n key: 'tooLong',\n message(\n instance: FormControlInterface & { maxLength: number },\n value: FormValue\n ): string {\n const _value = (value as string) || '';\n return `Please use no more than ${instance.maxLength} characters (you are currently using ${_value.length} characters).`;\n },\n isValid(\n instance: HTMLElement & { maxLength: number },\n value: string\n ): boolean {\n /** If maxLength isn't set, this is valid */\n if (!instance.maxLength) {\n return true;\n }\n\n if (!!value && instance.maxLength < value.length) {\n return false;\n }\n\n return true;\n },\n};\n\nexport const patternValidator: Validator = {\n attribute: 'pattern',\n key: 'patternMismatch',\n message: 'Please match the requested format',\n isValid(instance: HTMLElement & { pattern: string }, value: string): boolean {\n /** If no value is provided, this validator should return true */\n if (!value || !instance.pattern) {\n return true;\n }\n\n const regExp = new RegExp(instance.pattern);\n return !!regExp.exec(value);\n },\n};\n"],"names":[],"mappings":"AAIO,MAAM,oBAA+B;AAAA,EAC1C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QACE,UACA,OACS;AACT,QAAI,QAAQ;AAEZ,SAAK,SAAS,aAAa,UAAU,KAAK,SAAS,aAAa,CAAC,OAAO;AAC9D,cAAA;AAAA,IAAA;AAGH,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,uBAAuB,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EACvG;AAAA,EACA,QACE,UACA,OACS;AAET,QAAI,CAAC,OAAO;AACH,aAAA;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AACzC,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,2BAA2B,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EAC3G;AAAA,EACA,QACE,UACA,OACS;AAEL,QAAA,CAAC,SAAS,WAAW;AAChB,aAAA;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AACzC,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,mBAA8B;AAAA,EACzC,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ,UAA6C,OAAwB;AAE3E,QAAI,CAAC,SAAS,CAAC,SAAS,SAAS;AACxB,aAAA;AAAA,IAAA;AAGT,UAAM,SAAS,IAAI,OAAO,SAAS,OAAO;AAC1C,WAAO,CAAC,CAAC,OAAO,KAAK,KAAK;AAAA,EAAA;AAE9B;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../src/types/form-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../src/types/form-control.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,iDAAiD;AACjD,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,gBAAgB,GAAG,iBAAiB,CAAC;IACzD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,iBAAiB,IAAI,IAAI,CAAC;IAC1B,aAAa,IAAI,OAAO,CAAC;IACzB,iBAAiB,IAAI,IAAI,CAAC;IAC1B,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAE1B,oBAAoB,CAAC,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvD,yBAAyB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACjD,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,qBAAqB,CAAC,IAAI,OAAO,CAAC;CACnC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validator.type.d.ts","sourceRoot":"","sources":["../../src/types/validator.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"validator.type.d.ts","sourceRoot":"","sources":["../../src/types/validator.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,kCAAkC;AAClC,MAAM,MAAM,yBAAyB,GAAG,CACtC,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,SAAS,KACb,MAAM,CAAC;AAEZ;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE9B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,aAAa,CAAC;IAE1B;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,EAAE,MAAM,GAAG,yBAAyB,CAAC;CAC7C;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC;CAC3D;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;;;OAIG;IACH,OAAO,CACL,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,WAAW,GAClB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;CAC5B;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animation-registry.d.ts","sourceRoot":"","sources":["../../src/utilities/animation-registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"animation-registry.d.ts","sourceRoot":"","sources":["../../src/utilities/animation-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACpC;AAED,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,CACxC,CAAC;AASF;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,gBAAgB,GAAG,IAAI,QAGnC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,EAAE,EAAE,OAAO,EACX,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,gBAAgB,GAAG,IAAI,QAMnC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,EAAE,EAAE,OAAO,EACX,aAAa,EAAE,aAAa,GAC3B,gBAAgB,CAmBlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animation-registry.js","sources":["../../src/utilities/animation-registry.ts"],"sourcesContent":["import { AnimationName } from '../types/animation-name';\n\nexport interface ElementAnimation {\n keyframes: Keyframe[];\n options?: KeyframeAnimationOptions;\n}\n\nexport type ElementAnimationMap = Partial<\n Record<AnimationName, ElementAnimation>\n>;\n\nconst defaultAnimationRegistry = new Map<string, ElementAnimation>();\nconst customAnimationRegistry = new WeakMap<Element, ElementAnimationMap>();\n\nfunction ensureAnimation(animation: ElementAnimation | null) {\n return animation ?? { keyframes: [], options: { duration: 0 } };\n}\n\n/**\n * Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`\n * for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.\n */\nexport function setDefaultAnimation(\n animationName: AnimationName,\n animation: ElementAnimation | null\n) {\n defaultAnimationRegistry.set(animationName, ensureAnimation(animation));\n}\n\n/**\n * Sets a custom animation for the specified element.\n */\nexport function setAnimation(\n el: Element,\n animationName: AnimationName,\n animation: ElementAnimation | null\n) {\n customAnimationRegistry.set(el, {\n ...customAnimationRegistry.get(el),\n [animationName]: ensureAnimation(animation),\n });\n}\n\n/**\n * Gets an element's animation. Falls back to the default if no animation is found.\n */\nexport function getAnimation(\n el: Element,\n animationName: AnimationName\n): ElementAnimation {\n const customAnimation = customAnimationRegistry.get(el);\n\n // Check for a custom animation\n if (customAnimation?.[animationName]) {\n return customAnimation[animationName];\n }\n\n // Check for a default animation\n const defaultAnimation = defaultAnimationRegistry.get(animationName);\n if (defaultAnimation) {\n return defaultAnimation;\n }\n\n // Fall back to an empty animation\n return {\n keyframes: [],\n options: { duration: 0 },\n };\n}\n"],"names":[],"mappings":"AAWA,MAAM,+CAA+B,IAA8B;AACnE,MAAM,8CAA8B,QAAsC;AAE1E,SAAS,gBAAgB,WAAoC;AACpD,SAAA,aAAa,EAAE,WAAW,CAAA,GAAI,SAAS,EAAE,UAAU,IAAI;AAChE;AAMgB,SAAA,oBACd,eACA,WACA;AACA,2BAAyB,IAAI,eAAe,gBAAgB,SAAS,CAAC;AACxE;AAKgB,SAAA,aACd,IACA,eACA,WACA;AACA,0BAAwB,IAAI,IAAI;AAAA,IAC9B,GAAG,wBAAwB,IAAI,EAAE;AAAA,IACjC,CAAC,aAAa,GAAG,gBAAgB,SAAS;AAAA,EAAA,CAC3C;AACH;AAKgB,SAAA,aACd,IACA,eACkB;AACZ,QAAA,kBAAkB,wBAAwB,IAAI,EAAE;AAGlD,MAAA,kBAAkB,aAAa,GAAG;AACpC,WAAO,gBAAgB,aAAa;AAAA,EAAA;AAIhC,QAAA,mBAAmB,yBAAyB,IAAI,aAAa;AACnE,MAAI,kBAAkB;AACb,WAAA;AAAA,EAAA;AAIF,SAAA;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,SAAS,EAAE,UAAU,EAAE;AAAA,EACzB;AACF;"}
|
|
1
|
+
{"version":3,"file":"animation-registry.js","sources":["../../src/utilities/animation-registry.ts"],"sourcesContent":["import type { AnimationName } from '../types/animation-name';\n\nexport interface ElementAnimation {\n keyframes: Keyframe[];\n options?: KeyframeAnimationOptions;\n}\n\nexport type ElementAnimationMap = Partial<\n Record<AnimationName, ElementAnimation>\n>;\n\nconst defaultAnimationRegistry = new Map<string, ElementAnimation>();\nconst customAnimationRegistry = new WeakMap<Element, ElementAnimationMap>();\n\nfunction ensureAnimation(animation: ElementAnimation | null) {\n return animation ?? { keyframes: [], options: { duration: 0 } };\n}\n\n/**\n * Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`\n * for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.\n */\nexport function setDefaultAnimation(\n animationName: AnimationName,\n animation: ElementAnimation | null\n) {\n defaultAnimationRegistry.set(animationName, ensureAnimation(animation));\n}\n\n/**\n * Sets a custom animation for the specified element.\n */\nexport function setAnimation(\n el: Element,\n animationName: AnimationName,\n animation: ElementAnimation | null\n) {\n customAnimationRegistry.set(el, {\n ...customAnimationRegistry.get(el),\n [animationName]: ensureAnimation(animation),\n });\n}\n\n/**\n * Gets an element's animation. Falls back to the default if no animation is found.\n */\nexport function getAnimation(\n el: Element,\n animationName: AnimationName\n): ElementAnimation {\n const customAnimation = customAnimationRegistry.get(el);\n\n // Check for a custom animation\n if (customAnimation?.[animationName]) {\n return customAnimation[animationName];\n }\n\n // Check for a default animation\n const defaultAnimation = defaultAnimationRegistry.get(animationName);\n if (defaultAnimation) {\n return defaultAnimation;\n }\n\n // Fall back to an empty animation\n return {\n keyframes: [],\n options: { duration: 0 },\n };\n}\n"],"names":[],"mappings":"AAWA,MAAM,+CAA+B,IAA8B;AACnE,MAAM,8CAA8B,QAAsC;AAE1E,SAAS,gBAAgB,WAAoC;AACpD,SAAA,aAAa,EAAE,WAAW,CAAA,GAAI,SAAS,EAAE,UAAU,IAAI;AAChE;AAMgB,SAAA,oBACd,eACA,WACA;AACA,2BAAyB,IAAI,eAAe,gBAAgB,SAAS,CAAC;AACxE;AAKgB,SAAA,aACd,IACA,eACA,WACA;AACA,0BAAwB,IAAI,IAAI;AAAA,IAC9B,GAAG,wBAAwB,IAAI,EAAE;AAAA,IACjC,CAAC,aAAa,GAAG,gBAAgB,SAAS;AAAA,EAAA,CAC3C;AACH;AAKgB,SAAA,aACd,IACA,eACkB;AACZ,QAAA,kBAAkB,wBAAwB,IAAI,EAAE;AAGlD,MAAA,kBAAkB,aAAa,GAAG;AACpC,WAAO,gBAAgB,aAAa;AAAA,EAAA;AAIhC,QAAA,mBAAmB,yBAAyB,IAAI,aAAa;AACnE,MAAI,kBAAkB;AACb,WAAA;AAAA,EAAA;AAIF,SAAA;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,SAAS,EAAE,UAAU,EAAE;AAAA,EACzB;AACF;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"country-labels-no.d.ts","sourceRoot":"","sources":["../../src/utilities/country-labels-no.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"country-labels-no.d.ts","sourceRoot":"","sources":["../../src/utilities/country-labels-no.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACnE,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAsPvC,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,KAAK,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"country-labels-no.js","sources":["../../src/utilities/country-labels-no.ts"],"sourcesContent":["import { CountryCode, getCountries } from 'libphonenumber-js';\nconst labels: Record<CountryCode, string> = {\n AC: 'Ascension Island',\n AD: 'Andorra',\n AE: 'De Forente Arabiske Emirater',\n AF: 'Afghanistan',\n AG: 'Antigua og Barbuda',\n AI: 'Anguilla',\n AL: 'Albania',\n AM: 'Armenia',\n AO: 'Angola',\n AR: 'Argentina',\n AS: 'Amerikansk Samoa',\n AT: 'Østerrike',\n AU: 'Australia',\n AW: 'Aruba',\n AX: 'Åland',\n AZ: 'Aserbajdsjan',\n BA: 'Bosnia-Hercegovina',\n BB: 'Barbados',\n BD: 'Bangladesh',\n BE: 'Belgia',\n BF: 'Burkin Faso',\n BG: 'Bulgaria',\n BH: 'Bahrain',\n BI: 'Burundi',\n BJ: 'Benin',\n BL: 'Saint Barthélemy',\n BM: 'Bermuda',\n BN: 'Brunei Darussalam',\n BO: 'Bolivia',\n BQ: 'Bonaire, Sint Eustatius og Saba',\n BR: 'Brasil',\n BS: 'Bahamas',\n BT: 'Bhutan',\n BW: 'Botswana',\n BY: 'Belarus',\n BZ: 'Belize',\n CA: 'Canada',\n CC: 'Kokosøyene (Keelingøyene)',\n CD: 'Kongo',\n CF: 'Den sentralafrikanske republikk',\n CG: 'Kongo Brazzaville',\n CH: 'Sveits',\n CI: 'Elfenbenkysten',\n CK: 'Cookøyene',\n CL: 'Chile',\n CM: 'Kamerun',\n CN: 'Kina',\n CO: 'Colombia',\n CR: 'Costa Rica',\n CU: 'Cuba',\n CV: 'Kapp Verde',\n CW: 'Curacao',\n CX: 'Christmasøya',\n CY: 'Kypros',\n CZ: 'Tsjekkia',\n DE: 'Tyskland',\n DJ: 'Djibouti',\n DK: 'Danmark',\n DM: 'Dominica',\n DO: 'Den dominikanske republikk',\n DZ: 'Algerie',\n EC: 'Ecuador',\n EE: 'Estland',\n EG: 'Egypt',\n EH: 'Vest-Sahara',\n ER: 'Eritrea',\n ES: 'Spania',\n ET: 'Etiopia',\n FI: 'Finland',\n FJ: 'Fiji',\n FK: 'Falklandsøyene (Malvinas)',\n FM: 'Micronesiaføderasjonen',\n FO: 'Færøyene',\n FR: 'Frankrike',\n GA: 'Gabon',\n GB: 'Storbritannia',\n GD: 'Grenada',\n GE: 'Georgia',\n GF: 'Fransk Guiana',\n GG: 'Guernsey',\n GH: 'Ghana',\n GI: 'Gibraltar',\n GL: 'Grønland',\n GM: 'Gambia',\n GN: 'Guinea',\n GP: 'Guadeloupe',\n GQ: 'Ekvatorial-Guinea',\n GR: 'Hellas',\n GT: 'Guatemala',\n GU: 'Guam',\n GW: 'Guinea-Bissau',\n GY: 'Guyana',\n HK: 'Hongkong',\n HN: 'Honduras',\n HR: 'Kroatia',\n HT: 'Haiti',\n HU: 'Ungarn',\n ID: 'Indonesia',\n IE: 'Irland',\n IL: 'Israel',\n IM: 'Isle of Man',\n IN: 'India',\n IO: 'Det britiske terr. i Indiahavet',\n IQ: 'Irak',\n IR: 'Iran',\n IS: 'Island',\n IT: 'Italia',\n JE: 'Jersey',\n JM: 'Jamaica',\n JO: 'Jordan',\n JP: 'Japan',\n KE: 'Kenya',\n KG: 'Kirgistan',\n KH: 'Kambodsja',\n KI: 'Kiribati',\n KM: 'Komorene',\n KN: 'Saint Kitts og Nevis',\n KP: 'Nord-Korea',\n KR: 'Sør-Korea',\n KW: 'Kuwait',\n KY: 'Caymanøyene',\n KZ: 'Kasakhstan',\n LA: 'Laos',\n LB: 'Libanon',\n LC: 'Saint Lucia',\n LI: 'Liechtenstein',\n LK: 'Sri Lanka',\n LR: 'Liberia',\n LS: 'Lesotho',\n LT: 'Litauen',\n LU: 'Luxembourg',\n LV: 'Latvia',\n LY: 'Libya',\n MA: 'Marokko',\n MC: 'Monaco',\n MD: 'Moldova',\n ME: 'Montenegro',\n MF: 'Saint Martin (Fransk del)',\n MG: 'Madagaskar',\n MH: 'Marshalløyene',\n MK: 'Nord-Makedonia',\n ML: 'Mali',\n MM: 'Myanmar/Burma',\n MN: 'Mongolia',\n MO: 'Macao',\n MP: 'Nord-Marianene',\n MQ: 'Martinique',\n MR: 'Mauritania',\n MS: 'Montserrat',\n MT: 'Malta',\n MU: 'Mauritius',\n MV: 'Maldivene',\n MW: 'Malawi',\n MX: 'Mexico',\n MY: 'Malaysia',\n MZ: 'Mosambik',\n NA: 'Namibia',\n NC: 'Ny-Caledonia',\n NE: 'Niger',\n NF: 'Norfolkøya',\n NG: 'Nigeria',\n NI: 'Nicaragua',\n NL: 'Nederland',\n NO: 'Norge',\n NP: 'Nepal',\n NR: 'Nauru',\n NU: 'Niue',\n NZ: 'New Zealand',\n OM: 'Oman',\n PA: 'Panama',\n PE: 'Peru',\n PF: 'Fransk Polynesia',\n PG: 'Papua Ny-Guinea',\n PH: 'Filippinene',\n PK: 'Pakistan',\n PL: 'Polen',\n PM: 'Saint Pierre og Miquelon',\n PR: 'Puerto Rico',\n PS: 'Palestina',\n PT: 'Portugal',\n PW: 'Palau',\n PY: 'Paraguay',\n QA: 'Qatar',\n RE: 'Reunion',\n RO: 'Romania',\n RS: 'Serbia',\n RU: 'Russland',\n RW: 'Rwanda',\n SA: 'Saudi-Arabia',\n SB: 'Salomonøyene',\n SC: 'Seychellene',\n SD: 'Sudan',\n SE: 'Sverige',\n SG: 'Singapore',\n SH: 'St. Helena',\n SI: 'Slovenia',\n SJ: 'Svalbard og Jan Mayen',\n SK: 'Slovakia',\n SL: 'Sierra Leone',\n SM: 'San Marino',\n SN: 'Senegal',\n SO: 'Somalia',\n SR: 'Surinam',\n SS: 'Sør-Sudan',\n ST: 'Sao Tome og Principe',\n SV: 'El Salvador',\n SX: 'Sint Marteen, NL',\n SY: 'Syria',\n SZ: 'Eswatini',\n TA: 'Tristan da Cunha',\n TC: 'Turks- og Caicosøyene',\n TD: 'Tchad',\n TG: 'Togo',\n TH: 'Thailand',\n TJ: 'Tadsjikistan',\n TK: 'Tokelau',\n TL: 'Øst-Timor',\n TM: 'Turkmenistan',\n TN: 'Tunisia',\n TO: 'Tonga',\n TR: 'Tyrkia',\n TT: 'Trinidad og Tobago',\n TV: 'Tuvalu',\n TW: 'Taiwan',\n TZ: 'Tanzania',\n UA: 'Ukraina',\n UG: 'Uganda',\n US: 'USA',\n UY: 'Uruguay',\n UZ: 'Usbekistan',\n VA: 'Vatikanstaten',\n VC: 'Saint Vincent og Grenadinene',\n VE: 'Venezuela',\n VG: 'Jomfruøyene, Britisk',\n VI: 'Jomfruøyene, US',\n VN: 'Vietnam',\n VU: 'Vanuatu',\n WF: 'Wallis- og Futunaøyene',\n WS: 'Samoa',\n XK: 'Kosovo',\n YE: 'Yemen',\n YT: 'Mayotte',\n ZA: 'Sør-Afrika',\n ZM: 'Zambia',\n ZW: 'Zimbabwe',\n};\n\nexport default labels;\nexport { getCountries, type CountryCode };\n"],"names":[],"mappings":";AACA,MAAM,SAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}
|
|
1
|
+
{"version":3,"file":"country-labels-no.js","sources":["../../src/utilities/country-labels-no.ts"],"sourcesContent":["import { type CountryCode, getCountries } from 'libphonenumber-js';\nconst labels: Record<CountryCode, string> = {\n AC: 'Ascension Island',\n AD: 'Andorra',\n AE: 'De Forente Arabiske Emirater',\n AF: 'Afghanistan',\n AG: 'Antigua og Barbuda',\n AI: 'Anguilla',\n AL: 'Albania',\n AM: 'Armenia',\n AO: 'Angola',\n AR: 'Argentina',\n AS: 'Amerikansk Samoa',\n AT: 'Østerrike',\n AU: 'Australia',\n AW: 'Aruba',\n AX: 'Åland',\n AZ: 'Aserbajdsjan',\n BA: 'Bosnia-Hercegovina',\n BB: 'Barbados',\n BD: 'Bangladesh',\n BE: 'Belgia',\n BF: 'Burkin Faso',\n BG: 'Bulgaria',\n BH: 'Bahrain',\n BI: 'Burundi',\n BJ: 'Benin',\n BL: 'Saint Barthélemy',\n BM: 'Bermuda',\n BN: 'Brunei Darussalam',\n BO: 'Bolivia',\n BQ: 'Bonaire, Sint Eustatius og Saba',\n BR: 'Brasil',\n BS: 'Bahamas',\n BT: 'Bhutan',\n BW: 'Botswana',\n BY: 'Belarus',\n BZ: 'Belize',\n CA: 'Canada',\n CC: 'Kokosøyene (Keelingøyene)',\n CD: 'Kongo',\n CF: 'Den sentralafrikanske republikk',\n CG: 'Kongo Brazzaville',\n CH: 'Sveits',\n CI: 'Elfenbenkysten',\n CK: 'Cookøyene',\n CL: 'Chile',\n CM: 'Kamerun',\n CN: 'Kina',\n CO: 'Colombia',\n CR: 'Costa Rica',\n CU: 'Cuba',\n CV: 'Kapp Verde',\n CW: 'Curacao',\n CX: 'Christmasøya',\n CY: 'Kypros',\n CZ: 'Tsjekkia',\n DE: 'Tyskland',\n DJ: 'Djibouti',\n DK: 'Danmark',\n DM: 'Dominica',\n DO: 'Den dominikanske republikk',\n DZ: 'Algerie',\n EC: 'Ecuador',\n EE: 'Estland',\n EG: 'Egypt',\n EH: 'Vest-Sahara',\n ER: 'Eritrea',\n ES: 'Spania',\n ET: 'Etiopia',\n FI: 'Finland',\n FJ: 'Fiji',\n FK: 'Falklandsøyene (Malvinas)',\n FM: 'Micronesiaføderasjonen',\n FO: 'Færøyene',\n FR: 'Frankrike',\n GA: 'Gabon',\n GB: 'Storbritannia',\n GD: 'Grenada',\n GE: 'Georgia',\n GF: 'Fransk Guiana',\n GG: 'Guernsey',\n GH: 'Ghana',\n GI: 'Gibraltar',\n GL: 'Grønland',\n GM: 'Gambia',\n GN: 'Guinea',\n GP: 'Guadeloupe',\n GQ: 'Ekvatorial-Guinea',\n GR: 'Hellas',\n GT: 'Guatemala',\n GU: 'Guam',\n GW: 'Guinea-Bissau',\n GY: 'Guyana',\n HK: 'Hongkong',\n HN: 'Honduras',\n HR: 'Kroatia',\n HT: 'Haiti',\n HU: 'Ungarn',\n ID: 'Indonesia',\n IE: 'Irland',\n IL: 'Israel',\n IM: 'Isle of Man',\n IN: 'India',\n IO: 'Det britiske terr. i Indiahavet',\n IQ: 'Irak',\n IR: 'Iran',\n IS: 'Island',\n IT: 'Italia',\n JE: 'Jersey',\n JM: 'Jamaica',\n JO: 'Jordan',\n JP: 'Japan',\n KE: 'Kenya',\n KG: 'Kirgistan',\n KH: 'Kambodsja',\n KI: 'Kiribati',\n KM: 'Komorene',\n KN: 'Saint Kitts og Nevis',\n KP: 'Nord-Korea',\n KR: 'Sør-Korea',\n KW: 'Kuwait',\n KY: 'Caymanøyene',\n KZ: 'Kasakhstan',\n LA: 'Laos',\n LB: 'Libanon',\n LC: 'Saint Lucia',\n LI: 'Liechtenstein',\n LK: 'Sri Lanka',\n LR: 'Liberia',\n LS: 'Lesotho',\n LT: 'Litauen',\n LU: 'Luxembourg',\n LV: 'Latvia',\n LY: 'Libya',\n MA: 'Marokko',\n MC: 'Monaco',\n MD: 'Moldova',\n ME: 'Montenegro',\n MF: 'Saint Martin (Fransk del)',\n MG: 'Madagaskar',\n MH: 'Marshalløyene',\n MK: 'Nord-Makedonia',\n ML: 'Mali',\n MM: 'Myanmar/Burma',\n MN: 'Mongolia',\n MO: 'Macao',\n MP: 'Nord-Marianene',\n MQ: 'Martinique',\n MR: 'Mauritania',\n MS: 'Montserrat',\n MT: 'Malta',\n MU: 'Mauritius',\n MV: 'Maldivene',\n MW: 'Malawi',\n MX: 'Mexico',\n MY: 'Malaysia',\n MZ: 'Mosambik',\n NA: 'Namibia',\n NC: 'Ny-Caledonia',\n NE: 'Niger',\n NF: 'Norfolkøya',\n NG: 'Nigeria',\n NI: 'Nicaragua',\n NL: 'Nederland',\n NO: 'Norge',\n NP: 'Nepal',\n NR: 'Nauru',\n NU: 'Niue',\n NZ: 'New Zealand',\n OM: 'Oman',\n PA: 'Panama',\n PE: 'Peru',\n PF: 'Fransk Polynesia',\n PG: 'Papua Ny-Guinea',\n PH: 'Filippinene',\n PK: 'Pakistan',\n PL: 'Polen',\n PM: 'Saint Pierre og Miquelon',\n PR: 'Puerto Rico',\n PS: 'Palestina',\n PT: 'Portugal',\n PW: 'Palau',\n PY: 'Paraguay',\n QA: 'Qatar',\n RE: 'Reunion',\n RO: 'Romania',\n RS: 'Serbia',\n RU: 'Russland',\n RW: 'Rwanda',\n SA: 'Saudi-Arabia',\n SB: 'Salomonøyene',\n SC: 'Seychellene',\n SD: 'Sudan',\n SE: 'Sverige',\n SG: 'Singapore',\n SH: 'St. Helena',\n SI: 'Slovenia',\n SJ: 'Svalbard og Jan Mayen',\n SK: 'Slovakia',\n SL: 'Sierra Leone',\n SM: 'San Marino',\n SN: 'Senegal',\n SO: 'Somalia',\n SR: 'Surinam',\n SS: 'Sør-Sudan',\n ST: 'Sao Tome og Principe',\n SV: 'El Salvador',\n SX: 'Sint Marteen, NL',\n SY: 'Syria',\n SZ: 'Eswatini',\n TA: 'Tristan da Cunha',\n TC: 'Turks- og Caicosøyene',\n TD: 'Tchad',\n TG: 'Togo',\n TH: 'Thailand',\n TJ: 'Tadsjikistan',\n TK: 'Tokelau',\n TL: 'Øst-Timor',\n TM: 'Turkmenistan',\n TN: 'Tunisia',\n TO: 'Tonga',\n TR: 'Tyrkia',\n TT: 'Trinidad og Tobago',\n TV: 'Tuvalu',\n TW: 'Taiwan',\n TZ: 'Tanzania',\n UA: 'Ukraina',\n UG: 'Uganda',\n US: 'USA',\n UY: 'Uruguay',\n UZ: 'Usbekistan',\n VA: 'Vatikanstaten',\n VC: 'Saint Vincent og Grenadinene',\n VE: 'Venezuela',\n VG: 'Jomfruøyene, Britisk',\n VI: 'Jomfruøyene, US',\n VN: 'Vietnam',\n VU: 'Vanuatu',\n WF: 'Wallis- og Futunaøyene',\n WS: 'Samoa',\n XK: 'Kosovo',\n YE: 'Yemen',\n YT: 'Mayotte',\n ZA: 'Sør-Afrika',\n ZM: 'Zambia',\n ZW: 'Zimbabwe',\n};\n\nexport default labels;\nexport { getCountries, type CountryCode };\n"],"names":[],"mappings":";AACA,MAAM,SAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@felleslosninger/minid-elements",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.107",
|
|
4
4
|
"description": "MinID Web Components",
|
|
5
5
|
"author": "Digitaliseringsdirektoratet",
|
|
6
6
|
"license": "MIT",
|
|
@@ -129,6 +129,10 @@
|
|
|
129
129
|
"./tooltip": {
|
|
130
130
|
"import": "./dist/components/tooltip.js",
|
|
131
131
|
"types": "./dist/components/tooltip.component.d.ts"
|
|
132
|
+
},
|
|
133
|
+
"./validation-message": {
|
|
134
|
+
"import": "./dist/components/validation-message.js",
|
|
135
|
+
"types": "./dist/components/validation-message.component.d.ts"
|
|
132
136
|
}
|
|
133
137
|
},
|
|
134
138
|
"repository": {
|
|
@@ -143,7 +147,7 @@
|
|
|
143
147
|
"build:cdn": "rimraf dist-cdn && tsc && vite build --config vite.cdn.config.js",
|
|
144
148
|
"storybook": "storybook dev -p 6006",
|
|
145
149
|
"storybook:dev": "concurrently --kill-others \"npm run analyze -- --watch\" \"npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./.storybook/public/tailwind.css --watch\" \"npm run storybook\"",
|
|
146
|
-
"storybook:build": "npm run build && rimraf storybook-static && npm run analyze && storybook build",
|
|
150
|
+
"storybook:build": "npm run build && rimraf storybook-static && npm run analyze && npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./.storybook/public/tailwind.css && storybook build",
|
|
147
151
|
"analyze": "custom-elements-manifest analyze"
|
|
148
152
|
},
|
|
149
153
|
"dependencies": {
|
|
@@ -153,12 +157,11 @@
|
|
|
153
157
|
"element-internals-polyfill": "^1.3.10",
|
|
154
158
|
"input-format": "^0.3.11",
|
|
155
159
|
"libphonenumber-js": "^1.11.15",
|
|
156
|
-
"lit": "^3.
|
|
160
|
+
"lit": "^3.3.0",
|
|
157
161
|
"qrcode": "^1.5.4"
|
|
158
162
|
},
|
|
159
163
|
"devDependencies": {
|
|
160
164
|
"@custom-elements-manifest/analyzer": "^0.10.3",
|
|
161
|
-
"@digdir/designsystemet-css": "^1.0.3",
|
|
162
165
|
"@digdir/designsystemet-theme": "^1.0.3",
|
|
163
166
|
"@floating-ui/dom": "^1.6.10",
|
|
164
167
|
"@navikt/aksel-icons": "^7.1.2",
|