@duetds/components 10.0.0-alpha.14 → 10.0.0-alpha.15
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 +49 -4
- package/hydrate/index.mjs +49 -4
- package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-banner.cjs.entry.js +2 -2
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +2 -2
- package/lib/cjs/duet-button_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-caption_4.cjs.entry.js +2 -2
- package/lib/cjs/duet-card.cjs.entry.js +2 -2
- package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
- package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +2 -2
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-icon.cjs.entry.js +2 -2
- package/lib/cjs/duet-input_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar.cjs.entry.js +1 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-promo-card.cjs.entry.js +2 -2
- package/lib/cjs/duet-radio_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +2 -2
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +2 -2
- package/lib/cjs/duet-slideout.cjs.entry.js +2 -2
- package/lib/cjs/duet-status-icon.cjs.entry.js +1 -1
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -1
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
- package/lib/cjs/duet-tray.cjs.entry.js +1 -1
- package/lib/cjs/{token-utils-BcI9qaMX.js → token-utils-BUKJTu4j.js} +1 -1
- package/lib/cjs/{tokens-Qt4x7zcB.js → tokens-5GTblf2d.js} +27 -0
- package/lib/cjs/{tokens.module-Dzg9dTSm.js → tokens.module-GwBgNF6_.js} +18 -0
- package/lib/collection/components/duet-radio/duet-radio.js +4 -4
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-740f6f1f.entry.js → p-1153b069.entry.js} +1 -1
- package/lib/duet/p-178579ed.entry.js +4 -0
- package/lib/duet/{p-b6517bc0.entry.js → p-2565ce33.entry.js} +1 -1
- package/lib/duet/{p-8ca095ab.entry.js → p-342d9746.entry.js} +1 -1
- package/lib/duet/{p-6e621f1a.entry.js → p-3dd8d129.entry.js} +1 -1
- package/lib/duet/{p-e4156276.entry.js → p-572d13e9.entry.js} +1 -1
- package/lib/duet/{p-3fca2738.entry.js → p-57f22d5d.entry.js} +1 -1
- package/lib/duet/{p-dac62f09.entry.js → p-587fbe7c.entry.js} +1 -1
- package/lib/duet/{p-aadd810c.entry.js → p-5cc22c37.entry.js} +1 -1
- package/lib/duet/{p-bfc2e504.entry.js → p-7524061b.entry.js} +1 -1
- package/lib/duet/{p-c089e413.entry.js → p-833a213a.entry.js} +1 -1
- package/lib/duet/{p-79255eb6.entry.js → p-91c232e2.entry.js} +1 -1
- package/lib/duet/{p-BSVeUfs_.js → p-CHWPq2Jg.js} +1 -1
- package/lib/duet/p-DX0ubePV.js +4 -0
- package/lib/duet/p-Dn5RlQ8z.js +4 -0
- package/lib/duet/{p-98088a03.entry.js → p-aba49d8e.entry.js} +1 -1
- package/lib/duet/{p-8fd3fed6.entry.js → p-af92d780.entry.js} +1 -1
- package/lib/duet/{p-5a75c2dd.entry.js → p-b1bb372b.entry.js} +1 -1
- package/lib/duet/{p-64021c0d.entry.js → p-b9cc1925.entry.js} +1 -1
- package/lib/duet/{p-d386eb3c.entry.js → p-bd990ae6.entry.js} +1 -1
- package/lib/duet/{p-be70c5b0.entry.js → p-bdbbf67e.entry.js} +1 -1
- package/lib/duet/p-c364611c.entry.js +4 -0
- package/lib/duet/{p-c4d0a7f2.entry.js → p-d391e901.entry.js} +1 -1
- package/lib/duet/{p-95f64c62.entry.js → p-d8ae749e.entry.js} +1 -1
- package/lib/duet/{p-9c942b69.entry.js → p-dcf42186.entry.js} +1 -1
- package/lib/duet/{p-6b17ff88.entry.js → p-e0252eec.entry.js} +1 -1
- package/lib/duet/{p-cf728e59.entry.js → p-e31d038e.entry.js} +1 -1
- package/lib/duet/{p-4c281745.entry.js → p-e35a987e.entry.js} +1 -1
- package/lib/duet/{p-a9b45f8b.entry.js → p-e8649c4a.entry.js} +1 -1
- package/lib/duet/{p-15f95fae.entry.js → p-f924b4b9.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +2 -2
- package/lib/esm/duet-banner.entry.js +2 -2
- package/lib/esm/duet-breadcrumbs.entry.js +2 -2
- package/lib/esm/duet-button_2.entry.js +2 -2
- package/lib/esm/duet-caption_4.entry.js +2 -2
- package/lib/esm/duet-card.entry.js +2 -2
- package/lib/esm/duet-collapsible.entry.js +1 -1
- package/lib/esm/duet-divider_2.entry.js +2 -2
- package/lib/esm/duet-editable-table_3.entry.js +2 -2
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +2 -2
- package/lib/esm/duet-icon.entry.js +2 -2
- package/lib/esm/duet-input_2.entry.js +2 -2
- package/lib/esm/duet-menu-bar.entry.js +1 -1
- package/lib/esm/duet-pagination_2.entry.js +2 -2
- package/lib/esm/duet-popup-menu_2.entry.js +1 -1
- package/lib/esm/duet-promo-card.entry.js +2 -2
- package/lib/esm/duet-radio_2.entry.js +4 -4
- package/lib/esm/duet-range-slider.entry.js +1 -1
- package/lib/esm/duet-scrollable_3.entry.js +2 -2
- package/lib/esm/duet-slideout-panel.entry.js +2 -2
- package/lib/esm/duet-slideout.entry.js +2 -2
- package/lib/esm/duet-status-icon.entry.js +1 -1
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm/duet-submenu-bar.entry.js +1 -1
- package/lib/esm/duet-tooltip.entry.js +1 -1
- package/lib/esm/duet-tray.entry.js +1 -1
- package/lib/esm/{token-utils-D2bU4zM_.js → token-utils-D8Zij62D.js} +1 -1
- package/lib/esm/{tokens-DkXykZBx.js → tokens-DX0ubePV.js} +27 -0
- package/lib/esm/{tokens.module-UQH7pb1d.js → tokens.module-Dn5RlQ8z.js} +18 -0
- package/package.json +1 -1
- package/lib/duet/p-4aa49986.entry.js +0 -4
- package/lib/duet/p-64419d69.entry.js +0 -4
- package/lib/duet/p-DkXykZBx.js +0 -4
- package/lib/duet/p-UQH7pb1d.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -3699,6 +3699,15 @@ const disconnectLanguageChangeObserver = (component) => {
|
|
|
3699
3699
|
languageChangeTargets.delete(component);
|
|
3700
3700
|
};
|
|
3701
3701
|
|
|
3702
|
+
const breakpointLarge = "62em";
|
|
3703
|
+
const breakpointMedium = "48em";
|
|
3704
|
+
const breakpointSmall = "36em";
|
|
3705
|
+
const breakpointXLarge = "64.0625em";
|
|
3706
|
+
const breakpointXSmall = "35.9375em";
|
|
3707
|
+
const breakpointXxLarge = "76.25em";
|
|
3708
|
+
const breakpointXxSmall = "22.5em";
|
|
3709
|
+
const breakpointXxxLarge = "106.25em";
|
|
3710
|
+
const breakpointXxxSmall = "20.5em";
|
|
3702
3711
|
const colorBrandBlue = "rgb(0, 161, 212)";
|
|
3703
3712
|
const colorBrandGrayTurva = "rgb(178, 180, 179)";
|
|
3704
3713
|
const colorCategoryFamily = "rgb(11, 114, 136)";
|
|
@@ -3949,6 +3958,15 @@ const zIndexToast = "500";
|
|
|
3949
3958
|
|
|
3950
3959
|
var tokens$2 = /*#__PURE__*/Object.freeze({
|
|
3951
3960
|
__proto__: null,
|
|
3961
|
+
breakpointLarge: breakpointLarge,
|
|
3962
|
+
breakpointMedium: breakpointMedium,
|
|
3963
|
+
breakpointSmall: breakpointSmall,
|
|
3964
|
+
breakpointXLarge: breakpointXLarge,
|
|
3965
|
+
breakpointXSmall: breakpointXSmall,
|
|
3966
|
+
breakpointXxLarge: breakpointXxLarge,
|
|
3967
|
+
breakpointXxSmall: breakpointXxSmall,
|
|
3968
|
+
breakpointXxxLarge: breakpointXxxLarge,
|
|
3969
|
+
breakpointXxxSmall: breakpointXxxSmall,
|
|
3952
3970
|
colorBrandBlue: colorBrandBlue,
|
|
3953
3971
|
colorBrandGrayTurva: colorBrandGrayTurva,
|
|
3954
3972
|
colorCategoryFamily: colorCategoryFamily,
|
|
@@ -7210,6 +7228,15 @@ function requireActionArrowDownSmall () {
|
|
|
7210
7228
|
var actionArrowDownSmallExports = requireActionArrowDownSmall();
|
|
7211
7229
|
var arrowDownIcon = /*@__PURE__*/getDefaultExportFromCjs(actionArrowDownSmallExports);
|
|
7212
7230
|
|
|
7231
|
+
const breakpoint_large = "62em";
|
|
7232
|
+
const breakpoint_medium = "48em";
|
|
7233
|
+
const breakpoint_small = "36em";
|
|
7234
|
+
const breakpoint_x_large = "64.0625em";
|
|
7235
|
+
const breakpoint_x_small = "35.9375em";
|
|
7236
|
+
const breakpoint_xx_large = "76.25em";
|
|
7237
|
+
const breakpoint_xx_small = "22.5em";
|
|
7238
|
+
const breakpoint_xxx_large = "106.25em";
|
|
7239
|
+
const breakpoint_xxx_small = "20.5em";
|
|
7213
7240
|
const color_brand_blue = "rgb(0, 161, 212)";
|
|
7214
7241
|
const color_brand_gray_turva = "rgb(178, 180, 179)";
|
|
7215
7242
|
const color_category_family = "rgb(11, 114, 136)";
|
|
@@ -7458,6 +7485,15 @@ const z_index_spinner = "800";
|
|
|
7458
7485
|
const z_index_sticky = "300";
|
|
7459
7486
|
const z_index_toast = "500";
|
|
7460
7487
|
var tokens = {
|
|
7488
|
+
breakpoint_large: breakpoint_large,
|
|
7489
|
+
breakpoint_medium: breakpoint_medium,
|
|
7490
|
+
breakpoint_small: breakpoint_small,
|
|
7491
|
+
breakpoint_x_large: breakpoint_x_large,
|
|
7492
|
+
breakpoint_x_small: breakpoint_x_small,
|
|
7493
|
+
breakpoint_xx_large: breakpoint_xx_large,
|
|
7494
|
+
breakpoint_xx_small: breakpoint_xx_small,
|
|
7495
|
+
breakpoint_xxx_large: breakpoint_xxx_large,
|
|
7496
|
+
breakpoint_xxx_small: breakpoint_xxx_small,
|
|
7461
7497
|
color_brand_blue: color_brand_blue,
|
|
7462
7498
|
color_brand_gray_turva: color_brand_gray_turva,
|
|
7463
7499
|
color_category_family: color_category_family,
|
|
@@ -7709,6 +7745,15 @@ var tokens = {
|
|
|
7709
7745
|
|
|
7710
7746
|
var tokens$1 = /*#__PURE__*/Object.freeze({
|
|
7711
7747
|
__proto__: null,
|
|
7748
|
+
breakpoint_large: breakpoint_large,
|
|
7749
|
+
breakpoint_medium: breakpoint_medium,
|
|
7750
|
+
breakpoint_small: breakpoint_small,
|
|
7751
|
+
breakpoint_x_large: breakpoint_x_large,
|
|
7752
|
+
breakpoint_x_small: breakpoint_x_small,
|
|
7753
|
+
breakpoint_xx_large: breakpoint_xx_large,
|
|
7754
|
+
breakpoint_xx_small: breakpoint_xx_small,
|
|
7755
|
+
breakpoint_xxx_large: breakpoint_xxx_large,
|
|
7756
|
+
breakpoint_xxx_small: breakpoint_xxx_small,
|
|
7712
7757
|
color_brand_blue: color_brand_blue,
|
|
7713
7758
|
color_brand_gray_turva: color_brand_gray_turva,
|
|
7714
7759
|
color_category_family: color_category_family,
|
|
@@ -20846,7 +20891,7 @@ class DuetRadio {
|
|
|
20846
20891
|
radioInput.addEventListener("blur", this.onBlur);
|
|
20847
20892
|
};
|
|
20848
20893
|
this.radioInputSetUp = () => {
|
|
20849
|
-
const slotInput = this.element.querySelector("input
|
|
20894
|
+
const slotInput = this.element.querySelector("input");
|
|
20850
20895
|
const radioInput = slotInput || document.createElement("input");
|
|
20851
20896
|
radioInput.slot = "input";
|
|
20852
20897
|
radioInput.disabled = this.disabled || this.groupDisabled ? true : undefined;
|
|
@@ -20960,16 +21005,16 @@ class DuetRadio {
|
|
|
20960
21005
|
* Always the last one in the class.
|
|
20961
21006
|
*/
|
|
20962
21007
|
render() {
|
|
20963
|
-
return (hAsync(Host, { key: '
|
|
21008
|
+
return (hAsync(Host, { key: '0811162c634e2b8b369c4e7f4b812f8a1273d968', onClick: this.onClick, class: {
|
|
20964
21009
|
horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
|
|
20965
21010
|
"horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
|
|
20966
21011
|
"duet-m-0": this.margin === "none",
|
|
20967
|
-
} }, hAsync("div", { key: '
|
|
21012
|
+
} }, hAsync("div", { key: '092e3a273977a27528421ed663ff7fb02d8d69c3', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: '4718ae20d1c35598cd5303f78aff0a4396cb2347', name: "input" }), hAsync("label", { key: 'ec79e101c2130e2bb249336066e200e0dd4be698', inert: true, ref: element => (this.labelElement = element), class: {
|
|
20968
21013
|
"duet-label": true,
|
|
20969
21014
|
checked: this.checked,
|
|
20970
21015
|
focus: this.focus,
|
|
20971
21016
|
disabled: this.disabled || this.groupDisabled,
|
|
20972
|
-
} }, hAsync("div", { key: '
|
|
21017
|
+
} }, hAsync("div", { key: '11d19022266ecb88c7f4e473ac20279dc02fbd08', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
|
|
20973
21018
|
}
|
|
20974
21019
|
get element() { return getElement(this); }
|
|
20975
21020
|
static get style() { return duetRadioCss; }
|
package/hydrate/index.mjs
CHANGED
|
@@ -3697,6 +3697,15 @@ const disconnectLanguageChangeObserver = (component) => {
|
|
|
3697
3697
|
languageChangeTargets.delete(component);
|
|
3698
3698
|
};
|
|
3699
3699
|
|
|
3700
|
+
const breakpointLarge = "62em";
|
|
3701
|
+
const breakpointMedium = "48em";
|
|
3702
|
+
const breakpointSmall = "36em";
|
|
3703
|
+
const breakpointXLarge = "64.0625em";
|
|
3704
|
+
const breakpointXSmall = "35.9375em";
|
|
3705
|
+
const breakpointXxLarge = "76.25em";
|
|
3706
|
+
const breakpointXxSmall = "22.5em";
|
|
3707
|
+
const breakpointXxxLarge = "106.25em";
|
|
3708
|
+
const breakpointXxxSmall = "20.5em";
|
|
3700
3709
|
const colorBrandBlue = "rgb(0, 161, 212)";
|
|
3701
3710
|
const colorBrandGrayTurva = "rgb(178, 180, 179)";
|
|
3702
3711
|
const colorCategoryFamily = "rgb(11, 114, 136)";
|
|
@@ -3947,6 +3956,15 @@ const zIndexToast = "500";
|
|
|
3947
3956
|
|
|
3948
3957
|
var tokens$2 = /*#__PURE__*/Object.freeze({
|
|
3949
3958
|
__proto__: null,
|
|
3959
|
+
breakpointLarge: breakpointLarge,
|
|
3960
|
+
breakpointMedium: breakpointMedium,
|
|
3961
|
+
breakpointSmall: breakpointSmall,
|
|
3962
|
+
breakpointXLarge: breakpointXLarge,
|
|
3963
|
+
breakpointXSmall: breakpointXSmall,
|
|
3964
|
+
breakpointXxLarge: breakpointXxLarge,
|
|
3965
|
+
breakpointXxSmall: breakpointXxSmall,
|
|
3966
|
+
breakpointXxxLarge: breakpointXxxLarge,
|
|
3967
|
+
breakpointXxxSmall: breakpointXxxSmall,
|
|
3950
3968
|
colorBrandBlue: colorBrandBlue,
|
|
3951
3969
|
colorBrandGrayTurva: colorBrandGrayTurva,
|
|
3952
3970
|
colorCategoryFamily: colorCategoryFamily,
|
|
@@ -7208,6 +7226,15 @@ function requireActionArrowDownSmall () {
|
|
|
7208
7226
|
var actionArrowDownSmallExports = requireActionArrowDownSmall();
|
|
7209
7227
|
var arrowDownIcon = /*@__PURE__*/getDefaultExportFromCjs(actionArrowDownSmallExports);
|
|
7210
7228
|
|
|
7229
|
+
const breakpoint_large = "62em";
|
|
7230
|
+
const breakpoint_medium = "48em";
|
|
7231
|
+
const breakpoint_small = "36em";
|
|
7232
|
+
const breakpoint_x_large = "64.0625em";
|
|
7233
|
+
const breakpoint_x_small = "35.9375em";
|
|
7234
|
+
const breakpoint_xx_large = "76.25em";
|
|
7235
|
+
const breakpoint_xx_small = "22.5em";
|
|
7236
|
+
const breakpoint_xxx_large = "106.25em";
|
|
7237
|
+
const breakpoint_xxx_small = "20.5em";
|
|
7211
7238
|
const color_brand_blue = "rgb(0, 161, 212)";
|
|
7212
7239
|
const color_brand_gray_turva = "rgb(178, 180, 179)";
|
|
7213
7240
|
const color_category_family = "rgb(11, 114, 136)";
|
|
@@ -7456,6 +7483,15 @@ const z_index_spinner = "800";
|
|
|
7456
7483
|
const z_index_sticky = "300";
|
|
7457
7484
|
const z_index_toast = "500";
|
|
7458
7485
|
var tokens = {
|
|
7486
|
+
breakpoint_large: breakpoint_large,
|
|
7487
|
+
breakpoint_medium: breakpoint_medium,
|
|
7488
|
+
breakpoint_small: breakpoint_small,
|
|
7489
|
+
breakpoint_x_large: breakpoint_x_large,
|
|
7490
|
+
breakpoint_x_small: breakpoint_x_small,
|
|
7491
|
+
breakpoint_xx_large: breakpoint_xx_large,
|
|
7492
|
+
breakpoint_xx_small: breakpoint_xx_small,
|
|
7493
|
+
breakpoint_xxx_large: breakpoint_xxx_large,
|
|
7494
|
+
breakpoint_xxx_small: breakpoint_xxx_small,
|
|
7459
7495
|
color_brand_blue: color_brand_blue,
|
|
7460
7496
|
color_brand_gray_turva: color_brand_gray_turva,
|
|
7461
7497
|
color_category_family: color_category_family,
|
|
@@ -7707,6 +7743,15 @@ var tokens = {
|
|
|
7707
7743
|
|
|
7708
7744
|
var tokens$1 = /*#__PURE__*/Object.freeze({
|
|
7709
7745
|
__proto__: null,
|
|
7746
|
+
breakpoint_large: breakpoint_large,
|
|
7747
|
+
breakpoint_medium: breakpoint_medium,
|
|
7748
|
+
breakpoint_small: breakpoint_small,
|
|
7749
|
+
breakpoint_x_large: breakpoint_x_large,
|
|
7750
|
+
breakpoint_x_small: breakpoint_x_small,
|
|
7751
|
+
breakpoint_xx_large: breakpoint_xx_large,
|
|
7752
|
+
breakpoint_xx_small: breakpoint_xx_small,
|
|
7753
|
+
breakpoint_xxx_large: breakpoint_xxx_large,
|
|
7754
|
+
breakpoint_xxx_small: breakpoint_xxx_small,
|
|
7710
7755
|
color_brand_blue: color_brand_blue,
|
|
7711
7756
|
color_brand_gray_turva: color_brand_gray_turva,
|
|
7712
7757
|
color_category_family: color_category_family,
|
|
@@ -20844,7 +20889,7 @@ class DuetRadio {
|
|
|
20844
20889
|
radioInput.addEventListener("blur", this.onBlur);
|
|
20845
20890
|
};
|
|
20846
20891
|
this.radioInputSetUp = () => {
|
|
20847
|
-
const slotInput = this.element.querySelector("input
|
|
20892
|
+
const slotInput = this.element.querySelector("input");
|
|
20848
20893
|
const radioInput = slotInput || document.createElement("input");
|
|
20849
20894
|
radioInput.slot = "input";
|
|
20850
20895
|
radioInput.disabled = this.disabled || this.groupDisabled ? true : undefined;
|
|
@@ -20958,16 +21003,16 @@ class DuetRadio {
|
|
|
20958
21003
|
* Always the last one in the class.
|
|
20959
21004
|
*/
|
|
20960
21005
|
render() {
|
|
20961
|
-
return (hAsync(Host, { key: '
|
|
21006
|
+
return (hAsync(Host, { key: '0811162c634e2b8b369c4e7f4b812f8a1273d968', onClick: this.onClick, class: {
|
|
20962
21007
|
horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
|
|
20963
21008
|
"horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
|
|
20964
21009
|
"duet-m-0": this.margin === "none",
|
|
20965
|
-
} }, hAsync("div", { key: '
|
|
21010
|
+
} }, hAsync("div", { key: '092e3a273977a27528421ed663ff7fb02d8d69c3', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: '4718ae20d1c35598cd5303f78aff0a4396cb2347', name: "input" }), hAsync("label", { key: 'ec79e101c2130e2bb249336066e200e0dd4be698', inert: true, ref: element => (this.labelElement = element), class: {
|
|
20966
21011
|
"duet-label": true,
|
|
20967
21012
|
checked: this.checked,
|
|
20968
21013
|
focus: this.focus,
|
|
20969
21014
|
disabled: this.disabled || this.groupDisabled,
|
|
20970
|
-
} }, hAsync("div", { key: '
|
|
21015
|
+
} }, hAsync("div", { key: '11d19022266ecb88c7f4e473ac20279dc02fbd08', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
|
|
20971
21016
|
}
|
|
20972
21017
|
get element() { return getElement(this); }
|
|
20973
21018
|
static get style() { return duetRadioCss; }
|
|
@@ -9,9 +9,9 @@ var createId = require('./create-id-DtslnIOq.js');
|
|
|
9
9
|
var jsUtils = require('./js-utils-hJ4A2edy.js');
|
|
10
10
|
var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
|
|
11
11
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
12
|
-
var tokenUtils = require('./token-utils-
|
|
12
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
13
13
|
require('./string-utils-B35hEUBv.js');
|
|
14
|
-
require('./tokens.module-
|
|
14
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
15
15
|
|
|
16
16
|
const duetActionButtonCss = "*,*::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;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";
|
|
17
17
|
|
|
@@ -7,8 +7,8 @@ var index = require('./index-CdC7dzZ-.js');
|
|
|
7
7
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
8
8
|
var slotUtils = require('./slot-utils-DgJchaT4.js');
|
|
9
9
|
var stringUtils = require('./string-utils-B35hEUBv.js');
|
|
10
|
-
var tokenUtils = require('./token-utils-
|
|
11
|
-
require('./tokens.module-
|
|
10
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
11
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
12
12
|
|
|
13
13
|
const DuetPicture = ({ img, sources }) => {
|
|
14
14
|
return (index.h("picture", null,
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
7
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
8
8
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
9
|
-
var tokenUtils = require('./token-utils-
|
|
9
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
10
10
|
require('./string-utils-B35hEUBv.js');
|
|
11
|
-
require('./tokens.module-
|
|
11
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
12
12
|
|
|
13
13
|
const duetBreadcrumbsCss = "*,*::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;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 75, 129)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(212, 223, 229)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(126, 2, 35)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(8, 42, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}";
|
|
14
14
|
|
|
@@ -7,9 +7,9 @@ var index = require('./index-CdC7dzZ-.js');
|
|
|
7
7
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
8
8
|
var commonStrings = require('./common-strings-BhhnIQp3.js');
|
|
9
9
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
10
|
-
var tokenUtils = require('./token-utils-
|
|
10
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
11
11
|
require('./string-utils-B35hEUBv.js');
|
|
12
|
-
require('./tokens.module-
|
|
12
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
13
13
|
|
|
14
14
|
const duetButtonCss = "*,*::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;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;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.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{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(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
|
|
15
15
|
|
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
7
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
8
8
|
var stringUtils = require('./string-utils-B35hEUBv.js');
|
|
9
|
-
var tokenUtils = require('./token-utils-
|
|
9
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
10
10
|
var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
|
|
11
11
|
var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
|
|
12
12
|
var commonStrings = require('./common-strings-BhhnIQp3.js');
|
|
13
13
|
var a11yUtils = require('./a11y-utils-CrefuUbk.js');
|
|
14
14
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
15
15
|
var createId = require('./create-id-DtslnIOq.js');
|
|
16
|
-
require('./tokens.module-
|
|
16
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
17
17
|
require('./slot-utils-DgJchaT4.js');
|
|
18
18
|
|
|
19
19
|
const duetCaptionCss = ":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:flex;flex:0 0 100%;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\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(98, 121, 138);vertical-align:top}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}: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(143, 147, 158)}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-caption-selected.duet-theme-turva){color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}";
|
|
@@ -10,8 +10,8 @@ var createId = require('./create-id-DtslnIOq.js');
|
|
|
10
10
|
var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
|
|
11
11
|
var slotUtils = require('./slot-utils-DgJchaT4.js');
|
|
12
12
|
var stringUtils = require('./string-utils-B35hEUBv.js');
|
|
13
|
-
var tokenUtils = require('./token-utils-
|
|
14
|
-
require('./tokens.module-
|
|
13
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
14
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
15
15
|
|
|
16
16
|
const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
17
17
|
const duetBlock = "div";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
7
|
var actionArrowDownSmall = require('./action-arrow-down-small-CDsSJFvZ.js');
|
|
8
|
-
var tokens = require('./tokens-
|
|
8
|
+
var tokens = require('./tokens-5GTblf2d.js');
|
|
9
9
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
10
10
|
var createId = require('./create-id-DtslnIOq.js');
|
|
11
11
|
var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
7
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
8
|
-
var tokenUtils = require('./token-utils-
|
|
9
|
-
require('./tokens.module-
|
|
8
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
9
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
10
10
|
|
|
11
11
|
const duetDividerCss = "*,*::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;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(212, 223, 229)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(222, 224, 228)}";
|
|
12
12
|
|
|
@@ -8,8 +8,8 @@ var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
|
8
8
|
var jsUtils = require('./js-utils-hJ4A2edy.js');
|
|
9
9
|
var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
|
|
10
10
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
11
|
-
var tokens_module = require('./tokens.module-
|
|
12
|
-
var tokenUtils = require('./token-utils-
|
|
11
|
+
var tokens_module = require('./tokens.module-GwBgNF6_.js');
|
|
12
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
13
13
|
var createId = require('./create-id-DtslnIOq.js');
|
|
14
14
|
var stringUtils = require('./string-utils-B35hEUBv.js');
|
|
15
15
|
var errorcodes_utils = require('./errorcodes.utils-mZFkq5Tt.js');
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
|
-
var tokens = require('./tokens-
|
|
7
|
+
var tokens = require('./tokens-5GTblf2d.js');
|
|
8
8
|
var watchOptions = require('./watch-options-CTB_6VOA.js');
|
|
9
9
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
10
10
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
7
|
var formSearch = require('./form-search-CzPfHB80.js');
|
|
8
8
|
var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
|
|
9
|
-
var tokens = require('./tokens-
|
|
9
|
+
var tokens = require('./tokens-5GTblf2d.js');
|
|
10
10
|
var bodyScrollLock_es6 = require('./bodyScrollLock.es6-B2sCDud5.js');
|
|
11
11
|
var commonStrings = require('./common-strings-BhhnIQp3.js');
|
|
12
12
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
@@ -14,7 +14,7 @@ var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
|
|
|
14
14
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
15
15
|
var stringUtils = require('./string-utils-B35hEUBv.js');
|
|
16
16
|
var actionArrowDownSmall = require('./action-arrow-down-small-CDsSJFvZ.js');
|
|
17
|
-
var tokens_module = require('./tokens.module-
|
|
17
|
+
var tokens_module = require('./tokens.module-GwBgNF6_.js');
|
|
18
18
|
var createId = require('./create-id-DtslnIOq.js');
|
|
19
19
|
|
|
20
20
|
var navigationContactDropdown;
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
7
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
8
|
-
var tokenUtils = require('./token-utils-
|
|
9
|
-
require('./tokens.module-
|
|
8
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
9
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
10
10
|
|
|
11
11
|
const cleanupSvg = (svgContent) => {
|
|
12
12
|
if (typeof document === "undefined" || !svgContent) {
|
|
@@ -13,9 +13,9 @@ var inputUtils = require('./input-utils-DUKdslOM.js');
|
|
|
13
13
|
var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
|
|
14
14
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
15
15
|
var slotUtils = require('./slot-utils-DgJchaT4.js');
|
|
16
|
-
var tokenUtils = require('./token-utils-
|
|
16
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
17
17
|
require('./string-utils-B35hEUBv.js');
|
|
18
|
-
require('./tokens.module-
|
|
18
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
19
19
|
|
|
20
20
|
var formEmail;
|
|
21
21
|
var hasRequiredFormEmail;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
|
-
var tokens = require('./tokens-
|
|
7
|
+
var tokens = require('./tokens-5GTblf2d.js');
|
|
8
8
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
9
9
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
10
10
|
require('./string-utils-B35hEUBv.js');
|
|
@@ -10,8 +10,8 @@ var jsUtils = require('./js-utils-hJ4A2edy.js');
|
|
|
10
10
|
var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
|
|
11
11
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
12
12
|
var stringUtils = require('./string-utils-B35hEUBv.js');
|
|
13
|
-
var tokenUtils = require('./token-utils-
|
|
14
|
-
require('./tokens.module-
|
|
13
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
14
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
15
15
|
|
|
16
16
|
const shouldDisplayNavigation = (visibleItems, total, take) => {
|
|
17
17
|
if (visibleItems * 2 > total / take) {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
|
-
var tokens_module = require('./tokens.module-
|
|
7
|
+
var tokens_module = require('./tokens.module-GwBgNF6_.js');
|
|
8
8
|
var floatingUi_dom_browser_min = require('./floating-ui.dom.browser.min-Cj0r5YDz.js');
|
|
9
9
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
10
10
|
var focusUtils = require('./focus-utils-dqd59YI6.js');
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
7
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
8
8
|
var slotUtils = require('./slot-utils-DgJchaT4.js');
|
|
9
|
-
var tokenUtils = require('./token-utils-
|
|
10
|
-
require('./tokens.module-
|
|
9
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
10
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
11
11
|
|
|
12
12
|
const duetPromoCardCss = "*,*::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:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.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\"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}";
|
|
13
13
|
|
|
@@ -75,7 +75,7 @@ const DuetRadio = class {
|
|
|
75
75
|
radioInput.addEventListener("blur", this.onBlur);
|
|
76
76
|
};
|
|
77
77
|
this.radioInputSetUp = () => {
|
|
78
|
-
const slotInput = this.element.querySelector("input
|
|
78
|
+
const slotInput = this.element.querySelector("input");
|
|
79
79
|
const radioInput = slotInput || document.createElement("input");
|
|
80
80
|
radioInput.slot = "input";
|
|
81
81
|
radioInput.disabled = this.disabled || this.groupDisabled ? true : undefined;
|
|
@@ -189,16 +189,16 @@ const DuetRadio = class {
|
|
|
189
189
|
* Always the last one in the class.
|
|
190
190
|
*/
|
|
191
191
|
render() {
|
|
192
|
-
return (index.h(index.Host, { key: '
|
|
192
|
+
return (index.h(index.Host, { key: '0811162c634e2b8b369c4e7f4b812f8a1273d968', onClick: this.onClick, class: {
|
|
193
193
|
horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
|
|
194
194
|
"horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
|
|
195
195
|
"duet-m-0": this.margin === "none",
|
|
196
|
-
} }, index.h("div", { key: '
|
|
196
|
+
} }, index.h("div", { key: '092e3a273977a27528421ed663ff7fb02d8d69c3', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, index.h("slot", { key: '4718ae20d1c35598cd5303f78aff0a4396cb2347', name: "input" }), index.h("label", { key: 'ec79e101c2130e2bb249336066e200e0dd4be698', inert: true, ref: element => (this.labelElement = element), class: {
|
|
197
197
|
"duet-label": true,
|
|
198
198
|
checked: this.checked,
|
|
199
199
|
focus: this.focus,
|
|
200
200
|
disabled: this.disabled || this.groupDisabled,
|
|
201
|
-
} }, index.h("div", { key: '
|
|
201
|
+
} }, index.h("div", { key: '11d19022266ecb88c7f4e473ac20279dc02fbd08', class: "duet-label-content" }, this.hasLabel ? index.h("slot", { name: "label" }) : this.label)))));
|
|
202
202
|
}
|
|
203
203
|
get element() { return index.getElement(this); }
|
|
204
204
|
};
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var index = require('./index-CdC7dzZ-.js');
|
|
7
|
-
var tokens_module = require('./tokens.module-
|
|
7
|
+
var tokens_module = require('./tokens.module-GwBgNF6_.js');
|
|
8
8
|
var label = require('./label-BQpxsrOR.js');
|
|
9
9
|
var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
10
10
|
var createId = require('./create-id-DtslnIOq.js');
|
|
@@ -8,10 +8,10 @@ var themeableComponent = require('./themeable-component-C57DSx5w.js');
|
|
|
8
8
|
var slotUtils = require('./slot-utils-DgJchaT4.js');
|
|
9
9
|
var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
|
|
10
10
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
11
|
-
var tokenUtils = require('./token-utils-
|
|
11
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
12
12
|
var createId = require('./create-id-DtslnIOq.js');
|
|
13
13
|
require('./string-utils-B35hEUBv.js');
|
|
14
|
-
require('./tokens.module-
|
|
14
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
15
15
|
|
|
16
16
|
const duetScrollableCss = "*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
|
|
17
17
|
|
|
@@ -9,9 +9,9 @@ var bodyScroll = require('./body-scroll-FWPe3_T_.js');
|
|
|
9
9
|
var focusUtils = require('./focus-utils-dqd59YI6.js');
|
|
10
10
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
11
11
|
var slotUtils = require('./slot-utils-DgJchaT4.js');
|
|
12
|
-
var tokenUtils = require('./token-utils-
|
|
12
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
13
13
|
require('./string-utils-B35hEUBv.js');
|
|
14
|
-
require('./tokens.module-
|
|
14
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
15
15
|
|
|
16
16
|
const duetSlideoutPanelCss = "*,*::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;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 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:1.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{position:absolute;top:0;left:16px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{background:rgb(247, 178, 40)}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{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-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}";
|
|
17
17
|
|
|
@@ -11,9 +11,9 @@ var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
|
|
|
11
11
|
var languageUtils = require('./language-utils-A7DfQayC.js');
|
|
12
12
|
var slotUtils = require('./slot-utils-DgJchaT4.js');
|
|
13
13
|
var teleport = require('./teleport-BIcrl_KV.js');
|
|
14
|
-
var tokenUtils = require('./token-utils-
|
|
14
|
+
var tokenUtils = require('./token-utils-BUKJTu4j.js');
|
|
15
15
|
require('./string-utils-B35hEUBv.js');
|
|
16
|
-
require('./tokens.module-
|
|
16
|
+
require('./tokens.module-GwBgNF6_.js');
|
|
17
17
|
|
|
18
18
|
const duetSlideoutCss = "*,*::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;position:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;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;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.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)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{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-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}";
|
|
19
19
|
|