@duetds/components 8.5.5 → 8.6.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/hydrate/index.js +289 -113
- package/lib/cjs/duet-alert.cjs.entry.js +1 -1
- package/lib/cjs/duet-banner.cjs.entry.js +1 -1
- package/lib/cjs/duet-callout.cjs.entry.js +1 -1
- package/lib/cjs/duet-chip.cjs.entry.js +9 -2
- package/lib/cjs/duet-choice_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
- package/lib/cjs/duet-combobox.cjs.entry.js +260 -127
- package/lib/cjs/duet-date-picker.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
- package/lib/cjs/duet-hero.cjs.entry.js +1 -1
- package/lib/cjs/duet-input_2.cjs.entry.js +39 -3
- package/lib/cjs/duet-modal.cjs.entry.js +1 -1
- package/lib/cjs/duet-multiselect.cjs.entry.js +1 -1
- package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
- package/lib/cjs/duet-promo-card.cjs.entry.js +1 -1
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout.cjs.entry.js +1 -1
- package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +1 -1
- package/lib/cjs/loader.cjs.js +1 -1
- package/lib/cjs/{slot-utils-f5073417.js → slot-utils-03a40c78.js} +3 -1
- package/lib/collection/components/duet-chip/duet-chip.css +7 -0
- package/lib/collection/components/duet-chip/duet-chip.js +29 -2
- package/lib/collection/components/duet-combobox/duet-combobox-select-single.js +2 -2
- package/lib/collection/components/duet-combobox/duet-combobox.css +10 -2
- package/lib/collection/components/duet-combobox/duet-combobox.e2e.js +81 -51
- package/lib/collection/components/duet-combobox/duet-combobox.js +321 -142
- package/lib/collection/components/duet-input/duet-input.css +29 -0
- package/lib/collection/components/duet-input/duet-input.js +159 -3
- package/lib/collection/utils/slot-utils.js +3 -1
- package/lib/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-banner.js +1 -1
- package/lib/dist-custom-elements/duet-breadcrumb.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +1 -1
- package/lib/dist-custom-elements/duet-chip.js +1 -273
- package/lib/dist-custom-elements/duet-choice-group.js +5 -5
- package/lib/dist-custom-elements/duet-choice.js +2 -2
- package/lib/dist-custom-elements/duet-collapsible.js +2 -2
- package/lib/dist-custom-elements/duet-combobox.js +326 -132
- package/lib/dist-custom-elements/duet-cookie-consent.js +1 -1
- package/lib/dist-custom-elements/duet-date-picker.js +6 -6
- package/lib/dist-custom-elements/duet-editable-table.js +2 -2
- package/lib/dist-custom-elements/duet-fieldset.js +1 -1
- package/lib/dist-custom-elements/duet-footer.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +1 -1
- package/lib/dist-custom-elements/duet-modal.js +2 -2
- package/lib/dist-custom-elements/duet-multiselect.js +5 -5
- package/lib/dist-custom-elements/duet-notification-drawer.js +1 -1
- package/lib/dist-custom-elements/duet-notification.js +1 -1
- package/lib/dist-custom-elements/duet-number-input.js +6 -6
- package/lib/dist-custom-elements/duet-pagination.js +6 -6
- package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
- package/lib/dist-custom-elements/duet-promo-card.js +1 -1
- package/lib/dist-custom-elements/duet-radio-group.js +5 -5
- package/lib/dist-custom-elements/duet-range-slider.js +1 -1
- package/lib/dist-custom-elements/duet-range-stepper.js +2 -2
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-show-more.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-panel.js +1 -1
- package/lib/dist-custom-elements/duet-slideout.js +2 -2
- package/lib/dist-custom-elements/duet-step.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar-item.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +1 -1
- package/lib/dist-custom-elements/duet-tab-group.js +6 -6
- package/lib/dist-custom-elements/duet-tab.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +4 -4
- package/lib/dist-custom-elements/duet-toggle.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +1 -1
- package/lib/dist-custom-elements/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +5 -5
- package/lib/dist-custom-elements/{p-cff358b0.js → p-014c1177.js} +49 -8
- package/lib/dist-custom-elements/{p-c3d02eb2.js → p-03152b20.js} +1 -1
- package/lib/dist-custom-elements/{p-d87f6dd5.js → p-06e608ae.js} +3 -1
- package/lib/dist-custom-elements/{p-9cdbc360.js → p-0cee8a12.js} +1 -1
- package/lib/dist-custom-elements/{p-12a0876b.js → p-24693e9a.js} +1 -1
- package/lib/dist-custom-elements/{p-9a833e56.js → p-28ec3461.js} +1 -1
- package/lib/dist-custom-elements/{p-d191ba9e.js → p-45fd4d84.js} +1 -1
- package/lib/dist-custom-elements/{p-89d58b60.js → p-6d366100.js} +3 -3
- package/lib/dist-custom-elements/p-755dd68f.js +285 -0
- package/lib/dist-custom-elements/{p-e44c0eff.js → p-785686e3.js} +1 -1
- package/lib/dist-custom-elements/{p-e00d43f3.js → p-92a16064.js} +1 -1
- package/lib/dist-custom-elements/{p-f9f9e33d.js → p-a02e62f3.js} +3 -3
- package/lib/dist-custom-elements/{p-0d5c0a22.js → p-c8415e2f.js} +1 -1
- package/lib/dist-custom-elements/{p-d848b48d.js → p-e702eb52.js} +4 -4
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-88a46585.system.entry.js → p-061f4be0.system.entry.js} +1 -1
- package/lib/duet/p-06e608ae.js +4 -0
- package/lib/duet/{p-8ca813cb.system.entry.js → p-0778ccde.system.entry.js} +1 -1
- package/lib/duet/p-07ac7f3e.system.entry.js +4 -0
- package/lib/duet/p-15e24bf0.entry.js +4 -0
- package/lib/duet/{p-0dac34a4.system.entry.js → p-1ef0e5ca.system.entry.js} +1 -1
- package/lib/duet/{p-c9781f22.entry.js → p-2084a65f.entry.js} +1 -1
- package/lib/duet/{p-fd0bb0bf.entry.js → p-23cecf9f.entry.js} +1 -1
- package/lib/duet/{p-09e4195f.system.entry.js → p-257800b7.system.entry.js} +1 -1
- package/lib/duet/{p-1afd901a.entry.js → p-29491f9f.entry.js} +1 -1
- package/lib/duet/{p-3b5ff822.entry.js → p-3302d75d.entry.js} +1 -1
- package/lib/duet/{p-7629cd0a.entry.js → p-40375e30.entry.js} +1 -1
- package/lib/duet/{p-ba4445cf.system.entry.js → p-45bb3cd0.system.entry.js} +1 -1
- package/lib/duet/p-4781cd58.entry.js +4 -0
- package/lib/duet/p-4cb5943c.entry.js +4 -0
- package/lib/duet/{p-b2f2992f.system.entry.js → p-4de910bd.system.entry.js} +1 -1
- package/lib/duet/p-6151635f.system.js +1 -1
- package/lib/duet/{p-d349dd93.entry.js → p-67382632.entry.js} +1 -1
- package/lib/duet/{p-699a98b4.entry.js → p-76e54ff5.entry.js} +1 -1
- package/lib/duet/{p-4d2ef0e2.entry.js → p-7a161455.entry.js} +1 -1
- package/lib/duet/{p-3d38079c.entry.js → p-7ca15c93.entry.js} +1 -1
- package/lib/duet/{p-bb09fff0.system.entry.js → p-7de614df.system.entry.js} +1 -1
- package/lib/duet/{p-480f37b6.entry.js → p-83238fe7.entry.js} +1 -1
- package/lib/duet/{p-7c1db591.system.entry.js → p-8a4ba903.system.entry.js} +1 -1
- package/lib/duet/{p-4f32a7ee.entry.js → p-8ba91848.entry.js} +1 -1
- package/lib/duet/{p-708359ec.system.entry.js → p-999fff8d.system.entry.js} +1 -1
- package/lib/duet/{p-9d91a1dd.system.entry.js → p-9e75e5d8.system.entry.js} +1 -1
- package/lib/duet/{p-343d037e.entry.js → p-a3afb1af.entry.js} +1 -1
- package/lib/duet/{p-2ca6a8a0.system.entry.js → p-a3e90064.system.entry.js} +1 -1
- package/lib/duet/{p-892a5644.system.entry.js → p-aba91113.system.entry.js} +1 -1
- package/lib/duet/p-ae21ad57.system.js +4 -0
- package/lib/duet/{p-ce05fe6d.system.entry.js → p-b2fc4b72.system.entry.js} +1 -1
- package/lib/duet/{p-84778369.entry.js → p-b5595969.entry.js} +1 -1
- package/lib/duet/{p-bf51f8a5.system.entry.js → p-c68602c9.system.entry.js} +1 -1
- package/lib/duet/{p-f6530332.system.entry.js → p-d5721f0d.system.entry.js} +1 -1
- package/lib/duet/{p-c00fe4ed.entry.js → p-dc133655.entry.js} +1 -1
- package/lib/duet/p-de5054b6.system.entry.js +4 -0
- package/lib/duet/{p-61feb701.entry.js → p-df345202.entry.js} +1 -1
- package/lib/duet/{p-2628a322.entry.js → p-e0907f29.entry.js} +1 -1
- package/lib/duet/p-e333b9fc.system.entry.js +4 -0
- package/lib/duet/p-e411627f.entry.js +4 -0
- package/lib/duet/{p-da51c71f.system.entry.js → p-eafed149.system.entry.js} +1 -1
- package/lib/duet/p-f2279e1e.entry.js +4 -0
- package/lib/duet/{p-b1ab1664.system.entry.js → p-fa311641.system.entry.js} +1 -1
- package/lib/duet/{p-320318de.system.entry.js → p-fa72c79b.system.entry.js} +1 -1
- package/lib/esm/duet-alert.entry.js +1 -1
- package/lib/esm/duet-banner.entry.js +1 -1
- package/lib/esm/duet-callout.entry.js +1 -1
- package/lib/esm/duet-chip.entry.js +9 -2
- package/lib/esm/duet-choice_2.entry.js +1 -1
- package/lib/esm/duet-collapsible.entry.js +1 -1
- package/lib/esm/duet-combobox.entry.js +261 -128
- package/lib/esm/duet-date-picker.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +1 -1
- package/lib/esm/duet-hero.entry.js +1 -1
- package/lib/esm/duet-input_2.entry.js +39 -3
- package/lib/esm/duet-modal.entry.js +1 -1
- package/lib/esm/duet-multiselect.entry.js +1 -1
- package/lib/esm/duet-number-input.entry.js +1 -1
- package/lib/esm/duet-promo-card.entry.js +1 -1
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-scrollable_3.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +1 -1
- package/lib/esm/duet-slideout-panel.entry.js +1 -1
- package/lib/esm/duet-slideout.entry.js +1 -1
- package/lib/esm/duet-textarea.entry.js +1 -1
- package/lib/esm/duet.js +1 -1
- package/lib/esm/loader.js +1 -1
- package/lib/esm/{slot-utils-1115a819.js → slot-utils-b50aaef5.js} +3 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-chip.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +2 -2
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +2 -2
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +2 -2
- package/lib/esm-es5/duet-promo-card.entry.js +2 -2
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/slot-utils-b50aaef5.js +4 -0
- package/lib/types/components/duet-chip/duet-chip.d.ts +4 -0
- package/lib/types/components/duet-combobox/duet-combobox.d.ts +49 -35
- package/lib/types/components/duet-input/duet-input.d.ts +30 -0
- package/lib/types/components.d.ts +44 -21
- package/package.json +2 -2
- package/lib/duet/p-7cf03aa8.system.js +0 -4
- package/lib/duet/p-92e1181c.entry.js +0 -4
- package/lib/duet/p-985c0c67.system.entry.js +0 -4
- package/lib/duet/p-9d27bc65.entry.js +0 -4
- package/lib/duet/p-afe29a3e.entry.js +0 -4
- package/lib/duet/p-cc4a8964.entry.js +0 -4
- package/lib/duet/p-d50ad3ed.entry.js +0 -4
- package/lib/duet/p-d87f6dd5.js +0 -4
- package/lib/duet/p-f1b01db9.system.entry.js +0 -4
- package/lib/duet/p-fa21a3b6.system.entry.js +0 -4
- package/lib/esm-es5/slot-utils-1115a819.js +0 -4
|
@@ -1067,15 +1067,17 @@ export namespace Components {
|
|
|
1067
1067
|
}
|
|
1068
1068
|
interface DuetCombobox {
|
|
1069
1069
|
/**
|
|
1070
|
-
*
|
|
1071
|
-
* @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
|
|
1070
|
+
* Defaults for the accessible labels for the select items
|
|
1072
1071
|
*/
|
|
1073
1072
|
"accessibleLabelDefaults": DuetLangObject | string;
|
|
1074
1073
|
/**
|
|
1075
|
-
*
|
|
1076
|
-
* @default { heading: "Valitse:", item: "{0}, ({1}/{2})", itemFiltered: "{0}, ({1}/{2} - {3} suodatettu" }
|
|
1074
|
+
* Accessible labels for the select items
|
|
1077
1075
|
*/
|
|
1078
1076
|
"accessibleLabels": Record<string, string>;
|
|
1077
|
+
/**
|
|
1078
|
+
* Caption for the input if input is not provided as a slotted element.
|
|
1079
|
+
*/
|
|
1080
|
+
"caption": string;
|
|
1079
1081
|
/**
|
|
1080
1082
|
* Defines if filtering of items should be done by includes or startsWith
|
|
1081
1083
|
*/
|
|
@@ -1096,13 +1098,21 @@ export namespace Components {
|
|
|
1096
1098
|
*/
|
|
1097
1099
|
"formatter": (item: DuetComboboxItem) => string;
|
|
1098
1100
|
/**
|
|
1099
|
-
* Array of item objects.
|
|
1101
|
+
* Array of item objects. Each item should have properties name, value and optionally id. If id is not provided, it will be generated. Alternatively, an array of strings can be provided, in which case the strings will be used for name, value and id.
|
|
1100
1102
|
*/
|
|
1101
1103
|
"items": any;
|
|
1104
|
+
/**
|
|
1105
|
+
* Label for the input if input is not provided as a slotted element.
|
|
1106
|
+
*/
|
|
1107
|
+
"label": string;
|
|
1102
1108
|
/**
|
|
1103
1109
|
* Defines minimum number of characters that must be given to show search results
|
|
1104
1110
|
*/
|
|
1105
1111
|
"minCharacters": number;
|
|
1112
|
+
/**
|
|
1113
|
+
* Allow multiple selections. Selections are displayed as DuetChips.
|
|
1114
|
+
*/
|
|
1115
|
+
"multiple": boolean;
|
|
1106
1116
|
/**
|
|
1107
1117
|
* Defines if items list should always open after clicking on input
|
|
1108
1118
|
*/
|
|
@@ -1112,9 +1122,9 @@ export namespace Components {
|
|
|
1112
1122
|
*/
|
|
1113
1123
|
"theme": DuetTheme;
|
|
1114
1124
|
/**
|
|
1115
|
-
* Value of selected item/s
|
|
1125
|
+
* Value of selected item/s. If multiple is true, value is an array of selected items, else it's a string.
|
|
1116
1126
|
*/
|
|
1117
|
-
"value": string;
|
|
1127
|
+
"value": string | string[];
|
|
1118
1128
|
}
|
|
1119
1129
|
interface DuetContactCard {
|
|
1120
1130
|
/**
|
|
@@ -1892,6 +1902,7 @@ export namespace Components {
|
|
|
1892
1902
|
* Indicates the id of a component owned by the input.
|
|
1893
1903
|
*/
|
|
1894
1904
|
"accessibleOwns": string;
|
|
1905
|
+
"addChip": (chip: HTMLDuetChipElement) => Promise<void>;
|
|
1895
1906
|
/**
|
|
1896
1907
|
* Enable or disable automatic completion by the browser
|
|
1897
1908
|
*/
|
|
@@ -1900,17 +1911,16 @@ export namespace Components {
|
|
|
1900
1911
|
* Caption (underneath label) that can be set as a way of adding extra information
|
|
1901
1912
|
*/
|
|
1902
1913
|
"caption": string;
|
|
1914
|
+
"chips": boolean;
|
|
1903
1915
|
/**
|
|
1904
1916
|
* If set, the input field will display a clear button that can be accessed with tabbing.
|
|
1905
1917
|
*/
|
|
1906
1918
|
"clear": boolean;
|
|
1919
|
+
"clearChips": () => Promise<void>;
|
|
1907
1920
|
/**
|
|
1908
1921
|
* Reset the cursor position on the native element `input.resetCursor()`.
|
|
1909
1922
|
*/
|
|
1910
1923
|
"clearInput": () => Promise<void>;
|
|
1911
|
-
/**
|
|
1912
|
-
* Used internally in Duet to adjust whether this component acts as e.g. number input.
|
|
1913
|
-
*/
|
|
1914
1924
|
"component": DuetInputComponentType;
|
|
1915
1925
|
/**
|
|
1916
1926
|
* Set the amount of time, in milliseconds, to wait to trigger the duetChange event after each keystroke.
|
|
@@ -1936,6 +1946,8 @@ export namespace Components {
|
|
|
1936
1946
|
* Expands the input to fill 100% of the container width.
|
|
1937
1947
|
*/
|
|
1938
1948
|
"expand": boolean;
|
|
1949
|
+
"getChips": () => Promise<HTMLDuetChipElement[]>;
|
|
1950
|
+
"hasChip": ({ value, text }: { value: string; text: string; }) => Promise<boolean>;
|
|
1939
1951
|
/**
|
|
1940
1952
|
* Icon to display on the right side (from Duet’s icons). Example: "form-location"
|
|
1941
1953
|
*/
|
|
@@ -5297,6 +5309,7 @@ declare global {
|
|
|
5297
5309
|
};
|
|
5298
5310
|
interface HTMLDuetChipElementEventMap {
|
|
5299
5311
|
"duetChange": DuetChipEvent;
|
|
5312
|
+
"duetRemove": DuetChipEvent;
|
|
5300
5313
|
"duetFocus": DuetChipEvent;
|
|
5301
5314
|
"duetBlur": DuetChipEvent;
|
|
5302
5315
|
}
|
|
@@ -7017,6 +7030,10 @@ declare namespace LocalJSX {
|
|
|
7017
7030
|
* Emitted when the chip receives focus.
|
|
7018
7031
|
*/
|
|
7019
7032
|
"onDuetFocus"?: (event: DuetChipCustomEvent<DuetChipEvent>) => void;
|
|
7033
|
+
/**
|
|
7034
|
+
* Emitted when an input chip is removed.
|
|
7035
|
+
*/
|
|
7036
|
+
"onDuetRemove"?: (event: DuetChipCustomEvent<DuetChipEvent>) => void;
|
|
7020
7037
|
/**
|
|
7021
7038
|
* Id of the DuetPopupMenu that is controlled by the chip.
|
|
7022
7039
|
*/
|
|
@@ -7294,15 +7311,17 @@ declare namespace LocalJSX {
|
|
|
7294
7311
|
}
|
|
7295
7312
|
interface DuetCombobox {
|
|
7296
7313
|
/**
|
|
7297
|
-
*
|
|
7298
|
-
* @default { fi: "pp.kk.vvvv", en: "dd.mm.yyyy", sv: "dd.mm.åååå" }
|
|
7314
|
+
* Defaults for the accessible labels for the select items
|
|
7299
7315
|
*/
|
|
7300
7316
|
"accessibleLabelDefaults"?: DuetLangObject | string;
|
|
7301
7317
|
/**
|
|
7302
|
-
*
|
|
7303
|
-
* @default { heading: "Valitse:", item: "{0}, ({1}/{2})", itemFiltered: "{0}, ({1}/{2} - {3} suodatettu" }
|
|
7318
|
+
* Accessible labels for the select items
|
|
7304
7319
|
*/
|
|
7305
7320
|
"accessibleLabels"?: Record<string, string>;
|
|
7321
|
+
/**
|
|
7322
|
+
* Caption for the input if input is not provided as a slotted element.
|
|
7323
|
+
*/
|
|
7324
|
+
"caption"?: string;
|
|
7306
7325
|
/**
|
|
7307
7326
|
* Defines if filtering of items should be done by includes or startsWith
|
|
7308
7327
|
*/
|
|
@@ -7318,13 +7337,21 @@ declare namespace LocalJSX {
|
|
|
7318
7337
|
*/
|
|
7319
7338
|
"formatter"?: (item: DuetComboboxItem) => string;
|
|
7320
7339
|
/**
|
|
7321
|
-
* Array of item objects.
|
|
7340
|
+
* Array of item objects. Each item should have properties name, value and optionally id. If id is not provided, it will be generated. Alternatively, an array of strings can be provided, in which case the strings will be used for name, value and id.
|
|
7322
7341
|
*/
|
|
7323
7342
|
"items"?: any;
|
|
7343
|
+
/**
|
|
7344
|
+
* Label for the input if input is not provided as a slotted element.
|
|
7345
|
+
*/
|
|
7346
|
+
"label"?: string;
|
|
7324
7347
|
/**
|
|
7325
7348
|
* Defines minimum number of characters that must be given to show search results
|
|
7326
7349
|
*/
|
|
7327
7350
|
"minCharacters"?: number;
|
|
7351
|
+
/**
|
|
7352
|
+
* Allow multiple selections. Selections are displayed as DuetChips.
|
|
7353
|
+
*/
|
|
7354
|
+
"multiple"?: boolean;
|
|
7328
7355
|
/**
|
|
7329
7356
|
* Emitted when selected item changed.
|
|
7330
7357
|
*/
|
|
@@ -7338,9 +7365,9 @@ declare namespace LocalJSX {
|
|
|
7338
7365
|
*/
|
|
7339
7366
|
"theme"?: DuetTheme;
|
|
7340
7367
|
/**
|
|
7341
|
-
* Value of selected item/s
|
|
7368
|
+
* Value of selected item/s. If multiple is true, value is an array of selected items, else it's a string.
|
|
7342
7369
|
*/
|
|
7343
|
-
"value"?: string;
|
|
7370
|
+
"value"?: string | string[];
|
|
7344
7371
|
}
|
|
7345
7372
|
interface DuetContactCard {
|
|
7346
7373
|
/**
|
|
@@ -8208,10 +8235,6 @@ declare namespace LocalJSX {
|
|
|
8208
8235
|
* If set, the input field will display a clear button that can be accessed with tabbing.
|
|
8209
8236
|
*/
|
|
8210
8237
|
"clear"?: boolean;
|
|
8211
|
-
/**
|
|
8212
|
-
* Used internally in Duet to adjust whether this component acts as e.g. number input.
|
|
8213
|
-
*/
|
|
8214
|
-
"component"?: DuetInputComponentType;
|
|
8215
8238
|
/**
|
|
8216
8239
|
* Set the amount of time, in milliseconds, to wait to trigger the duetChange event after each keystroke.
|
|
8217
8240
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@duetds/components",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.6.0",
|
|
4
4
|
"description": "This package includes Duet Design System Web Components and related utilities.",
|
|
5
5
|
"bugs": {
|
|
6
6
|
"email": "duetdesignsystem@lahitapiola.fi"
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
"collection": "lib/collection/collection-manifest.json",
|
|
76
76
|
"es2015": "lib/esm/index.js",
|
|
77
77
|
"es2017": "lib/esm/index.js",
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "ec23a2c67483a350022a26c2d70b3503de94198b"
|
|
79
79
|
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
System.register([],(function(n){"use strict";return{execute:function(){var r=function(n,r){var e=Array.from(n.querySelectorAll(":scope > *"));return e.filter((function(n){return n.matches("[slot='".concat(r,"']"))}))};var e=n("g",(function(n){var r=Array.from(n.querySelectorAll(":scope > *"));return r.filter((function(n){return!n.getAttribute("slot")}))}));var t=n("h",(function(n,e){return r(n,e).length>0}));var u=n("c",(function(n,e,t,u,o){if(u===void 0){u=0}if(o===void 0){o=false}var i=o?"error":"warn";var f=[];var a=r(n,e);var c=a.filter((function(n){if(n.matches(t)){return true}f.push('Only elements matcing selector "'.concat(t,'" may be used in slot ').concat(e,", found:\n").concat(n.outerHTML));if(o){n.remove();return false}return true}));if(u&&c.length>u){f.push("Only ".concat(u," element").concat(u>1?"s":""," may be used in slot ").concat(e,", found ").concat(a.length,"."));if(o){c.slice(u).forEach((function(n){return n.remove()}))}}if(f.length>0){console[i]("Duet ".concat(i," in ").concat(n.tagName.toLowerCase(),":\n").concat(f.join("\n")).concat(o?"\nElement".concat(f.length>1?"s":""," removed."):""))}}))}}}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,c as e,h as i,H as s,g as n}from"./p-83e9058b.js";import{i as u}from"./p-a58bd561.js";import{c as r}from"./p-5e59e970.js";import{a,b as o,c as h,d,e as b,s as l,u as c}from"./p-a1b7f2a0.js";import{a as p,b as m,g,c as f,d as v}from"./p-2e36d5bf.js";import{c as x}from"./p-d87f6dd5.js";import"./p-0e052642.js";function w(t,e){let i;if("string"==typeof t){if(""===t)return null;let s=t.replace("−","-").replace("‐","-").replace("−","-").replace("–","-").replace("—","-");e&&(s=function(t,e,i=!1){let s;const n=new Intl.NumberFormat(e).format(.5).replace(/[0-9]/g,""),u=new Intl.NumberFormat("en-US").format(.5).replace(/[0-9]/g,""),r=new Intl.NumberFormat(e).format(1e3).replace(/[0-9]/g,""),a=new Intl.NumberFormat("en-US").format(1e3).replace(/[0-9]/g,"");return s=t.replace(n,"DECIMALSEPARATOR"),s=s.replace(r,i?"THOUSANDSEPARATOR":""),s=s.replace("DECIMALSEPARATOR",u),s=s.replace("THOUSANDSEPARATOR",a),s}(s,e,!1)),s=s.replace(/\s+/g,""),i=parseFloat(s)}if("number"==typeof t&&(i=parseFloat(String(t))),!isNaN(Number(i)))return Number(i);if(null==t)return null;throw new Error("Invalid value passed to SafeParseFloat")}const y=(t,e,i)=>Math.min(Math.max(t,e),i),A=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetInput=e(this,"duetInput",3),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.inputId=r("DuetInput"),this.handleFocus=()=>{this.focusedValue=this.value},this.handleKeyDown=t=>{a(t)||o(t)?this.add(t):h(t)||d(t)?this.subtract(t):b(t)&&this.clearValue()},this.handleChange=t=>{const e=t.target;if(e&&e.value)try{let i=w(e.value,this.locale);(isNaN(i)||null==i)&&(i=this.min||0),this.setValue(i),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:w(this.value,this.locale).toString(),valueAsNumber:i})}catch(e){this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})}else this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})},this.handleBlur=t=>{const e=t.target;var i;if(e)if(e.value)try{let s=w(e.value,this.locale);this.rounding&&(i=this.step,s=Math.round(s/i)*i),s=y(s,this.min,this.max),s===w(this.value,this.locale)&&s===w(this.focusedValue,this.locale)||(this.setValue(s),this.emitChange(t))}catch(e){this.emitNull(t)}else this.emitNull(t)},this.emitChange=t=>{const e=w(this.value,this.locale);this.duetChange.emit({originalEvent:t,value:e.toString(),valueAsNumber:e,component:"duet-number-input"})},this.emitNull=t=>{this.duetChange.emit({originalEvent:t,value:null,valueAsNumber:null,component:"duet-number-input"})},this.localizeValue=t=>t.toLocaleString(this.locale),this.setValue=t=>{this.value=this.localizeValue(t),this.duetInputElement.value=`${this.value} ${this.unit}`},this.add=t=>{t&&t.preventDefault();const e=w(this.value,this.locale);if(e===this.max)return;let i=null==e?this.min:e+this.step;i%this.step!=0&&(i-=i%this.step);const s=y(i,this.min,this.max);this.value=this.localizeValue(s),this.emitChange(t)},this.subtract=t=>{t&&t.preventDefault();const e=w(this.value,this.locale);if(e===this.min)return;let i=e-this.step;i%this.step!=0&&(i+=this.step-i%this.step),i=y(i,this.min,this.max),this.value=this.localizeValue(i),this.emitChange(t)},this.language=p(),this.locale=m(this.language).locale,this.unit=m(this.language).money,this.focusedValue=void 0,this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleLiveDefaults={fi:"{current} euroa valittuna",en:"{current} euros selected",sv:"{current} euro valt"},this.accessibleLive=g(this.accessibleLiveDefaults,this.language),this.accessibleLiveEnabled=!0,this.accessibleAddDefaults={fi:"Lisää summaan",en:"Add to the amount",sv:"Lägg till beloppet"},this.accessibleAdd=g(this.accessibleAddDefaults,this.language),this.accessibleSubtractDefaults={fi:"Vähennä summasta",en:"Subtract from the amount",sv:"Dra från beloppet"},this.accessibleSubtract=g(this.accessibleSubtractDefaults,this.language),this.theme="",this.margin="auto",this.expand=!1,this.identifier=void 0,this.min=0,this.labelDefaults={fi:"Nimilappu",en:"Label",sv:"Etikett"},this.label=g(this.labelDefaults,this.language),this.labelHidden=!1,this.max=1e6,this.name=void 0,this.error="",this.tooltip="",this.step=5e3,this.rounding=!0,this.role=void 0,this.disabled=!1,this.required=!1,this.value=void 0}componentWillLoad(){u(this),this.value&&(this.value=this.localizeValue(w(this.value,this.locale))),x(this.element,"tooltip","duet-tooltip",1,!0)}connectedCallback(){f(this,[{prop:"accessibleLive",defaults:"accessibleLiveDefaults"},{prop:"accessibleAdd",defaults:"accessibleAddDefaults"},{prop:"accessibleSubtract",defaults:"accessibleSubtractDefaults"},{prop:"label",defaults:"labelDefaults"}]),l(this)}disconnectedCallback(){v(this),c(this)}async setFocus(t){this.duetInputElement.setFocus(t)}async getValueAsNumber(){const t=w(this.value,this.locale);return null==this.value||isNaN(t)?null:t}clearValue(){this.value=null,this.duetInputElement.value=""}formatAnnouncement(){const t=this.value?w(this.value,this.locale):null;return null==t?"":this.accessibleLive.replace("{current}",t.toString(10))}render(){const t=this.identifier||this.inputId,e=`${this.localizeValue(this.max)} ${this.unit}`.length,n=this.value?w(this.value,this.locale):null;return i(s,{class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},i("div",{class:"duet-number-container"},i("duet-input",{ref:t=>this.duetInputElement=t,onDuetChange:t=>this.handleChange(t),onDuetFocus:this.handleFocus,onDuetBlur:t=>this.handleBlur(t),onKeyDown:t=>this.handleKeyDown(t),label:this.label,value:this.value?`${this.value} ${this.unit}`:"",error:this.error,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":null!=n?n:"",maxlength:e,name:this.name,component:"number",required:this.required,disabled:this.disabled,role:this.role,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:t,theme:this.theme,margin:"none",expand:!0,numericKeyboard:!0,autoComplete:"off",type:"text",accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleLabelledBy:this.accessibleLabelledBy,accessibleDescription:this.accessibleDescription,accessibleDetails:this.accessibleDetails,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy},i("slot",{name:"tooltip"}),i("div",{class:{"duet-number-buttons":!0,"duet-no-label":this.labelHidden}},i("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":null==n||n===this.min?"true":"false",class:"duet-number-button duet-number-button-subtract",onClick:this.subtract,type:"button"},i("duet-visually-hidden",null,this.accessibleSubtract," ",this.step),i("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 12.788a.75.75 0 0 1 0-1.5h22.5a.75.75 0 0 1 0 1.5z"/></svg>',size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})),i("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":n===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},i("duet-visually-hidden",null,this.accessibleAdd," ",this.step),i("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z"/></svg>',size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&i("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))}get element(){return n(this)}};A.style='*.sc-duet-number-input,*.sc-duet-number-input::after,*.sc-duet-number-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-number-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;text-align:left;vertical-align:bottom}.sc-duet-number-input-h:last-child,.sc-duet-number-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-number-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-number-input-h{width:100% !important}.duet-m-0.sc-duet-number-input-h{margin:0 !important}.duet-number-container.sc-duet-number-input{position:relative;width:100%}.duet-number-buttons.sc-duet-number-input{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;width:96px;height:calc(100% - 2px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50%;height:100%;text-align:center;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled{pointer-events:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input duet-icon.sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled duet-icon.sc-duet-number-input{opacity:0.4}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:active duet-icon.sc-duet-number-input{transform:translateY(1px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{outline:0}.user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{z-index:2;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{box-shadow:0 0 0 2px #171c3a !important}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type{border-left:1px solid rgb(207, 210, 212)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{position:absolute;top:20%;left:0;width:1px;height:60%;content:"";background:rgb(225, 227, 230)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{background:linear-gradient(to left, rgba(207, 207, 209, 0.2) 0%, rgba(207, 207, 209, 0.2) 1px, rgba(207, 207, 209, 0.1) 1px, rgba(207, 207, 209, 0) 100%)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{background:rgb(228, 228, 230)}';export{A as duet_number_input}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,o,e,i){function s(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,c){function b(t){try{n(i.next(t))}catch(t){c(t)}}function u(t){try{n(i["throw"](t))}catch(t){c(t)}}function n(t){t.done?e(t.value):s(t.value).then(b,u)}n((i=i.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},i,s,c,b;return b={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(b[Symbol.iterator]=function(){return this}),b;function u(t){return function(o){return n([t,o])}}function n(u){if(i)throw new TypeError("Generator is already executing.");while(b&&(b=0,u[0]&&(e=0)),e)try{if(i=1,s&&(c=u[0]&2?s["return"]:u[0]?s["throw"]||((c=s["return"])&&c.call(s),0):s.next)&&!(c=c.call(s,u[1])).done)return c;if(s=0,c)u=[u[0]&2,c.value];switch(u[0]){case 0:case 1:c=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;s=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!c||u[1]>c[0]&&u[1]<c[3])){e.label=u[1];break}if(u[0]===6&&e.label<c[1]){e.label=c[1];c=u;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(u);break}if(c[2])e.ops.pop();e.trys.pop();continue}u=o.call(t,e)}catch(t){u=[6,t];s=0}finally{i=c=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,o,e){if(e||arguments.length===2)for(var i=0,s=o.length,c;i<s;i++){if(c||!(i in o)){if(!c)c=Array.prototype.slice.call(o,0,i);c[i]=o[i]}}return t.concat(c||Array.prototype.slice.call(o))};
|
|
2
|
-
/*!
|
|
3
|
-
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-9644775c.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-41982d26.system.js","./p-34d7dd10.system.js","./p-224f6c46.system.js","./p-6ef75455.system.js"],(function(t){"use strict";var o,e,i,s,c,b,u,n,r,d,a,m,l,h,x,f,v,p,g;return{setters:[function(t){o=t.h;e=t.F;i=t.r;s=t.c;c=t.H;b=t.g},function(t){u=t.i},function(t){n=t.c},function(t){r=t.d},function(t){d=t.j;a=t.f;m=t.o;l=t.b;h=t.c},function(t){x=t.g;f=t.a;v=t.c;p=t.d},function(t){g=t.p}],execute:function(){var y=function(t){var i=t.item,s=t.search,c=s===void 0?"":s,b=t.selected;var u=c!==""?new RegExp("("+c.split(" ").join("|")+")","gi"):undefined;return o(e,null,b&&o("duet-icon",{class:"option-icon",name:"messaging-checked",size:"xx-small",margin:"none"}),u?o("span",{class:"option-container","aria-hidden":"true"},o("span",{innerHTML:i.name.replace(u,'<span class="highlight">$&</span>')})):i.name,i.tags&&o("span",{class:"option-tags"},i.tags.join(", ")))};var w=function(t){var e=t.item,i=t.active,s=t.total,c=t.selected,b=t.label,u=b===void 0?undefined:b,n=t.clickHandler,r=n===void 0?function(t){t.preventDefault()}:n,d=t.keyHandler,a=d===void 0?function(t){t.preventDefault()}:d,m=t.search;return o("li",{class:{"list-item":true,option:true,active:i,selected:c},id:i?"active_item":"","data-index":e.id,"aria-selected":i?"true":undefined,"aria-current":c?"true":undefined,role:"option","aria-label":u||"".concat(e.name,", (").concat(e.id+1," of ").concat(s,")")},o("a",{tabindex:"-1",onClick:function(t){return r(t)},onKeyUp:function(t){return a(t)},class:"option-link","aria-label":u||"".concat(e.name,", (").concat(e.id+1," of ").concat(s,")"),"aria-hidden":"true"},o(y,{item:e,search:m,selected:c})))};var _='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(0, 41, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(0, 41, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.selected.sc-duet-combobox{background:rgb(244, 207, 214)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);z-index:700;display:none;background:rgb(255, 255, 255);border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-combobox-list.open.sc-duet-combobox{display:block}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:rgb(205, 229, 241)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}';var k=t("duet_combobox",function(){function t(t){var o=this;i(this,t);this.duetChange=s(this,"duetChange",3);this.listBoxId=n("duet-combobox-list-element");this.resizeObserver=new ResizeObserver(r((function(t){var e,i;if((t===null||t===void 0?void 0:t.length)===1){var s=(i=(e=t[0])===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.getBoundingClientRect().width;o.listContainer.style.width="".concat(s+1,"px")}}),100));this.handleInputKeyDownEvent=function(t){o.input.accessibleActiveDescendant=undefined;if(d(t)){t.preventDefault();o.selectActiveItem();o.updateInputText(false);o.listOpen=false;return}if(a(t)||m(t)){o.updateInputText(true);o.listOpen=false;return}var e=o.activeItem;if(l(t)){t.preventDefault();e=o.activeItem-1}else if(h(t)){t.preventDefault();e=o.listOpen?o.activeItem+1:o.activeItem;o.listOpen=true}if(h(t)||l(t)){var i=o.shouldListBeFiltered()?o.getFilteredItems():o.processedItems;if(e<0||!e){e=0}if(e>=i.length){e=i.length-1}o.input.accessibleActiveDescendant="active_item";o.activeItem=e;o.scrollToActive()}o.announceActive();return};this.processedItems=null;this.inputWidth=0;this.inputValue="";this.selectionMsg="";this.listOpen=false;this.selectedItems=new Set;this.activeItem=undefined;this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}, ({current} of {total})",itemFiltered:"{name}, ({current} of {total}, {hiddenItems} filtered)"},fi:{heading:"Valitse:",item:"{name}, ({current}/{total})",itemFiltered:"{name}, ({current}/{total}, {hiddenItems} suodatettu)"},sv:{heading:"Välj:",item:"{name}, ({current} av {total})",itemFiltered:"{name}, ({current} av {total}, {hiddenItems} filtrerade)"}};this.accessibleLabels=x(this.accessibleLabelDefaults,f());this.theme="";this.force=false;this.items=undefined;this.formatter=function(t){return t&&t.name?t.name:""};this.value=undefined;this.minCharacters=1;this.openListOnClick=false;this.filterType="startsWith"}t.prototype.activeItemHandler=function(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||t===0)?"active_item":""};t.prototype.handleDocumentClick=function(t){var o=this;var e=t.composedPath();var i=e.every((function(t){return t!==o.element}));if(i){this.updateInputText(true,true);this.listOpen=false}};t.prototype.formatItem=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){return[2,this.formatter(t)]}))}))};t.prototype.processItems=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.items=this.processedItems=g(this.items);return[4,this.updateInputText()];case 1:t.sent();return[2]}}))}))};t.prototype.processValue=function(){return __awaiter(this,void 0,void 0,(function(){var t;var o=this;return __generator(this,(function(e){if(this.value){t=this.items.find((function(t){return t.value===o.value}));this.updateSelectedItems(t.id)}return[2]}))}))};t.prototype.processListOpenChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.openListOnClick){this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"}this.input.accessibleExpanded=this.listOpen?"true":"false";return[2]}))}))};t.prototype.componentWillLoad=function(){u(this)};t.prototype.connectedCallback=function(){var t=this;this.items=this.processedItems=g(this.items);this.input=this.element.querySelector("duet-input");this.input.addEventListener("duetChange",this.updateInputValue.bind(this));this.input.addEventListener("click",(function(){if(!t.openListOnClick){t.inputValue.length>=t.minCharacters?t.listOpen=true:t.listOpen=false}else{t.listOpen=!t.listOpen}}));this.element.addEventListener("keydown",this.handleInputKeyDownEvent);v(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"});this.input.role="combobox";this.input.accessibleExpanded=this.listOpen?"true":"false";this.input.accessibleAutocomplete="list";this.input.accessibleControls=this.listBoxId;this.processListOpenChange()};t.prototype.disconnectedCallback=function(){var t=this;this.input.removeEventListener("duetChange",this.updateInputValue.bind(this));this.input.removeEventListener("click",(function(){return t.inputValue.length?t.listOpen=true:t.listOpen=false}));this.element.removeEventListener("keydown",this.handleInputKeyDownEvent);this.listElement.removeEventListener("click",(function(t){t.stopPropagation()}));this.resizeObserver.disconnect();p(this)};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.input);this.listElement.addEventListener("click",(function(t){t.stopPropagation()}));this.processValue()};t.prototype.onListClick=function(t,o){t.preventDefault();this.updateSelectedItems(o.id,true);this.listOpen=false;return this.listOpen};t.prototype.shouldListBeFiltered=function(){var t=this;if(this.selectedItems.size&&this.input.value===this.inputValue){var o=this.items.filter((function(o){return t.selectedItems.has(o.id)}));return!(this.formatter(o).toLowerCase()===this.input.value.toLowerCase())}return true};t.prototype.returnFilteredOrNonFiltered=function(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]};t.prototype.updateSelectedItems=function(t,o){return __awaiter(this,void 0,void 0,(function(){var e;var i=this;return __generator(this,(function(s){switch(s.label){case 0:this.selectedItems.clear();if(this.selectedItems){if(this.selectedItems.has(t)){this.selectedItems.delete(t)}else{this.selectedItems.add(t)}}if(o){e=this.selectedItems.size===0?[]:this.items.filter((function(t){return i.selectedItems.has(t.id)}));this.duetChange.emit({value:e[0].value,item:e[0],component:"duet-combobox"})}return[4,this.updateInputText()];case 1:s.sent();return[2]}}))}))};t.prototype.updateInputText=function(t,o){if(t===void 0){t=false}if(o===void 0){o=false}return __awaiter(this,void 0,void 0,(function(){var e,i,s,c;var b=this;return __generator(this,(function(u){switch(u.label){case 0:e=this.selectedItems.size===0?[]:this.items.filter((function(t){return b.selectedItems.has(t.id)}));if(e.length===0&&this.selectedItems.size>0){this.selectedItems.clear();this.input.value="";this.value=undefined;this.activeItem=undefined}if(!(!o&&this.selectedItems.size===1))return[3,2];this.input.value="";i=this.input;return[4,this.formatItem(e[0])];case 1:i.value=u.sent();this.input.scrollLeft=this.input.scrollWidth;this.activeItem=undefined;this.value=e[0].value;u.label=2;case 2:if(!t)return[3,5];if(!(this.selectedItems.size===0))return[3,3];this.activeItem=undefined;if(this.force){this.inputValue="";this.input.value=""}return[3,5];case 3:if(!this.force)return[3,5];s=__spreadArray([],this.selectedItems,true)[0];return[4,this.formatItem(this.items[s])];case 4:c=u.sent();this.inputValue=c;this.input.value=c;u.label=5;case 5:this.listOpen=false;return[2]}}))}))};t.prototype.updateInputValue=function(t){var o;this.inputValue=t.detail.value;this.listOpen=String(this.inputValue).length>=this.minCharacters&&((o=this.getFilteredItems())===null||o===void 0?void 0:o.length)>0};t.prototype.selectActiveItem=function(){if(this.activeItem===undefined){return}var t=this.returnFilteredOrNonFiltered();var o=t[this.activeItem];this.updateSelectedItems(o.id,true)};t.prototype.announceActive=function(t){if(!t){t=this.returnFilteredOrNonFiltered()}if(this.activeItem===undefined||this.activeItem===-1){return}var o=t[this.activeItem];this.selectionMsg=structuredClone(this.formatLabel(o,t.length,this.items.length))};t.prototype.scrollToActive=function(){var t=this.listElement.querySelector(".active");if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.formatLabel=function(t,o,e){if(!t||e===undefined){return""}var i=o===e?this.accessibleLabels.item:this.accessibleLabels.itemFiltered;return i.replace("{name}",String(t.name)).replace("{current}",String(this.activeItem+1)).replace("{total}",String(o)).replace("{hiddenItems}",String(e-o))};t.prototype.getFilteredItems=function(){var t=this;var o=this.processedItems.filter((function(o){var e,i,s,c;return((e=String(o.value))===null||e===void 0?void 0:e.toLowerCase()[t.filterType]((i=t.inputValue)===null||i===void 0?void 0:i.toLowerCase()))||((s=String(o.name))===null||s===void 0?void 0:s.toLowerCase()[t.filterType]((c=t.inputValue)===null||c===void 0?void 0:c.toLowerCase()))||t.selectedItems.has(o.id)}));return this.sortFilteredItems(o)};t.prototype.sortFilteredItems=function(t){var o=this;if(t.length>0){t.filter((function(t){return o.selectedItems.has(t.id)})).forEach((function(o){var e=t.indexOf(o);t.splice(e,1);t.unshift(o)}))}return t};t.prototype.render=function(){var t;var e=this;var i=this.returnFilteredOrNonFiltered();return o(c,{class:(t={"duet-combobox":true},t["duet-theme-".concat(this.theme)]=true,t)},o("slot",null),o("div",{class:{"duet-combobox-list":true,open:this.listOpen},ref:function(t){return e.listContainer=t}},o("ul",{class:{"duet-combobox-listbox-open":this.listOpen,"duet-combobox-listbox":true},role:"listbox",ref:function(t){return e.listElement=t},id:this.listBoxId},i.map((function(t,s){return o(w,{item:t,active:s===e.activeItem,selected:e.selectedItems.has(t.id),search:e.inputValue,total:i.length,clickHandler:function(o){return e.onListClick(o,t)},label:e.formatLabel(t,i.length,e.items.length)})})))))};Object.defineProperty(t.prototype,"element",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{activeItem:["activeItemHandler"],items:["processItems"],value:["processValue"],listOpen:["processListOpenChange"]}},enumerable:false,configurable:true});return t}());k.style=_}}}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{h as o,F as t,r as s,c as e,H as i,g as c}from"./p-83e9058b.js";import{i as b}from"./p-a58bd561.js";import{c as d}from"./p-5e59e970.js";import{d as m}from"./p-9e371678.js";import{j as u,f as l,o as h,b as a,c as x}from"./p-a1b7f2a0.js";import{g as n,a as r,c as p,d as v}from"./p-2e36d5bf.js";import{p as g}from"./p-0e052642.js";const f=({item:s,search:e="",selected:i})=>{const c=""!==e?new RegExp("("+e.split(" ").join("|")+")","gi"):void 0;return o(t,null,i&&o("duet-icon",{class:"option-icon",name:"messaging-checked",size:"xx-small",margin:"none"}),c?o("span",{class:"option-container","aria-hidden":"true"},o("span",{innerHTML:s.name.replace(c,'<span class="highlight">$&</span>')})):s.name,s.tags&&o("span",{class:"option-tags"},s.tags.join(", ")))},k=({item:t,active:s,total:e,selected:i,label:c,clickHandler:b=(o=>{o.preventDefault()}),keyHandler:d=(o=>{o.preventDefault()}),search:m})=>o("li",{class:{"list-item":!0,option:!0,active:s,selected:i},id:s?"active_item":"","data-index":t.id,"aria-selected":s?"true":void 0,"aria-current":i?"true":void 0,role:"option","aria-label":c||`${t.name}, (${t.id+1} of ${e})`},o("a",{tabindex:"-1",onClick:o=>b(o),onKeyUp:o=>d(o),class:"option-link","aria-label":c||`${t.name}, (${t.id+1} of ${e})`,"aria-hidden":"true"},o(f,{item:t,search:m,selected:i}))),y=class{constructor(o){s(this,o),this.duetChange=e(this,"duetChange",3),this.listBoxId=d("duet-combobox-list-element"),this.resizeObserver=new ResizeObserver(m((o=>{var t,s;if(1===(null==o?void 0:o.length)){const e=null===(s=null===(t=o[0])||void 0===t?void 0:t.target)||void 0===s?void 0:s.getBoundingClientRect().width;this.listContainer.style.width=`${e+1}px`}}),100)),this.handleInputKeyDownEvent=o=>{if(this.input.accessibleActiveDescendant=void 0,u(o))return o.preventDefault(),this.selectActiveItem(),this.updateInputText(!1),void(this.listOpen=!1);if(l(o)||h(o))return this.updateInputText(!0),void(this.listOpen=!1);let t=this.activeItem;if(a(o)?(o.preventDefault(),t=this.activeItem-1):x(o)&&(o.preventDefault(),t=this.listOpen?this.activeItem+1:this.activeItem,this.listOpen=!0),x(o)||a(o)){const o=this.shouldListBeFiltered()?this.getFilteredItems():this.processedItems;(t<0||!t)&&(t=0),t>=o.length&&(t=o.length-1),this.input.accessibleActiveDescendant="active_item",this.activeItem=t,this.scrollToActive()}this.announceActive()},this.processedItems=null,this.inputWidth=0,this.inputValue="",this.selectionMsg="",this.listOpen=!1,this.selectedItems=new Set,this.activeItem=void 0,this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}, ({current} of {total})",itemFiltered:"{name}, ({current} of {total}, {hiddenItems} filtered)"},fi:{heading:"Valitse:",item:"{name}, ({current}/{total})",itemFiltered:"{name}, ({current}/{total}, {hiddenItems} suodatettu)"},sv:{heading:"Välj:",item:"{name}, ({current} av {total})",itemFiltered:"{name}, ({current} av {total}, {hiddenItems} filtrerade)"}},this.accessibleLabels=n(this.accessibleLabelDefaults,r()),this.theme="",this.force=!1,this.items=void 0,this.formatter=o=>o&&o.name?o.name:"",this.value=void 0,this.minCharacters=1,this.openListOnClick=!1,this.filterType="startsWith"}activeItemHandler(o){this.input.accessibleActiveDescendant=this.listOpen&&(o||0===o)?"active_item":""}handleDocumentClick(o){o.composedPath().every((o=>o!==this.element))&&(this.updateInputText(!0,!0),this.listOpen=!1)}async formatItem(o){return this.formatter(o)}async processItems(){this.items=this.processedItems=g(this.items),await this.updateInputText()}async processValue(){if(this.value){const o=this.items.find((o=>o.value===this.value));this.updateSelectedItems(o.id)}}async processListOpenChange(){this.openListOnClick&&(this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"),this.input.accessibleExpanded=this.listOpen?"true":"false"}componentWillLoad(){b(this)}connectedCallback(){this.items=this.processedItems=g(this.items),this.input=this.element.querySelector("duet-input"),this.input.addEventListener("duetChange",this.updateInputValue.bind(this)),this.input.addEventListener("click",(()=>{this.listOpen=this.openListOnClick?!this.listOpen:this.inputValue.length>=this.minCharacters})),this.element.addEventListener("keydown",this.handleInputKeyDownEvent),p(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"}),this.input.role="combobox",this.input.accessibleExpanded=this.listOpen?"true":"false",this.input.accessibleAutocomplete="list",this.input.accessibleControls=this.listBoxId,this.processListOpenChange()}disconnectedCallback(){this.input.removeEventListener("duetChange",this.updateInputValue.bind(this)),this.input.removeEventListener("click",(()=>this.listOpen=!!this.inputValue.length)),this.element.removeEventListener("keydown",this.handleInputKeyDownEvent),this.listElement.removeEventListener("click",(o=>{o.stopPropagation()})),this.resizeObserver.disconnect(),v(this)}componentDidLoad(){this.resizeObserver.observe(this.input),this.listElement.addEventListener("click",(o=>{o.stopPropagation()})),this.processValue()}onListClick(o,t){return o.preventDefault(),this.updateSelectedItems(t.id,!0),this.listOpen=!1,this.listOpen}shouldListBeFiltered(){if(this.selectedItems.size&&this.input.value===this.inputValue){const o=this.items.filter((o=>this.selectedItems.has(o.id)));return!(this.formatter(o).toLowerCase()===this.input.value.toLowerCase())}return!0}returnFilteredOrNonFiltered(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]}async updateSelectedItems(o,t){if(this.selectedItems.clear(),this.selectedItems&&(this.selectedItems.has(o)?this.selectedItems.delete(o):this.selectedItems.add(o)),t){const o=0===this.selectedItems.size?[]:this.items.filter((o=>this.selectedItems.has(o.id)));this.duetChange.emit({value:o[0].value,item:o[0],component:"duet-combobox"})}await this.updateInputText()}async updateInputText(o=!1,t=!1){const s=0===this.selectedItems.size?[]:this.items.filter((o=>this.selectedItems.has(o.id)));if(0===s.length&&this.selectedItems.size>0&&(this.selectedItems.clear(),this.input.value="",this.value=void 0,this.activeItem=void 0),t||1!==this.selectedItems.size||(this.input.value="",this.input.value=await this.formatItem(s[0]),this.input.scrollLeft=this.input.scrollWidth,this.activeItem=void 0,this.value=s[0].value),o)if(0===this.selectedItems.size)this.activeItem=void 0,this.force&&(this.inputValue="",this.input.value="");else if(this.force){const o=[...this.selectedItems][0],t=await this.formatItem(this.items[o]);this.inputValue=t,this.input.value=t}this.listOpen=!1}updateInputValue(o){var t;this.inputValue=o.detail.value,this.listOpen=String(this.inputValue).length>=this.minCharacters&&(null===(t=this.getFilteredItems())||void 0===t?void 0:t.length)>0}selectActiveItem(){if(void 0===this.activeItem)return;const o=this.returnFilteredOrNonFiltered();this.updateSelectedItems(o[this.activeItem].id,!0)}announceActive(o){o||(o=this.returnFilteredOrNonFiltered()),void 0!==this.activeItem&&-1!==this.activeItem&&(this.selectionMsg=structuredClone(this.formatLabel(o[this.activeItem],o.length,this.items.length)))}scrollToActive(){const o=this.listElement.querySelector(".active");o&&o.scrollIntoView({behavior:"smooth",block:"center"})}formatLabel(o,t,s){return o&&void 0!==s?(t===s?this.accessibleLabels.item:this.accessibleLabels.itemFiltered).replace("{name}",String(o.name)).replace("{current}",String(this.activeItem+1)).replace("{total}",String(t)).replace("{hiddenItems}",String(s-t)):""}getFilteredItems(){const o=this.processedItems.filter((o=>{var t,s,e,i;return(null===(t=String(o.value))||void 0===t?void 0:t.toLowerCase()[this.filterType](null===(s=this.inputValue)||void 0===s?void 0:s.toLowerCase()))||(null===(e=String(o.name))||void 0===e?void 0:e.toLowerCase()[this.filterType](null===(i=this.inputValue)||void 0===i?void 0:i.toLowerCase()))||this.selectedItems.has(o.id)}));return this.sortFilteredItems(o)}sortFilteredItems(o){return o.length>0&&o.filter((o=>this.selectedItems.has(o.id))).forEach((t=>{const s=o.indexOf(t);o.splice(s,1),o.unshift(t)})),o}render(){const t=this.returnFilteredOrNonFiltered();return o(i,{class:{"duet-combobox":!0,[`duet-theme-${this.theme}`]:!0}},o("slot",null),o("div",{class:{"duet-combobox-list":!0,open:this.listOpen},ref:o=>this.listContainer=o},o("ul",{class:{"duet-combobox-listbox-open":this.listOpen,"duet-combobox-listbox":!0},role:"listbox",ref:o=>this.listElement=o,id:this.listBoxId},t.map(((s,e)=>o(k,{item:s,active:e===this.activeItem,selected:this.selectedItems.has(s.id),search:this.inputValue,total:t.length,clickHandler:o=>this.onListClick(o,s),label:this.formatLabel(s,t.length,this.items.length)}))))))}get element(){return c(this)}static get watchers(){return{activeItem:["activeItemHandler"],items:["processItems"],value:["processValue"],listOpen:["processListOpenChange"]}}};y.style='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(0, 41, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(0, 41, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.selected.sc-duet-combobox{background:rgb(244, 207, 214)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);z-index:700;display:none;background:rgb(255, 255, 255);border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-combobox-list.open.sc-duet-combobox{display:block}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:rgb(205, 229, 241)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}';export{y as duet_combobox}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,c as i,h as e,H as n,g as u}from"./p-83e9058b.js";import{f as s}from"./p-d004da5f.js";import{i as o}from"./p-a58bd561.js";import{c as a}from"./p-5e59e970.js";import{c as r,r as d}from"./p-df7874f9.js";import{f as p,j as l}from"./p-a1b7f2a0.js";import{a as c,c as h,d as b}from"./p-2e36d5bf.js";import{c as m}from"./p-d87f6dd5.js";import{g as v}from"./p-0bdcf67f.js";import"./p-0e052642.js";import"./p-67dc45d7.js";const g={search:s,email:{title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'}},x=class{constructor(e){t(this,e),this.duetInput=i(this,"duetInput",7),this.duetChange=i(this,"duetChange",3),this.duetBlur=i(this,"duetBlur",7),this.duetClear=i(this,"duetClear",7),this.duetFocus=i(this,"duetFocus",7),this.inputId=a("DuetInput"),this.clearId=a("DuetInputClear"),this.labelId=a("DuetLabel"),this.topCaptionId=a("DuetCaptionTop"),this.topCaptionPlaceholderId=a("DuetCaptionPlaceholderTop"),this.errorId=a("DuetError"),this.disallowPatternRegex=null,this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"},this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"},this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"},this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"},this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"},this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"},this.onInput=t=>{this.disallowPatternRegex&&r(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value||"",this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.onBlur=t=>{t.relatedTarget!==this.nativeInput&&t.relatedTarget!==this.togglePasswordRevealedButton&&("revealable"===this.variation&&this.isPasswordRevealed&&(this.isPasswordRevealed=!1),this.isFocused=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-input"}))},this.onFocus=t=>{this.isFocused=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.onClear=t=>{this.duetClear.emit({originalEvent:t,value:this.value,component:"duet-input"})},this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null},this.handleClearClick=t=>{const i=this.clearInput();return this.onClear(t),i},this.keyHandler=t=>(p(t)&&this.clear&&this.handleClearClick(t),l(t)&&"revealable"===this.variation&&(t.target===this.togglePasswordRevealedButton?t.stopPropagation():this.isPasswordRevealed=!1),t),this.togglePasswordRevealed=()=>{this.isPasswordRevealed=!this.isPasswordRevealed},this.getInputType=()=>"revealable"===this.variation?this.isPasswordRevealed?"text":"password":this.type,this.language=c(),this.isPasswordRevealed=void 0,this.isFocused=!1,this.accessibleActiveDescendant=void 0,this.accessibleAutocomplete=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleExpanded=void 0,this.accessibleDescribedBy="",this.accessibleHasPopup=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.debounce=0,this.clear=!1,this.caption=void 0,this.echoPlaceholder=!1,this.theme="",this.expand=!1,this.disabled=!1,this.identifier=void 0,this.margin="auto",this.required=!1,this.type="text",this.variation="default",this.label="Label",this.labelColor=void 0,this.labelWeight=void 0,this.error="",this.labelHidden=!1,this.numericKeyboard=!1,this.name=void 0,this.pattern=void 0,this.maxlength=void 0,this.minlength=void 0,this.placeholder=void 0,this.component="input",this.role=void 0,this.icon=void 0,this.autoComplete="on",this.disallowPattern=null,this.value=void 0,this.tooltip="",this.tooltipDirection="auto"}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}valueChanged(){var t;if((null===(t=null==this?void 0:this.nativeInput)||void 0===t?void 0:t.value)!==this.value){const t=d(this.nativeInput);this.nativeInput.value=this.value,t()}this.isCaptionVisible=!!this.caption;const i=()=>this.duetChange.emit({value:this.value,component:"duet-input"});0===this.debounce?i():(clearTimeout(this.timeoutId),this.timeoutId=setTimeout(i,this.debounce))}componentWillLoad(){o(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,m(this.element,"tooltip","duet-tooltip",1,!0)}componentDidLoad(){"revealable"===this.variation&&this.nativeInput.form&&this.nativeInput.form.addEventListener("submit",(()=>{this.isPasswordRevealed=!1}))}connectedCallback(){h(this)}disconnectedCallback(){b(this)}async setFocus(t){this.nativeInput&&this.nativeInput.focus(t)}async resetCursor(){if(this.nativeInput){const t=d(this.nativeInput);this.nativeInput.value=this.value,t()}}async clearInput(){this.nativeInput&&(this.nativeInput.value="",this.nativeInput.focus(),this.value="")}render(){const t=this.identifier||this.inputId,i={};let u;if(this.numericKeyboard&&(i.inputmode="numeric"),this.pattern&&"tel"!==this.type?i.pattern=this.pattern:this.pattern||"tel"!==this.type||(i.pattern="[0-9+ ]+"),this.value){u=new Date;try{u.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){u=void 0}}const s=!this.icon&&"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type&&"button"!==this.variation;return e(n,{class:{"duet-expand":this.expand,"duet-m-0":"none"===this.margin},onKeyUp:t=>this.keyHandler(t)},"time"===this.type&&e("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},u?`${this.timeAnnouncement[this.language]} ${u.toLocaleTimeString()}`:""),e("div",{class:{"duet-input-container":!0,"duet-theme-turva":"turva"===this.theme,[`duet-input-variation-${this.variation}`]:!0,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-icon":"button"!==this.variation&&(!!this.icon||"text"!==this.type&&"tel"!==this.type&&"password"!==this.type&&"time"!==this.type),"has-error":!!this.error,"has-clear":this.clear,"has-focus":this.isFocused,disabled:this.disabled}},e("div",{class:"duet-input-label-container"},e("duet-label",{theme:"turva"===this.theme?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&e("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),e("slot",{name:"tooltip"})),this.caption&&e("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),e("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||"time"===this.type)&&e("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),e("input",Object.assign({ref:t=>this.nativeInput=t,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:{"duet-input":!0,disabled:this.disabled,"is-number":"number"===this.component,"is-date":"date"===this.component},value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:"password"===this.type?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:t},i)),!this.value&&s&&e("div",{class:"duet-input-icon"},e("duet-icon",{margin:"none",size:"small",icon:g[this.type].svg,color:"currentColor"})),this.clear&&this.value&&e("div",{class:{"duet-input-clear-icon":!0,"duet-input-clear-icon-single":!s,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":"button"===this.variation}},e("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},e("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&"button"!==this.variation&&e("div",{class:"duet-input-icon"},e("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),"button"===this.variation&&e("slot",{name:"button"}),"revealable"===this.variation&&e("duet-button",{ref:t=>this.togglePasswordRevealedButton=t,onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:!0,iconOnly:!0}),"revealable"===this.variation&&void 0!==this.isPasswordRevealed&&e("duet-visually-hidden",null,e("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),e("slot",null)),e("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&e("span",{class:"duet-input-error"},this.error))))}get element(){return u(this)}static get watchers(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}}};x.style='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 77, 128)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(0, 41, 77)}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(0, 41, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(144, 149, 153) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(224, 42, 13) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important;border-color:rgb(116, 116, 117) !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-input[disabled].sc-duet-input{color:rgb(0, 41, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(116, 116, 117)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(224, 42, 13)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}';const f=class{constructor(i){t(this,i),this.theme="",this.for=void 0,this.margin="auto",this.size="medium",this.weight="semi-bold",this.color=""}componentWillLoad(){o(this)}render(){const t=v(this.color);return e(n,{class:{"duet-label":!0,"duet-label-small":"small"===this.size,"duet-theme-turva":"turva"===this.theme,"duet-small-margin":"small"===this.margin,"duet-m-0":"none"===this.margin,[`duet-weight-${this.weight}`]:!0}},e("label",{htmlFor:this.for,style:{color:t}},e("span",null,e("slot",null))))}get element(){return u(this)}};f.style='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';export{x as duet_input,f as duet_label}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,c as t,h as a,H as i,g as o}from"./p-83e9058b.js";import{a as s}from"./p-115c79b6.js";import{f as l,t as n}from"./p-f9a8d356.js";import{i as r}from"./p-a58bd561.js";import{c as d}from"./p-5e59e970.js";import{i as c,s as p,u as h}from"./p-a1b7f2a0.js";import{h as m}from"./p-d87f6dd5.js";import{s as g}from"./p-0e052642.js";const u=class{constructor(a){e(this,a),this.duetToggle=t(this,"duetToggle",7),this.id=d("DuetCollapsible"),this.handleKeyDown=e=>{c(e)&&this.handleClick(e)},this.getFontSizeFromTokens=(e=this.headingSize)=>{if(e){const t=e.replace(/-/g,"_");return n[`font_size_${t}`]}return l},this.getEquivalentIconSize=(e=this.headingSize)=>{switch(e){case"x-small":case"small":case"medium":default:return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large"}},this.handleClick=e=>{e.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-collapsible",originalEvent:e})},this.theme="",this.accessibleLabel=void 0,this.heading="",this.headingFullWidth=!1,this.centerHeading=!1,this.headingWeight="semibold",this.headingSize=void 0,this.headingLevel=void 0,this.margin="auto",this.open=!1}componentWillLoad(){r(this),this.hasAfterHeading=m(this.element,"after-heading")}connectedCallback(){p(this)}disconnectedCallback(){h(this)}async setFocus(e){this.nativeButton&&(this.element.classList.add("user-is-tabbing"),this.nativeButton.focus(e))}render(){const e=this.headingLevel?g(this.headingLevel):"div";return a(i,{class:{"duet-m-0":"none"===this.margin}},a(e,null,a("button",{class:{"duet-collapsible-heading":!0,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":"turva"===this.theme,"duet-collapsible-normal-weight":"normal"===this.headingWeight,"has-after-heading":this.hasAfterHeading,"full-width":this.headingFullWidth},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:e=>this.nativeButton=e,"aria-label":this.accessibleLabel,"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("div",{class:"duet-collapsible-heading-icon"},a("duet-icon",{margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:s.svg})),a("div",{class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading),this.hasAfterHeading&&a("div",{part:"duet-collapsible-after-heading"},a("slot",{name:"after-heading"})))),a("div",{id:this.id,class:{"duet-collapsible-content":!0,"duet-theme-turva":"turva"===this.theme},part:"duet-collapsible-content"},a("slot",null)))}get element(){return o(this)}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}';export{u as duet_collapsible}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,c as i,h as e,H as o,g as n}from"./p-83e9058b.js";import{i as c}from"./p-a58bd561.js";import{c as r}from"./p-5e59e970.js";import{s as a,u as h}from"./p-a1b7f2a0.js";const d=class{constructor(e){t(this,e),this.duetChange=i(this,"duetChange",3),this.duetFocus=i(this,"duetFocus",7),this.duetBlur=i(this,"duetBlur",7),this.chipId=r("DuetChip"),this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.popupSetUp=()=>{const t=document.querySelector(`duet-popup-menu#${this.popup}`);if(t){this.popupElement=t,t.controller=this.element;const i=this.element.textContent,e=this.value;t.id||(t.id="popup-menu"),t.addEventListener("duetToggle",(t=>{this.popupOpen=t.detail.open}));const o=()=>{t.querySelectorAll("duet-popup-menu-item").forEach((t=>{t.active=!1}))};t.querySelectorAll("duet-popup-menu-item").forEach((t=>{t.addEventListener("click",(n=>{var c;const r=null!==(c=t.value)&&void 0!==c?c:t.innerText;t.active?(o(),this.element.textContent=i,this.value=e,this.checked=!1):(o(),t.active=!0,this.element.textContent=t.innerText,this.value=r,this.checked=!0),this.emitChange(n),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=t=>{this.duetChange.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=t=>{this.checked=!this.checked,this.emitChange(t)},this.onRadioChange=t=>{this.checked=this.focusableElement.checked,this.emitChange(t)},this.onFilterClick=t=>{if(this.disabled)return t.stopPropagation(),void t.preventDefault();this.popupElement&&(t.stopPropagation(),t.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=t=>{t.stopPropagation(),t.preventDefault(),this.element.remove()},this.focus=!1,this.popupElement=void 0,this.popupOpen=void 0,this.accessibleLabel=void 0,this.variation="button",this.size="medium",this.popup=void 0,this.icon="",this.theme="",this.identifier=void 0,this.value=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.accessibleExpanded=void 0,this.accessiblePopup="false"}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((t=>{t!==this.element&&(t.checked=!1)}))}componentWillLoad(){c(this),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){a(this)}disconnectedCallback(){h(this)}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}async setFocus(t){setTimeout((()=>this.focusableElement.focus(t)),200)}render(){var t;const i=this.identifier||this.chipId,n={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},c={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.focusableElement=t};return e(o,null,"button"===this.variation&&e("span",{class:n},e("button",Object.assign({id:i,"aria-label":this.accessibleLabel,"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?t=>t.stopPropagation():void 0},c),e("span",{class:"duet-chip-icon-container"},this.icon&&e("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),e("slot",null))),"input"===this.variation&&e("span",{class:n},e("button",Object.assign({id:i,class:"duet-chip-input-button","aria-label":this.accessibleLabel},c),e("span",{class:"duet-chip-icon-container"},this.icon&&e("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),e("slot",null)),e("button",{class:"duet-chip-remove-button",onClick:this.onRemoveClick},e("duet-icon",{name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&e("span",{class:n},e("input",Object.assign({"aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(t=this.popupElement)||void 0===t?void 0:t.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:i,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},c)),e("label",{htmlFor:i},this.icon&&e("span",{class:"duet-chip-icon-container"},e("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),e("duet-icon",{name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),e("slot",null),this.popupElement&&e("span",{class:"duet-chip-popup-disclosure"},e("duet-icon",{name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&e("span",{class:n},e("input",Object.assign({"aria-disabled":this.disabled?"true":void 0,id:i,type:"radio",name:this.name,value:this.value,checked:this.checked,onChange:this.onRadioChange,onClick:this.disabled?t=>t.preventDefault():void 0},c)),e("label",{htmlFor:i},this.icon&&e("span",{class:"duet-chip-icon-container"},e("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),e("duet-icon",{name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),e("slot",null))))}get element(){return n(this)}static get watchers(){return{checked:["clearOtherRadioButtons"]}}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(207, 210, 212);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(207, 207, 209)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(230, 242, 248);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}';export{d as duet_chip}
|
package/lib/duet/p-d87f6dd5.js
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
const e=(e,n)=>Array.from(e.querySelectorAll(":scope > *")).filter((e=>e.matches(`[slot='${n}']`))),n=e=>Array.from(e.querySelectorAll(":scope > *")).filter((e=>!e.getAttribute("slot"))),s=(n,s)=>e(n,s).length>0,o=(n,s,o,t=0,$=!1)=>{const l=$?"error":"warn",r=[],a=e(n,s),c=a.filter((e=>!!e.matches(o)||(r.push(`Only elements matcing selector "${o}" may be used in slot ${s}, found:\n${e.outerHTML}`),!$||(e.remove(),!1))));t&&c.length>t&&(r.push(`Only ${t} element${t>1?"s":""} may be used in slot ${s}, found ${a.length}.`),$&&c.slice(t).forEach((e=>e.remove()))),r.length>0&&console[l](`Duet ${l} in ${n.tagName.toLowerCase()}:\n${r.join("\n")}${$?`\nElement${r.length>1?"s":""} removed.`:""}`)};export{o as c,n as g,s as h}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function u(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function a(t){try{r(n.next(t))}catch(t){o(t)}}function s(t){try{r(n["throw"](t))}catch(t){o(t)}}function r(t){t.done?i(t.value):u(t.value).then(a,s)}r((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,u,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return r([t,e])}}function r(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(n=1,u&&(o=s[0]&2?u["return"]:s[0]?u["throw"]||((o=u["return"])&&o.call(u),0):u.next)&&!(o=o.call(u,s[1])).done)return o;if(u=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;u=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(s[0]===6&&i.label<o[1]){i.label=o[1];o=s;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(s);break}if(o[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];u=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
|
|
2
|
-
/*!
|
|
3
|
-
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-9644775c.system.js","./p-8f477bd6.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-e12066c8.system.js","./p-34d7dd10.system.js","./p-224f6c46.system.js","./p-7cf03aa8.system.js","./p-73e66b09.system.js","./p-6ef75455.system.js","./p-b31d31d8.system.js"],(function(t){"use strict";var e,i,n,u,o,a,s,r,d,p,l,c,h,b,m,f,v;return{setters:[function(t){e=t.r;i=t.c;n=t.h;u=t.H;o=t.g},function(t){a=t.f},function(t){s=t.i},function(t){r=t.c},function(t){d=t.c;p=t.r},function(t){l=t.f;c=t.j},function(t){h=t.a;b=t.c;m=t.d},function(t){f=t.c},function(t){v=t.g},function(){},function(){}],execute:function(){var g={title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'};var x='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 77, 128)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(0, 41, 77)}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(0, 41, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(144, 149, 153) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(224, 42, 13) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important;border-color:rgb(116, 116, 117) !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-input[disabled].sc-duet-input{color:rgb(0, 41, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(116, 116, 117)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(224, 42, 13)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}';var w={search:a,email:g};var y=t("duet_input",function(){function t(t){var n=this;e(this,t);this.duetInput=i(this,"duetInput",7);this.duetChange=i(this,"duetChange",3);this.duetBlur=i(this,"duetBlur",7);this.duetClear=i(this,"duetClear",7);this.duetFocus=i(this,"duetFocus",7);this.inputId=r("DuetInput");this.clearId=r("DuetInputClear");this.labelId=r("DuetLabel");this.topCaptionId=r("DuetCaptionTop");this.topCaptionPlaceholderId=r("DuetCaptionPlaceholderTop");this.errorId=r("DuetError");this.disallowPatternRegex=null;this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"};this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"};this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"};this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"};this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"};this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"};this.onInput=function(t){if(n.disallowPatternRegex){d(n.nativeInput,n.disallowPatternRegex)}n.value=n.nativeInput.value||"";n.duetInput.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onBlur=function(t){if(t.relatedTarget===n.nativeInput||t.relatedTarget===n.togglePasswordRevealedButton){return}if(n.variation==="revealable"&&n.isPasswordRevealed){n.isPasswordRevealed=false}n.isFocused=false;n.duetBlur.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onFocus=function(t){n.isFocused=true;n.duetFocus.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.onClear=function(t){n.duetClear.emit({originalEvent:t,value:n.value,component:"duet-input"})};this.getDescribedBy=function(){var t=[];if(n.isCaptionVisible&&n.topCaptionId){t.push(n.topCaptionId)}if(n.accessibleDescribedBy){t.push(n.accessibleDescribedBy)}if(n.error){t.push(n.errorId)}return t.length>0?t.join(" "):null};this.handleClearClick=function(t){var e=n.clearInput();n.onClear(t);return e};this.keyHandler=function(t){if(l(t)&&n.clear){n.handleClearClick(t)}if(c(t)&&n.variation==="revealable"){if(t.target===n.togglePasswordRevealedButton){t.stopPropagation()}else{n.isPasswordRevealed=false}}return t};this.togglePasswordRevealed=function(){n.isPasswordRevealed=!n.isPasswordRevealed};this.getInputType=function(){if(n.variation==="revealable"){return n.isPasswordRevealed?"text":"password"}return n.type};this.language=h();this.isPasswordRevealed=undefined;this.isFocused=false;this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleExpanded=undefined;this.accessibleDescribedBy="";this.accessibleHasPopup=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.debounce=0;this.clear=false;this.caption=undefined;this.echoPlaceholder=false;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.margin="auto";this.required=false;this.type="text";this.variation="default";this.label="Label";this.labelColor=undefined;this.labelWeight=undefined;this.error="";this.labelHidden=false;this.numericKeyboard=false;this.name=undefined;this.pattern=undefined;this.maxlength=undefined;this.minlength=undefined;this.placeholder=undefined;this.component="input";this.role=undefined;this.icon=undefined;this.autoComplete="on";this.disallowPattern=null;this.value=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};t.prototype.valueChanged=function(){var t=this;var e;if(((e=this===null||this===void 0?void 0:this.nativeInput)===null||e===void 0?void 0:e.value)!==this.value){var i=p(this.nativeInput);this.nativeInput.value=this.value;i()}this.isCaptionVisible=!!this.caption;var n=function(){return t.duetChange.emit({value:t.value,component:"duet-input"})};if(this.debounce===0){n()}else{clearTimeout(this.timeoutId);this.timeoutId=setTimeout(n,this.debounce)}};t.prototype.componentWillLoad=function(){s(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;f(this.element,"tooltip","duet-tooltip",1,true)};t.prototype.componentDidLoad=function(){var t=this;if(this.variation==="revealable"&&this.nativeInput.form){this.nativeInput.form.addEventListener("submit",(function(){t.isPasswordRevealed=false}))}};t.prototype.connectedCallback=function(){b(this)};t.prototype.disconnectedCallback=function(){m(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.resetCursor=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.nativeInput){t=p(this.nativeInput);this.nativeInput.value=this.value;t()}return[2]}))}))};t.prototype.clearInput=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.value="";this.nativeInput.focus();this.value=""}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var i=this.identifier||this.inputId;var o={};if(this.numericKeyboard){o.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){o.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){o.pattern="[0-9+ ]+"}var a;if(this.value){a=new Date;try{a.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){a=undefined}}var s=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return n(u,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"},onKeyUp:function(t){return e.keyHandler(t)}},this.type==="time"&&n("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},a?"".concat(this.timeAnnouncement[this.language]," ").concat(a.toLocaleTimeString()):""),n("div",{class:(t={"duet-input-container":true,"duet-theme-turva":this.theme==="turva"},t["duet-input-variation-".concat(this.variation)]=true,t["duet-label-hidden"]=this.labelHidden,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-icon"]=this.variation!=="button"&&(!!this.icon||this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"),t["has-error"]=!!this.error,t["has-clear"]=this.clear,t["has-focus"]=this.isFocused,t.disabled=this.disabled,t)},n("div",{class:"duet-input-label-container"},n("duet-label",{theme:this.theme==="turva"?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:i},this.label),this.tooltip&&n("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),n("slot",{name:"tooltip"})),this.caption&&n("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),n("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||this.type==="time")&&n("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),n("input",Object.assign({ref:function(t){return e.nativeInput=t},onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:{"duet-input":true,disabled:this.disabled,"is-number":this.component==="number","is-date":this.component==="date"},value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.type==="password"?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:i},o)),!this.value&&s&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",icon:w[this.type].svg,color:"currentColor"})),this.clear&&this.value&&n("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!s,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":this.variation==="button"}},n("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},n("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&this.variation!=="button"&&n("div",{class:"duet-input-icon"},n("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.variation==="button"&&n("slot",{name:"button"}),this.variation==="revealable"&&n("duet-button",{ref:function(t){return e.togglePasswordRevealedButton=t},onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:true,iconOnly:true}),this.variation==="revealable"&&this.isPasswordRevealed!==undefined&&n("duet-visually-hidden",null,n("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),n("slot",null)),n("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&n("span",{class:"duet-input-error"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());y.style=x;var k='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var S=t("duet_label",function(){function t(t){e(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium";this.weight="semi-bold";this.color=""}t.prototype.componentWillLoad=function(){s(this)};t.prototype.render=function(){var t;var e=v(this.color);return n(u,{class:(t={"duet-label":true,"duet-label-small":this.size==="small","duet-theme-turva":this.theme==="turva","duet-small-margin":this.margin==="small","duet-m-0":this.margin==="none"},t["duet-weight-".concat(this.weight)]=true,t)},n("label",{htmlFor:this.for,style:{color:e}},n("span",null,n("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());S.style=k}}}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function c(e){try{u(n.next(e))}catch(e){o(e)}}function a(e){try{u(n["throw"](e))}catch(e){o(e)}}function u(e){e.done?i(e.value):r(e.value).then(c,a)}u((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,c;return c={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function a(e){return function(t){return u([e,t])}}function u(a){if(n)throw new TypeError("Generator is already executing.");while(c&&(c=0,a[0]&&(i=0)),i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
|
|
2
|
-
/*!
|
|
3
|
-
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-9644775c.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js"],(function(e){"use strict";var t,i,n,r,o,c,a,u,d;return{setters:[function(e){t=e.r;i=e.c;n=e.h;r=e.H;o=e.g},function(e){c=e.i},function(e){a=e.c},function(e){u=e.s;d=e.u}],execute:function(){var h='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(207, 210, 212);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(207, 207, 209)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(230, 242, 248);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input{position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;cursor:pointer;opacity:0}';var s=e("duet_chip",function(){function e(e){var n=this;t(this,e);this.duetChange=i(this,"duetChange",3);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.chipId=a("DuetChip");this.enforceNoDisabledSelected=function(){if(n.disabled&&n.checked){console.error("Duet error: pre-selected chip may not be disabled");n.disabled=false}};this.popupSetUp=function(){var e=document.querySelector("duet-popup-menu#".concat(n.popup));if(e){n.popupElement=e;e.controller=n.element;var t=n.element.textContent;var i=n.value;if(!e.id){e.id="popup-menu"}e.addEventListener("duetToggle",(function(e){n.popupOpen=e.detail.open}));var r=function(){e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.active=false}))};e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.addEventListener("click",(function(o){var c;var a=(c=e.value)!==null&&c!==void 0?c:e.innerText;if(!e.active){r();e.active=true;n.element.textContent=e.innerText;n.value=a;n.checked=true}else{r();n.element.textContent=t;n.value=i;n.checked=false}n.emitChange(o);setTimeout((function(){if(n.popupElement.isOpen()){n.popupElement.hide()}}))}))}))}};this.onFocus=function(e){n.focus=true;n.duetFocus.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onBlur=function(e){n.focus=false;n.duetBlur.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.emitChange=function(e){n.duetChange.emit({originalEvent:e,checked:n.checked,value:n.value,component:"duet-chip"})};this.onFilterChange=function(e){n.checked=!n.checked;n.emitChange(e)};this.onRadioChange=function(e){var t=n.focusableElement;var i=t.checked;n.checked=i;n.emitChange(e)};this.onFilterClick=function(e){if(n.disabled){e.stopPropagation();e.preventDefault();return}if(n.popupElement){e.stopPropagation();e.preventDefault();n.popupElement.toggle()}};this.onRemoveClick=function(e){e.stopPropagation();e.preventDefault();n.element.remove()};this.focus=false;this.popupElement=undefined;this.popupOpen=undefined;this.accessibleLabel=undefined;this.variation="button";this.size="medium";this.popup=undefined;this.icon="";this.theme="";this.identifier=undefined;this.value=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.clearOtherRadioButtons=function(){var e=this;if(this.variation==="radio"&&this.checked){var t=document.querySelectorAll('duet-chip[variation="radio"][name="'.concat(this.name,'"]'));t.forEach((function(t){if(t!==e.element){t.checked=false}}))}};e.prototype.componentWillLoad=function(){c(this);this.popupSetUp();this.enforceNoDisabledSelected()};e.prototype.connectedCallback=function(){u(this)};e.prototype.disconnectedCallback=function(){d(this)};e.prototype.getAccessibleExpanded=function(){if(this.accessibleExpanded!=null){return(!!this.accessibleExpanded).toString()}if(this.popupElement){return this.popupOpen?"true":"false"}return undefined};e.prototype.getAccessiblePopup=function(){if(this.popupElement){return"true"}else{return this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){setTimeout((function(){return t.focusableElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e;var t=this;var i;var o=this.identifier||this.chipId;var c=(e={"duet-chip-container":true},e["duet-chip-".concat(this.variation)]=true,e["duet-chip-focus"]=this.focus,e["duet-chip-has-icon"]=!!this.icon,e["duet-chip-has-popup"]=this.variation==="filter"&&!!this.popupElement,e["duet-theme-turva"]=this.theme==="turva",e["duet-chip-filter-checked"]=this.variation==="filter"&&this.checked,e["duet-chip-radio-checked"]=this.variation==="radio"&&this.checked,e["duet-chip-filter-popup-open"]=this.popupOpen,e["duet-chip-disabled"]=this.disabled,e[this.size]=true,e);var a={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return t.focusableElement=e}};return n(r,null,this.variation==="button"&&n("span",{class:c},n("button",Object.assign({id:o,"aria-label":this.accessibleLabel,"aria-disabled":this.disabled?"true":undefined,name:this.name,value:this.value,onClick:this.disabled?function(e){return e.stopPropagation()}:undefined},a),n("span",{class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",null))),this.variation==="input"&&n("span",{class:c},n("button",Object.assign({id:o,class:"duet-chip-input-button","aria-label":this.accessibleLabel},a),n("span",{class:"duet-chip-icon-container"},this.icon&&n("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),n("slot",null)),n("button",{class:"duet-chip-remove-button",onClick:this.onRemoveClick},n("duet-icon",{name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),this.variation==="filter"&&n("span",{class:c},n("input",Object.assign({"aria-haspopup":this.getAccessiblePopup(),"aria-controls":(i=this.popupElement)===null||i===void 0?void 0:i.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,id:o,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},a)),n("label",{htmlFor:o},this.icon&&n("span",{class:"duet-chip-icon-container"},n("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",null),this.popupElement&&n("span",{class:"duet-chip-popup-disclosure"},n("duet-icon",{name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),this.variation==="radio"&&n("span",{class:c},n("input",Object.assign({"aria-disabled":this.disabled?"true":undefined,id:o,type:"radio",name:this.name,value:this.value,checked:this.checked,onChange:this.onRadioChange,onClick:this.disabled?function(e){return e.preventDefault()}:undefined},a)),n("label",{htmlFor:o},this.icon&&n("span",{class:"duet-chip-icon-container"},n("duet-icon",{name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),n("duet-icon",{name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),n("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["clearOtherRadioButtons"]}},enumerable:false,configurable:true});return e}());s.style=h}}}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
var getElementsFromNamedSlot=function(e,t){var n=Array.from(e.querySelectorAll(":scope > *"));return n.filter((function(e){return e.matches("[slot='".concat(t,"']"))}))};var getElementsFromDefaultSlot=function(e){var t=Array.from(e.querySelectorAll(":scope > *"));return t.filter((function(e){return!e.getAttribute("slot")}))};var hasSlot=function(e,t){return getElementsFromNamedSlot(e,t).length>0};var checkNamedSlotElement=function(e,t,n,r,o){if(r===void 0){r=0}if(o===void 0){o=false}var l=o?"error":"warn";var a=[];var u=getElementsFromNamedSlot(e,t);var s=u.filter((function(e){if(e.matches(n)){return true}a.push('Only elements matcing selector "'.concat(n,'" may be used in slot ').concat(t,", found:\n").concat(e.outerHTML));if(o){e.remove();return false}return true}));if(r&&s.length>r){a.push("Only ".concat(r," element").concat(r>1?"s":""," may be used in slot ").concat(t,", found ").concat(u.length,"."));if(o){s.slice(r).forEach((function(e){return e.remove()}))}}if(a.length>0){console[l]("Duet ".concat(l," in ").concat(e.tagName.toLowerCase(),":\n").concat(a.join("\n")).concat(o?"\nElement".concat(a.length>1?"s":""," removed."):""))}};export{checkNamedSlotElement as c,getElementsFromDefaultSlot as g,hasSlot as h};
|