@utrecht/web-component-library-stencil 1.0.0-alpha.209 → 1.0.0-alpha.211
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/cjs/loader.cjs.js +1 -1
- package/dist/cjs/utrecht-form-field-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/utrecht-form-field-description.cjs.entry.js +2 -2
- package/dist/cjs/utrecht-form-field-textarea.cjs.entry.js +2 -2
- package/dist/cjs/utrecht-form-field-textbox.cjs.entry.js +2 -2
- package/dist/cjs/utrecht.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +5 -5
- package/dist/collection/form-field-checkbox/{bem.js → css/template.js} +0 -0
- package/dist/collection/form-field-checkbox/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/form-field-checkbox/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/form-field-checkbox/web-component/template.js +18 -0
- package/dist/collection/form-field-checkbox-group/{bem.js → css/template.js} +0 -0
- package/dist/collection/form-field-description/{bem.js → css/template.js} +2 -2
- package/dist/collection/form-field-description/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/form-field-description/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/form-field-description/web-component/template.js +4 -0
- package/dist/collection/form-field-radio/{bem.js → css/template.js} +0 -0
- package/dist/collection/form-field-radio-group/{bem.js → css/template.js} +0 -0
- package/dist/collection/form-field-textarea/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/form-field-textarea/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/form-field-textarea/web-component/template.js +14 -0
- package/dist/collection/form-field-textbox/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/form-field-textbox/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/form-field-textbox/web-component/template.js +21 -0
- package/dist/custom-elements/index.js +38 -38
- package/dist/esm/loader.js +1 -1
- package/dist/esm/utrecht-form-field-checkbox.entry.js +2 -2
- package/dist/esm/utrecht-form-field-description.entry.js +2 -2
- package/dist/esm/utrecht-form-field-textarea.entry.js +2 -2
- package/dist/esm/utrecht-form-field-textbox.entry.js +2 -2
- package/dist/esm/utrecht.js +1 -1
- package/dist/types/form-field-checkbox/{stencil.d.ts → web-component/index.stencil.d.ts} +1 -1
- package/dist/types/form-field-description/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
- package/dist/types/form-field-textarea/{stencil.d.ts → web-component/index.stencil.d.ts} +1 -1
- package/dist/types/form-field-textbox/{stencil.d.ts → web-component/index.stencil.d.ts} +1 -1
- package/package.json +3 -3
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-8c6952a4.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Esm v2.15.
|
|
8
|
+
Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
const patchEsm = () => {
|
|
11
11
|
return index.promiseResolve();
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-8c6952a4.js');
|
|
6
6
|
const clsx_m = require('./clsx.m-b00fa5e1.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const indexCss = ".utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field__label--checkbox{margin-inline-start:1ch}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled,.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
9
9
|
|
|
10
10
|
const FormFieldCheckbox = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -29,6 +29,6 @@ const FormFieldCheckbox = class {
|
|
|
29
29
|
} }), index.h("label", { class: clsx_m.clsx('utrecht-form-field__label', 'utrecht-form-field__label--checkbox', 'utrecht-form-label', 'utrecht-form-label--checkbox'), htmlFor: "input" }, index.h("slot", null))));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
-
FormFieldCheckbox.style =
|
|
32
|
+
FormFieldCheckbox.style = indexCss;
|
|
33
33
|
|
|
34
34
|
exports.utrecht_form_field_checkbox = FormFieldCheckbox;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-8c6952a4.js');
|
|
6
6
|
const clsx_m = require('./clsx.m-b00fa5e1.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const indexCss = ".utrecht-form-field-description{color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style)}.utrecht-form-field-description--distanced{margin-block-end:var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color, var(--utrecht-feedback-warning-color))}:host{display:block}:host([hidden]){display:none !important}";
|
|
9
9
|
|
|
10
10
|
const FormFieldDescription = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -17,6 +17,6 @@ const FormFieldDescription = class {
|
|
|
17
17
|
return (index.h("div", { class: clsx_m.clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, index.h("slot", null)));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
FormFieldDescription.style =
|
|
20
|
+
FormFieldDescription.style = indexCss;
|
|
21
21
|
|
|
22
22
|
exports.utrecht_form_field_description = FormFieldDescription;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-8c6952a4.js');
|
|
6
6
|
const clsx_m = require('./clsx.m-b00fa5e1.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const indexCss = ".utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));resize:vertical;width:100%}.utrecht-textarea--invalid,.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--disabled,.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--focus,.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--focus-visible,.utrecht-textarea--html-textarea:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--read-only,.utrecht-textarea--html-textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea__placeholder,.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
9
9
|
|
|
10
10
|
const FormFieldTextarea = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -29,6 +29,6 @@ const FormFieldTextarea = class {
|
|
|
29
29
|
} }, value), index.h("label", { class: "utrecht-form-field-textarea__label utrecht-form-label", htmlFor: "input" }, index.h("slot", null))));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
|
-
FormFieldTextarea.style =
|
|
32
|
+
FormFieldTextarea.style = indexCss;
|
|
33
33
|
|
|
34
34
|
exports.utrecht_form_field_textarea = FormFieldTextarea;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-8c6952a4.js');
|
|
6
6
|
const clsx_m = require('./clsx.m-b00fa5e1.js');
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const indexCss = ".utrecht-form-field-textbox{font-family:var(--utrecht-document-font-family, inherit)}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-textbox{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textbox--invalid,.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled,.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus,.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible,.utrecht-textbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--read-only,.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder,.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
9
9
|
|
|
10
10
|
const FormFieldTextbox = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -34,6 +34,6 @@ const FormFieldTextbox = class {
|
|
|
34
34
|
} }), index.h("label", { class: "utrecht-form-field-textbox__label utrecht-form-label", htmlFor: "input" }, index.h("slot", null))));
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
FormFieldTextbox.style =
|
|
37
|
+
FormFieldTextbox.style = indexCss;
|
|
38
38
|
|
|
39
39
|
exports.utrecht_form_field_textbox = FormFieldTextbox;
|
package/dist/cjs/utrecht.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
const index = require('./index-8c6952a4.js');
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v2.15.
|
|
6
|
+
Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
const patchBrowser = () => {
|
|
9
9
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('utrecht.cjs.js', document.baseURI).href));
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"./document/web-component/index.stencil.js",
|
|
15
15
|
"./eherkenning-logo/web-component/index.stencil.js",
|
|
16
16
|
"./eidas-logo/web-component/index.stencil.js",
|
|
17
|
-
"./form-field-checkbox/stencil.js",
|
|
18
|
-
"./form-field-description/stencil.js",
|
|
19
|
-
"./form-field-textarea/stencil.js",
|
|
20
|
-
"./form-field-textbox/stencil.js",
|
|
17
|
+
"./form-field-checkbox/web-component/index.stencil.js",
|
|
18
|
+
"./form-field-description/web-component/index.stencil.js",
|
|
19
|
+
"./form-field-textarea/web-component/index.stencil.js",
|
|
20
|
+
"./form-field-textbox/web-component/index.stencil.js",
|
|
21
21
|
"./form-toggle/web-component/index.stencil.js",
|
|
22
22
|
"./heading/stencil.js",
|
|
23
23
|
"./heading-1/stencil.js",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
],
|
|
66
66
|
"compiler": {
|
|
67
67
|
"name": "@stencil/core",
|
|
68
|
-
"version": "2.15.
|
|
68
|
+
"version": "2.15.2",
|
|
69
69
|
"typescriptVersion": "4.5.4"
|
|
70
70
|
},
|
|
71
71
|
"collections": [],
|
|
File without changes
|
|
File without changes
|
|
@@ -26,10 +26,10 @@ export class FormFieldCheckbox {
|
|
|
26
26
|
static get is() { return "utrecht-form-field-checkbox"; }
|
|
27
27
|
static get encapsulation() { return "shadow"; }
|
|
28
28
|
static get originalStyleUrls() { return {
|
|
29
|
-
"$": ["
|
|
29
|
+
"$": ["index.scss"]
|
|
30
30
|
}; }
|
|
31
31
|
static get styleUrls() { return {
|
|
32
|
-
"$": ["
|
|
32
|
+
"$": ["index.css"]
|
|
33
33
|
}; }
|
|
34
34
|
static get properties() { return {
|
|
35
35
|
"label": {
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export const defaultArgs = {
|
|
2
|
+
checked: false,
|
|
3
|
+
disabled: false,
|
|
4
|
+
invalid: false,
|
|
5
|
+
label: '',
|
|
6
|
+
required: false,
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export const FormFieldCheckbox = ({
|
|
10
|
+
checked = false,
|
|
11
|
+
disabled = false,
|
|
12
|
+
invalid = false,
|
|
13
|
+
label = '',
|
|
14
|
+
required = false,
|
|
15
|
+
}) =>
|
|
16
|
+
`<utrecht-form-field-checkbox${checked ? ' checked="true"' : ''}${disabled ? ' disabled="true"' : ''}${
|
|
17
|
+
invalid ? ' invalid="true"' : ''
|
|
18
|
+
}${required ? ' required="true"' : ''}>${label}</utrecht-form-field-checkbox>`;
|
|
File without changes
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
|
|
8
|
-
export const FormFieldDescription = ({ id = null, innerHTML = '', status = null }) =>
|
|
8
|
+
export const FormFieldDescription = ({ id = null, innerHTML = '', status = null, distanced = false }) =>
|
|
9
9
|
`<div${id ? ` id="${id}"` : ''} class="${clsx(
|
|
10
10
|
'utrecht-form-field-description',
|
|
11
|
-
'utrecht-form-field-description--distanced',
|
|
11
|
+
distanced && 'utrecht-form-field-description--distanced',
|
|
12
12
|
status === 'invalid' && 'utrecht-form-field-description--invalid',
|
|
13
13
|
status === 'valid' && 'utrecht-form-field-description--valid',
|
|
14
14
|
status === 'warning' && 'utrecht-form-field-description--warning',
|
|
File without changes
|
package/dist/collection/form-field-description/{stencil.js → web-component/index.stencil.js}
RENAMED
|
@@ -16,10 +16,10 @@ export class FormFieldDescription {
|
|
|
16
16
|
static get is() { return "utrecht-form-field-description"; }
|
|
17
17
|
static get encapsulation() { return "shadow"; }
|
|
18
18
|
static get originalStyleUrls() { return {
|
|
19
|
-
"$": ["
|
|
19
|
+
"$": ["index.scss"]
|
|
20
20
|
}; }
|
|
21
21
|
static get styleUrls() { return {
|
|
22
|
-
"$": ["
|
|
22
|
+
"$": ["index.css"]
|
|
23
23
|
}; }
|
|
24
24
|
static get properties() { return {
|
|
25
25
|
"status": {
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -26,10 +26,10 @@ export class FormFieldTextarea {
|
|
|
26
26
|
static get is() { return "utrecht-form-field-textarea"; }
|
|
27
27
|
static get encapsulation() { return "shadow"; }
|
|
28
28
|
static get originalStyleUrls() { return {
|
|
29
|
-
"$": ["
|
|
29
|
+
"$": ["index.scss"]
|
|
30
30
|
}; }
|
|
31
31
|
static get styleUrls() { return {
|
|
32
|
-
"$": ["
|
|
32
|
+
"$": ["index.css"]
|
|
33
33
|
}; }
|
|
34
34
|
static get properties() { return {
|
|
35
35
|
"disabled": {
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export const FormFieldTextarea = ({
|
|
2
|
+
disabled = false,
|
|
3
|
+
invalid = false,
|
|
4
|
+
label = '',
|
|
5
|
+
placeholder = '',
|
|
6
|
+
readOnly = false,
|
|
7
|
+
required = false,
|
|
8
|
+
value = '',
|
|
9
|
+
}) =>
|
|
10
|
+
`<utrecht-form-field-textarea${disabled ? ' disabled="true"' : ''}${invalid ? ' invalid="true"' : ''}${
|
|
11
|
+
placeholder ? ` placeholder="${placeholder}"` : ''
|
|
12
|
+
}${readOnly ? ' readonly="true"' : ''}${required ? ' required="true"' : ''}${
|
|
13
|
+
value ? ` value="${value}"` : ''
|
|
14
|
+
}>${label}</utrecht-form-field-textarea>`;
|
|
File without changes
|
|
@@ -31,10 +31,10 @@ export class FormFieldTextbox {
|
|
|
31
31
|
static get is() { return "utrecht-form-field-textbox"; }
|
|
32
32
|
static get encapsulation() { return "shadow"; }
|
|
33
33
|
static get originalStyleUrls() { return {
|
|
34
|
-
"$": ["
|
|
34
|
+
"$": ["index.scss"]
|
|
35
35
|
}; }
|
|
36
36
|
static get styleUrls() { return {
|
|
37
|
-
"$": ["
|
|
37
|
+
"$": ["index.css"]
|
|
38
38
|
}; }
|
|
39
39
|
static get properties() { return {
|
|
40
40
|
"autoComplete": {
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export const FormFieldTextbox = ({
|
|
2
|
+
autoComplete = '',
|
|
3
|
+
disabled = false,
|
|
4
|
+
invalid = false,
|
|
5
|
+
label = '',
|
|
6
|
+
min = '',
|
|
7
|
+
max = '',
|
|
8
|
+
pattern = '',
|
|
9
|
+
placeholder = '',
|
|
10
|
+
readOnly = false,
|
|
11
|
+
required = false,
|
|
12
|
+
type = '',
|
|
13
|
+
value = '',
|
|
14
|
+
}) =>
|
|
15
|
+
`<utrecht-form-field-textbox${autoComplete ? ` autocomplete="${autoComplete}"` : ''}${
|
|
16
|
+
disabled ? ' disabled="true"' : ''
|
|
17
|
+
}${invalid ? ' invalid="true"' : ''}${min !== '' ? ` min="${min}"` : ''}${max !== '' ? ` max="${max}"` : ''}${
|
|
18
|
+
pattern ? ` pattern="${pattern}"` : ''
|
|
19
|
+
}${placeholder ? ` placeholder="${placeholder}"` : ''}${readOnly ? ' readonly="true"' : ''}${
|
|
20
|
+
required ? ' required="true"' : ''
|
|
21
|
+
}${value ? ` value="${value}"` : ''}${type ? ` type="${type}"` : ''}>${label}</utrecht-form-field-textbox>`;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLElement, h, createEvent, proxyCustomElement } from '@stencil/core/internal/client';
|
|
2
2
|
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
3
3
|
|
|
4
|
-
const indexCss$
|
|
4
|
+
const indexCss$Q = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const Article = class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -12,7 +12,7 @@ const Article = class extends HTMLElement {
|
|
|
12
12
|
render() {
|
|
13
13
|
return (h("article", { class: "utrecht-article" }, h("slot", null)));
|
|
14
14
|
}
|
|
15
|
-
static get style() { return indexCss$
|
|
15
|
+
static get style() { return indexCss$Q; }
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
function toVal(mix) {
|
|
@@ -56,7 +56,7 @@ function clsx () {
|
|
|
56
56
|
return str;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
const indexCss$
|
|
59
|
+
const indexCss$P = ".utrecht-backdrop{background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";
|
|
60
60
|
|
|
61
61
|
const Backdrop = class extends HTMLElement {
|
|
62
62
|
constructor() {
|
|
@@ -68,10 +68,10 @@ const Backdrop = class extends HTMLElement {
|
|
|
68
68
|
const { viewport } = this;
|
|
69
69
|
return (h("div", { class: clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport') }, h("slot", null)));
|
|
70
70
|
}
|
|
71
|
-
static get style() { return indexCss$
|
|
71
|
+
static get style() { return indexCss$P; }
|
|
72
72
|
};
|
|
73
73
|
|
|
74
|
-
const indexCss$
|
|
74
|
+
const indexCss$O = ".utrecht-badge{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, black));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, white));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-decoration:none;}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
75
75
|
|
|
76
76
|
const BadgeCounter = class extends HTMLElement {
|
|
77
77
|
constructor() {
|
|
@@ -86,10 +86,10 @@ const BadgeCounter = class extends HTMLElement {
|
|
|
86
86
|
const textContent = limited ? `${formatNumber(max)}+` : typeof value === 'number' ? formatNumber(value) : '';
|
|
87
87
|
return h("div", { class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
|
|
88
88
|
}
|
|
89
|
-
static get style() { return indexCss$
|
|
89
|
+
static get style() { return indexCss$O; }
|
|
90
90
|
};
|
|
91
91
|
|
|
92
|
-
const indexCss$
|
|
92
|
+
const indexCss$N = ".utrecht-badge,.utrecht-badge-data{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-data{letter-spacing:var(--utrecht-badge-data-letter-spacing, inherit);text-transform:var(--utrecht-badge-data-text-transform, inherit)}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
93
93
|
|
|
94
94
|
const BadgeData = class extends HTMLElement {
|
|
95
95
|
constructor() {
|
|
@@ -100,10 +100,10 @@ const BadgeData = class extends HTMLElement {
|
|
|
100
100
|
render() {
|
|
101
101
|
return (h("div", { class: "utrecht-badge-data" }, h("slot", null)));
|
|
102
102
|
}
|
|
103
|
-
static get style() { return indexCss$
|
|
103
|
+
static get style() { return indexCss$N; }
|
|
104
104
|
};
|
|
105
105
|
|
|
106
|
-
const indexCss$
|
|
106
|
+
const indexCss$M = ".utrecht-badge,.utrecht-badge-status{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-status{letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, red);color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, #ffa600);color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, green);color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, red));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
107
107
|
|
|
108
108
|
const BadgeStatus = class extends HTMLElement {
|
|
109
109
|
constructor() {
|
|
@@ -114,10 +114,10 @@ const BadgeStatus = class extends HTMLElement {
|
|
|
114
114
|
render() {
|
|
115
115
|
return (h("div", { class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, h("slot", null)));
|
|
116
116
|
}
|
|
117
|
-
static get style() { return indexCss$
|
|
117
|
+
static get style() { return indexCss$M; }
|
|
118
118
|
};
|
|
119
119
|
|
|
120
|
-
const indexCss$
|
|
120
|
+
const indexCss$L = ".utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--focus,.utrecht-link:focus{color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible,.utrecht-link:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-link--telephone{white-space:nowrap}:host{display:block}:host([hidden]){display:none !important}";
|
|
121
121
|
|
|
122
122
|
const Breadcrumb = class extends HTMLElement {
|
|
123
123
|
constructor() {
|
|
@@ -131,10 +131,10 @@ const Breadcrumb = class extends HTMLElement {
|
|
|
131
131
|
const items = json ? JSON.parse(json) : [];
|
|
132
132
|
return (h("nav", { class: clsx('utrecht-breadcrumb', variant === 'arrows' && 'utrecht-breadcrumb--arrows') }, h("ol", { class: "utrecht-breadcrumb__list", itemscope: true, itemtype: "https://schema.org/BreadcrumbList" }, items.map(({ href, title, current }, index) => (h("li", { key: href, class: "utrecht-breadcrumb__item", itemscope: true, itemtype: "https://schema.org/ListItem", itemprop: "itemListElement" }, h("a", { class: clsx('utrecht-breadcrumb__link', 'utrecht-link', current && 'utrecht-link--current'), href: href, "aria-current": current ? 'location' : null, itemprop: "item" }, h("span", { class: "utrecht-breadcrumb__text", itemprop: "name" }, title), h("meta", { itemprop: "position", content: index + 1 }))))))));
|
|
133
133
|
}
|
|
134
|
-
static get style() { return indexCss$
|
|
134
|
+
static get style() { return indexCss$L; }
|
|
135
135
|
};
|
|
136
136
|
|
|
137
|
-
const stencilCss$
|
|
137
|
+
const stencilCss$8 = ".utrecht-button{background-color:var(--utrecht-button-primary-action-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-border-color, transparent);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--utrecht-button-border-width, 0);color:var(--utrecht-button-primary-action-color, var(--utrecht-button-color));font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);min-block-size:var(--utrecht-button-min-block-size, auto);min-inline-size:var(--utrecht-button-min-inline-size, 0);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--utrecht-button-active-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-active-color, var(--utrecht-button-color))}.utrecht-button--focus-visible,.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus,.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-hover-color, var(--utrecht-button-color));transform:scale(var(--utrecht-button-focus-transform-scale, 1))}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
138
138
|
|
|
139
139
|
const Button = class extends HTMLElement {
|
|
140
140
|
constructor() {
|
|
@@ -170,10 +170,10 @@ const Button = class extends HTMLElement {
|
|
|
170
170
|
return (h("button", { class: clsx('utrecht-button', this.busy && 'utrecht-button--busy', this.disabled && 'utrecht-button--disabled', this.type === 'submit' && 'utrecht-button--submit'), "aria-busy": this.busy ? 'true' : null, disabled: this.disabled, type: this.type || 'button', onClick: handleClick }, h("slot", null)));
|
|
171
171
|
}
|
|
172
172
|
get host() { return this; }
|
|
173
|
-
static get style() { return stencilCss$
|
|
173
|
+
static get style() { return stencilCss$8; }
|
|
174
174
|
};
|
|
175
175
|
|
|
176
|
-
const indexCss$
|
|
176
|
+
const indexCss$K = ".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled,.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
177
177
|
|
|
178
178
|
const Checkbox = class extends HTMLElement {
|
|
179
179
|
constructor() {
|
|
@@ -196,10 +196,10 @@ const Checkbox = class extends HTMLElement {
|
|
|
196
196
|
this.utrechtInput.emit(evt);
|
|
197
197
|
} }));
|
|
198
198
|
}
|
|
199
|
-
static get style() { return indexCss$
|
|
199
|
+
static get style() { return indexCss$K; }
|
|
200
200
|
};
|
|
201
201
|
|
|
202
|
-
const indexCss$
|
|
202
|
+
const indexCss$J = ".utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--focus,.utrecht-link:focus{color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible,.utrecht-link:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-link--telephone{white-space:nowrap}.utrecht-contact-card{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;--utrecht-heading-2-text-transform:uppercase;--utrecht-heading-2-font-size:var(--utrecht-typography-scale-md-font-size);--utrecht-contact-card-background-color:hsl(207 60% 91%);--utrecht-contact-card-background-color-2:hsl(207 60% 96%);background-color:#dae9f6;background-image:linear-gradient(45deg, var(--utrecht-contact-card-background-color), var(--utrecht-contact-card-background-color) 50%, var(--utrecht-contact-card-background-color-2) 50%, var(--utrecht-contact-card-background-color-2));background-position-x:66%;background-size:200%;color:var(--utrecht-color-black);padding-block-end:var(--utrecht-space-block-xl);padding-block-start:var(--utrecht-space-block-xl);padding-inline-end:var(--utrecht-space-inline-xl);padding-inline-start:var(--utrecht-space-inline-xl)}.utrecht-contact-card__content{display:flex;flex-direction:row}.utrecht-contact-card__section{margin-block-start:var(--utrecht-space-row-lg);width:100%}.utrecht-contact-card__telephone{--utrecht-paragraph-font-size:var(--utrecht-typography-scale-2xl-font-size)}";
|
|
203
203
|
|
|
204
204
|
const ContactCardTemplate = class extends HTMLElement {
|
|
205
205
|
constructor() {
|
|
@@ -210,10 +210,10 @@ const ContactCardTemplate = class extends HTMLElement {
|
|
|
210
210
|
render() {
|
|
211
211
|
return (h("div", { class: "utrecht-contact-card" }, h("utrecht-heading-2", null, "Hulp en contact"), h("div", { class: "utrecht-contact-card__content" }, h("div", { class: "utrecht-contact-card__section" }, h("utrecht-heading-3", null, "Telefoon"), h("utrecht-paragraph", { class: "utrecht-contact-card__telephone" }, h("a", { href: "tel:14-030", class: "utrecht-link utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", null, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { class: "utrecht-contact-card__section" }, h("utrecht-heading-3", null, "E-mail"), h("utrecht-paragraph", null, h("a", { class: "utrecht-link", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
|
|
212
212
|
}
|
|
213
|
-
static get style() { return indexCss$
|
|
213
|
+
static get style() { return indexCss$J; }
|
|
214
214
|
};
|
|
215
215
|
|
|
216
|
-
const indexCss$
|
|
216
|
+
const indexCss$I = ".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled,.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-custom-checkbox{--utrecht-icon-size:var(--utrecht-custom-checkbox-icon-size, calc(0.75 * var(--utrecht-custom-checkbox-size)));display:inline-block;height:var(--utrecht-custom-checkbox-size);position:relative;width:var(--utrecht-custom-checkbox-size)}.utrecht-custom-checkbox__input,.utrecht-custom-checkbox__box{left:0;position:absolute;top:0}.utrecht-custom-checkbox__input{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;height:var(--utrecht-custom-checkbox-size);opacity:0%;width:var(--utrecht-custom-checkbox-size);z-index:10}.utrecht-custom-checkbox__box{align-items:center;background-color:var(--utrecht-custom-checkbox-background-color);border-color:var(--utrecht-custom-checkbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-custom-checkbox-border-radius, var(--utrecht-form-input-border-radius));border-style:solid;border-width:var(--utrecht-custom-checkbox-border-width, var(--utrecht-form-input-border-width));box-sizing:border-box;color:var(--utrecht-custom-checkbox-color);display:flex;height:var(--utrecht-custom-checkbox-size);justify-content:center;pointer-events:none;width:var(--utrecht-custom-checkbox-size);z-index:1000}.utrecht-custom-checkbox__box--checked{background-color:var(--utrecht-custom-checkbox-checked-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-checked-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-checked-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-checked-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--disabled{background-color:var(--utrecht-custom-checkbox-disabled-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-disabled-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-disabled-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-disabled-color, var(--utrecht-custom-checkbox-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-custom-checkbox__box--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box{color:var(--utrecht-custom-checkbox-indeterminate-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--invalid{background-color:var(--utrecht-custom-checkbox-invalid-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-invalid-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-invalid-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-invalid-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--active{background-color:var(--utrecht-custom-checkbox-active-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-active-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-active-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-active-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus,.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{background-color:var(--utrecht-custom-checkbox-focus-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-focus-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-focus-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-focus-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-custom-checkbox__input:focus:not(:focus-visible)~.utrecht-custom-checkbox__box{box-shadow:none;outline-style:none}.utrecht-custom-checkbox__icon--checked,.utrecht-custom-checkbox__icon--indeterminate{display:none}.utrecht-custom-checkbox__box--checked .utrecht-custom-checkbox__icon--checked{display:block}.utrecht-custom-checkbox__box--indeterminate .utrecht-custom-checkbox__icon--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box .utrecht-custom-checkbox__icon--indeterminate{display:block}:host{display:block}:host([hidden]){display:none !important}";
|
|
217
217
|
|
|
218
218
|
const CustomCheckbox = class extends HTMLElement {
|
|
219
219
|
constructor() {
|
|
@@ -256,10 +256,10 @@ const CustomCheckbox = class extends HTMLElement {
|
|
|
256
256
|
};
|
|
257
257
|
return (h("div", { class: "utrecht-custom-checkbox", role: "checkbox", tabIndex: disabled ? null : 0, "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, "aria-invalid": invalid ? 'true' : null, "aria-required": required ? 'true' : null, onClick: handleClick, onKeyPress: handleKeyPress, onKeyUp: handleKeyUp }, h("div", { class: clsx('utrecht-custom-checkbox__box', active , checked && 'utrecht-custom-checkbox__box--checked', !checked && 'utrecht-custom-checkbox__box--not-checked', disabled && 'utrecht-custom-checkbox__box--disabled', invalid && 'utrecht-custom-checkbox__box--invalid', indeterminate && 'utrecht-custom-checkbox__box--indeterminate') }, checked && h("utrecht-icon-checkmark", { class: "utrecht-custom-checkbox__icon" }, "\u2714"), indeterminate && (h("utrecht-icon-indeterminate", { class: "utrecht-custom-checkbox__icon" }, "\u25A0")))));
|
|
258
258
|
}
|
|
259
|
-
static get style() { return indexCss$
|
|
259
|
+
static get style() { return indexCss$I; }
|
|
260
260
|
};
|
|
261
261
|
|
|
262
|
-
const indexCss$
|
|
262
|
+
const indexCss$H = ".utrecht-digid-button{--utrecht-button-min-block-size:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-height:var(--utrecht-digid-button-block-size, 50px);--utrecht-logo-max-width:var(--utrecht-digid-button-block-size, 50px);block-size:var(--utrecht-digid-button-block-size, 50px);display:inline-flex;gap:var(--utrecht-space-inline-sm)}.utrecht-digid-button__logo{order:1}.utrecht-digid-button__button{order:2}:host{display:block}:host([hidden]){display:none !important}";
|
|
263
263
|
|
|
264
264
|
const DigidButton$1 = class extends HTMLElement {
|
|
265
265
|
constructor() {
|
|
@@ -270,10 +270,10 @@ const DigidButton$1 = class extends HTMLElement {
|
|
|
270
270
|
render() {
|
|
271
271
|
return (h("div", { class: "utrecht-digid-button" }, h("utrecht-digid-logo", { class: "utrecht-digid-button__logo" }), h("utrecht-button", { class: "utrecht-digid-button__button", type: this.type || null }, h("slot", null))));
|
|
272
272
|
}
|
|
273
|
-
static get style() { return indexCss$
|
|
273
|
+
static get style() { return indexCss$H; }
|
|
274
274
|
};
|
|
275
275
|
|
|
276
|
-
const indexCss$
|
|
276
|
+
const indexCss$G = ":host{display:inline}:host([hidden]){display:none !important}svg{height:100%;max-height:var(--utrecht-digid-logo-max-height, var(--utrecht-logo-max-height, 50px));max-width:var(--utrecht-digid-logo-max-width, var(--utrecht-logo-max-width, 50px));width:100%}";
|
|
277
277
|
|
|
278
278
|
const DigidLogo = class extends HTMLElement {
|
|
279
279
|
constructor() {
|
|
@@ -284,10 +284,10 @@ const DigidLogo = class extends HTMLElement {
|
|
|
284
284
|
render() {
|
|
285
285
|
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 150 150" }, h("title", null, "DigiD"), h("path", { d: "M136 150H14c-8 0-14-6-14-14V14C0 6 6 0 14 0h122c8 0 14 6 14 14v122c0 8-6 14-14 14z" }), h("path", { d: "M17 115V79h10c12 0 19 6 19 17 0 13-8 19-19 19H17zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25zM54 77c3 0 4 1 4 3s-1 4-4 4c-2 0-3-2-3-4s1-3 3-3zm3 38h-6V88h6v27zM72 109h6c6 0 9 3 9 7 0 5-4 9-14 9-8 0-11-2-11-7 0-2 1-4 4-6l-2-3c0-2 1-3 3-4-3-2-4-4-4-8 0-6 4-10 11-10l4 1h9v4h-4l2 5c0 6-4 9-12 9h-3l-1 1c0 2 1 2 3 2zm1 12c6 0 8-2 8-4s-1-2-3-2l-9-1-2 3c0 2 2 4 6 4zm6-24c0-3-2-5-5-5s-5 1-5 5 1 5 5 5c3 0 5-1 5-5z", fill: "#FFFFFF" }), h("path", { d: "M94 77c2 0 3 1 3 3s-1 4-3 4c-3 0-4-2-4-4s1-3 4-3zm3 38h-6V88h6v27zM105 115V79h10c12 0 18 6 18 17 0 13-7 19-19 19h-9zm6-6h4c7 0 12-4 12-13 0-8-5-12-13-12h-3v25z", fill: "#E17000" })));
|
|
286
286
|
}
|
|
287
|
-
static get style() { return indexCss$
|
|
287
|
+
static get style() { return indexCss$G; }
|
|
288
288
|
};
|
|
289
289
|
|
|
290
|
-
const indexCss$
|
|
290
|
+
const indexCss$F = ".utrecht-document{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0 !important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}:host{display:block}:host([hidden]){display:none !important}";
|
|
291
291
|
|
|
292
292
|
const Document = class extends HTMLElement {
|
|
293
293
|
constructor() {
|
|
@@ -298,10 +298,10 @@ const Document = class extends HTMLElement {
|
|
|
298
298
|
render() {
|
|
299
299
|
return (h("div", { class: "utrecht-document" }, h("slot", null)));
|
|
300
300
|
}
|
|
301
|
-
static get style() { return indexCss$
|
|
301
|
+
static get style() { return indexCss$F; }
|
|
302
302
|
};
|
|
303
303
|
|
|
304
|
-
const indexCss$
|
|
304
|
+
const indexCss$E = ":host{display:inline}:host([hidden]){display:none !important}svg{height:100%;max-height:var(--utrecht-digid-logo-max-height, var(--utrecht-logo-max-height, 50px));max-width:var(--utrecht-digid-logo-max-width, var(--utrecht-logo-max-width, 50px));width:100%}";
|
|
305
305
|
|
|
306
306
|
const EherkenningLogo = class extends HTMLElement {
|
|
307
307
|
constructor() {
|
|
@@ -312,10 +312,10 @@ const EherkenningLogo = class extends HTMLElement {
|
|
|
312
312
|
render() {
|
|
313
313
|
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 0 81 80" }, h("title", null, "Eherkenning"), h("rect", { fill: "#E0E0E0", width: "80", height: "80" }), h("path", { "fill-rule": "evenodd", fill: "#00328C", d: "M37.363,23.178c0,2.027,0,4.055,0,6.08c-4.257,0-9.55,0-14.208,0 c-1.662,0-3.648-0.207-4.799,0.193c-1.041,0.359-1.796,1.169-2.176,2.111c-0.439,1.084-0.32,2.8-0.32,4.414c0,3.425,0,6.055,0,9.475 c0,1.531-0.159,3.325,0.191,4.479c0.316,1.042,1.316,2.194,2.561,2.496c1.318,0.319,3.094,0.064,4.672,0.064 c4.599,0,9.521,0,14.08,0c0,2.025,0,4.053,0,6.08c-6.402-0.083-12.492,0.112-18.176,0c-4.937-0.099-8.966-3.966-9.344-8.833 c-0.226-2.883,0-5.901,0-8.769c0-2.971-0.19-5.932,0-8.767c0.328-4.896,4.208-8.676,8.959-9.024c3.002-0.222,6.129,0,9.28,0 C31.145,23.178,34.26,23.178,37.363,23.178z" }), h("path", { "fill-rule": "evenodd", fill: "#FF0079", d: "M42.867,23.178c1.962,0,3.926,0,5.888,0c0,4.864,0,9.729,0,14.592 c-1.984,0-3.969,0-5.952,0c0-4.801,0-9.6,0-14.399C42.797,23.279,42.792,23.188,42.867,23.178z" }), h("path", { "fill-rule": "evenodd", fill: "#FF0079", d: "M64.434,23.178c1.941,0,3.883,0,5.824,0c0,11.798,0,23.595,0,35.393 c-1.962,0-3.926,0-5.888,0c0-4.992,0-9.984,0-14.977c-5.077,0-10.155,0-15.232,0c0.824-1.95,1.651-3.896,2.56-5.76 c4.203,0,8.405,0,12.608,0c0.15-4.693,0.021-9.664,0.064-14.464C64.365,23.279,64.36,23.188,64.434,23.178z" }), h("path", { "fill-rule": "evenodd", fill: "#00328C", d: "M19.89,37.77c5.376,0,10.752,0,16.129,0c-0.772,2.022-1.748,3.843-2.56,5.824 c-4.544,0-9.088,0-13.633,0c0-1.877,0-3.755,0-5.633C19.821,37.87,19.816,37.781,19.89,37.77z" }), h("path", { "fill-rule": "evenodd", fill: "#FF0079", d: "M42.93,43.594c1.941,0,3.883,0,5.824,0c0,4.992,0,9.984,0,14.977 c-1.984,0-3.969,0-5.952,0c0-4.93,0-9.856,0-14.783C42.8,43.678,42.851,43.62,42.93,43.594z" })));
|
|
314
314
|
}
|
|
315
|
-
static get style() { return indexCss$
|
|
315
|
+
static get style() { return indexCss$E; }
|
|
316
316
|
};
|
|
317
317
|
|
|
318
|
-
const indexCss$
|
|
318
|
+
const indexCss$D = ":host{display:inline}:host([hidden]){display:none !important}svg{height:100%;max-height:var(--utrecht-digid-logo-max-height, var(--utrecht-logo-max-height, 50px));max-width:var(--utrecht-digid-logo-max-width, var(--utrecht-logo-max-width, 50px));width:100%}";
|
|
319
319
|
|
|
320
320
|
const EidasLogo = class extends HTMLElement {
|
|
321
321
|
constructor() {
|
|
@@ -326,10 +326,10 @@ const EidasLogo = class extends HTMLElement {
|
|
|
326
326
|
render() {
|
|
327
327
|
return (h("svg", { viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M21 17.3383C21 18.2955 20.2291 19.0664 19.272 19.0664H1.72805C0.770872 19.0664 0 18.2955 0 17.3383V1.72805C0 0.770879 0.777296 0 1.72805 0H19.272C20.2291 0 21 0.777303 21 1.72805V17.3383Z", fill: "#2C4375" }), h("path", { d: "M7.88867 19.0984V15.9057C7.88867 14.5952 8.94862 13.5353 10.2591 13.5353H17.0493C18.3598 13.5353 19.4197 14.6017 19.4197 15.9057V19.0984", fill: "white" }), h("path", { d: "M9.38546 9.78369C9.55891 9.19911 9.83513 8.72373 10.2141 8.34472C10.5932 7.97213 11.075 7.69589 11.6724 7.51602C12.2698 7.33615 12.9765 7.24622 13.8051 7.24622C14.4989 7.24622 15.1028 7.32973 15.6231 7.49675C16.1435 7.66377 16.5932 7.92716 16.985 8.2869C17.4411 8.71089 17.7495 9.20553 17.9101 9.76442C18.0707 10.3233 18.1542 11.0299 18.1542 11.8651V17.0428C18.1542 17.486 18.0514 17.8201 17.8523 18.0385C17.6467 18.2569 17.3833 18.3661 17.0557 18.3661C16.7281 18.3661 16.4647 18.2569 16.272 18.0385C16.0792 17.8201 15.9765 17.4925 15.9765 17.0428V11.7173C15.9765 10.7987 15.803 10.1113 15.4497 9.66163C15.0964 9.21196 14.4989 8.98069 13.6445 8.98069C13.0278 8.98069 12.5525 9.0899 12.2056 9.31474C11.8651 9.53958 11.6274 9.84793 11.4925 10.2526C11.3576 10.6574 11.2934 11.1584 11.2934 11.7559V17.0428C11.2934 17.4796 11.197 17.8137 10.9979 18.0321C10.7987 18.2505 10.5353 18.3597 10.1949 18.3597C9.87367 18.3597 9.6103 18.2505 9.41758 18.0321C9.21844 17.8137 9.12207 17.4796 9.12207 17.0428V11.8779C9.12207 11.0621 9.21201 10.3683 9.38546 9.78369Z", fill: "white" }), h("path", { d: "M13.169 0.648804L13.683 2.0942L15.3275 2.08778L13.9913 2.98071L14.5052 4.41968L13.169 3.52675L11.8457 4.41968L12.3532 2.98071L11.0234 2.08778L12.668 2.0942L13.169 0.648804Z", fill: "#F2CD23" }), h("path", { d: "M18.2893 1.59314L18.7968 3.03854L20.4413 3.03211L19.1116 3.91862L19.6191 5.35759L18.2893 4.46466L16.9595 5.35759L17.4735 3.91862L16.1309 3.03211L17.7882 3.03854L18.2893 1.59314Z", fill: "#F2CD23" }), h("path", { d: "M3.60369 14.833L4.11118 16.2784L5.75573 16.272L4.41954 17.1585L4.93346 18.5975L3.60369 17.7045L2.27392 18.5975L2.78784 17.1585L1.45166 16.272L3.09619 16.2784L3.60369 14.833Z", fill: "#F2CD23" }), h("path", { d: "M4.80536 5.51819L5.31284 6.96358L6.95739 6.95716L5.62763 7.84367L6.13512 9.28264L4.80536 8.38971L3.47559 9.28264L3.98308 7.84367L2.65332 6.95716L4.30428 6.96358L4.80536 5.51819Z", fill: "#F2CD23" }), h("path", { d: "M8.43483 2.07495L8.93591 3.52035L10.5869 3.51392L9.25068 4.40043L9.76459 5.83941L8.43483 4.94647L7.10507 5.83941L7.61256 4.40043L6.27637 3.51392L7.92733 3.52035L8.43483 2.07495Z", fill: "#F2CD23" }), h("path", { d: "M3.12176 10.3234L3.62925 11.7688L5.28021 11.7623L3.94402 12.6488L4.45152 14.0878L3.12176 13.1949L1.79198 14.0878L2.3059 12.6488L0.969727 11.7623L2.61426 11.7688L3.12176 10.3234Z", fill: "#F2CD23" })));
|
|
328
328
|
}
|
|
329
|
-
static get style() { return indexCss$
|
|
329
|
+
static get style() { return indexCss$D; }
|
|
330
330
|
};
|
|
331
331
|
|
|
332
|
-
const
|
|
332
|
+
const indexCss$C = ".utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field__label--checkbox{margin-inline-start:1ch}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled,.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
333
333
|
|
|
334
334
|
const FormFieldCheckbox = class extends HTMLElement {
|
|
335
335
|
constructor() {
|
|
@@ -354,10 +354,10 @@ const FormFieldCheckbox = class extends HTMLElement {
|
|
|
354
354
|
this.utrechtInput.emit(evt);
|
|
355
355
|
} }), h("label", { class: clsx('utrecht-form-field__label', 'utrecht-form-field__label--checkbox', 'utrecht-form-label', 'utrecht-form-label--checkbox'), htmlFor: "input" }, h("slot", null))));
|
|
356
356
|
}
|
|
357
|
-
static get style() { return
|
|
357
|
+
static get style() { return indexCss$C; }
|
|
358
358
|
};
|
|
359
359
|
|
|
360
|
-
const
|
|
360
|
+
const indexCss$B = ".utrecht-form-field-description{color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style)}.utrecht-form-field-description--distanced{margin-block-end:var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color, var(--utrecht-feedback-warning-color))}:host{display:block}:host([hidden]){display:none !important}";
|
|
361
361
|
|
|
362
362
|
const FormFieldDescription = class extends HTMLElement {
|
|
363
363
|
constructor() {
|
|
@@ -370,10 +370,10 @@ const FormFieldDescription = class extends HTMLElement {
|
|
|
370
370
|
const { status } = this;
|
|
371
371
|
return (h("div", { class: clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, h("slot", null)));
|
|
372
372
|
}
|
|
373
|
-
static get style() { return
|
|
373
|
+
static get style() { return indexCss$B; }
|
|
374
374
|
};
|
|
375
375
|
|
|
376
|
-
const
|
|
376
|
+
const indexCss$A = ".utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));resize:vertical;width:100%}.utrecht-textarea--invalid,.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--disabled,.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--focus,.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--focus-visible,.utrecht-textarea--html-textarea:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--read-only,.utrecht-textarea--html-textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea__placeholder,.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
377
377
|
|
|
378
378
|
const FormFieldTextarea = class extends HTMLElement {
|
|
379
379
|
constructor() {
|
|
@@ -398,10 +398,10 @@ const FormFieldTextarea = class extends HTMLElement {
|
|
|
398
398
|
this.utrechtInput.emit(evt);
|
|
399
399
|
} }, value), h("label", { class: "utrecht-form-field-textarea__label utrecht-form-label", htmlFor: "input" }, h("slot", null))));
|
|
400
400
|
}
|
|
401
|
-
static get style() { return
|
|
401
|
+
static get style() { return indexCss$A; }
|
|
402
402
|
};
|
|
403
403
|
|
|
404
|
-
const
|
|
404
|
+
const indexCss$z = ".utrecht-form-field-textbox{font-family:var(--utrecht-document-font-family, inherit)}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-textbox{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textbox--invalid,.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled,.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus,.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible,.utrecht-textbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--read-only,.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder,.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
405
405
|
|
|
406
406
|
const FormFieldTextbox = class extends HTMLElement {
|
|
407
407
|
constructor() {
|
|
@@ -431,7 +431,7 @@ const FormFieldTextbox = class extends HTMLElement {
|
|
|
431
431
|
this.utrechtInput.emit(evt);
|
|
432
432
|
} }), h("label", { class: "utrecht-form-field-textbox__label utrecht-form-label", htmlFor: "input" }, h("slot", null))));
|
|
433
433
|
}
|
|
434
|
-
static get style() { return
|
|
434
|
+
static get style() { return indexCss$z; }
|
|
435
435
|
};
|
|
436
436
|
|
|
437
437
|
const indexCss$y = ".utrecht-form-toggle{align-items:center;border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);display:flex;height:var(--utrecht-form-toggle-height, 2em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;user-select:none;width:var(--utrecht-form-toggle-width, 6em)}.utrecht-form-toggle--focus,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus{border-color:var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px))}.utrecht-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;height:100%;width:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus~.utrecht-form-toggle__track{outline-color:var(--utrecht-form-toggle-focus-border-color, var(--utrecht-form-toggle-border-color, currentColor));outline-style:var(--utrecht-form-toggle-focus-border-style, var(--utrecht-form-toggle-border-style, solid));outline-width:var(--utrecht-form-toggle-focus-border-width, var(--utrecht-form-toggle-border-width, 1px))}:host{display:inline-block}:host([hidden]){display:none !important}";
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-86b2856e.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
|
-
Stencil Client Patch Esm v2.15.
|
|
4
|
+
Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
|
|
5
5
|
*/
|
|
6
6
|
const patchEsm = () => {
|
|
7
7
|
return promiseResolve();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-86b2856e.js';
|
|
2
2
|
import { c as clsx } from './clsx.m-071989db.js';
|
|
3
3
|
|
|
4
|
-
const
|
|
4
|
+
const indexCss = ".utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field__label--checkbox{margin-inline-start:1ch}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled,.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const FormFieldCheckbox = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -25,6 +25,6 @@ const FormFieldCheckbox = class {
|
|
|
25
25
|
} }), h("label", { class: clsx('utrecht-form-field__label', 'utrecht-form-field__label--checkbox', 'utrecht-form-label', 'utrecht-form-label--checkbox'), htmlFor: "input" }, h("slot", null))));
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
-
FormFieldCheckbox.style =
|
|
28
|
+
FormFieldCheckbox.style = indexCss;
|
|
29
29
|
|
|
30
30
|
export { FormFieldCheckbox as utrecht_form_field_checkbox };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-86b2856e.js';
|
|
2
2
|
import { c as clsx } from './clsx.m-071989db.js';
|
|
3
3
|
|
|
4
|
-
const
|
|
4
|
+
const indexCss = ".utrecht-form-field-description{color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style)}.utrecht-form-field-description--distanced{margin-block-end:var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color, var(--utrecht-feedback-warning-color))}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const FormFieldDescription = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -13,6 +13,6 @@ const FormFieldDescription = class {
|
|
|
13
13
|
return (h("div", { class: clsx('utrecht-form-field-description', status === 'valid' && 'utrecht-form-field-description--valid', status === 'invalid' && 'utrecht-form-field-description--invalid') }, h("slot", null)));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
FormFieldDescription.style =
|
|
16
|
+
FormFieldDescription.style = indexCss;
|
|
17
17
|
|
|
18
18
|
export { FormFieldDescription as utrecht_form_field_description };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-86b2856e.js';
|
|
2
2
|
import { c as clsx } from './clsx.m-071989db.js';
|
|
3
3
|
|
|
4
|
-
const
|
|
4
|
+
const indexCss = ".utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));resize:vertical;width:100%}.utrecht-textarea--invalid,.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--disabled,.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--focus,.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--focus-visible,.utrecht-textarea--html-textarea:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--read-only,.utrecht-textarea--html-textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea__placeholder,.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const FormFieldTextarea = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -25,6 +25,6 @@ const FormFieldTextarea = class {
|
|
|
25
25
|
} }, value), h("label", { class: "utrecht-form-field-textarea__label utrecht-form-label", htmlFor: "input" }, h("slot", null))));
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
-
FormFieldTextarea.style =
|
|
28
|
+
FormFieldTextarea.style = indexCss;
|
|
29
29
|
|
|
30
30
|
export { FormFieldTextarea as utrecht_form_field_textarea };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-86b2856e.js';
|
|
2
2
|
import { c as clsx } from './clsx.m-071989db.js';
|
|
3
3
|
|
|
4
|
-
const
|
|
4
|
+
const indexCss = ".utrecht-form-field-textbox{font-family:var(--utrecht-document-font-family, inherit)}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-textbox{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textbox--invalid,.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled,.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus,.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible,.utrecht-textbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--read-only,.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder,.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const FormFieldTextbox = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -30,6 +30,6 @@ const FormFieldTextbox = class {
|
|
|
30
30
|
} }), h("label", { class: "utrecht-form-field-textbox__label utrecht-form-label", htmlFor: "input" }, h("slot", null))));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
FormFieldTextbox.style =
|
|
33
|
+
FormFieldTextbox.style = indexCss;
|
|
34
34
|
|
|
35
35
|
export { FormFieldTextbox as utrecht_form_field_textbox };
|
package/dist/esm/utrecht.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-86b2856e.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
|
-
Stencil Client Patch Browser v2.15.
|
|
4
|
+
Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
|
|
5
5
|
*/
|
|
6
6
|
const patchBrowser = () => {
|
|
7
7
|
const importMeta = import.meta.url;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @license EUPL-1.2
|
|
3
3
|
* Copyright (c) 2021 Robbert Broersma
|
|
4
4
|
*/
|
|
5
|
-
import { EventEmitter } from '
|
|
5
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
6
6
|
export declare class FormFieldCheckbox {
|
|
7
7
|
label: boolean;
|
|
8
8
|
disabled: boolean;
|
|
File without changes
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @license EUPL-1.2
|
|
3
3
|
* Copyright (c) 2021 Robbert Broersma
|
|
4
4
|
*/
|
|
5
|
-
import { EventEmitter } from '
|
|
5
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
6
6
|
export declare class FormFieldTextarea {
|
|
7
7
|
disabled: boolean;
|
|
8
8
|
invalid: boolean;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @license EUPL-1.2
|
|
3
3
|
* Copyright (c) 2021 Robbert Broersma
|
|
4
4
|
*/
|
|
5
|
-
import { EventEmitter } from '
|
|
5
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
6
6
|
export declare class FormFieldTextbox {
|
|
7
7
|
autoComplete: string;
|
|
8
8
|
disabled: boolean;
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.211",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@stencil/angular-output-target": "0.4.0",
|
|
41
|
-
"@stencil/core": "2.15.
|
|
41
|
+
"@stencil/core": "2.15.2"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
44
|
"prebuild": "npm run clean",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"watch:stencil": "chokidar --follow-symlinks --initial --command \"npm run build:stencil\" \"../../components/**/*.(js|jsx|ts|tsx)\"",
|
|
56
56
|
"generate": "stencil generate"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "14d1dfec2dba70b4963f2ad1d6c07cf47c38728e"
|
|
59
59
|
}
|