@prefabs.tech/vue3-form 0.13.0 → 0.14.0
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/PrefabsTechVue3Form.es.js +578 -571
- package/dist/PrefabsTechVue3Form.umd.js +2 -2
- package/dist/src/components/DatePicker.vue.d.ts.map +1 -1
- package/dist/src/components/Password.vue.d.ts.map +1 -1
- package/dist/src/components/Select.vue.d.ts +8 -2
- package/dist/src/components/Select.vue.d.ts.map +1 -1
- package/dist/src/components/SelectInput.vue.d.ts +8 -2
- package/dist/src/components/SelectInput.vue.d.ts.map +1 -1
- package/dist/vue3-form.css +1 -1
- package/package.json +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker.vue.ts"],"names":[],"mappings":"AAGA,OAAO,sCAAsC,CAAC;AAG9C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;cA4GhB,QAAQ,CAAC,MAAM,CAAC;;;;cAIe,QAAQ,CACnD,IAAI,GACJ,IAAI,EAAE,GACN,gBAAgB,GAChB,IAAI,GACJ,MAAM,GACN,MAAM,EAAE,GACR,MAAM,GACN,MAAM,EAAE,GACR,SAAS,CACZ;;;;;cAKe,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;cAWhB,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;cA9BpD,QAAQ,CAAC,MAAM,CAAC;;;;cAIe,QAAQ,CACnD,IAAI,GACJ,IAAI,EAAE,GACN,gBAAgB,GAChB,IAAI,GACJ,MAAM,GACN,MAAM,EAAE,GACR,MAAM,GACN,MAAM,EAAE,GACR,SAAS,CACZ;;;;;cAKe,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;cAWhB,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;;;;;;;;;;;;;;;AAvIxE,
|
|
1
|
+
{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker.vue.ts"],"names":[],"mappings":"AAGA,OAAO,sCAAsC,CAAC;AAG9C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;cA4GhB,QAAQ,CAAC,MAAM,CAAC;;;;cAIe,QAAQ,CACnD,IAAI,GACJ,IAAI,EAAE,GACN,gBAAgB,GAChB,IAAI,GACJ,MAAM,GACN,MAAM,EAAE,GACR,MAAM,GACN,MAAM,EAAE,GACR,SAAS,CACZ;;;;;cAKe,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;cAWhB,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;cA9BpD,QAAQ,CAAC,MAAM,CAAC;;;;cAIe,QAAQ,CACnD,IAAI,GACJ,IAAI,EAAE,GACN,gBAAgB,GAChB,IAAI,GACJ,MAAM,GACN,MAAM,EAAE,GACR,MAAM,GACN,MAAM,EAAE,GACR,SAAS,CACZ;;;;;cAKe,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;cAWhB,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;;;;;;;;;;;;;;;AAvIxE,wBA0Pc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Password.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Password.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Password.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Password.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAMxB,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;cA+FhB,QAAQ,CAAC,qBAAqB,CAAC;;;;;cAK/B,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;;;;;cAKnC,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;;;;;cAKnC,QAAQ,CAAC,MAAM,CAAC;;;;;cAOhB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;cAW/B,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;;;;;;;;;;;;;cAjC7C,QAAQ,CAAC,qBAAqB,CAAC;;;;;cAK/B,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;;;;;cAKnC,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;;;;;cAKnC,QAAQ,CAAC,MAAM,CAAC;;;;;cAOhB,QAAQ,CAAC,qBAAqB,CAAC;;;;;;;;;cAW/B,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;;;;;;;;;;;;;;UA+H3D,CAAC,CAAC;;KAAiB,KAAK,GAAG;;AA5PjC,wBAiRc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
|
|
@@ -7,7 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
7
7
|
};
|
|
8
8
|
disableGroupSelect: BooleanConstructor;
|
|
9
9
|
enableCustomSearch: BooleanConstructor;
|
|
10
|
-
enableTooltip:
|
|
10
|
+
enableTooltip: {
|
|
11
|
+
default: boolean;
|
|
12
|
+
type: BooleanConstructor;
|
|
13
|
+
};
|
|
11
14
|
hasSortedOptions: {
|
|
12
15
|
default: boolean;
|
|
13
16
|
type: BooleanConstructor;
|
|
@@ -57,7 +60,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
57
60
|
};
|
|
58
61
|
disableGroupSelect: BooleanConstructor;
|
|
59
62
|
enableCustomSearch: BooleanConstructor;
|
|
60
|
-
enableTooltip:
|
|
63
|
+
enableTooltip: {
|
|
64
|
+
default: boolean;
|
|
65
|
+
type: BooleanConstructor;
|
|
66
|
+
};
|
|
61
67
|
hasSortedOptions: {
|
|
62
68
|
default: boolean;
|
|
63
69
|
type: BooleanConstructor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select.vue.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAA2B,QAAQ,EAAO,MAAM,KAAK,CAAC
|
|
1
|
+
{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select.vue.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAA2B,QAAQ,EAAO,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;cAue9C,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;cASU,QAAQ,CAChD,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAChD;;;;;;;;cAQc,QAAQ,CAAC,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;;;;;;;;;;;;cAYzC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;cA/BjC,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;cASU,QAAQ,CAChD,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAChD;;;;;;;;cAQc,QAAQ,CAAC,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;;;;;;;;;;;;cAYzC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;wGA6aQ,GAAG,8BACH,GAAG;eAErD,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAn7BtC,wBA+9Bc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
|
|
@@ -7,7 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
7
7
|
type: BooleanConstructor;
|
|
8
8
|
};
|
|
9
9
|
enableCustomSearch: BooleanConstructor;
|
|
10
|
-
enableTooltip:
|
|
10
|
+
enableTooltip: {
|
|
11
|
+
default: boolean;
|
|
12
|
+
type: BooleanConstructor;
|
|
13
|
+
};
|
|
11
14
|
hasSortedOptions: {
|
|
12
15
|
default: boolean;
|
|
13
16
|
type: BooleanConstructor;
|
|
@@ -74,7 +77,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
74
77
|
type: BooleanConstructor;
|
|
75
78
|
};
|
|
76
79
|
enableCustomSearch: BooleanConstructor;
|
|
77
|
-
enableTooltip:
|
|
80
|
+
enableTooltip: {
|
|
81
|
+
default: boolean;
|
|
82
|
+
type: BooleanConstructor;
|
|
83
|
+
};
|
|
78
84
|
hasSortedOptions: {
|
|
79
85
|
default: boolean;
|
|
80
86
|
type: BooleanConstructor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC
|
|
1
|
+
{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;cAuJhB,QAAQ,CAAC,MAAM,CAAC;;;;;;;;cAQhB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cAI5B,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;cAKF,QAAQ,CAChD,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAChD;;;;;;;;;cASe,QAAQ,CAAC,MAAM,CAAC;;;;cAIjB,QAAQ,CAAC,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;;;;;;;;;cAWzC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;;;;;;;;cAQ1D,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;cAnDjC,QAAQ,CAAC,MAAM,CAAC;;;;;;;;cAQhB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cAI5B,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;cAKF,QAAQ,CAChD,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAChD;;;;;;;;;cASe,QAAQ,CAAC,MAAM,CAAC;;;;cAIjB,QAAQ,CAAC,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;;;;;;;;;cAWzC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;;;;;;;;cAQ1D,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;wGAsLQ,GAAG,8BACH,GAAG;eAErD,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAhYtC,wBAmZc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
|
package/dist/vue3-form.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--form-input-bg-color-disabled: #f7f7f7;--form-input-border-color: #ccc;--form-input-border-color-disabled: #ccc;--form-input-border-color-highlight: #555;--form-input-color-disabled: #555;--form-input-error-font-size: .8em;--form-input-padding-h: .75em;--form-input-padding-v: .65em}fieldset{border:none;margin:0;padding:0}fieldset legend{font-size:var(--form-label-font-size, 1em);margin-bottom:.75rem}form{align-items:stretch;display:flex;flex-direction:column;gap:var(--form-gap, 2rem);justify-content:flex-start}form .field{align-items:flex-start;display:flex;flex-direction:column;gap:var(--form-field-gap, .25em);justify-content:flex-start;width:100%}form .field.typeahead{position:relative;display:inline-block;width:100%}form input{border-radius:var(---form-input-border-radius, .25em);border:1px solid var(--form-input-border-color, #ccc);font-size:1rem;padding:var(--form-input-padding-v, .5em) var(--form-input-padding-h, .5em);width:100%}form input:not(input[type=checkbox]):focus{outline:1px solid var(--form-input-focus-color, #007aff)}form input:disabled{background-color:var(--form-input-bg-color-disabled);border-color:var(--form-input-border-color-disabled)}form input.invalid,form textarea.invalid,form .invalid input:not(.multiselect-search>input){background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>");background-repeat:no-repeat;background-position:right calc(.75 * var(----form-input-padding-h, .5em)) center;background-size:1em;border-color:var(--color-alert-danger, #dc3545)}form input.invalid:focus-visible,form textarea.invalid:focus-visible,form .invalid input:focus-visible{box-shadow:0 0 0 .25rem #dc354540}form input.valid,form textarea.valid,form .valid input:not(.multiselect-search>input){background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>")!important;background-repeat:no-repeat;background-position:right calc(.75 * var(----form-input-padding-h, .5em)) center;background-size:1em;border-color:var(--color-alert-success, #198754)}form input.valid:focus-visible,form textarea.valid:focus-visible,form .valid input:focus-visible{box-shadow:0 0 0 .25rem #19875440}form input[type=number]:is(.invalid,.valid){appearance:textfield}form input[type=number]:is(.invalid,.valid)::-webkit-inner-spin-button,form input[type=number]:is(.invalid,.valid)::-webkit-outer-spin-button{transform:translate(-1rem)}form label{font-size:var(--form-label-font-size, 1em)}form span[role=alert]{color:var(--color-alert-danger, red);font-size:var(--form-input-error-font-size, .8em)}.field{--_input-field-margin-bottom: var(--form-input-margin-bottom, 1em);align-items:flex-start;display:flex;flex-direction:column;gap:var(--form-field-gap, .25em);justify-content:flex-start}.field:has(.multiselect):not(:has(.multiselect-options)){overflow:hidden}.field input,.field textarea{--_input-field-border-color: var(--form-input-border-color, #ccc);--_input-field-border-radius: var(--form-input-border-radius, .25em);--_input-field-padding-h: var(--form-input-padding-h, .75em);--_input-field-padding-v: var(--form-input-padding-v, .65em);--_input-field-height: var(--form-input-height, 2.8em);border:1px solid var(--_input-field-border-color);border-radius:var(--_input-field-border-radius);font-size:1rem;height:var(--_input-field-height);padding:var(--_input-field-padding-v) var(--_input-field-padding-h);width:100%}.field input:disabled{cursor:default}.field input:not(input[type=checkbox]):focus-within,.field textarea:focus-within{outline:1px solid var(--field-outline-color, #007aff)}.field input[type=radio]{height:fit-content}.field input:disabled,.field textarea:disabled{background-color:var(--form-input-bg-color-disabled);border-color:var(--form-input-border-color-disabled)}.field label{--_input-field-label-color: var(--form-input-label-color, #000);color:var(--_input-field-label-color)}.field textarea:disabled{resize:none}.field.checkbox input[type=checkbox]{height:fit-content;width:auto;cursor:pointer;accent-color:#007aff}.field>.password-input{--_width: var(--password-input-width, 100%);align-items:center;display:flex;position:relative;width:var(--_width)}.password-input .eye-icon{cursor:pointer;display:flex;margin-right:.6rem;position:absolute;right:0}.password-input .eye-icon>*{--_width: var(--eye-icon-width, 1.1rem);width:var(--_width)}.password-input .invalid+.eye-icon>*,.password-input .valid+.eye-icon>*{margin-right:1rem}.checkbox-wrapper{align-items:baseline;display:flex;gap:.5rem}.checkbox-wrapper>input[type=checkbox]{accent-color:var(--field-background-color, #007aff);transform:scale(1.5)}.checkbox-wrapper>input[type=checkbox]:disabled{cursor:default}.checkbox-wrapper>input[type=checkbox]:focus,.checkbox-wrapper>input[type=checkbox]:focus-visible{box-shadow:none}.field.checkbox>label{font-size:var(--form-label-font-size, 1em);margin-bottom:.75rem}.field.checkbox>.checkbox-group{display:flex;flex-direction:column;gap:1rem}.field.checkbox>.checkbox-group.direction-horizontal{flex-direction:row;gap:1.5rem}.multiselect{position:relative;width:100%}.multiselect>.multiselect-options{background-color:#fff;border-top:none;border:1px solid #ccc;display:flex;flex-direction:column;margin:0;max-height:12.5rem;min-width:12rem;overflow-y:auto;padding:.75rem .65rem;position:absolute;width:100%;z-index:1000}.multiselect>.multiselect-options>ul{display:flex;flex-direction:column;list-style-type:none;padding:0;overflow-y:auto;row-gap:.3rem;width:100%}.multiselect>.multiselect-input{--_bg-color: transparent;--_border-color: var(--form-input-border-color, #555);--_border-radius: var(--form-input-border-radius, .25em);--_color: inherit;--_padding-h: var(--padding-h, .75em);--_padding-v: var(--form-input-padding-v, .65em);--_height: var(--form-input-height, 2.8em);align-items:center;background-color:var(--_bg-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);display:flex;color:var(--_color);cursor:pointer;height:var(--_height);justify-content:space-between;padding:var(--_padding-v) var(--_padding-h);user-select:none}.multiselect .multiselect-input:has(.multiselect-search){--_padding-h: 0;overflow:hidden}.multiselect .multiselect-input>.multiselect-search>input{border-color:transparent;box-shadow:none}.multiselect .multiselect-input>.multiselect-search>input:focus-within{outline:none}.multiselect>.multiselect-input.disabled{--_bg-color: var(--form-input-bg-color-disabled, #f7f7f7);--_border-color: var(--form-input-border-color-disabled, #ccc);--_color: var(--form-input-color-disabled, #555);cursor:default}.multiselect>.multiselect-input:focus{box-shadow:0 0 0 .25rem #32323240}.multiselect.invalid .multiselect-input{--_border-color: var(--color-alert-danger, #dc3545)}.multiselect>.multiselect-options>ul>li{background-color:var(--_multiselect-selected-bg-color);border-radius:var(--form-input-border-radius, .25em);cursor:pointer;display:flex;gap:.5em;padding:.5rem .65rem}.multiselect ul>li[disabled=true]{color:var(--field-option-disabled-color, #7b7676);cursor:not-allowed}.multiselect ul>li>span,.multiselect span.multiselect-placeholder{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.multiselect>.multiselect-options>ul>li input{box-shadow:none;height:fit-content;width:auto}.multiselect>.multiselect-options>ul>li.selected,.multiselect>.multiselect-options>ul>li:not(.multiselect-group):hover,.multiselect>.multiselect-options>ul:not(.single-select)>li.multiselect-group:not(.disabled-group-select):hover{--_multiselect-selected-bg-color: var( --multiselect-selected-bg-color, #e5e5e5 )}.multiselect>.multiselect-options>ul>li.focused{--_multiselect-selected-bg-color: var( --multiselect-selected-bg-color, #e5e5e5 );opacity:.8}.multiselect>.multiselect-options>ul>li.multiselect-group{color:#555;font-weight:600;margin-top:.5rem}.multiselect>.multiselect-options>ul:has(.multiselect-group)>li:not(.select-all-option,.multiselect-group){margin-left:.5rem}.multiselect .multiselect-placeholder{--_multiselect-placeholder-color: var(--form-input-placeholder-color, #555);color:var(--_multiselect-placeholder-color)}.multiselect.valid .multiselect-input{--_border-color: var(--color-alert-success, #198754)}.multiselect .selected-options,.multiselect .selected-options>.tooltip-trigger{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.multiselect .selected-options-wrapper{height:0;min-height:0;opacity:0;overflow:hidden;transition:min-height .3s ease,height .3s ease,opacity .3s ease}.multiselect .selected-options-wrapper.visible{height:3rem;min-height:3rem;opacity:1;text-align:left}.multiselect .multiselect-input>.action-items{display:flex;gap:.5rem;margin-inline:.5rem;min-width:fit-content}.multiselect .multiselect-input>.action-items>svg{color:var(--field-icon-color, #b5b5b5);cursor:pointer;min-width:1.5rem}.currency-selector .currency-label{align-items:baseline;display:flex;gap:.5rem;width:100%}.currency-selector .currency-label .code{color:var(--dz-secondary-color, #475569);font-size:.9rem}.currency-selector .currency-label .symbol{margin-inline:.75rem}.currency-selector .currency-label .primary-currency-label{min-width:1rem}.currency-selector .currency-label .tertiary-currency-label{margin-left:auto}.currency-selector li[disabled=true] .currency-label .code{opacity:.6}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:#0000;border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.date-picker{--_form-field-gap: var(--form-field-gap, .25em);align-items:flex-start;display:flex;flex-direction:column;gap:var(--_form-field-gap);justify-content:flex-start}.date-picker label{--_label-color: var(--label-color, #000);color:var(--_label-color)}.date-picker>.dp__main:has(.dp__outer_menu_wrap) input[aria-label="Datepicker input"]{outline:1px solid var(--field-outline-color, #007aff)}.date-picker .dp__main.field{--_input-field-margin-bottom: 0;gap:0}.date-picker .dp__main>div{width:100%}.dp--clear-btn{--dp-icon-color: var(--icon-color, #555)}.dp__disabled,.dp__input:hover:is(.dp__disabled){--_disabled-color: var(--disabled-color, #ccc);--_text-color: var(--text-color, #555);border-color:var(--_disabled-color);color:var(--_text-color)}.dp__input{--dp-background-color: var(--_background-color, #fff);--dp-border-radius: var(--_border-radius, .2rem);--dp-border-color: var(--_border-color, #555);--dp-font-size: var(--_font-size, 1rem);--dp-text-color: var(--_text-color, #000);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);width:100%}.dp__input_icon{--dp-icon-color: var(--icon-color, #555)}.date-picker .field input{--_input-field-padding-h: 2.2rem}.field{--_background-color: var(--field-bg-color, transparent);--_border-color: var(--border-color);--_border-radius: var(--border-radius);--_padding-block: var(--field-padding-block, .5rem);--_padding-inline: var(--field-padding-inline, .75rem)}.invalid .dp__input{--dp-border-color: var(--danger-color, #dc3545);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>");background-position:right calc(3.5 * var(--form-input-padding-h, .5em)) center;background-repeat:no-repeat;background-size:1em}.invalid .dp__input:focus-visible,.invalid .dp__input:hover{box-shadow:0 0 0 .25rem #dc354540}.invalid .dp__input_wrap .dp--clear-btn,.valid .dp__input_wrap .dp--clear-btn{margin-inline:1rem}.valid .dp__input{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>")!important;background-position:right calc(3.5 * var(--form-input-padding-h, .5em)) center;background-repeat:no-repeat;background-size:1em;border-color:var(--success-color, #198754)}.valid .dp__input:focus-visible{box-shadow:0 0 0 .25rem #19875440}.field textarea{--_input-field-textarea-height: var(--textarea-height, unset);--_input-field-textarea-resize: var(--textarea-resize, none);--_input-field-textarea-width: var(--textarea-width, 100%);height:var(--_input-field-textarea-height);max-width:100%;resize:var(--_input-field-textarea-resize);width:var(--_input-field-textarea-width)}.editable-content>.card{--_height: var(--editable-content-height, 100%);--_width: var(--editable-content-width, 100%);height:var(--_height);min-height:4rem;min-width:8rem;padding:0;width:var(--_width)}.editable-content>.card.small{--_width: 8rem;--_height: 4rem}.editable-content>.card.medium{--_width: 12rem;--_height: 6rem}.editable-content>.card.large{--_width: 16rem;--_height: 8rem}.editable-content>.card.full{--_width: 100%;--_height: 100%}.editable-content>.card:has(.content){overflow:hidden;padding:.625rem}.editable-content>.card>.card-body{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.editable-content>.card .field{height:100%;margin-bottom:0;width:100%}.editable-content>.card .resize-both textarea{resize:both}.editable-content>.card .resize-horizontal textarea{resize:horizontal}.editable-content>.card .resize-none textarea{resize:none}.editable-content>.card .resize-vertical textarea{resize:vertical}.editable-content>.card .content>.disabled{cursor:default}.editable-content>.card .content>*{margin:0;padding:0}.info[data-v-5120fda5]{display:flex;align-items:center}.details[data-v-5120fda5]{flex:1;margin-left:10px}.description-wrapper[data-v-5120fda5]{display:flex;align-items:center}.description[data-v-5120fda5]{cursor:pointer;margin-right:5px}.pi-pencil[data-v-5120fda5]{cursor:pointer}.file-input .dropzone{align-items:center;background-color:var(--dz-input-fill-color);border-color:#eee;border-radius:2px;border-style:dashed;border-width:2px;color:#bdbdbd;display:flex;flex:1;flex-direction:column;margin-block:1em;outline:none;padding:30px 20px;transition:border .24s ease-in-out}.file-input .dropzone.focused{border-color:#2196f3}.file-input .dropzone.accepted{border-color:#00e676}.file-input .dropzone.rejected{border-color:#ff1744}.file-input .error-message{color:var(--error-message-color, #dc3545);font-size:var(--error-message-font-size, .8rem)}.file-input .selected{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.file-input .selected{padding-inline-start:0px}.file-input .selected li{align-items:flex-start;border-bottom:1px solid #bdbdbd48;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;padding:.9rem 0;position:relative}.file-input .selected li .info{display:flex;gap:.75rem;position:relative;width:90%}.file-input .selected li>button{padding:.2rem .3rem}.file-input .selected li .preview{background:#d3d3d3;height:3.5rem;min-width:3.5rem;width:3.5rem}.file-input .selected li .info .details{display:grid;gap:1rem;grid-template-rows:auto 1fr}.file-input .selected li .info .details>span{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}.file-input .selected li .description-wrapper{display:grid;gap:.5rem;grid-template-columns:auto 1fr;height:2.3rem;width:100%}.file-input .selected li svg{width:1.5rem}.file-input .description-wrapper .description{cursor:pointer;color:#00000083;text-overflow:ellipsis;height:2.3rem;max-width:40rem;overflow:hidden;white-space:nowrap}.file-input .description-wrapper i{height:100%;visibility:hidden}.file-input .description-wrapper:hover i{visibility:visible}.file-input .details{display:flex;flex-direction:column;gap:.5rem;width:80%}.file-input .dz-file-errors{background:#ff00001a;border-radius:6px;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:.75rem}.file-input .dz-file-error{color:red}.file-input .dz-file-error>strong{display:block;margin-bottom:.25rem}.file-input .dz-file-error>ul{list-style:initial}@media screen and (max-width: 576px){.file-input .description-wrapper i{visibility:visible}.file-input .description-wrapper .p-input-group,.file-input .description-wrapper .p-input-group .field,.file-input .description-wrapper .p-input-group .field input{width:inherit}}.form-actions{align-items:stretch;display:flex;flex-direction:column;gap:1rem;justify-content:stretch;width:100%}.form-actions[data-alignment=center]{justify-content:center}@media screen and (min-width: 576px){.form-actions{flex-direction:row}.form-actions[data-alignment=right]{flex-direction:row-reverse;justify-content:flex-start}.form-actions[data-alignment=left][data-reverse=true]{justify-content:flex-end}.form-actions[data-alignment=right][data-reverse=true]{flex-direction:row;justify-content:flex-end}.form-actions[data-alignment=filled] button{flex:1}.form-actions[data-direction=vertical]{flex-direction:column}.form-actions[data-direction=vertical][data-reverse=true]{flex-direction:column-reverse}.form-actions[data-reverse=true]{flex-direction:row-reverse}}.radio.field.direction-horizontal{display:flex;flex-direction:row;gap:1.5rem}.radio>.radio-button-wrapper{align-items:baseline;display:flex}.radio>.radio-button-wrapper input[type=radio]{cursor:pointer;outline:none;transform:scale(1.5)}.radio>.radio-button-wrapper input[type=radio]:disabled{cursor:default}.radio>.radio-button-wrapper label{margin-left:.5rem}.switch input[type=checkbox]{--_switch-unchecked-bg-color: var(--switch-unchecked-bg-color, #ccc);--_width: var(--switch-width, 3.75rem);appearance:none;background-color:var(--_switch-unchecked-bg-color);border-radius:1.25rem;cursor:pointer;display:flex;height:2.18rem;justify-content:center;padding-inline:.25rem;position:relative;width:var(--_width)}.switch input[type=checkbox].labeled{--_width: var(--switch-width, 5rem)}.switch input:after{content:attr(data-off);font-weight:500;padding-inline:.5rem;text-align:end}.switch input:before{background-color:#fff;border-radius:50%;bottom:.25rem;content:"";height:1.6rem;left:.25rem;position:absolute;transition:transform .3s,background-color .3s;width:1.6rem}.switch input:checked:after{content:attr(data-on);text-align:start}.switch input:checked:before{content:"";transform:translate(calc(var(--_width) - 2.25rem))}.switch input:checked{--_switch-checked-bg-color: var(--switch-checked-bg-color, #007aff);background-color:var(--_switch-checked-bg-color)}.switch input:disabled{opacity:40%}.switch-input{--_switch-field-direction: var(--switch-field-direction, row);--_switch-field-gap: var(--form-field-gap, .75rem);display:flex;flex-direction:var(--_switch-field-direction);gap:var(--_switch-field-gap);width:max-content}.typeahead{position:relative;display:inline-block;width:100%}.typeahead input{margin-top:.75rem}.typeahead input:focus{position:relative;z-index:1000}li.suggestion{padding:10px;cursor:pointer}li.suggestion:hover{--_typeahead-suggestion-hover-color: var(--field-option-hover-color, #e5e5e5);background-color:var(--_typeahead-suggestion-hover-color);cursor:pointer}ul.suggestion-list{--_typeahead-suggestions-border-radius: var( --input-field-border-radius, .5rem );background-color:#fff;border:1px solid #ccc;border-radius:var(--_typeahead-suggestions-border-radius);border-top:none;list-style-type:none;margin:0;max-height:10rem;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:999}
|
|
1
|
+
:root{--field-bg-color-disabled: #f8f8f8;--field-bg-color: transparent;--field-icon-color: #7b7676;--field-padding-block: .5rem;--field-padding-inline: .75rem;--field-placeholder-color: #7b7676}.field{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;width:100%}.field>label{font-weight:500}fieldset{border:none;margin:0;padding:0}fieldset legend{font-size:var(--form-label-font-size, 1em);margin-bottom:.75rem}form{align-items:stretch;display:flex;flex-direction:column;gap:var(--form-gap, 1.5rem);justify-content:flex-start}form .field input.invalid,form .field textarea.invalid,form .field .invalid input:not(.multiselect-search>input){--_border-color: var(--dz-danger-color, #dc3545);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>");background-repeat:no-repeat;background-position:right calc(.75 * var(--_padding-inline, .75rem)) center;background-size:1rem}form .field input.valid,form .field textarea.valid,form .field .valid input:not(.multiselect-search>input){--_border-color: var(--dz-success-color, #198754);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>")!important;background-repeat:no-repeat;background-position:right calc(.75 * var(--_padding-inline, .75rem)) center;background-size:1rem}form .field textarea.valid,form .field textarea.invalid{background-position:right calc(.75 * var(--_padding-inline, .75rem) + 1rem) center}form .field input:is(.invalid,.valid):focus-within,form .field textarea:is(.invalid,.valid):focus-within{outline:none}form input[type=number]:is(.invalid,.valid){appearance:textfield}form input[type=number]:is(.invalid,.valid)::-webkit-inner-spin-button,form input[type=number]:is(.invalid,.valid)::-webkit-outer-spin-button{transform:translate(-1rem)}form span[role=alert]{color:var(--color-alert-danger, red);font-size:var(--field-error-font-size, .8rem)}.field{--_background-color: var(--field-bg-color, transparent);--_border-color: var(--border-color);--_border-radius: var(--border-radius);--_padding-block: var(--field-padding-block, .5rem);--_padding-inline: var(--field-padding-inline, .75rem);--_outline: none}.field input{background-color:var(--_background-color);border-radius:var(--_border-radius);border:1px solid var(--_border-color);outline:var(--_outline);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);width:100%}.field input:not(input[type=checkbox]):focus-within{--_outline: 1px solid var(--dz-primary-color)}.field input[type=radio]{height:fit-content}.field input:disabled{--_background-color: var(--field-bg-color-disabled, #f8f8f8);cursor:not-allowed;opacity:.8}.field>.password-input{align-items:center;display:flex;position:relative;text-align:left;width:100%}.password-input .eye-icon{cursor:pointer;display:flex;margin-right:.5rem;position:absolute;right:0}.password-input:has(input[type=password]:disabled) .eye-icon{cursor:not-allowed;opacity:.8}form .password-input .invalid+.eye-icon>*,form .password-input .valid+.eye-icon>*{margin-right:1.5rem}.checkbox-wrapper{align-items:baseline;display:flex;gap:.5rem}.checkbox-wrapper>input[type=checkbox]{accent-color:var(--dz-primary-color);cursor:pointer;transform:scale(1.5);width:auto}.checkbox-wrapper>input[type=checkbox]:disabled{cursor:default}.field.checkbox>label{margin-bottom:.75rem}.field.checkbox>.checkbox-group{display:flex;flex-direction:column;gap:1rem}.field.checkbox>.checkbox-group.direction-horizontal{flex-direction:row;gap:1.5rem}.field:has(.multiselect):not(:has(.multiselect-options)){overflow:hidden}.multiselect{position:relative;width:100%}.multiselect>.multiselect-options{background-color:#fff;border-top:none;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:1px 1px 5px 1px #ccc;display:flex;flex-direction:column;margin:4px 0 0;max-height:12.5rem;min-width:12rem;overflow-y:auto;padding:.75rem .65rem;position:absolute;width:100%;z-index:1000}.multiselect>.multiselect-options>ul{display:flex;flex-direction:column;list-style-type:none;padding:0;overflow-y:auto;row-gap:.3rem;width:100%}.multiselect>.multiselect-input{align-items:center;background-color:var(--_background-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);display:flex;cursor:pointer;justify-content:space-between;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);user-select:none}.multiselect:not(.invalid,.valid)>.multiselect-input.focused,.multiselect:not(.invalid,.valid)>.multiselect-input:focus{outline:1px solid var(--dz-primary-color)}.multiselect .multiselect-input:has(.multiselect-search){--_padding-h: 0;overflow:hidden}.multiselect .multiselect-input>.multiselect-search>input{border-color:transparent;box-shadow:none;padding:0}.multiselect .multiselect-input>.multiselect-search>input:focus-within{outline:none}.multiselect>.multiselect-input.disabled{--_background-color: var(--_background-color-disabled);color:var(--field-color-disabled, #7b7676);cursor:not-allowed;opacity:.8}.multiselect.invalid .multiselect-input{--_border-color: var(--color-alert-danger, #dc3545)}.multiselect>.multiselect-options>ul>li{align-items:baseline;background-color:var(--_multiselect-selected-bg-color);border-radius:var(--_border-radius);cursor:pointer;display:flex;gap:.5rem;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);transition:background-color var(--transition-duration) linear}.multiselect ul>li[disabled=true]{color:var(--field-color-disabled, #7b7676);cursor:not-allowed}.multiselect>.multiselect-options>ul>li input{box-shadow:none;height:fit-content;width:auto}.multiselect>.multiselect-options>ul>li.selected,.multiselect>.multiselect-options>ul>li:not(.multiselect-group):hover,.multiselect>.multiselect-options>ul:not(.single-select)>li.multiselect-group:not(.disabled-group-select):hover{--_multiselect-selected-bg-color: var( --multiselect-selected-bg-color, #e5e5e5 )}.multiselect>.multiselect-options>ul>li.focused{--_multiselect-selected-bg-color: var( --multiselect-selected-bg-color, #e5e5e5 );opacity:.8}.multiselect>.multiselect-options>ul>li.multiselect-group{color:#555;font-weight:600;margin-top:.5rem}.multiselect>.multiselect-options>ul:has(.multiselect-group)>li:not(.select-all-option,.multiselect-group){margin-left:.5rem}.multiselect .multiselect-placeholder{--_multiselect-placeholder-color: var(--form-input-placeholder-color, #555);color:var(--_multiselect-placeholder-color)}.multiselect.valid .multiselect-input{--_border-color: var(--color-alert-success, #198754)}.multiselect span.multiselect-placeholder,.multiselect .selected-options,.multiselect .selected-options>.tooltip-trigger,.multiselect ul>li>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.multiselect .selected-options>.tooltip-trigger{max-width:100%;width:max-content}.multiselect:has(.disabled) .selected-options>.tooltip-trigger{cursor:not-allowed}.multiselect .selected-options-wrapper{height:0;min-height:0;opacity:0;overflow:hidden;transition:min-height .3s ease,height .3s ease,opacity .3s ease}.multiselect .selected-options-wrapper.visible{height:3rem;min-height:3rem;opacity:1;text-align:left}.multiselect .multiselect-input>.action-items{display:flex;gap:.5rem;margin-inline:.5rem;min-width:fit-content}.multiselect .multiselect-input>.action-items>svg{color:var(--_icon-color);cursor:pointer;min-width:1.25rem}.currency-selector .currency-label{align-items:baseline;display:flex;gap:.5rem;width:100%}.currency-selector .currency-label .code{color:var(--dz-secondary-color, #475569);font-size:.9rem}.currency-selector .currency-label .symbol{margin-inline:.75rem}.currency-selector .currency-label .primary-currency-label{min-width:1rem}.currency-selector .currency-label .tertiary-currency-label{margin-left:auto}.currency-selector li[disabled=true] .currency-label .code{opacity:.6}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:#0000;border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.date-picker{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start}.date-picker>.dp__main:has(.dp__outer_menu_wrap):not(.invalid,.valid) input[aria-label="Datepicker input"]{outline:1px solid var(--dz-primary-color)}.dp--clear-btn,.dp__input_icon{--dp-icon-color: var(--field-icon-color, #7b7676)}.dp__input:hover:not(.dp__input_focus){border-color:var(--border-color)}.date-picker.field:has(.dp__input_icon) input{--_padding-inline: calc(var(--field-padding-inline, .75rem) * 2.5)}.invalid .dp__input,.invalid .dp__input:hover:not(.dp__input_focus){border-color:var(--dz-danger-color)}.invalid .dp__input_wrap .dp--clear-btn,.valid .dp__input_wrap .dp--clear-btn{margin-inline:2rem}.valid .dp__input,.valid .dp__input:hover:not(.dp__input_focus){border-color:var(--dz-success-color)}.field{--_background-color: var(--field-bg-color, transparent);--_border-color: var(--border-color);--_border-radius: var(--border-radius);--_padding-block: var(--field-padding-block, .5rem);--_padding-inline: var(--field-padding-inline, .75rem)}.field textarea{background-color:var(--_background-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);width:100%}.field textarea:focus-within{outline:1px solid var(--dz-primary-color)}.field textarea:disabled{--_background-color: var(--field-bg-color-disabled, #f8f8f8);cursor:not-allowed;opacity:.8;resize:none}.editable-content>.card{--_height: var(--editable-content-height, 100%);--_width: var(--editable-content-width, 100%);height:var(--_height);min-height:4rem;min-width:8rem;padding:0;width:var(--_width)}.editable-content>.card.small{--_width: 8rem;--_height: 4rem}.editable-content>.card.medium{--_width: 12rem;--_height: 6rem}.editable-content>.card.large{--_width: 16rem;--_height: 8rem}.editable-content>.card.full{--_width: 100%;--_height: 100%;min-height:8rem}.editable-content>.card:has(.content){overflow:hidden;padding:.625rem}.editable-content>.card>.card-body{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.editable-content>.card .field,.editable-content>.card .field>textarea{height:100%}.editable-content>.card .resize-both textarea{resize:both}.editable-content>.card .resize-horizontal textarea{resize:horizontal}.editable-content>.card .resize-none textarea{resize:none}.editable-content>.card .resize-vertical textarea{resize:vertical}.editable-content>.card .content>.disabled{cursor:default}.editable-content>.card .content>*{margin:0;padding:0}.info[data-v-5120fda5]{display:flex;align-items:center}.details[data-v-5120fda5]{flex:1;margin-left:10px}.description-wrapper[data-v-5120fda5]{display:flex;align-items:center}.description[data-v-5120fda5]{cursor:pointer;margin-right:5px}.pi-pencil[data-v-5120fda5]{cursor:pointer}.file-input .dropzone{align-items:center;background-color:var(--dz-input-fill-color);border-color:#eee;border-radius:2px;border-style:dashed;border-width:2px;color:#bdbdbd;display:flex;flex:1;flex-direction:column;margin-block:1rem;outline:none;padding:30px 20px;transition:border .24s ease-in-out}.file-input .dropzone.focused{border-color:#2196f3}.file-input .dropzone.accepted{border-color:#00e676}.file-input .dropzone.rejected{border-color:#ff1744}.file-input .error-message{color:var(--error-message-color, #dc3545);font-size:var(--error-message-font-size, .8rem)}.file-input .selected{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.file-input .selected{padding-inline-start:0px}.file-input .selected li{align-items:flex-start;border-bottom:1px solid #bdbdbd48;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;padding:.9rem 0;position:relative}.file-input .selected li .info{display:flex;gap:.75rem;position:relative;width:90%}.file-input .selected li>button{padding:.2rem .3rem}.file-input .selected li .preview{background:#d3d3d3;height:3.5rem;min-width:3.5rem;width:3.5rem}.file-input .selected li .info .details{display:grid;gap:1rem;grid-template-rows:auto 1fr}.file-input .selected li .info .details>span{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}.file-input .selected li .description-wrapper{display:grid;gap:.5rem;grid-template-columns:auto 1fr;height:2.3rem;width:100%}.file-input .selected li svg{width:1.5rem}.file-input .description-wrapper .description{cursor:pointer;color:#00000083;text-overflow:ellipsis;height:2.3rem;max-width:40rem;overflow:hidden;white-space:nowrap}.file-input .description-wrapper i{height:100%;visibility:hidden}.file-input .description-wrapper:hover i{visibility:visible}.file-input .details{display:flex;flex-direction:column;gap:.5rem;width:80%}.file-input .dz-file-errors{background:#ff00001a;border-radius:6px;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:.75rem}.file-input .dz-file-error{color:red}.file-input .dz-file-error>strong{display:block;margin-bottom:.25rem}.file-input .dz-file-error>ul{list-style:initial}@media screen and (max-width: 576px){.file-input .description-wrapper i{visibility:visible}.file-input .description-wrapper .p-input-group,.file-input .description-wrapper .p-input-group .field,.file-input .description-wrapper .p-input-group .field input{width:inherit}}.form-actions{align-items:stretch;display:flex;flex-direction:column;gap:1rem;justify-content:stretch;width:100%}.form-actions[data-alignment=center]{justify-content:center}@media screen and (min-width: 576px){.form-actions{flex-direction:row}.form-actions[data-alignment=right]{flex-direction:row-reverse;justify-content:flex-start}.form-actions[data-alignment=left][data-reverse=true]{justify-content:flex-end}.form-actions[data-alignment=right][data-reverse=true]{flex-direction:row;justify-content:flex-end}.form-actions[data-alignment=filled] button{flex:1}.form-actions[data-direction=vertical]{flex-direction:column}.form-actions[data-direction=vertical][data-reverse=true]{flex-direction:column-reverse}.form-actions[data-reverse=true]{flex-direction:row-reverse}}.radio.field.direction-horizontal{display:flex;flex-direction:row;gap:1.5rem}.radio>.radio-button-wrapper{align-items:baseline;display:flex}.radio>.radio-button-wrapper input[type=radio]{accent-color:var(--dz-primary-color);cursor:pointer;outline:none;transform:scale(1.5)}.radio>.radio-button-wrapper input[type=radio]:disabled{cursor:default}.radio>.radio-button-wrapper label{margin-left:.5rem}.switch input[type=checkbox]{--_switch-unchecked-bg-color: var(--switch-unchecked-bg-color, #ccc);--_width: 4rem;appearance:none;background-color:var(--_switch-unchecked-bg-color);border-radius:1.25rem;cursor:pointer;display:flex;height:2rem;justify-content:center;padding-inline:.25rem;position:relative;width:var(--_width)}.switch input[type=checkbox].labeled{--_width: var(--switch-width, 5rem)}.switch input:after{content:attr(data-off);font-weight:500;padding-inline:.5rem;text-align:end}.switch input:before{background-color:#fff;border-radius:50%;bottom:10%;content:"";height:1.5rem;left:.25rem;position:absolute;transition:transform .15s,background-color .15s;width:1.5rem}.switch input:checked:after{content:attr(data-on);text-align:start}.switch input:checked:before{content:"";transform:translate(calc(var(--_width) - 2.1rem))}.switch input:checked{background-color:var(--dz-primary-color)}.switch input:disabled{opacity:.5}.switch-input{--_switch-field-direction: var(--switch-field-direction, row);--_switch-field-gap: var(--form-field-gap, .75rem);display:flex;flex-direction:var(--_switch-field-direction);gap:var(--_switch-field-gap);width:max-content}.field{--_background-color: var(--field-bg-color, transparent);--_background-color-disabled: var(--field-bg-color-disabled, #f8f8f8);--_border-color: var(--border-color);--_border-radius: var(--border-radius);--_icon-color: var(--field-icon-color, #7b7676);--_padding-block: var(--field-padding-block, .5rem);--_padding-inline: var(--field-padding-inline, .75rem);--_placeholder-color: var(--field-placeholder-color, #7b7676);--_options-menu-background-color: var(--list-menu-bg-color, #ffffff);--_option-background-color-hover: var(--list-item-bg-hover, #ededed);--_option-background-color-active: var(--list-item-bg-active, #ededed)}.typeahead{position:relative;display:inline-block;width:100%}.typeahead>ul{background-color:#fff;border:1px solid var(--border-color);border-radius:calc(var(--border-radius) * 1.5);box-shadow:1px 1px 5px 1px #ccc;list-style-type:none;margin-top:4px;max-height:12rem;overflow-y:auto;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);position:absolute;text-align:left;width:100%;z-index:999}.typeahead>ul>li{border-radius:var(--_border-radius);cursor:pointer;display:flex;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);transition:background-color var(--transition-duration) linear}.typeahead>ul>li:hover,.typeahead>ul>li.focused{background-color:var(--_option-background-color-hover)}.typeahead>ul>li.disabled{opacity:.8;cursor:not-allowed}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prefabs.tech/vue3-form",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "Vue Form plugin",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@prefabs.tech/eslint-config": "0.2.0",
|
|
25
25
|
"@prefabs.tech/tsconfig": "0.2.0",
|
|
26
|
-
"@prefabs.tech/vue3-ui": "0.
|
|
26
|
+
"@prefabs.tech/vue3-ui": "0.14.0",
|
|
27
27
|
"@types/node": "22.13.5",
|
|
28
28
|
"@types/validator": "13.12.2",
|
|
29
29
|
"@typescript-eslint/eslint-plugin": "8.24.1",
|
|
@@ -72,6 +72,7 @@
|
|
|
72
72
|
"build": "vite build && vue-tsc --emitDeclarationOnly",
|
|
73
73
|
"lint": "eslint . --ext .vue",
|
|
74
74
|
"lint:fix": "eslint . --ext .vue --fix",
|
|
75
|
+
"snapshot:update": "vitest --environment jsdom run --update",
|
|
75
76
|
"sort-package": "npx sort-package-json",
|
|
76
77
|
"test": "vitest --environment jsdom run --coverage --passWithNoTests",
|
|
77
78
|
"test:component": "vitest --environment jsdom run component/ --passWithNoTests",
|