Join our webinar on Wednesday, June 26, at 1pm EDTHow Chia Mitigates Risk in the Crypto Industry.Register →
Socket
Socket
Sign inDemoInstall

@duetds/components

Package Overview
Dependencies
2
Maintainers
2
Versions
582
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.1-alpha.47 to 0.0.1-alpha.48

lib/cjs/es5/build/chunk-5c590760.js
lib/duet/chunk-5c590760.js
lib/duet/chunk-a2ba526f.es5.js
lib/esm/es2017/build/chunk-5c590760.js
lib/esm/es5/build/chunk-5c590760.js

122

lib/cjs/es5/build/duet-button.entry.js

@@ -5,3 +5,3 @@ "use strict";

var chunk_e639420f_js_1 = require("./chunk-e639420f.js");
var chunk_2badfa5e_js_1 = require("./chunk-2badfa5e.js");
var chunk_5c590760_js_1 = require("./chunk-5c590760.js");
var DuetButton = /** @class */ (function () {

@@ -127,7 +127,7 @@ function DuetButton() {

if (this.url) {
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, duet_core_js_1.h("span", { class: "duet-button-contents" }, this.icon !== "" ? duet_core_js_1.h("span", { class: iconClasses, innerHTML: chunk_2badfa5e_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null))), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : ""));
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, duet_core_js_1.h("span", { class: "duet-button-contents" }, this.icon !== "" ? duet_core_js_1.h("span", { class: iconClasses, innerHTML: chunk_5c590760_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null))), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : ""));
// If URL prop doesn’t exist, render a regular button.
}
else {
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, duet_core_js_1.h("span", { class: "duet-button-contents" }, this.icon !== "" ? duet_core_js_1.h("span", { class: iconClasses, innerHTML: chunk_2badfa5e_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null))), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : ""));
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, duet_core_js_1.h("span", { class: "duet-button-contents" }, this.icon !== "" ? duet_core_js_1.h("span", { class: iconClasses, innerHTML: chunk_5c590760_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null))), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : ""));
}

@@ -238,3 +238,3 @@ };

Object.defineProperty(DuetButton, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; },
enumerable: true,

@@ -306,2 +306,3 @@ configurable: true

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -422,57 +423,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;
var DuetSpinner = /** @class */ (function () {

@@ -531,3 +533,3 @@ function DuetSpinner() {

Object.defineProperty(DuetSpinner, "style", {
get: function () { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
get: function () { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
enumerable: true,

@@ -534,0 +536,0 @@ configurable: true

122

lib/cjs/es5/build/duet-button.sc.entry.js

@@ -5,3 +5,3 @@ "use strict";

var chunk_e639420f_js_1 = require("./chunk-e639420f.js");
var chunk_2badfa5e_js_1 = require("./chunk-2badfa5e.js");
var chunk_5c590760_js_1 = require("./chunk-5c590760.js");
var DuetButton = /** @class */ (function () {

@@ -127,7 +127,7 @@ function DuetButton() {

if (this.url) {
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, duet_core_js_1.h("span", { class: "duet-button-contents" }, this.icon !== "" ? duet_core_js_1.h("span", { class: iconClasses, innerHTML: chunk_2badfa5e_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null))), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : ""));
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("a", { href: this.url, class: buttonClasses, target: this.external ? "_blank" : "_self", "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, id: this.identifier }, duet_core_js_1.h("span", { class: "duet-button-contents" }, this.icon !== "" ? duet_core_js_1.h("span", { class: iconClasses, innerHTML: chunk_5c590760_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null))), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : ""));
// If URL prop doesn’t exist, render a regular button.
}
else {
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, duet_core_js_1.h("span", { class: "duet-button-contents" }, this.icon !== "" ? duet_core_js_1.h("span", { class: iconClasses, innerHTML: chunk_2badfa5e_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null))), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : ""));
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("button", { type: type, class: buttonClasses, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded, "aria-pressed": this.accessiblePressed, onClick: function (e) { return _this.handleClick(e); }, onBlur: function (e) { return _this.handleBlur(e); }, onFocus: function (e) { return _this.handleFocus(e); }, disabled: this.disabled, id: this.identifier }, duet_core_js_1.h("span", { class: "duet-button-contents" }, this.icon !== "" ? duet_core_js_1.h("span", { class: iconClasses, innerHTML: chunk_5c590760_js_1.a[this.icon].svg }) : "", duet_core_js_1.h("slot", null))), this.variation === "loading" ? duet_core_js_1.h("duet-spinner", null) : ""));
}

@@ -238,3 +238,3 @@ };

Object.defineProperty(DuetButton, "style", {
get: function () { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; },
get: function () { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; },
enumerable: true,

@@ -306,2 +306,3 @@ configurable: true

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -422,57 +423,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;
var DuetSpinner = /** @class */ (function () {

@@ -531,3 +533,3 @@ function DuetSpinner() {

Object.defineProperty(DuetSpinner, "style", {
get: function () { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
get: function () { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
enumerable: true,

@@ -534,0 +536,0 @@ configurable: true

2

lib/cjs/es5/build/duet-card.entry.js

@@ -101,3 +101,3 @@ "use strict";

Object.defineProperty(DuetCard, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
enumerable: true,

@@ -104,0 +104,0 @@ configurable: true

2

lib/cjs/es5/build/duet-card.sc.entry.js

@@ -101,3 +101,3 @@ "use strict";

Object.defineProperty(DuetCard, "style", {
get: function () { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
get: function () { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
enumerable: true,

@@ -104,0 +104,0 @@ configurable: true

2

lib/cjs/es5/build/duet-grid-cell.entry.js

@@ -31,3 +31,3 @@ "use strict";

Object.defineProperty(DuetGridCell, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
enumerable: true,

@@ -34,0 +34,0 @@ configurable: true

2

lib/cjs/es5/build/duet-grid-cell.sc.entry.js

@@ -31,3 +31,3 @@ "use strict";

Object.defineProperty(DuetGridCell, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
enumerable: true,

@@ -34,0 +34,0 @@ configurable: true

2

lib/cjs/es5/build/duet-grid.entry.js

@@ -31,3 +31,3 @@ "use strict";

Object.defineProperty(DuetGrid, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
enumerable: true,

@@ -34,0 +34,0 @@ configurable: true

2

lib/cjs/es5/build/duet-grid.sc.entry.js

@@ -31,3 +31,3 @@ "use strict";

Object.defineProperty(DuetGrid, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
enumerable: true,

@@ -34,0 +34,0 @@ configurable: true

2

lib/cjs/es5/build/duet-header.entry.js

@@ -84,3 +84,3 @@ "use strict";

Object.defineProperty(DuetHeader, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; },
enumerable: true,

@@ -87,0 +87,0 @@ configurable: true

2

lib/cjs/es5/build/duet-header.sc.entry.js

@@ -84,3 +84,3 @@ "use strict";

Object.defineProperty(DuetHeader, "style", {
get: function () { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; },
get: function () { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; },
enumerable: true,

@@ -87,0 +87,0 @@ configurable: true

2

lib/cjs/es5/build/duet-heading.entry.js

@@ -99,3 +99,3 @@ "use strict";

Object.defineProperty(DuetHeading, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; },
enumerable: true,

@@ -102,0 +102,0 @@ configurable: true

2

lib/cjs/es5/build/duet-heading.sc.entry.js

@@ -99,3 +99,3 @@ "use strict";

Object.defineProperty(DuetHeading, "style", {
get: function () { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; },
get: function () { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; },
enumerable: true,

@@ -102,0 +102,0 @@ configurable: true

6

lib/cjs/es5/build/duet-input.entry.js

@@ -5,3 +5,3 @@ "use strict";

var chunk_e639420f_js_1 = require("./chunk-e639420f.js");
var chunk_2badfa5e_js_1 = require("./chunk-2badfa5e.js");
var chunk_5c590760_js_1 = require("./chunk-5c590760.js");
var DuetInput = /** @class */ (function () {

@@ -136,3 +136,3 @@ function DuetInput() {

var regex = this.pattern ? this.pattern : regexType;
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), duet_core_js_1.h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (duet_core_js_1.h("div", { class: "duet-input-icon", innerHTML: chunk_2badfa5e_js_1.a["form-" + this.type].svg })) : (""), duet_core_js_1.h("span", { class: "duet-input-help" }, this.helpText)));
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), duet_core_js_1.h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (duet_core_js_1.h("div", { class: "duet-input-icon", innerHTML: chunk_5c590760_js_1.a["form-" + this.type].svg })) : (""), duet_core_js_1.h("span", { class: "duet-input-help" }, this.helpText)));
};

@@ -294,3 +294,3 @@ Object.defineProperty(DuetInput, "is", {

Object.defineProperty(DuetInput, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
enumerable: true,

@@ -297,0 +297,0 @@ configurable: true

6

lib/cjs/es5/build/duet-input.sc.entry.js

@@ -5,3 +5,3 @@ "use strict";

var chunk_e639420f_js_1 = require("./chunk-e639420f.js");
var chunk_2badfa5e_js_1 = require("./chunk-2badfa5e.js");
var chunk_5c590760_js_1 = require("./chunk-5c590760.js");
var DuetInput = /** @class */ (function () {

@@ -136,3 +136,3 @@ function DuetInput() {

var regex = this.pattern ? this.pattern : regexType;
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), duet_core_js_1.h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (duet_core_js_1.h("div", { class: "duet-input-icon", innerHTML: chunk_2badfa5e_js_1.a["form-" + this.type].svg })) : (""), duet_core_js_1.h("span", { class: "duet-input-help" }, this.helpText)));
return (duet_core_js_1.h("div", { class: containerClasses }, duet_core_js_1.h("label", { class: "duet-label", htmlFor: this.identifier || "item" }, this.label), duet_core_js_1.h("input", { type: this.type, class: inputClasses, value: this.value, autofocus: this.autofocus, disabled: this.disabled, "label-hidden": this.labelHidden, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-active-descendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, maxlength: this.maxLength, minlength: this.minLength, pattern: regex, placeholder: this.placeholder, spellcheck: this.spellCheck, autocomplete: this.autoComplete, onClick: function (ev) { return _this.handleClick(ev); }, onInput: function (ev) { return _this.handleInput(ev); }, onBlur: function (ev) { return _this.handleBlur(ev); }, onFocus: function (ev) { return _this.handleFocus(ev); }, required: this.required, role: this.role, name: this.name, id: this.identifier || "item" }), this.type !== "text" && this.type !== "number" && this.type !== "password" ? (duet_core_js_1.h("div", { class: "duet-input-icon", innerHTML: chunk_5c590760_js_1.a["form-" + this.type].svg })) : (""), duet_core_js_1.h("span", { class: "duet-input-help" }, this.helpText)));
};

@@ -294,3 +294,3 @@ Object.defineProperty(DuetInput, "is", {

Object.defineProperty(DuetInput, "style", {
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
enumerable: true,

@@ -297,0 +297,0 @@ configurable: true

2

lib/cjs/es5/build/duet-layout.entry.js

@@ -44,3 +44,3 @@ "use strict";

Object.defineProperty(DuetLayout, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
enumerable: true,

@@ -47,0 +47,0 @@ configurable: true

2

lib/cjs/es5/build/duet-layout.sc.entry.js

@@ -44,3 +44,3 @@ "use strict";

Object.defineProperty(DuetLayout, "style", {
get: function () { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
get: function () { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
enumerable: true,

@@ -47,0 +47,0 @@ configurable: true

2

lib/cjs/es5/build/duet-paragraph.entry.js

@@ -74,3 +74,3 @@ "use strict";

Object.defineProperty(DuetParagraph, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
enumerable: true,

@@ -77,0 +77,0 @@ configurable: true

2

lib/cjs/es5/build/duet-paragraph.sc.entry.js

@@ -74,3 +74,3 @@ "use strict";

Object.defineProperty(DuetParagraph, "style", {
get: function () { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
get: function () { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
enumerable: true,

@@ -77,0 +77,0 @@ configurable: true

15

lib/cjs/es5/build/duet-prototype-header.entry.js
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var duet_core_js_1 = require("../duet.core.js");
var chunk_2badfa5e_js_1 = require("./chunk-2badfa5e.js");
var chunk_5c590760_js_1 = require("./chunk-5c590760.js");
var DuetPrototypeHeader = /** @class */ (function () {

@@ -12,4 +12,4 @@ function DuetPrototypeHeader() {

DuetPrototypeHeader.prototype.componentDidLoad = function () {
var toggles = this.element.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.querySelectorAll(".dropdown-content");
var toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -56,3 +56,3 @@ console.log("called");

DuetPrototypeHeader.prototype.render = function () {
return (duet_core_js_1.h("span", null, duet_core_js_1.h("header", { class: "duet-prototype-header" }, duet_core_js_1.h("a", { href: "#", class: "logo" }, duet_core_js_1.h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, duet_core_js_1.h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), duet_core_js_1.h("div", { class: "secondary-nav" }, duet_core_js_1.h("div", { class: "dropdown" }, duet_core_js_1.h("button", { class: "dropdown-toggle" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["navigation-contact-dropdown"].svg }), duet_core_js_1.h("span", { class: "text" }, "Ota yhteytt\u00E4")), duet_core_js_1.h("div", { class: "dropdown-content" }, duet_core_js_1.h("a", { href: "#" }, "Kaikki yhteystiedot"), duet_core_js_1.h("a", { href: "#" }, "Omat viestit"), duet_core_js_1.h("a", { href: "#" }, "Aloita chat"))), duet_core_js_1.h("div", { class: "dropdown" }, duet_core_js_1.h("button", { class: "dropdown-toggle" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["navigation-language"].svg }), duet_core_js_1.h("span", { class: "text" }, "FI")), duet_core_js_1.h("div", { class: "dropdown-content" }, duet_core_js_1.h("button", { class: "selected" }, "Suomeksi", duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["messaging-checked"].svg })), duet_core_js_1.h("button", null, "P\u00E5 Svenska"), duet_core_js_1.h("button", null, "In English"))), duet_core_js_1.h("a", { class: "menu-item", href: "#" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["navigation-user"].svg }), duet_core_js_1.h("span", { class: "text" }, "Laura-Karoliina")), duet_core_js_1.h("a", { class: "menu-item", href: "#" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["navigation-logout"].svg }), duet_core_js_1.h("span", { class: "text" }, "Kirjaudu ulos")))), duet_core_js_1.h("nav", { class: "primary-nav" }, duet_core_js_1.h("a", { href: "#", class: "selected" }, "Etusivu"), duet_core_js_1.h("a", { href: "#" }, "Vakuutukset"), duet_core_js_1.h("a", { href: "#" }, "Korvaukset"), duet_core_js_1.h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), duet_core_js_1.h("a", { href: "#" }, "Laskut"), duet_core_js_1.h("a", { href: "#" }, "Omat viestit ", duet_core_js_1.h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
return (duet_core_js_1.h("span", null, duet_core_js_1.h("header", { class: "duet-prototype-header" }, duet_core_js_1.h("a", { href: "#", class: "logo" }, duet_core_js_1.h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, duet_core_js_1.h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), duet_core_js_1.h("div", { class: "secondary-nav" }, duet_core_js_1.h("div", { class: "dropdown" }, duet_core_js_1.h("button", { class: "dropdown-toggle" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["navigation-contact-dropdown"].svg }), duet_core_js_1.h("span", { class: "text" }, "Ota yhteytt\u00E4")), duet_core_js_1.h("div", { class: "dropdown-content" }, duet_core_js_1.h("a", { href: "#" }, "Kaikki yhteystiedot"), duet_core_js_1.h("a", { href: "#" }, "Omat viestit"), duet_core_js_1.h("a", { href: "#" }, "Aloita chat"))), duet_core_js_1.h("div", { class: "dropdown" }, duet_core_js_1.h("button", { class: "dropdown-toggle" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["navigation-language"].svg }), duet_core_js_1.h("span", { class: "text" }, "FI")), duet_core_js_1.h("div", { class: "dropdown-content" }, duet_core_js_1.h("button", { class: "selected" }, "Suomeksi", duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["messaging-checked-small"].svg })), duet_core_js_1.h("button", null, "P\u00E5 Svenska"), duet_core_js_1.h("button", null, "In English"))), duet_core_js_1.h("a", { class: "menu-item", href: "#" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["navigation-user"].svg }), duet_core_js_1.h("span", { class: "text" }, "Laura-Karoliina")), duet_core_js_1.h("a", { class: "menu-item", href: "#" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["navigation-logout"].svg }), duet_core_js_1.h("span", { class: "text" }, "Kirjaudu ulos")))), duet_core_js_1.h("nav", { class: "primary-nav" }, duet_core_js_1.h("a", { href: "#", class: "selected" }, "Etusivu"), duet_core_js_1.h("a", { href: "#" }, "Vakuutukset"), duet_core_js_1.h("a", { href: "#" }, "Korvaukset"), duet_core_js_1.h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), duet_core_js_1.h("a", { href: "#" }, "Laskut"), duet_core_js_1.h("a", { href: "#" }, "Omat viestit ", duet_core_js_1.h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
};

@@ -64,2 +64,7 @@ Object.defineProperty(DuetPrototypeHeader, "is", {

});
Object.defineProperty(DuetPrototypeHeader, "encapsulation", {
get: function () { return "shadow"; },
enumerable: true,
configurable: true
});
Object.defineProperty(DuetPrototypeHeader, "properties", {

@@ -77,3 +82,3 @@ get: function () {

Object.defineProperty(DuetPrototypeHeader, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; },
enumerable: true,

@@ -80,0 +85,0 @@ configurable: true

15

lib/cjs/es5/build/duet-prototype-header.sc.entry.js
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var duet_core_js_1 = require("../duet.core.js");
var chunk_2badfa5e_js_1 = require("./chunk-2badfa5e.js");
var chunk_5c590760_js_1 = require("./chunk-5c590760.js");
var DuetPrototypeHeader = /** @class */ (function () {

@@ -12,4 +12,4 @@ function DuetPrototypeHeader() {

DuetPrototypeHeader.prototype.componentDidLoad = function () {
var toggles = this.element.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.querySelectorAll(".dropdown-content");
var toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -56,3 +56,3 @@ console.log("called");

DuetPrototypeHeader.prototype.render = function () {
return (duet_core_js_1.h("span", null, duet_core_js_1.h("header", { class: "duet-prototype-header" }, duet_core_js_1.h("a", { href: "#", class: "logo" }, duet_core_js_1.h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, duet_core_js_1.h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), duet_core_js_1.h("div", { class: "secondary-nav" }, duet_core_js_1.h("div", { class: "dropdown" }, duet_core_js_1.h("button", { class: "dropdown-toggle" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["navigation-contact-dropdown"].svg }), duet_core_js_1.h("span", { class: "text" }, "Ota yhteytt\u00E4")), duet_core_js_1.h("div", { class: "dropdown-content" }, duet_core_js_1.h("a", { href: "#" }, "Kaikki yhteystiedot"), duet_core_js_1.h("a", { href: "#" }, "Omat viestit"), duet_core_js_1.h("a", { href: "#" }, "Aloita chat"))), duet_core_js_1.h("div", { class: "dropdown" }, duet_core_js_1.h("button", { class: "dropdown-toggle" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["navigation-language"].svg }), duet_core_js_1.h("span", { class: "text" }, "FI")), duet_core_js_1.h("div", { class: "dropdown-content" }, duet_core_js_1.h("button", { class: "selected" }, "Suomeksi", duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["messaging-checked"].svg })), duet_core_js_1.h("button", null, "P\u00E5 Svenska"), duet_core_js_1.h("button", null, "In English"))), duet_core_js_1.h("a", { class: "menu-item", href: "#" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["navigation-user"].svg }), duet_core_js_1.h("span", { class: "text" }, "Laura-Karoliina")), duet_core_js_1.h("a", { class: "menu-item", href: "#" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_2badfa5e_js_1.a["navigation-logout"].svg }), duet_core_js_1.h("span", { class: "text" }, "Kirjaudu ulos")))), duet_core_js_1.h("nav", { class: "primary-nav" }, duet_core_js_1.h("a", { href: "#", class: "selected" }, "Etusivu"), duet_core_js_1.h("a", { href: "#" }, "Vakuutukset"), duet_core_js_1.h("a", { href: "#" }, "Korvaukset"), duet_core_js_1.h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), duet_core_js_1.h("a", { href: "#" }, "Laskut"), duet_core_js_1.h("a", { href: "#" }, "Omat viestit ", duet_core_js_1.h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
return (duet_core_js_1.h("span", null, duet_core_js_1.h("header", { class: "duet-prototype-header" }, duet_core_js_1.h("a", { href: "#", class: "logo" }, duet_core_js_1.h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, duet_core_js_1.h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), duet_core_js_1.h("div", { class: "secondary-nav" }, duet_core_js_1.h("div", { class: "dropdown" }, duet_core_js_1.h("button", { class: "dropdown-toggle" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["navigation-contact-dropdown"].svg }), duet_core_js_1.h("span", { class: "text" }, "Ota yhteytt\u00E4")), duet_core_js_1.h("div", { class: "dropdown-content" }, duet_core_js_1.h("a", { href: "#" }, "Kaikki yhteystiedot"), duet_core_js_1.h("a", { href: "#" }, "Omat viestit"), duet_core_js_1.h("a", { href: "#" }, "Aloita chat"))), duet_core_js_1.h("div", { class: "dropdown" }, duet_core_js_1.h("button", { class: "dropdown-toggle" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["navigation-language"].svg }), duet_core_js_1.h("span", { class: "text" }, "FI")), duet_core_js_1.h("div", { class: "dropdown-content" }, duet_core_js_1.h("button", { class: "selected" }, "Suomeksi", duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["messaging-checked-small"].svg })), duet_core_js_1.h("button", null, "P\u00E5 Svenska"), duet_core_js_1.h("button", null, "In English"))), duet_core_js_1.h("a", { class: "menu-item", href: "#" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["navigation-user"].svg }), duet_core_js_1.h("span", { class: "text" }, "Laura-Karoliina")), duet_core_js_1.h("a", { class: "menu-item", href: "#" }, duet_core_js_1.h("span", { class: "icon", innerHTML: chunk_5c590760_js_1.a["navigation-logout"].svg }), duet_core_js_1.h("span", { class: "text" }, "Kirjaudu ulos")))), duet_core_js_1.h("nav", { class: "primary-nav" }, duet_core_js_1.h("a", { href: "#", class: "selected" }, "Etusivu"), duet_core_js_1.h("a", { href: "#" }, "Vakuutukset"), duet_core_js_1.h("a", { href: "#" }, "Korvaukset"), duet_core_js_1.h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), duet_core_js_1.h("a", { href: "#" }, "Laskut"), duet_core_js_1.h("a", { href: "#" }, "Omat viestit ", duet_core_js_1.h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
};

@@ -64,2 +64,7 @@ Object.defineProperty(DuetPrototypeHeader, "is", {

});
Object.defineProperty(DuetPrototypeHeader, "encapsulation", {
get: function () { return "shadow"; },
enumerable: true,
configurable: true
});
Object.defineProperty(DuetPrototypeHeader, "properties", {

@@ -77,3 +82,3 @@ get: function () {

Object.defineProperty(DuetPrototypeHeader, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; },
get: function () { return ".sc-duet-prototype-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo.sc-duet-prototype-header {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 130px;\n height: auto;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header path.sc-duet-prototype-header {\n fill: #00a1d4;\n}\n\n.dropdown-toggle.sc-duet-prototype-header, .menu-item.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle.sc-duet-prototype-header::after, .menu-item.sc-duet-prototype-header::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle.sc-duet-prototype-header:last-child::after, .menu-item.sc-duet-prototype-header:last-child::after {\n display: none;\n}\n.dropdown-toggle.sc-duet-prototype-header:hover, .menu-item.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\n.dropdown-toggle.sc-duet-prototype-header:active, .menu-item.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav.sc-duet-prototype-header > *.sc-duet-prototype-header, .secondary-nav.sc-duet-prototype-header span.sc-duet-prototype-header {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.active.sc-duet-prototype-header {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header:focus {\n outline: 0;\n}\n.secondary-nav.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child {\n padding-left: 0;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child::after {\n left: 0 !important;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator.sc-duet-prototype-header {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown.sc-duet-prototype-header {\n position: relative;\n}\n\n.dropdown-content.sc-duet-prototype-header {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active.sc-duet-prototype-header {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header:hover, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n background: #e6f2f8;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; },
enumerable: true,

@@ -80,0 +85,0 @@ configurable: true

2

lib/cjs/es5/duet.components.js
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
// Duet: Host Data, ES Module/es5 Target
exports.COMPONENTS = [["duet-button", "duet-button", 1, [["accessibleControls", 1, 0, "accessible-controls", 2], ["accessibleExpanded", 1, 0, "accessible-expanded", 4], ["accessibleLabel", 1, 0, "accessible-label", 2], ["accessiblePressed", 1, 0, "accessible-pressed", 4], ["disabled", 1, 0, 1, 4], ["element", 64], ["expand", 1, 0, 1, 4], ["external", 1, 0, 1, 4], ["icon", 1, 0, 1, 2], ["iconRight", 1, 0, "icon-right", 4], ["identifier", 1, 0, 1, 2], ["submit", 1, 0, 1, 4], ["theme", 1, 0, 1, 2], ["url", 1, 0, 1, 2], ["variation", 1, 0, 1, 2]], 1], ["duet-card", "duet-card", 1, [["cardTitle", 1, 0, "card-title", 2], ["element", 64], ["padding", 1, 0, 1, 2], ["theme", 1, 0, 1, 2], ["url", 1, 0, 1, 2]], 1], ["duet-grid", "duet-grid", 1, [["element", 64]]], ["duet-grid-cell", "duet-grid-cell", 1, [["element", 64]]], ["duet-header", "duet-header", 1, [["element", 64], ["position", 1, 0, 1, 2], ["theme", 1, 0, 1, 2]], 1], ["duet-heading", "duet-heading", 1, [["element", 64], ["level", 1, 0, 1, 2], ["theme", 1, 0, 1, 2]], 1], ["duet-input", "duet-input", 1, [["accessibleActiveDescendant", 1, 0, "accessible-active-descendant", 2], ["accessibleAutocomplete", 1, 0, "accessible-autocomplete", 2], ["accessibleControls", 1, 0, "accessible-controls", 2], ["accessibleOwns", 1, 0, "accessible-owns", 2], ["autoComplete", 1, 0, "auto-complete", 2], ["autofocus", 1, 0, 1, 4], ["disabled", 1, 0, 1, 4], ["element", 64], ["expand", 1, 0, 1, 4], ["helpText", 1, 0, "help-text", 2], ["identifier", 1, 0, 1, 2], ["inputPrefix", 1, 0, "input-prefix", 2], ["inputSuffix", 1, 0, "input-suffix", 2], ["label", 1, 0, 1, 2], ["labelHidden", 1, 0, "label-hidden", 4], ["maxLength", 1, 0, "max-length", 8], ["minLength", 1, 0, "min-length", 8], ["name", 1, 0, 1, 2], ["pattern", 1, 0, 1, 2], ["placeholder", 1, 0, 1, 2], ["required", 1, 0, 1, 4], ["role", 1, 0, 1, 2], ["spellCheck", 1, 0, "spell-check", 4], ["theme", 1, 0, 1, 2], ["type", 1, 0, 1, 2], ["value", 2, 1, 1, 2]], 1], ["duet-layout", "duet-layout", 1, [["element", 64], ["variation", 1, 0, 1, 2]], 1], ["duet-paragraph", "duet-paragraph", 1, [["element", 64], ["theme", 1, 0, 1, 2]], 1], ["duet-prototype-header", "duet-prototype-header", 1, [["element", 64]]], ["duet-spinner", "duet-button", 1, [["accessibleLabel", 1, 0, "accessible-label", 2], ["color", 1, 0, 1, 2], ["size", 1, 0, 1, 2]], 1]];
exports.COMPONENTS = [["duet-button", "duet-button", 1, [["accessibleControls", 1, 0, "accessible-controls", 2], ["accessibleExpanded", 1, 0, "accessible-expanded", 4], ["accessibleLabel", 1, 0, "accessible-label", 2], ["accessiblePressed", 1, 0, "accessible-pressed", 4], ["disabled", 1, 0, 1, 4], ["element", 64], ["expand", 1, 0, 1, 4], ["external", 1, 0, 1, 4], ["icon", 1, 0, 1, 2], ["iconRight", 1, 0, "icon-right", 4], ["identifier", 1, 0, 1, 2], ["submit", 1, 0, 1, 4], ["theme", 1, 0, 1, 2], ["url", 1, 0, 1, 2], ["variation", 1, 0, 1, 2]], 1], ["duet-card", "duet-card", 1, [["cardTitle", 1, 0, "card-title", 2], ["element", 64], ["padding", 1, 0, 1, 2], ["theme", 1, 0, 1, 2], ["url", 1, 0, 1, 2]], 1], ["duet-grid", "duet-grid", 1, [["element", 64]]], ["duet-grid-cell", "duet-grid-cell", 1, [["element", 64]]], ["duet-header", "duet-header", 1, [["element", 64], ["position", 1, 0, 1, 2], ["theme", 1, 0, 1, 2]], 1], ["duet-heading", "duet-heading", 1, [["element", 64], ["level", 1, 0, 1, 2], ["theme", 1, 0, 1, 2]], 1], ["duet-input", "duet-input", 1, [["accessibleActiveDescendant", 1, 0, "accessible-active-descendant", 2], ["accessibleAutocomplete", 1, 0, "accessible-autocomplete", 2], ["accessibleControls", 1, 0, "accessible-controls", 2], ["accessibleOwns", 1, 0, "accessible-owns", 2], ["autoComplete", 1, 0, "auto-complete", 2], ["autofocus", 1, 0, 1, 4], ["disabled", 1, 0, 1, 4], ["element", 64], ["expand", 1, 0, 1, 4], ["helpText", 1, 0, "help-text", 2], ["identifier", 1, 0, 1, 2], ["inputPrefix", 1, 0, "input-prefix", 2], ["inputSuffix", 1, 0, "input-suffix", 2], ["label", 1, 0, 1, 2], ["labelHidden", 1, 0, "label-hidden", 4], ["maxLength", 1, 0, "max-length", 8], ["minLength", 1, 0, "min-length", 8], ["name", 1, 0, 1, 2], ["pattern", 1, 0, 1, 2], ["placeholder", 1, 0, 1, 2], ["required", 1, 0, 1, 4], ["role", 1, 0, 1, 2], ["spellCheck", 1, 0, "spell-check", 4], ["theme", 1, 0, 1, 2], ["type", 1, 0, 1, 2], ["value", 2, 1, 1, 2]], 1], ["duet-layout", "duet-layout", 1, [["element", 64], ["variation", 1, 0, 1, 2]], 1], ["duet-paragraph", "duet-paragraph", 1, [["element", 64], ["theme", 1, 0, 1, 2]], 1], ["duet-prototype-header", "duet-prototype-header", 1, [["element", 64]], 1], ["duet-spinner", "duet-button", 1, [["accessibleLabel", 1, 0, "accessible-label", 2], ["color", 1, 0, 1, 2], ["size", 1, 0, 1, 2]], 1]];

3

lib/collection/collection-manifest.json

@@ -456,3 +456,4 @@ {

"name": "element"
}
},
"shadow": true
},

@@ -459,0 +460,0 @@ {

7

lib/collection/components/duet-prototype-header/duet-prototype-header.js

@@ -7,4 +7,4 @@ import duetIcons from "@duetds/icons";

componentDidLoad() {
const toggles = this.element.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.querySelectorAll(".dropdown-content");
const toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -72,3 +72,3 @@ console.log("called");

"Suomeksi",
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked"].svg })),
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked-small"].svg })),
h("button", null, "P\u00E5 Svenska"),

@@ -93,2 +93,3 @@ h("button", null, "In English"))),

static get is() { return "duet-prototype-header"; }
static get encapsulation() { return "shadow"; }
static get properties() { return {

@@ -95,0 +96,0 @@ "element": {

118

lib/duet/duet-button.entry.js
const h = window.Duet.h;
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -223,3 +223,3 @@ class DuetButton {

}]; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; }
}

@@ -287,2 +287,3 @@

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -403,57 +404,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;

@@ -498,5 +500,5 @@ class DuetSpinner {

}; }
static get style() { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; }
static get style() { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; }
}
export { DuetButton, DuetSpinner };

118

lib/duet/duet-button.es5.entry.js

@@ -1,2 +0,2 @@

Duet.loadBundle('duet-button', ['exports', './chunk-fdfae928.js', './chunk-b11ffd06.js'], function (exports, __chunk_1, __chunk_2) {
Duet.loadBundle('duet-button', ['exports', './chunk-fdfae928.js', './chunk-a2ba526f.js'], function (exports, __chunk_1, __chunk_2) {
var h = window.Duet.h;

@@ -233,3 +233,3 @@ var DuetButton = /** @class */ (function () {

Object.defineProperty(DuetButton, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; },
enumerable: true,

@@ -300,2 +300,3 @@ configurable: true

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -416,57 +417,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;
var DuetSpinner = /** @class */ (function () {

@@ -525,3 +527,3 @@ function DuetSpinner() {

Object.defineProperty(DuetSpinner, "style", {
get: function () { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
get: function () { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
enumerable: true,

@@ -528,0 +530,0 @@ configurable: true

118

lib/duet/duet-button.sc.entry.js
const h = window.Duet.h;
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -223,3 +223,3 @@ class DuetButton {

}]; }
static get style() { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; }
static get style() { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; }
}

@@ -287,2 +287,3 @@

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -403,57 +404,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;

@@ -498,5 +500,5 @@ class DuetSpinner {

}; }
static get style() { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; }
static get style() { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; }
}
export { DuetButton, DuetSpinner };

118

lib/duet/duet-button.sc.es5.entry.js

@@ -1,2 +0,2 @@

Duet.loadBundle('duet-button', ['exports', './chunk-fdfae928.js', './chunk-b11ffd06.js'], function (exports, __chunk_1, __chunk_2) {
Duet.loadBundle('duet-button', ['exports', './chunk-fdfae928.js', './chunk-a2ba526f.js'], function (exports, __chunk_1, __chunk_2) {
var h = window.Duet.h;

@@ -233,3 +233,3 @@ var DuetButton = /** @class */ (function () {

Object.defineProperty(DuetButton, "style", {
get: function () { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; },
get: function () { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; },
enumerable: true,

@@ -300,2 +300,3 @@ configurable: true

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -416,57 +417,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;
var DuetSpinner = /** @class */ (function () {

@@ -525,3 +527,3 @@ function DuetSpinner() {

Object.defineProperty(DuetSpinner, "style", {
get: function () { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
get: function () { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
enumerable: true,

@@ -528,0 +530,0 @@ configurable: true

2

lib/duet/duet-card.entry.js

@@ -89,5 +89,5 @@ const h = window.Duet.h;

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; }
}
export { DuetCard };

2

lib/duet/duet-card.es5.entry.js

@@ -99,3 +99,3 @@ Duet.loadBundle('duet-card', ['exports', './chunk-fdfae928.js'], function (exports, __chunk_1) {

Object.defineProperty(DuetCard, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
enumerable: true,

@@ -102,0 +102,0 @@ configurable: true

2

lib/duet/duet-card.sc.entry.js

@@ -89,5 +89,5 @@ const h = window.Duet.h;

}; }
static get style() { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; }
static get style() { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; }
}
export { DuetCard };

2

lib/duet/duet-card.sc.es5.entry.js

@@ -99,3 +99,3 @@ Duet.loadBundle('duet-card', ['exports', './chunk-fdfae928.js'], function (exports, __chunk_1) {

Object.defineProperty(DuetCard, "style", {
get: function () { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
get: function () { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
enumerable: true,

@@ -102,0 +102,0 @@ configurable: true

2

lib/duet/duet-grid-cell.entry.js

@@ -18,5 +18,5 @@ const h = window.Duet.h;

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; }
}
export { DuetGridCell };

2

lib/duet/duet-grid-cell.es5.entry.js

@@ -30,3 +30,3 @@ Duet.loadBundle('duet-grid-cell', ['exports'], function (exports) {

Object.defineProperty(DuetGridCell, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
enumerable: true,

@@ -33,0 +33,0 @@ configurable: true

2

lib/duet/duet-grid-cell.sc.entry.js

@@ -18,5 +18,5 @@ const h = window.Duet.h;

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; }
}
export { DuetGridCell };

2

lib/duet/duet-grid-cell.sc.es5.entry.js

@@ -30,3 +30,3 @@ Duet.loadBundle('duet-grid-cell', ['exports'], function (exports) {

Object.defineProperty(DuetGridCell, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
enumerable: true,

@@ -33,0 +33,0 @@ configurable: true

2

lib/duet/duet-grid.entry.js

@@ -18,5 +18,5 @@ const h = window.Duet.h;

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; }
}
export { DuetGrid };

2

lib/duet/duet-grid.es5.entry.js

@@ -30,3 +30,3 @@ Duet.loadBundle('duet-grid', ['exports'], function (exports) {

Object.defineProperty(DuetGrid, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
enumerable: true,

@@ -33,0 +33,0 @@ configurable: true

2

lib/duet/duet-grid.sc.entry.js

@@ -18,5 +18,5 @@ const h = window.Duet.h;

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; }
}
export { DuetGrid };

2

lib/duet/duet-grid.sc.es5.entry.js

@@ -30,3 +30,3 @@ Duet.loadBundle('duet-grid', ['exports'], function (exports) {

Object.defineProperty(DuetGrid, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
enumerable: true,

@@ -33,0 +33,0 @@ configurable: true

2

lib/duet/duet-header.entry.js

@@ -73,5 +73,5 @@ const h = window.Duet.h;

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; }
}
export { DuetHeader };

2

lib/duet/duet-header.es5.entry.js

@@ -82,3 +82,3 @@ Duet.loadBundle('duet-header', ['exports', './chunk-fdfae928.js'], function (exports, __chunk_1) {

Object.defineProperty(DuetHeader, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; },
enumerable: true,

@@ -85,0 +85,0 @@ configurable: true

2

lib/duet/duet-header.sc.entry.js

@@ -73,5 +73,5 @@ const h = window.Duet.h;

}; }
static get style() { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; }
static get style() { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; }
}
export { DuetHeader };

2

lib/duet/duet-header.sc.es5.entry.js

@@ -82,3 +82,3 @@ Duet.loadBundle('duet-header', ['exports', './chunk-fdfae928.js'], function (exports, __chunk_1) {

Object.defineProperty(DuetHeader, "style", {
get: function () { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; },
get: function () { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; },
enumerable: true,

@@ -85,0 +85,0 @@ configurable: true

2

lib/duet/duet-heading.entry.js

@@ -89,5 +89,5 @@ const h = window.Duet.h;

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; }
}
export { DuetHeading };

2

lib/duet/duet-heading.es5.entry.js

@@ -97,3 +97,3 @@ Duet.loadBundle('duet-heading', ['exports', './chunk-fdfae928.js'], function (exports, __chunk_1) {

Object.defineProperty(DuetHeading, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; },
enumerable: true,

@@ -100,0 +100,0 @@ configurable: true

2

lib/duet/duet-heading.sc.entry.js

@@ -89,5 +89,5 @@ const h = window.Duet.h;

}; }
static get style() { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; }
static get style() { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; }
}
export { DuetHeading };

2

lib/duet/duet-heading.sc.es5.entry.js

@@ -97,3 +97,3 @@ Duet.loadBundle('duet-heading', ['exports', './chunk-fdfae928.js'], function (exports, __chunk_1) {

Object.defineProperty(DuetHeading, "style", {
get: function () { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; },
get: function () { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; },
enumerable: true,

@@ -100,0 +100,0 @@ configurable: true

4

lib/duet/duet-input.entry.js
const h = window.Duet.h;
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -273,5 +273,5 @@ class DuetInput {

}]; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
}
export { DuetInput };

4

lib/duet/duet-input.es5.entry.js

@@ -1,2 +0,2 @@

Duet.loadBundle('duet-input', ['exports', './chunk-fdfae928.js', './chunk-b11ffd06.js'], function (exports, __chunk_1, __chunk_2) {
Duet.loadBundle('duet-input', ['exports', './chunk-fdfae928.js', './chunk-a2ba526f.js'], function (exports, __chunk_1, __chunk_2) {
var h = window.Duet.h;

@@ -289,3 +289,3 @@ var DuetInput = /** @class */ (function () {

Object.defineProperty(DuetInput, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
enumerable: true,

@@ -292,0 +292,0 @@ configurable: true

4

lib/duet/duet-input.sc.entry.js
const h = window.Duet.h;
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -273,5 +273,5 @@ class DuetInput {

}]; }
static get style() { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
static get style() { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
}
export { DuetInput };

4

lib/duet/duet-input.sc.es5.entry.js

@@ -1,2 +0,2 @@

Duet.loadBundle('duet-input', ['exports', './chunk-fdfae928.js', './chunk-b11ffd06.js'], function (exports, __chunk_1, __chunk_2) {
Duet.loadBundle('duet-input', ['exports', './chunk-fdfae928.js', './chunk-a2ba526f.js'], function (exports, __chunk_1, __chunk_2) {
var h = window.Duet.h;

@@ -289,3 +289,3 @@ var DuetInput = /** @class */ (function () {

Object.defineProperty(DuetInput, "style", {
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
enumerable: true,

@@ -292,0 +292,0 @@ configurable: true

2

lib/duet/duet-layout.entry.js

@@ -29,5 +29,5 @@ const h = window.Duet.h;

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; }
}
export { DuetLayout };

2

lib/duet/duet-layout.es5.entry.js

@@ -43,3 +43,3 @@ Duet.loadBundle('duet-layout', ['exports'], function (exports) {

Object.defineProperty(DuetLayout, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
enumerable: true,

@@ -46,0 +46,0 @@ configurable: true

2

lib/duet/duet-layout.sc.entry.js

@@ -29,5 +29,5 @@ const h = window.Duet.h;

}; }
static get style() { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; }
static get style() { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; }
}
export { DuetLayout };

2

lib/duet/duet-layout.sc.es5.entry.js

@@ -43,3 +43,3 @@ Duet.loadBundle('duet-layout', ['exports'], function (exports) {

Object.defineProperty(DuetLayout, "style", {
get: function () { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
get: function () { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
enumerable: true,

@@ -46,0 +46,0 @@ configurable: true

2

lib/duet/duet-paragraph.entry.js

@@ -59,5 +59,5 @@ const h = window.Duet.h;

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; }
}
export { DuetParagraph };

2

lib/duet/duet-paragraph.es5.entry.js

@@ -72,3 +72,3 @@ Duet.loadBundle('duet-paragraph', ['exports', './chunk-fdfae928.js'], function (exports, __chunk_1) {

Object.defineProperty(DuetParagraph, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
enumerable: true,

@@ -75,0 +75,0 @@ configurable: true

2

lib/duet/duet-paragraph.sc.entry.js

@@ -59,5 +59,5 @@ const h = window.Duet.h;

}; }
static get style() { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; }
static get style() { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; }
}
export { DuetParagraph };

2

lib/duet/duet-paragraph.sc.es5.entry.js

@@ -72,3 +72,3 @@ Duet.loadBundle('duet-paragraph', ['exports', './chunk-fdfae928.js'], function (exports, __chunk_1) {

Object.defineProperty(DuetParagraph, "style", {
get: function () { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
get: function () { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
enumerable: true,

@@ -75,0 +75,0 @@ configurable: true

11

lib/duet/duet-prototype-header.entry.js
const h = window.Duet.h;
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -10,4 +10,4 @@ class DuetPrototypeHeader {

componentDidLoad() {
const toggles = this.element.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.querySelectorAll(".dropdown-content");
const toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -75,3 +75,3 @@ console.log("called");

"Suomeksi",
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked"].svg })),
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked-small"].svg })),
h("button", null, "P\u00E5 Svenska"),

@@ -96,2 +96,3 @@ h("button", null, "In English"))),

static get is() { return "duet-prototype-header"; }
static get encapsulation() { return "shadow"; }
static get properties() { return {

@@ -102,5 +103,5 @@ "element": {

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; }
}
export { DuetPrototypeHeader };

15

lib/duet/duet-prototype-header.es5.entry.js

@@ -1,2 +0,2 @@

Duet.loadBundle('duet-prototype-header', ['exports', './chunk-b11ffd06.js'], function (exports, __chunk_2) {
Duet.loadBundle('duet-prototype-header', ['exports', './chunk-a2ba526f.js'], function (exports, __chunk_2) {
var h = window.Duet.h;

@@ -10,4 +10,4 @@ var DuetPrototypeHeader = /** @class */ (function () {

DuetPrototypeHeader.prototype.componentDidLoad = function () {
var toggles = this.element.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.querySelectorAll(".dropdown-content");
var toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -54,3 +54,3 @@ console.log("called");

DuetPrototypeHeader.prototype.render = function () {
return (h("span", null, h("header", { class: "duet-prototype-header" }, h("a", { href: "#", class: "logo" }, h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), h("div", { class: "secondary-nav" }, h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-contact-dropdown"].svg }), h("span", { class: "text" }, "Ota yhteytt\u00E4")), h("div", { class: "dropdown-content" }, h("a", { href: "#" }, "Kaikki yhteystiedot"), h("a", { href: "#" }, "Omat viestit"), h("a", { href: "#" }, "Aloita chat"))), h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-language"].svg }), h("span", { class: "text" }, "FI")), h("div", { class: "dropdown-content" }, h("button", { class: "selected" }, "Suomeksi", h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["messaging-checked"].svg })), h("button", null, "P\u00E5 Svenska"), h("button", null, "In English"))), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-user"].svg }), h("span", { class: "text" }, "Laura-Karoliina")), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-logout"].svg }), h("span", { class: "text" }, "Kirjaudu ulos")))), h("nav", { class: "primary-nav" }, h("a", { href: "#", class: "selected" }, "Etusivu"), h("a", { href: "#" }, "Vakuutukset"), h("a", { href: "#" }, "Korvaukset"), h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), h("a", { href: "#" }, "Laskut"), h("a", { href: "#" }, "Omat viestit ", h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
return (h("span", null, h("header", { class: "duet-prototype-header" }, h("a", { href: "#", class: "logo" }, h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), h("div", { class: "secondary-nav" }, h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-contact-dropdown"].svg }), h("span", { class: "text" }, "Ota yhteytt\u00E4")), h("div", { class: "dropdown-content" }, h("a", { href: "#" }, "Kaikki yhteystiedot"), h("a", { href: "#" }, "Omat viestit"), h("a", { href: "#" }, "Aloita chat"))), h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-language"].svg }), h("span", { class: "text" }, "FI")), h("div", { class: "dropdown-content" }, h("button", { class: "selected" }, "Suomeksi", h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["messaging-checked-small"].svg })), h("button", null, "P\u00E5 Svenska"), h("button", null, "In English"))), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-user"].svg }), h("span", { class: "text" }, "Laura-Karoliina")), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-logout"].svg }), h("span", { class: "text" }, "Kirjaudu ulos")))), h("nav", { class: "primary-nav" }, h("a", { href: "#", class: "selected" }, "Etusivu"), h("a", { href: "#" }, "Vakuutukset"), h("a", { href: "#" }, "Korvaukset"), h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), h("a", { href: "#" }, "Laskut"), h("a", { href: "#" }, "Omat viestit ", h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
};

@@ -62,2 +62,7 @@ Object.defineProperty(DuetPrototypeHeader, "is", {

});
Object.defineProperty(DuetPrototypeHeader, "encapsulation", {
get: function () { return "shadow"; },
enumerable: true,
configurable: true
});
Object.defineProperty(DuetPrototypeHeader, "properties", {

@@ -75,3 +80,3 @@ get: function () {

Object.defineProperty(DuetPrototypeHeader, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; },
enumerable: true,

@@ -78,0 +83,0 @@ configurable: true

11

lib/duet/duet-prototype-header.sc.entry.js
const h = window.Duet.h;
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -10,4 +10,4 @@ class DuetPrototypeHeader {

componentDidLoad() {
const toggles = this.element.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.querySelectorAll(".dropdown-content");
const toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -75,3 +75,3 @@ console.log("called");

"Suomeksi",
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked"].svg })),
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked-small"].svg })),
h("button", null, "P\u00E5 Svenska"),

@@ -96,2 +96,3 @@ h("button", null, "In English"))),

static get is() { return "duet-prototype-header"; }
static get encapsulation() { return "shadow"; }
static get properties() { return {

@@ -102,5 +103,5 @@ "element": {

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; }
static get style() { return ".sc-duet-prototype-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo.sc-duet-prototype-header {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 130px;\n height: auto;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header path.sc-duet-prototype-header {\n fill: #00a1d4;\n}\n\n.dropdown-toggle.sc-duet-prototype-header, .menu-item.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle.sc-duet-prototype-header::after, .menu-item.sc-duet-prototype-header::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle.sc-duet-prototype-header:last-child::after, .menu-item.sc-duet-prototype-header:last-child::after {\n display: none;\n}\n.dropdown-toggle.sc-duet-prototype-header:hover, .menu-item.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\n.dropdown-toggle.sc-duet-prototype-header:active, .menu-item.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav.sc-duet-prototype-header > *.sc-duet-prototype-header, .secondary-nav.sc-duet-prototype-header span.sc-duet-prototype-header {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.active.sc-duet-prototype-header {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header:focus {\n outline: 0;\n}\n.secondary-nav.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child {\n padding-left: 0;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child::after {\n left: 0 !important;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator.sc-duet-prototype-header {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown.sc-duet-prototype-header {\n position: relative;\n}\n\n.dropdown-content.sc-duet-prototype-header {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active.sc-duet-prototype-header {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header:hover, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n background: #e6f2f8;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; }
}
export { DuetPrototypeHeader };

15

lib/duet/duet-prototype-header.sc.es5.entry.js

@@ -1,2 +0,2 @@

Duet.loadBundle('duet-prototype-header', ['exports', './chunk-b11ffd06.js'], function (exports, __chunk_2) {
Duet.loadBundle('duet-prototype-header', ['exports', './chunk-a2ba526f.js'], function (exports, __chunk_2) {
var h = window.Duet.h;

@@ -10,4 +10,4 @@ var DuetPrototypeHeader = /** @class */ (function () {

DuetPrototypeHeader.prototype.componentDidLoad = function () {
var toggles = this.element.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.querySelectorAll(".dropdown-content");
var toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -54,3 +54,3 @@ console.log("called");

DuetPrototypeHeader.prototype.render = function () {
return (h("span", null, h("header", { class: "duet-prototype-header" }, h("a", { href: "#", class: "logo" }, h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), h("div", { class: "secondary-nav" }, h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-contact-dropdown"].svg }), h("span", { class: "text" }, "Ota yhteytt\u00E4")), h("div", { class: "dropdown-content" }, h("a", { href: "#" }, "Kaikki yhteystiedot"), h("a", { href: "#" }, "Omat viestit"), h("a", { href: "#" }, "Aloita chat"))), h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-language"].svg }), h("span", { class: "text" }, "FI")), h("div", { class: "dropdown-content" }, h("button", { class: "selected" }, "Suomeksi", h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["messaging-checked"].svg })), h("button", null, "P\u00E5 Svenska"), h("button", null, "In English"))), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-user"].svg }), h("span", { class: "text" }, "Laura-Karoliina")), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-logout"].svg }), h("span", { class: "text" }, "Kirjaudu ulos")))), h("nav", { class: "primary-nav" }, h("a", { href: "#", class: "selected" }, "Etusivu"), h("a", { href: "#" }, "Vakuutukset"), h("a", { href: "#" }, "Korvaukset"), h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), h("a", { href: "#" }, "Laskut"), h("a", { href: "#" }, "Omat viestit ", h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
return (h("span", null, h("header", { class: "duet-prototype-header" }, h("a", { href: "#", class: "logo" }, h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), h("div", { class: "secondary-nav" }, h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-contact-dropdown"].svg }), h("span", { class: "text" }, "Ota yhteytt\u00E4")), h("div", { class: "dropdown-content" }, h("a", { href: "#" }, "Kaikki yhteystiedot"), h("a", { href: "#" }, "Omat viestit"), h("a", { href: "#" }, "Aloita chat"))), h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-language"].svg }), h("span", { class: "text" }, "FI")), h("div", { class: "dropdown-content" }, h("button", { class: "selected" }, "Suomeksi", h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["messaging-checked-small"].svg })), h("button", null, "P\u00E5 Svenska"), h("button", null, "In English"))), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-user"].svg }), h("span", { class: "text" }, "Laura-Karoliina")), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: __chunk_2.duetIcons["navigation-logout"].svg }), h("span", { class: "text" }, "Kirjaudu ulos")))), h("nav", { class: "primary-nav" }, h("a", { href: "#", class: "selected" }, "Etusivu"), h("a", { href: "#" }, "Vakuutukset"), h("a", { href: "#" }, "Korvaukset"), h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), h("a", { href: "#" }, "Laskut"), h("a", { href: "#" }, "Omat viestit ", h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
};

@@ -62,2 +62,7 @@ Object.defineProperty(DuetPrototypeHeader, "is", {

});
Object.defineProperty(DuetPrototypeHeader, "encapsulation", {
get: function () { return "shadow"; },
enumerable: true,
configurable: true
});
Object.defineProperty(DuetPrototypeHeader, "properties", {

@@ -75,3 +80,3 @@ get: function () {

Object.defineProperty(DuetPrototypeHeader, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; },
get: function () { return ".sc-duet-prototype-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo.sc-duet-prototype-header {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 130px;\n height: auto;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header path.sc-duet-prototype-header {\n fill: #00a1d4;\n}\n\n.dropdown-toggle.sc-duet-prototype-header, .menu-item.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle.sc-duet-prototype-header::after, .menu-item.sc-duet-prototype-header::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle.sc-duet-prototype-header:last-child::after, .menu-item.sc-duet-prototype-header:last-child::after {\n display: none;\n}\n.dropdown-toggle.sc-duet-prototype-header:hover, .menu-item.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\n.dropdown-toggle.sc-duet-prototype-header:active, .menu-item.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav.sc-duet-prototype-header > *.sc-duet-prototype-header, .secondary-nav.sc-duet-prototype-header span.sc-duet-prototype-header {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.active.sc-duet-prototype-header {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header:focus {\n outline: 0;\n}\n.secondary-nav.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child {\n padding-left: 0;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child::after {\n left: 0 !important;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator.sc-duet-prototype-header {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown.sc-duet-prototype-header {\n position: relative;\n}\n\n.dropdown-content.sc-duet-prototype-header {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active.sc-duet-prototype-header {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header:hover, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n background: #e6f2f8;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; },
enumerable: true,

@@ -78,0 +83,0 @@ configurable: true

118

lib/esm/es2017/build/duet-button.entry.js
import { h } from '../duet.core.js';
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -223,3 +223,3 @@ class DuetButton {

}]; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; }
}

@@ -287,2 +287,3 @@

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -403,57 +404,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;

@@ -498,5 +500,5 @@ class DuetSpinner {

}; }
static get style() { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; }
static get style() { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; }
}
export { DuetButton, DuetSpinner };

118

lib/esm/es2017/build/duet-button.sc.entry.js
import { h } from '../duet.core.js';
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -223,3 +223,3 @@ class DuetButton {

}]; }
static get style() { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; }
static get style() { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; }
}

@@ -287,2 +287,3 @@

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -403,57 +404,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;

@@ -498,5 +500,5 @@ class DuetSpinner {

}; }
static get style() { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; }
static get style() { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; }
}
export { DuetButton, DuetSpinner };

2

lib/esm/es2017/build/duet-card.entry.js

@@ -89,5 +89,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; }
}
export { DuetCard };

2

lib/esm/es2017/build/duet-card.sc.entry.js

@@ -89,5 +89,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; }
static get style() { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; }
}
export { DuetCard };

2

lib/esm/es2017/build/duet-grid-cell.entry.js

@@ -18,5 +18,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; }
}
export { DuetGridCell };

2

lib/esm/es2017/build/duet-grid-cell.sc.entry.js

@@ -18,5 +18,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; }
}
export { DuetGridCell };

2

lib/esm/es2017/build/duet-grid.entry.js

@@ -18,5 +18,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; }
}
export { DuetGrid };

2

lib/esm/es2017/build/duet-grid.sc.entry.js

@@ -18,5 +18,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; }
}
export { DuetGrid };

2

lib/esm/es2017/build/duet-header.entry.js

@@ -73,5 +73,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; }
}
export { DuetHeader };

2

lib/esm/es2017/build/duet-header.sc.entry.js

@@ -73,5 +73,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; }
static get style() { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; }
}
export { DuetHeader };

2

lib/esm/es2017/build/duet-heading.entry.js

@@ -89,5 +89,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; }
}
export { DuetHeading };

2

lib/esm/es2017/build/duet-heading.sc.entry.js

@@ -89,5 +89,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; }
static get style() { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; }
}
export { DuetHeading };

4

lib/esm/es2017/build/duet-input.entry.js
import { h } from '../duet.core.js';
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -273,5 +273,5 @@ class DuetInput {

}]; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
}
export { DuetInput };

4

lib/esm/es2017/build/duet-input.sc.entry.js
import { h } from '../duet.core.js';
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -273,5 +273,5 @@ class DuetInput {

}]; }
static get style() { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
static get style() { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; }
}
export { DuetInput };

2

lib/esm/es2017/build/duet-layout.entry.js

@@ -29,5 +29,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; }
}
export { DuetLayout };

2

lib/esm/es2017/build/duet-layout.sc.entry.js

@@ -29,5 +29,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; }
static get style() { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; }
}
export { DuetLayout };

2

lib/esm/es2017/build/duet-paragraph.entry.js

@@ -59,5 +59,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; }
}
export { DuetParagraph };

2

lib/esm/es2017/build/duet-paragraph.sc.entry.js

@@ -59,5 +59,5 @@ import { h } from '../duet.core.js';

}; }
static get style() { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; }
static get style() { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; }
}
export { DuetParagraph };

11

lib/esm/es2017/build/duet-prototype-header.entry.js
import { h } from '../duet.core.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -10,4 +10,4 @@ class DuetPrototypeHeader {

componentDidLoad() {
const toggles = this.element.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.querySelectorAll(".dropdown-content");
const toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -75,3 +75,3 @@ console.log("called");

"Suomeksi",
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked"].svg })),
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked-small"].svg })),
h("button", null, "P\u00E5 Svenska"),

@@ -96,2 +96,3 @@ h("button", null, "In English"))),

static get is() { return "duet-prototype-header"; }
static get encapsulation() { return "shadow"; }
static get properties() { return {

@@ -102,5 +103,5 @@ "element": {

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; }
}
export { DuetPrototypeHeader };

11

lib/esm/es2017/build/duet-prototype-header.sc.entry.js
import { h } from '../duet.core.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';

@@ -10,4 +10,4 @@ class DuetPrototypeHeader {

componentDidLoad() {
const toggles = this.element.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.querySelectorAll(".dropdown-content");
const toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
const dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -75,3 +75,3 @@ console.log("called");

"Suomeksi",
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked"].svg })),
h("span", { class: "icon", innerHTML: duetIcons["messaging-checked-small"].svg })),
h("button", null, "P\u00E5 Svenska"),

@@ -96,2 +96,3 @@ h("button", null, "In English"))),

static get is() { return "duet-prototype-header"; }
static get encapsulation() { return "shadow"; }
static get properties() { return {

@@ -102,5 +103,5 @@ "element": {

}; }
static get style() { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; }
static get style() { return ".sc-duet-prototype-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo.sc-duet-prototype-header {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 130px;\n height: auto;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header path.sc-duet-prototype-header {\n fill: #00a1d4;\n}\n\n.dropdown-toggle.sc-duet-prototype-header, .menu-item.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle.sc-duet-prototype-header::after, .menu-item.sc-duet-prototype-header::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle.sc-duet-prototype-header:last-child::after, .menu-item.sc-duet-prototype-header:last-child::after {\n display: none;\n}\n.dropdown-toggle.sc-duet-prototype-header:hover, .menu-item.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\n.dropdown-toggle.sc-duet-prototype-header:active, .menu-item.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav.sc-duet-prototype-header > *.sc-duet-prototype-header, .secondary-nav.sc-duet-prototype-header span.sc-duet-prototype-header {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.active.sc-duet-prototype-header {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header:focus {\n outline: 0;\n}\n.secondary-nav.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child {\n padding-left: 0;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child::after {\n left: 0 !important;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator.sc-duet-prototype-header {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown.sc-duet-prototype-header {\n position: relative;\n}\n\n.dropdown-content.sc-duet-prototype-header {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active.sc-duet-prototype-header {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header:hover, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n background: #e6f2f8;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; }
}
export { DuetPrototypeHeader };

2

lib/esm/es2017/duet.components.js
// Duet: Host Data, ES Module/es2017 Target
export const COMPONENTS = [["duet-button","duet-button",1,[["accessibleControls",1,0,"accessible-controls",2],["accessibleExpanded",1,0,"accessible-expanded",4],["accessibleLabel",1,0,"accessible-label",2],["accessiblePressed",1,0,"accessible-pressed",4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["external",1,0,1,4],["icon",1,0,1,2],["iconRight",1,0,"icon-right",4],["identifier",1,0,1,2],["submit",1,0,1,4],["theme",1,0,1,2],["url",1,0,1,2],["variation",1,0,1,2]],1],["duet-card","duet-card",1,[["cardTitle",1,0,"card-title",2],["element",64],["padding",1,0,1,2],["theme",1,0,1,2],["url",1,0,1,2]],1],["duet-grid","duet-grid",1,[["element",64]]],["duet-grid-cell","duet-grid-cell",1,[["element",64]]],["duet-header","duet-header",1,[["element",64],["position",1,0,1,2],["theme",1,0,1,2]],1],["duet-heading","duet-heading",1,[["element",64],["level",1,0,1,2],["theme",1,0,1,2]],1],["duet-input","duet-input",1,[["accessibleActiveDescendant",1,0,"accessible-active-descendant",2],["accessibleAutocomplete",1,0,"accessible-autocomplete",2],["accessibleControls",1,0,"accessible-controls",2],["accessibleOwns",1,0,"accessible-owns",2],["autoComplete",1,0,"auto-complete",2],["autofocus",1,0,1,4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["helpText",1,0,"help-text",2],["identifier",1,0,1,2],["inputPrefix",1,0,"input-prefix",2],["inputSuffix",1,0,"input-suffix",2],["label",1,0,1,2],["labelHidden",1,0,"label-hidden",4],["maxLength",1,0,"max-length",8],["minLength",1,0,"min-length",8],["name",1,0,1,2],["pattern",1,0,1,2],["placeholder",1,0,1,2],["required",1,0,1,4],["role",1,0,1,2],["spellCheck",1,0,"spell-check",4],["theme",1,0,1,2],["type",1,0,1,2],["value",2,1,1,2]],1],["duet-layout","duet-layout",1,[["element",64],["variation",1,0,1,2]],1],["duet-paragraph","duet-paragraph",1,[["element",64],["theme",1,0,1,2]],1],["duet-prototype-header","duet-prototype-header",1,[["element",64]]],["duet-spinner","duet-button",1,[["accessibleLabel",1,0,"accessible-label",2],["color",1,0,1,2],["size",1,0,1,2]],1]]
export const COMPONENTS = [["duet-button","duet-button",1,[["accessibleControls",1,0,"accessible-controls",2],["accessibleExpanded",1,0,"accessible-expanded",4],["accessibleLabel",1,0,"accessible-label",2],["accessiblePressed",1,0,"accessible-pressed",4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["external",1,0,1,4],["icon",1,0,1,2],["iconRight",1,0,"icon-right",4],["identifier",1,0,1,2],["submit",1,0,1,4],["theme",1,0,1,2],["url",1,0,1,2],["variation",1,0,1,2]],1],["duet-card","duet-card",1,[["cardTitle",1,0,"card-title",2],["element",64],["padding",1,0,1,2],["theme",1,0,1,2],["url",1,0,1,2]],1],["duet-grid","duet-grid",1,[["element",64]]],["duet-grid-cell","duet-grid-cell",1,[["element",64]]],["duet-header","duet-header",1,[["element",64],["position",1,0,1,2],["theme",1,0,1,2]],1],["duet-heading","duet-heading",1,[["element",64],["level",1,0,1,2],["theme",1,0,1,2]],1],["duet-input","duet-input",1,[["accessibleActiveDescendant",1,0,"accessible-active-descendant",2],["accessibleAutocomplete",1,0,"accessible-autocomplete",2],["accessibleControls",1,0,"accessible-controls",2],["accessibleOwns",1,0,"accessible-owns",2],["autoComplete",1,0,"auto-complete",2],["autofocus",1,0,1,4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["helpText",1,0,"help-text",2],["identifier",1,0,1,2],["inputPrefix",1,0,"input-prefix",2],["inputSuffix",1,0,"input-suffix",2],["label",1,0,1,2],["labelHidden",1,0,"label-hidden",4],["maxLength",1,0,"max-length",8],["minLength",1,0,"min-length",8],["name",1,0,1,2],["pattern",1,0,1,2],["placeholder",1,0,1,2],["required",1,0,1,4],["role",1,0,1,2],["spellCheck",1,0,"spell-check",4],["theme",1,0,1,2],["type",1,0,1,2],["value",2,1,1,2]],1],["duet-layout","duet-layout",1,[["element",64],["variation",1,0,1,2]],1],["duet-paragraph","duet-paragraph",1,[["element",64],["theme",1,0,1,2]],1],["duet-prototype-header","duet-prototype-header",1,[["element",64]],1],["duet-spinner","duet-button",1,[["accessibleLabel",1,0,"accessible-label",2],["color",1,0,1,2],["size",1,0,1,2]],1]]

118

lib/esm/es5/build/duet-button.entry.js
import { h } from '../duet.core.js';
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';
var DuetButton = /** @class */ (function () {

@@ -234,3 +234,3 @@ function DuetButton() {

Object.defineProperty(DuetButton, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva .duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon {\n padding-left: 52px;\n}\n.duet-button.icon-right {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button svg {\n fill: currentColor;\n}\n.duet-button-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right {\n right: -28px;\n left: auto;\n}\n.duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled], .duet-button.disabled {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva .duet-button[disabled], .duet-theme-turva .duet-button.disabled {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default {\n border-color: #e1e3e6;\n}\n.duet-theme-turva .duet-button.default {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-button.default:hover {\n border-color: #c60c30;\n}\n.duet-button.primary {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva .duet-button.primary {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva .duet-button.primary:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva .duet-button.secondary:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva .duet-button.loading {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon {\n display: none;\n}\n.duet-button.negative {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva .duet-button.negative {\n color: #111111;\n}\n.duet-button.negative:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva .duet-button.destructive {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva .duet-button.destructive:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva .duet-button.plain {\n color: #c60c30;\n}\n.duet-button.plain:hover {\n color: #004d80;\n}\n.duet-theme-turva .duet-button.plain:hover {\n color: #940925;\n}"; },
enumerable: true,

@@ -301,2 +301,3 @@ configurable: true

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -417,57 +418,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;
var DuetSpinner = /** @class */ (function () {

@@ -526,3 +528,3 @@ function DuetSpinner() {

Object.defineProperty(DuetSpinner, "style", {
get: function () { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
get: function () { return ":host {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium::after {\n border-width: 4px;\n}\n.duet-spinner.large {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
enumerable: true,

@@ -529,0 +531,0 @@ configurable: true

118

lib/esm/es5/build/duet-button.sc.entry.js
import { h } from '../duet.core.js';
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';
var DuetButton = /** @class */ (function () {

@@ -234,3 +234,3 @@ function DuetButton() {

Object.defineProperty(DuetButton, "style", {
get: function () { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; },
get: function () { return ".sc-duet-button-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-button.sc-duet-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n border-width: 2px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #0077b3;\n border-radius: 20rem;\n font-weight: 600;\n line-height: 1;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n min-width: 6.875rem;\n z-index: 100;\n width: 100%;\n border-style: solid;\n position: relative;\n display: block;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.duet-theme-turva.sc-duet-button .duet-button.sc-duet-button {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-button-container.sc-duet-button {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-button-contents.sc-duet-button {\n position: relative;\n margin: 0 auto;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 100%;\n width: auto;\n}\n.duet-button.icon.sc-duet-button {\n padding-left: 52px;\n}\n.duet-button.icon-right.sc-duet-button {\n padding-left: 28px;\n padding-right: 52px;\n}\n.duet-button.sc-duet-button svg.sc-duet-button {\n fill: currentColor;\n}\n.duet-button-icon.sc-duet-button {\n width: 16px;\n height: 16px;\n position: absolute;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n top: 50%;\n left: -28px;\n}\n.duet-button-icon.right.sc-duet-button {\n right: -28px;\n left: auto;\n}\n.duet-button.sc-duet-button:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n.duet-button[disabled].sc-duet-button, .duet-button.disabled.sc-duet-button {\n cursor: not-allowed !important;\n border-color: #e1e3e6 !important;\n background: #e1e3e6 !important;\n color: #657787 !important;\n}\n.duet-theme-turva.sc-duet-button .duet-button[disabled].sc-duet-button, .duet-theme-turva.sc-duet-button .duet-button.disabled.sc-duet-button {\n background: #e6e6e6 !important;\n color: #757575 !important;\n border-color: #e6e6e6 !important;\n}\n.duet-button.default.sc-duet-button {\n border-color: #e1e3e6;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button {\n border-color: #e6e6e6;\n color: #c60c30;\n}\n.duet-button.default.sc-duet-button:hover {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.default.sc-duet-button:hover {\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button {\n color: white;\n border-color: #0077b3;\n background: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.primary.sc-duet-button:hover {\n background: #004d80;\n border-color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.primary.sc-duet-button:hover {\n background: #940925;\n border-color: #940925;\n}\n.duet-button.secondary.sc-duet-button {\n border-color: #00294d;\n color: #00294d;\n background: white;\n}\n.duet-button.secondary.sc-duet-button:hover {\n border-color: #0077b3;\n color: #0077b3;\n}\n.duet-theme-turva.sc-duet-button .duet-button.secondary.sc-duet-button:hover {\n border-color: #c60c30;\n color: #c60c30;\n}\n.duet-button.loading.sc-duet-button {\n background: #0077b3;\n color: white;\n border-color: #0077b3;\n text-indent: -9999px;\n pointer-events: none;\n overflow: hidden;\n}\n.duet-theme-turva.sc-duet-button .duet-button.loading.sc-duet-button {\n background: #c60c30;\n border-color: #c60c30;\n}\n.duet-button.loading.duet-button-icon.sc-duet-button {\n display: none;\n}\n.duet-button.negative.sc-duet-button {\n color: #00294d;\n background: white;\n border-color: white;\n}\n.duet-theme-turva.sc-duet-button .duet-button.negative.sc-duet-button {\n color: #111111;\n}\n.duet-button.negative.sc-duet-button:hover {\n border-color: white;\n background: transparent;\n color: white;\n}\n.duet-button.destructive.sc-duet-button {\n color: white;\n background: #de2362;\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button {\n background: #e02a0d;\n border-color: #e02a0d;\n}\n.duet-button.destructive.sc-duet-button:hover {\n background: #b21c4e;\n border-color: #b21c4e;\n}\n.duet-theme-turva.sc-duet-button .duet-button.destructive.sc-duet-button:hover {\n background: #b3220a;\n border-color: #b3220a;\n}\n.duet-button.plain.sc-duet-button {\n border-color: transparent;\n overflow: visible;\n margin: 0 0 0 -28px;\n min-width: 0;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button {\n color: #c60c30;\n}\n.duet-button.plain.sc-duet-button:hover {\n color: #004d80;\n}\n.duet-theme-turva.sc-duet-button .duet-button.plain.sc-duet-button:hover {\n color: #940925;\n}"; },
enumerable: true,

@@ -301,2 +301,3 @@ configurable: true

fontSizeXSmall: "0.75rem",
radiusSharp: "0",
radiusDefault: "4px",

@@ -417,57 +418,58 @@ radiusCircle: "50%",

var tokens_common_59 = tokens_common.fontSizeXSmall;
var tokens_common_60 = tokens_common.radiusDefault;
var tokens_common_61 = tokens_common.radiusCircle;
var tokens_common_62 = tokens_common.radiusPill;
var tokens_common_63 = tokens_common.shadowDefault;
var tokens_common_64 = tokens_common.shadowHover;
var tokens_common_65 = tokens_common.shadowModal;
var tokens_common_66 = tokens_common.shadowCard;
var tokens_common_67 = tokens_common.shadowDefaultTurva;
var tokens_common_68 = tokens_common.shadowHoverTurva;
var tokens_common_69 = tokens_common.shadowCardTurva;
var tokens_common_70 = tokens_common.spaceXxSmall;
var tokens_common_71 = tokens_common.spaceLarge;
var tokens_common_72 = tokens_common.spaceXSmall;
var tokens_common_73 = tokens_common.spaceSmall;
var tokens_common_74 = tokens_common.spaceMedium;
var tokens_common_75 = tokens_common.spaceXxLarge;
var tokens_common_76 = tokens_common.spaceXxxxLarge;
var tokens_common_77 = tokens_common.spaceXxxLarge;
var tokens_common_78 = tokens_common.spaceXLarge;
var tokens_common_79 = tokens_common.sizeIconXxLarge;
var tokens_common_80 = tokens_common.sizeFormBorder;
var tokens_common_81 = tokens_common.sizeStepMedium;
var tokens_common_82 = tokens_common.sizeButtonMinWidth;
var tokens_common_83 = tokens_common.sizeHeader;
var tokens_common_84 = tokens_common.sizeIconXxxLarge;
var tokens_common_85 = tokens_common.sizeIconXLarge;
var tokens_common_86 = tokens_common.sizeIconXxSmall;
var tokens_common_87 = tokens_common.sizeStepSmall;
var tokens_common_88 = tokens_common.sizeIconLarge;
var tokens_common_89 = tokens_common.sizeTappableSquare;
var tokens_common_90 = tokens_common.sizeIconXSmall;
var tokens_common_91 = tokens_common.sizeIconMedium;
var tokens_common_92 = tokens_common.sizeIconSmall;
var tokens_common_93 = tokens_common.opacity75;
var tokens_common_94 = tokens_common.opacity50;
var tokens_common_95 = tokens_common.opacity30;
var tokens_common_96 = tokens_common.zIndexDropdown;
var tokens_common_97 = tokens_common.zIndexSpinner;
var tokens_common_98 = tokens_common.zIndexDefault;
var tokens_common_99 = tokens_common.zIndexToast;
var tokens_common_100 = tokens_common.zIndexPopup;
var tokens_common_101 = tokens_common.zIndexModal;
var tokens_common_102 = tokens_common.zIndexSticky;
var tokens_common_103 = tokens_common.zIndexMasked;
var tokens_common_104 = tokens_common.zIndexDeep;
var tokens_common_105 = tokens_common.zIndexOverlay;
var tokens_common_106 = tokens_common.zIndexMask;
var tokens_common_107 = tokens_common.zIndexHeader;
var tokens_common_108 = tokens_common.lineHeightMedium;
var tokens_common_109 = tokens_common.lineHeightSmall;
var tokens_common_110 = tokens_common.lineHeightXSmall;
var tokens_common_111 = tokens_common.transitionQuickly;
var tokens_common_112 = tokens_common.mediaQuerySmall;
var tokens_common_113 = tokens_common.mediaQueryMedium;
var tokens_common_114 = tokens_common.mediaQueryLarge;
var tokens_common_60 = tokens_common.radiusSharp;
var tokens_common_61 = tokens_common.radiusDefault;
var tokens_common_62 = tokens_common.radiusCircle;
var tokens_common_63 = tokens_common.radiusPill;
var tokens_common_64 = tokens_common.shadowDefault;
var tokens_common_65 = tokens_common.shadowHover;
var tokens_common_66 = tokens_common.shadowModal;
var tokens_common_67 = tokens_common.shadowCard;
var tokens_common_68 = tokens_common.shadowDefaultTurva;
var tokens_common_69 = tokens_common.shadowHoverTurva;
var tokens_common_70 = tokens_common.shadowCardTurva;
var tokens_common_71 = tokens_common.spaceXxSmall;
var tokens_common_72 = tokens_common.spaceLarge;
var tokens_common_73 = tokens_common.spaceXSmall;
var tokens_common_74 = tokens_common.spaceSmall;
var tokens_common_75 = tokens_common.spaceMedium;
var tokens_common_76 = tokens_common.spaceXxLarge;
var tokens_common_77 = tokens_common.spaceXxxxLarge;
var tokens_common_78 = tokens_common.spaceXxxLarge;
var tokens_common_79 = tokens_common.spaceXLarge;
var tokens_common_80 = tokens_common.sizeIconXxLarge;
var tokens_common_81 = tokens_common.sizeFormBorder;
var tokens_common_82 = tokens_common.sizeStepMedium;
var tokens_common_83 = tokens_common.sizeButtonMinWidth;
var tokens_common_84 = tokens_common.sizeHeader;
var tokens_common_85 = tokens_common.sizeIconXxxLarge;
var tokens_common_86 = tokens_common.sizeIconXLarge;
var tokens_common_87 = tokens_common.sizeIconXxSmall;
var tokens_common_88 = tokens_common.sizeStepSmall;
var tokens_common_89 = tokens_common.sizeIconLarge;
var tokens_common_90 = tokens_common.sizeTappableSquare;
var tokens_common_91 = tokens_common.sizeIconXSmall;
var tokens_common_92 = tokens_common.sizeIconMedium;
var tokens_common_93 = tokens_common.sizeIconSmall;
var tokens_common_94 = tokens_common.opacity75;
var tokens_common_95 = tokens_common.opacity50;
var tokens_common_96 = tokens_common.opacity30;
var tokens_common_97 = tokens_common.zIndexDropdown;
var tokens_common_98 = tokens_common.zIndexSpinner;
var tokens_common_99 = tokens_common.zIndexDefault;
var tokens_common_100 = tokens_common.zIndexToast;
var tokens_common_101 = tokens_common.zIndexPopup;
var tokens_common_102 = tokens_common.zIndexModal;
var tokens_common_103 = tokens_common.zIndexSticky;
var tokens_common_104 = tokens_common.zIndexMasked;
var tokens_common_105 = tokens_common.zIndexDeep;
var tokens_common_106 = tokens_common.zIndexOverlay;
var tokens_common_107 = tokens_common.zIndexMask;
var tokens_common_108 = tokens_common.zIndexHeader;
var tokens_common_109 = tokens_common.lineHeightMedium;
var tokens_common_110 = tokens_common.lineHeightSmall;
var tokens_common_111 = tokens_common.lineHeightXSmall;
var tokens_common_112 = tokens_common.transitionQuickly;
var tokens_common_113 = tokens_common.mediaQuerySmall;
var tokens_common_114 = tokens_common.mediaQueryMedium;
var tokens_common_115 = tokens_common.mediaQueryLarge;
var DuetSpinner = /** @class */ (function () {

@@ -526,3 +528,3 @@ function DuetSpinner() {

Object.defineProperty(DuetSpinner, "style", {
get: function () { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
get: function () { return ".sc-duet-spinner-h {\n margin: 0;\n position: absolute;\n z-index: 800;\n top: 50%;\n left: 50%;\n max-width: 100%;\n}\n\n.duet-spinner.sc-duet-spinner {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 24px;\n height: 24px;\n will-change: tranform;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n z-index: 800;\n border-radius: 50%;\n -webkit-animation: duetRotate 0.6s linear infinite;\n animation: duetRotate 0.6s linear infinite;\n border: 2px solid transparent;\n border-left: 2px solid currentColor;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n}\n.duet-spinner.sc-duet-spinner::after {\n content: \"\";\n position: absolute;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n opacity: 0.3;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n overflow: hidden;\n -webkit-transform: translateZ(0) translateX(-50%) translateY(-50%);\n transform: translateZ(0) translateX(-50%) translateY(-50%);\n z-index: 200;\n border-radius: 50%;\n border: 2px solid currentColor;\n}\n.duet-spinner.medium.sc-duet-spinner {\n width: 36px;\n height: 36px;\n border-width: 4px;\n}\n.duet-spinner.medium.sc-duet-spinner::after {\n border-width: 4px;\n}\n.duet-spinner.large.sc-duet-spinner {\n width: 72px;\n height: 72px;\n border-width: 8px;\n}\n.duet-spinner.large.sc-duet-spinner::after {\n border-width: 8px;\n}\n\n\@-webkit-keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}\n\n\@keyframes duetRotate {\n 0% {\n -webkit-transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%);\n }\n 100% {\n -webkit-transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);\n }\n}"; },
enumerable: true,

@@ -529,0 +531,0 @@ configurable: true

2

lib/esm/es5/build/duet-card.entry.js

@@ -99,3 +99,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetCard, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva {\n -webkit-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);\n 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);\n}\n.duet-card.medium {\n padding: 36px;\n}\n.duet-card.large {\n padding: 48px;\n}\n\nh2 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva h2 {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium h2 {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large h2 {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
enumerable: true,

@@ -102,0 +102,0 @@ configurable: true

2

lib/esm/es5/build/duet-card.sc.entry.js

@@ -99,3 +99,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetCard, "style", {
get: function () { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
get: function () { return ".sc-duet-card-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-card.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 28px;\n border-radius: 4px;\n background: white;\n -webkit-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);\n 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);\n display: block;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n}\n.duet-card.duet-theme-turva.sc-duet-card {\n -webkit-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);\n 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);\n}\n.duet-card.medium.sc-duet-card {\n padding: 36px;\n}\n.duet-card.large.sc-duet-card {\n padding: 48px;\n}\n\nh2.sc-duet-card {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 15px 28px 16px;\n margin: -28px -28px 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n font-size: 1.25rem;\n border-bottom: 1px solid #e1e3e6;\n color: #00294d;\n}\n.duet-theme-turva.sc-duet-card h2.sc-duet-card {\n border-color: #e6e6e6;\n color: #111111;\n}\n.medium.sc-duet-card h2.sc-duet-card {\n padding: 19px 36px 20px;\n margin: -36px -36px 28px;\n}\n.large.sc-duet-card h2.sc-duet-card {\n padding: 26px 48px 27px;\n margin: -48px -48px 36px;\n}"; },
enumerable: true,

@@ -102,0 +102,0 @@ configurable: true

2

lib/esm/es5/build/duet-grid-cell.entry.js

@@ -29,3 +29,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetGridCell, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
enumerable: true,

@@ -32,0 +32,0 @@ configurable: true

2

lib/esm/es5/build/duet-grid-cell.sc.entry.js

@@ -29,3 +29,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetGridCell, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n}"; },
enumerable: true,

@@ -32,0 +32,0 @@ configurable: true

2

lib/esm/es5/build/duet-grid.entry.js

@@ -29,3 +29,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetGrid, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
enumerable: true,

@@ -32,0 +32,0 @@ configurable: true

2

lib/esm/es5/build/duet-grid.sc.entry.js

@@ -29,3 +29,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetGrid, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n width: 100%;\n}\n\n.duet-grid {\n display: grid;\n grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc( 33.333% - 20px );\n grid-column-gap: 20px;\n grid-row-gap: 0;\n width: 100%;\n}"; },
enumerable: true,

@@ -32,0 +32,0 @@ configurable: true

2

lib/esm/es5/build/duet-header.entry.js

@@ -82,3 +82,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetHeader, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo {\n fill: #00a1d4;\n}"; },
enumerable: true,

@@ -85,0 +85,0 @@ configurable: true

2

lib/esm/es5/build/duet-header.sc.entry.js

@@ -82,3 +82,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetHeader, "style", {
get: function () { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; },
get: function () { return ".sc-duet-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\n.duet-header.sc-duet-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 28px;\n height: 70px;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n\n.slot.sc-duet-header {\n position: absolute;\n height: 100%;\n top: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 28px;\n}\n\n.duet-logo.sc-duet-header {\n fill: #00a1d4;\n}"; },
enumerable: true,

@@ -85,0 +85,0 @@ configurable: true

2

lib/esm/es5/build/duet-heading.entry.js

@@ -97,3 +97,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetHeading, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1 {\n font-size: 3rem;\n}\n.duet-heading.h2 {\n font-size: 2.25rem;\n}\n.duet-heading.h3 {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h4 {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva {\n font-style: normal;\n}\n.duet-heading.h5 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6 {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva {\n font-weight: 700;\n font-style: normal;\n}"; },
enumerable: true,

@@ -100,0 +100,0 @@ configurable: true

2

lib/esm/es5/build/duet-heading.sc.entry.js

@@ -97,3 +97,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetHeading, "style", {
get: function () { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; },
get: function () { return ".sc-duet-heading-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 20px;\n display: block;\n width: 100%;\n}\n\n.duet-heading.sc-duet-heading {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.01rem;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n width: 100%;\n}\n.duet-heading.duet-theme-turva.sc-duet-heading {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 700;\n color: #111111;\n font-style: italic;\n}\n.duet-heading.h1.sc-duet-heading {\n font-size: 3rem;\n}\n.duet-heading.h2.sc-duet-heading {\n font-size: 2.25rem;\n}\n.duet-heading.h3.sc-duet-heading {\n font-size: 1.5rem;\n}\n.duet-heading.h3.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h4.sc-duet-heading {\n font-size: 1.25rem;\n letter-spacing: 0;\n}\n.duet-heading.h4.duet-theme-turva.sc-duet-heading {\n font-style: normal;\n}\n.duet-heading.h5.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n margin-top: 36px;\n font-size: 1rem;\n font-weight: 600;\n}\n.duet-heading.h5.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}\n.duet-heading.h6.sc-duet-heading {\n -webkit-font-smoothing: subpixel-antialiased;\n letter-spacing: 0;\n font-size: 0.875rem;\n font-weight: 600;\n}\n.duet-heading.h6.duet-theme-turva.sc-duet-heading {\n font-weight: 700;\n font-style: normal;\n}"; },
enumerable: true,

@@ -100,0 +100,0 @@ configurable: true

4

lib/esm/es5/build/duet-input.entry.js
import { h } from '../duet.core.js';
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';
var DuetInput = /** @class */ (function () {

@@ -290,3 +290,3 @@ function DuetInput() {

Object.defineProperty(DuetInput, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden .duet-label {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva .duet-input-icon {\n color: #c60c30;\n}\n\n.duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon .duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva .duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva .duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva .duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled], .duet-input.disabled {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva .duet-input:hover {\n border-color: #757575;\n}\n.duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva .duet-input:focus {\n border-color: #111111;\n}\n.duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva .duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva .duet-input:focus:required:valid {\n border-color: #111111;\n}\n.duet-input[type=number]::-webkit-inner-spin-button, .duet-input[type=number]::-webkit-outer-spin-button, .duet-input[type=time]::-webkit-inner-spin-button, .duet-input[type=time]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
enumerable: true,

@@ -293,0 +293,0 @@ configurable: true

4

lib/esm/es5/build/duet-input.sc.entry.js
import { h } from '../duet.core.js';
import { a as applyThemeClasses, b as classNames } from './chunk-e639420f.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';
var DuetInput = /** @class */ (function () {

@@ -290,3 +290,3 @@ function DuetInput() {

Object.defineProperty(DuetInput, "style", {
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
get: function () { return ".sc-duet-input-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-right: 8px;\n margin-bottom: 12px;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: bottom;\n max-width: 100%;\n}\n\n.duet-label.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 8px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 600;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: block;\n}\n.duet-label-hidden.sc-duet-input .duet-label.sc-duet-input {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.duet-input-icon.sc-duet-input {\n pointer-events: none;\n z-index: 200;\n width: 20px;\n height: 20px;\n color: #00294d;\n position: absolute;\n bottom: 16px;\n right: 16px;\n}\n.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input {\n color: #c60c30;\n}\n\n.duet-input.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 13.5px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border: 2px solid #cfd2d4;\n border-radius: 4px;\n font-size: 1rem;\n background: white;\n color: #00294d;\n font-weight: 400;\n line-height: 1.25;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n z-index: 100;\n min-width: 13.75rem;\n width: 100%;\n position: relative;\n display: block;\n}\n.has-icon.sc-duet-input .duet-input.sc-duet-input {\n padding-right: 48px;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n border-color: #d1d1d1;\n color: #111111;\n}\n.duet-input-container.sc-duet-input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n position: relative;\n width: 100%;\n height: 100%;\n}\n.duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input::-moz-placeholder {\n color: #cfd2d4;\n opacity: 1 !important;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder {\n color: #d1d1d1;\n}\n.duet-input.sc-duet-input:-ms-input-placeholder {\n color: #cfd2d4;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder {\n color: #d1d1d1;\n}\n.duet-input[disabled].sc-duet-input, .duet-input.disabled.sc-duet-input {\n cursor: not-allowed !important;\n border-color: #f5f8fa !important;\n background: #f5f8fa !important;\n color: #657787 !important;\n}\n.duet-input.sc-duet-input:hover {\n border-color: #657787;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover {\n border-color: #757575;\n}\n.duet-input.sc-duet-input:focus {\n border-color: #0077b3;\n outline: 0;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus {\n border-color: #111111;\n}\n.duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #de2362;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:not(:placeholder-shown):focus:required:invalid {\n border-color: #e02a0d;\n}\n.duet-input.sc-duet-input:focus:required:valid {\n border-color: #0077b3;\n}\n.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:required:valid {\n border-color: #111111;\n}\n.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 {\n -webkit-appearance: none;\n display: none;\n margin: 0;\n}"; },
enumerable: true,

@@ -293,0 +293,0 @@ configurable: true

2

lib/esm/es5/build/duet-layout.entry.js

@@ -42,3 +42,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetLayout, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
enumerable: true,

@@ -45,0 +45,0 @@ configurable: true

2

lib/esm/es5/build/duet-layout.sc.entry.js

@@ -42,3 +42,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetLayout, "style", {
get: function () { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
get: function () { return ".sc-duet-layout-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n margin: 0 auto;\n max-width: 800px;\n width: 100%;\n}\n\n.duet-layout.sc-duet-layout {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 36px;\n padding-top: 48px;\n padding-bottom: 48px;\n width: 100%;\n}"; },
enumerable: true,

@@ -45,0 +45,0 @@ configurable: true

2

lib/esm/es5/build/duet-paragraph.entry.js

@@ -72,3 +72,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetParagraph, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
enumerable: true,

@@ -75,0 +75,0 @@ configurable: true

2

lib/esm/es5/build/duet-paragraph.sc.entry.js

@@ -72,3 +72,3 @@ import { h } from '../duet.core.js';

Object.defineProperty(DuetParagraph, "style", {
get: function () { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
get: function () { return ".sc-duet-paragraph-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: block;\n width: 100%;\n}\n\n.duet-paragraph.sc-duet-paragraph {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 16px;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n display: block;\n width: 100%;\n}\n.duet-paragraph.duet-theme-turva.sc-duet-paragraph {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n color: #111111;\n}"; },
enumerable: true,

@@ -75,0 +75,0 @@ configurable: true

15

lib/esm/es5/build/duet-prototype-header.entry.js
import { h } from '../duet.core.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';
var DuetPrototypeHeader = /** @class */ (function () {

@@ -10,4 +10,4 @@ function DuetPrototypeHeader() {

DuetPrototypeHeader.prototype.componentDidLoad = function () {
var toggles = this.element.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.querySelectorAll(".dropdown-content");
var toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -54,3 +54,3 @@ console.log("called");

DuetPrototypeHeader.prototype.render = function () {
return (h("span", null, h("header", { class: "duet-prototype-header" }, h("a", { href: "#", class: "logo" }, h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), h("div", { class: "secondary-nav" }, h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-contact-dropdown"].svg }), h("span", { class: "text" }, "Ota yhteytt\u00E4")), h("div", { class: "dropdown-content" }, h("a", { href: "#" }, "Kaikki yhteystiedot"), h("a", { href: "#" }, "Omat viestit"), h("a", { href: "#" }, "Aloita chat"))), h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-language"].svg }), h("span", { class: "text" }, "FI")), h("div", { class: "dropdown-content" }, h("button", { class: "selected" }, "Suomeksi", h("span", { class: "icon", innerHTML: duetIcons["messaging-checked"].svg })), h("button", null, "P\u00E5 Svenska"), h("button", null, "In English"))), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-user"].svg }), h("span", { class: "text" }, "Laura-Karoliina")), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-logout"].svg }), h("span", { class: "text" }, "Kirjaudu ulos")))), h("nav", { class: "primary-nav" }, h("a", { href: "#", class: "selected" }, "Etusivu"), h("a", { href: "#" }, "Vakuutukset"), h("a", { href: "#" }, "Korvaukset"), h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), h("a", { href: "#" }, "Laskut"), h("a", { href: "#" }, "Omat viestit ", h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
return (h("span", null, h("header", { class: "duet-prototype-header" }, h("a", { href: "#", class: "logo" }, h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), h("div", { class: "secondary-nav" }, h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-contact-dropdown"].svg }), h("span", { class: "text" }, "Ota yhteytt\u00E4")), h("div", { class: "dropdown-content" }, h("a", { href: "#" }, "Kaikki yhteystiedot"), h("a", { href: "#" }, "Omat viestit"), h("a", { href: "#" }, "Aloita chat"))), h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-language"].svg }), h("span", { class: "text" }, "FI")), h("div", { class: "dropdown-content" }, h("button", { class: "selected" }, "Suomeksi", h("span", { class: "icon", innerHTML: duetIcons["messaging-checked-small"].svg })), h("button", null, "P\u00E5 Svenska"), h("button", null, "In English"))), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-user"].svg }), h("span", { class: "text" }, "Laura-Karoliina")), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-logout"].svg }), h("span", { class: "text" }, "Kirjaudu ulos")))), h("nav", { class: "primary-nav" }, h("a", { href: "#", class: "selected" }, "Etusivu"), h("a", { href: "#" }, "Vakuutukset"), h("a", { href: "#" }, "Korvaukset"), h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), h("a", { href: "#" }, "Laskut"), h("a", { href: "#" }, "Omat viestit ", h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
};

@@ -62,2 +62,7 @@ Object.defineProperty(DuetPrototypeHeader, "is", {

});
Object.defineProperty(DuetPrototypeHeader, "encapsulation", {
get: function () { return "shadow"; },
enumerable: true,
configurable: true
});
Object.defineProperty(DuetPrototypeHeader, "properties", {

@@ -75,3 +80,3 @@ get: function () {

Object.defineProperty(DuetPrototypeHeader, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; },
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; },
enumerable: true,

@@ -78,0 +83,0 @@ configurable: true

15

lib/esm/es5/build/duet-prototype-header.sc.entry.js
import { h } from '../duet.core.js';
import { a as duetIcons } from './chunk-2badfa5e.js';
import { a as duetIcons } from './chunk-5c590760.js';
var DuetPrototypeHeader = /** @class */ (function () {

@@ -10,4 +10,4 @@ function DuetPrototypeHeader() {

DuetPrototypeHeader.prototype.componentDidLoad = function () {
var toggles = this.element.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.querySelectorAll(".dropdown-content");
var toggles = this.element.shadowRoot.querySelectorAll(".dropdown-toggle");
var dropdowns = this.element.shadowRoot.querySelectorAll(".dropdown-content");
document.documentElement.addEventListener("click", function () {

@@ -54,3 +54,3 @@ console.log("called");

DuetPrototypeHeader.prototype.render = function () {
return (h("span", null, h("header", { class: "duet-prototype-header" }, h("a", { href: "#", class: "logo" }, h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), h("div", { class: "secondary-nav" }, h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-contact-dropdown"].svg }), h("span", { class: "text" }, "Ota yhteytt\u00E4")), h("div", { class: "dropdown-content" }, h("a", { href: "#" }, "Kaikki yhteystiedot"), h("a", { href: "#" }, "Omat viestit"), h("a", { href: "#" }, "Aloita chat"))), h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-language"].svg }), h("span", { class: "text" }, "FI")), h("div", { class: "dropdown-content" }, h("button", { class: "selected" }, "Suomeksi", h("span", { class: "icon", innerHTML: duetIcons["messaging-checked"].svg })), h("button", null, "P\u00E5 Svenska"), h("button", null, "In English"))), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-user"].svg }), h("span", { class: "text" }, "Laura-Karoliina")), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-logout"].svg }), h("span", { class: "text" }, "Kirjaudu ulos")))), h("nav", { class: "primary-nav" }, h("a", { href: "#", class: "selected" }, "Etusivu"), h("a", { href: "#" }, "Vakuutukset"), h("a", { href: "#" }, "Korvaukset"), h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), h("a", { href: "#" }, "Laskut"), h("a", { href: "#" }, "Omat viestit ", h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
return (h("span", null, h("header", { class: "duet-prototype-header" }, h("a", { href: "#", class: "logo" }, h("svg", { viewBox: "0 0 144 30", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M42.11 20.151a3.79 3.79 0 0 1-.026.498 1.463 1.463 0 0 1-.073.336.402.402 0 0 1-.124.19.26.26 0 0 1-.18.045h-5.853a.805.805 0 0 1-.545-.19.79.79 0 0 1-.22-.626V8.835a.263.263 0 0 1 .062-.175.439.439 0 0 1 .212-.128 2.22 2.22 0 0 1 .4-.08c.418-.035.839-.035 1.258 0 .133.015.266.042.395.08.08.021.153.066.208.128a.27.27 0 0 1 .066.175v10.263h4.025a.274.274 0 0 1 .172.054.366.366 0 0 1 .124.176c.039.105.064.214.073.326.02.165.028.331.026.497M51.845 6.117a1.35 1.35 0 0 1-.274.966 2.1 2.1 0 0 1-2.056 0 1.339 1.339 0 0 1-.26-.937c-.037-.347.06-.695.27-.973a1.463 1.463 0 0 1 1.029-.27c.363-.042.73.051 1.028.263.206.267.3.604.263.94zm-3.615 4.79l-1.803 5.421h3.618zm-.691-4.8c.035.344-.061.689-.27.965a1.463 1.463 0 0 1-1.029.274 1.485 1.485 0 0 1-1.028-.263 1.32 1.32 0 0 1-.263-.937 1.357 1.357 0 0 1 .274-.973 2.111 2.111 0 0 1 2.056 0c.205.268.298.605.26.94zm6.545 14.161c.064.183.114.37.15.56a.34.34 0 0 1-.08.311.655.655 0 0 1-.384.128c-.187 0-.44.026-.761.026h-.783a2.034 2.034 0 0 1-.428-.059.432.432 0 0 1-.209-.124.651.651 0 0 1-.095-.209l-.86-2.56h-4.789l-.808 2.49a.867.867 0 0 1-.103.235.435.435 0 0 1-.208.146c-.13.044-.266.069-.403.073-.175 0-.402.022-.688.022a5.828 5.828 0 0 1-.706-.033.527.527 0 0 1-.366-.142.366.366 0 0 1-.065-.322c.03-.187.08-.371.146-.549l3.933-11.312a1.01 1.01 0 0 1 .139-.275.505.505 0 0 1 .249-.157 1.88 1.88 0 0 1 .479-.066h1.734c.181.001.362.023.538.066a.501.501 0 0 1 .274.165c.066.089.114.19.143.296zM65.824 20.88a.293.293 0 0 1-.065.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 4.818 4.818 0 0 1-.622.033 5.009 5.009 0 0 1-.633-.033 1.88 1.88 0 0 1-.395-.076.476.476 0 0 1-.208-.128.289.289 0 0 1-.063-.18v-5.147h-4.756v5.147a.285.285 0 0 1-.058.18.435.435 0 0 1-.209.128 1.939 1.939 0 0 1-.391.076 6.03 6.03 0 0 1-1.259 0 1.972 1.972 0 0 1-.398-.076.468.468 0 0 1-.213-.128.289.289 0 0 1-.062-.18V8.835c0-.063.023-.125.062-.175a.439.439 0 0 1 .213-.128 2.22 2.22 0 0 1 .398-.08c.42-.035.84-.035 1.259 0 .133.014.264.041.391.08a.41.41 0 0 1 .209.128c.039.05.06.112.058.175v4.702h4.756V8.835c.001-.063.023-.125.063-.175a.443.443 0 0 1 .208-.128c.13-.04.261-.067.395-.08.21-.02.422-.029.633-.026.208-.003.416.006.622.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129c.04.05.064.111.065.175zM71.202 20.88a.289.289 0 0 1-.062.179.49.49 0 0 1-.212.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 2.016 2.016 0 0 1-.402-.076.435.435 0 0 1-.209-.128.27.27 0 0 1-.066-.18V8.835a.27.27 0 0 1 .066-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08.206-.02.414-.029.622-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.457.457 0 0 1 .212.129c.04.05.062.112.062.175zM82.485 9.549c0 .162-.008.325-.025.486-.013.112-.039.22-.077.326a.428.428 0 0 1-.12.18.26.26 0 0 1-.165.058h-3.194v10.28a.267.267 0 0 1-.063.18.468.468 0 0 1-.212.128c-.13.039-.263.065-.399.076a5.96 5.96 0 0 1-1.25 0 1.972 1.972 0 0 1-.4-.076.446.446 0 0 1-.212-.128.27.27 0 0 1-.066-.18V10.61h-3.19a.238.238 0 0 1-.168-.058.428.428 0 0 1-.12-.179 1.463 1.463 0 0 1-.074-.326 4.599 4.599 0 0 1-.022-.486 4.928 4.928 0 0 1 .022-.505 1.39 1.39 0 0 1 .073-.33.406.406 0 0 1 .12-.179.27.27 0 0 1 .17-.05h8.985a.3.3 0 0 1 .164.05c.056.048.098.11.12.18.04.106.066.216.078.329.017.168.026.336.025.505M86.989 10.917l-1.804 5.422h3.619zm5.854 9.355c.065.182.115.37.15.56a.34.34 0 0 1-.08.31.655.655 0 0 1-.367.129c-.183 0-.435.025-.757.025h-.787a1.851 1.851 0 0 1-.428-.055.402.402 0 0 1-.204-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.807l-.824 2.473a.768.768 0 0 1-.102.234.435.435 0 0 1-.208.146 1.39 1.39 0 0 1-.403.073c-.176 0-.402.022-.684.022a5.894 5.894 0 0 1-.71-.033.527.527 0 0 1-.366-.142.388.388 0 0 1-.07-.322c.034-.187.083-.37.147-.549l3.933-11.312c.034-.098.08-.19.14-.275a.501.501 0 0 1 .252-.157c.155-.042.314-.065.475-.066h1.734c.182.001.362.023.538.066a.527.527 0 0 1 .278.165c.064.09.112.19.143.296zM100.65 12.541a2.283 2.283 0 0 0-.238-1.097 1.61 1.61 0 0 0-.582-.64 1.928 1.928 0 0 0-.731-.264 5.44 5.44 0 0 0-.783-.055h-1.098v4.325h1.164a2.77 2.77 0 0 0 1.039-.169c.262-.098.498-.258.688-.464a2.1 2.1 0 0 0 .402-.732c.095-.295.141-.604.139-.915m2.711-.186a5.045 5.045 0 0 1-.337 1.902 3.688 3.688 0 0 1-.976 1.398 4.306 4.306 0 0 1-1.57.86c-.712.21-1.453.31-2.195.296h-1.065v4.08a.27.27 0 0 1-.066.179.435.435 0 0 1-.208.128 1.983 1.983 0 0 1-.395.076 5.996 5.996 0 0 1-1.255 0 1.92 1.92 0 0 1-.399-.076.435.435 0 0 1-.208-.128.285.285 0 0 1-.059-.18V9.41a.918.918 0 0 1 .242-.694.87.87 0 0 1 .636-.235h3.004c.303 0 .589 0 .863.037.33.033.657.083.98.15a4.23 4.23 0 0 1 1.16.417c.377.196.715.457 1 .772.279.321.493.694.628 1.098.152.452.227.927.22 1.405M107.97 20.88a.267.267 0 0 1-.061.179.468.468 0 0 1-.213.128 1.983 1.983 0 0 1-.395.076 5.993 5.993 0 0 1-1.255 0 1.92 1.92 0 0 1-.398-.076.446.446 0 0 1-.213-.128.27.27 0 0 1-.065-.18V8.835a.27.27 0 0 1 .065-.175.417.417 0 0 1 .216-.128c.13-.039.264-.065.399-.08a5.81 5.81 0 0 1 .618-.026c.212-.003.423.005.633.025.134.015.266.042.395.08a.439.439 0 0 1 .213.129.263.263 0 0 1 .062.175zM119.502 14.85a9.684 9.684 0 0 0-.157-1.83 3.93 3.93 0 0 0-.538-1.408 2.561 2.561 0 0 0-1.002-.907 3.428 3.428 0 0 0-1.577-.322 3.194 3.194 0 0 0-1.595.366c-.42.23-.779.558-1.043.958-.267.43-.451.907-.541 1.405a8.682 8.682 0 0 0-.161 1.698c-.005.629.048 1.257.157 1.877.086.504.267.987.534 1.423.238.39.58.708.988.914.497.224 1.04.33 1.584.311a3.293 3.293 0 0 0 1.599-.365 2.872 2.872 0 0 0 1.032-.966c.274-.437.464-.92.56-1.427a8.96 8.96 0 0 0 .16-1.727m2.722-.139a9.424 9.424 0 0 1-.395 2.85 5.693 5.693 0 0 1-1.174 2.122 5.027 5.027 0 0 1-1.925 1.332c-.848.32-1.75.475-2.656.457a7.83 7.83 0 0 1-2.597-.388 4.47 4.47 0 0 1-1.848-1.189 5.03 5.03 0 0 1-1.097-2.03 10.112 10.112 0 0 1-.366-2.927 9.011 9.011 0 0 1 .395-2.784 5.612 5.612 0 0 1 1.17-2.104 5.093 5.093 0 0 1 1.929-1.332 7.112 7.112 0 0 1 2.663-.464 7.683 7.683 0 0 1 2.561.387c.705.233 1.34.64 1.848 1.182.513.58.889 1.27 1.097 2.016.265.934.388 1.902.366 2.872M131.407 20.151a3.79 3.79 0 0 1-.025.498 1.687 1.687 0 0 1-.07.336.465.465 0 0 1-.124.19.263.263 0 0 1-.172.06h-5.854a.801.801 0 0 1-.549-.191.78.78 0 0 1-.223-.626V8.835a.27.27 0 0 1 .066-.175.406.406 0 0 1 .212-.128c.13-.04.261-.066.395-.08.21-.02.42-.029.63-.026.21-.003.42.006.629.025.134.015.266.042.395.08a.439.439 0 0 1 .212.129.263.263 0 0 1 .062.175v10.263h4.025c.062-.001.122.018.172.054a.424.424 0 0 1 .124.176c.036.105.06.215.07.326.019.165.028.331.025.497M137.528 10.917l-1.796 5.422h3.618zm5.854 9.355c.063.183.112.37.146.56a.366.366 0 0 1-.077.31.67.67 0 0 1-.388.129c-.183 0-.435.025-.757.025h-.783a1.83 1.83 0 0 1-.428-.055.432.432 0 0 1-.208-.124.651.651 0 0 1-.1-.208l-.859-2.561h-4.785l-.809 2.491a.768.768 0 0 1-.102.234.424.424 0 0 1-.205.147 1.42 1.42 0 0 1-.406.073c-.176 0-.403.022-.684.022a5.854 5.854 0 0 1-.71-.033.527.527 0 0 1-.366-.143.366.366 0 0 1-.07-.322c.035-.187.085-.37.15-.549l3.93-11.312c.033-.097.08-.19.139-.274a.501.501 0 0 1 .252-.158c.155-.042.315-.064.476-.065h1.738c.18 0 .359.022.534.065a.512.512 0 0 1 .278.165c.064.09.112.19.142.296zM2.195 19.756a6.454 6.454 0 0 1 0-9.11L10.9 1.95a6.45 6.45 0 0 1 7.35-1.255l-.022.022-8.568 8.568-.022.022a2.142 2.142 0 0 0 3.029 3.03l1.518-1.519c.856-.856 1.712-.874 2.459-.128l3.263 3.249c.89.889.98 1.624 0 2.601l-3.077 3.092c-.856.856-1.664.936-2.601 0l-5.952-5.938a2.142 2.142 0 0 0-3.03 3.03l7.559 7.554a3.798 3.798 0 0 0 5.367 0l6.38-6.388a3.798 3.798 0 0 0 0-5.367L19.676 7.65c-.765-.765-.696-1.628.08-2.4l1.57-1.573c.07-.07.135-.146.194-.227l6.106 6.106a7.99 7.99 0 0 1 0 11.301l-6.513 6.513a7.994 7.994 0 0 1-11.308 0z" }))), h("div", { class: "secondary-nav" }, h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-contact-dropdown"].svg }), h("span", { class: "text" }, "Ota yhteytt\u00E4")), h("div", { class: "dropdown-content" }, h("a", { href: "#" }, "Kaikki yhteystiedot"), h("a", { href: "#" }, "Omat viestit"), h("a", { href: "#" }, "Aloita chat"))), h("div", { class: "dropdown" }, h("button", { class: "dropdown-toggle" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-language"].svg }), h("span", { class: "text" }, "FI")), h("div", { class: "dropdown-content" }, h("button", { class: "selected" }, "Suomeksi", h("span", { class: "icon", innerHTML: duetIcons["messaging-checked-small"].svg })), h("button", null, "P\u00E5 Svenska"), h("button", null, "In English"))), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-user"].svg }), h("span", { class: "text" }, "Laura-Karoliina")), h("a", { class: "menu-item", href: "#" }, h("span", { class: "icon", innerHTML: duetIcons["navigation-logout"].svg }), h("span", { class: "text" }, "Kirjaudu ulos")))), h("nav", { class: "primary-nav" }, h("a", { href: "#", class: "selected" }, "Etusivu"), h("a", { href: "#" }, "Vakuutukset"), h("a", { href: "#" }, "Korvaukset"), h("a", { href: "#" }, "S\u00E4\u00E4st\u00F6t ja sijoitukset"), h("a", { href: "#" }, "Laskut"), h("a", { href: "#" }, "Omat viestit ", h("span", { class: "indicator" }, "(Lukemattomia viestej\u00E4)")))));
};

@@ -62,2 +62,7 @@ Object.defineProperty(DuetPrototypeHeader, "is", {

});
Object.defineProperty(DuetPrototypeHeader, "encapsulation", {
get: function () { return "shadow"; },
enumerable: true,
configurable: true
});
Object.defineProperty(DuetPrototypeHeader, "properties", {

@@ -75,3 +80,3 @@ get: function () {

Object.defineProperty(DuetPrototypeHeader, "style", {
get: function () { return ":host {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n display: -ms-flexbox;\n display: flex;\n vertical-align: top;\n top: 0;\n left: 0;\n width: 100%;\n}\n\nheader {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo svg {\n width: 130px;\n height: auto;\n}\n.logo svg path {\n fill: #00a1d4;\n}\n\n.dropdown-toggle,\n.menu-item {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle::after,\n.menu-item::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle:last-child::after,\n.menu-item:last-child::after {\n display: none;\n}\n.dropdown-toggle:hover,\n.menu-item:hover {\n color: #0077b3;\n}\n.dropdown-toggle:active,\n.menu-item:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav > *,\n.secondary-nav span {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav .dropdown-toggle.active {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav .dropdown-toggle:focus {\n outline: 0;\n}\n.secondary-nav svg {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav a {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav a:first-child {\n padding-left: 0;\n}\nnav a:first-child::after {\n left: 0 !important;\n}\nnav a.selected {\n color: #0077b3;\n}\nnav a.selected::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav a:hover {\n color: #0077b3;\n}\nnav a:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown-content {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content button,\n.dropdown-content a {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content button:hover,\n.dropdown-content a:hover {\n background: #e6f2f8;\n}\n.dropdown-content button.selected,\n.dropdown-content a.selected {\n color: #0077b3;\n -webkit-font-smoothing: subpixel-antialiased;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n}\n.dropdown-content button.selected .icon,\n.dropdown-content a.selected .icon {\n width: 20px;\n height: 20px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 4px;\n}"; },
get: function () { return ".sc-duet-prototype-header-h {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n margin-bottom: 70px;\n width: 100%;\n}\n\nheader.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border-bottom: 1px solid #e1e3e6;\n background: white;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 301;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n height: 67.2px;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.logo.sc-duet-prototype-header {\n margin-left: 48px;\n display: -ms-flexbox;\n display: flex;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 130px;\n height: auto;\n}\n.logo.sc-duet-prototype-header svg.sc-duet-prototype-header path.sc-duet-prototype-header {\n fill: #00a1d4;\n}\n\n.dropdown-toggle.sc-duet-prototype-header, .menu-item.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 16px;\n cursor: pointer;\n text-decoration: none;\n white-space: nowrap;\n position: relative;\n color: #00294d;\n}\n.dropdown-toggle.sc-duet-prototype-header::after, .menu-item.sc-duet-prototype-header::after {\n content: \"\";\n position: absolute;\n background: #e1e3e6;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n right: 0;\n height: 20px;\n width: 1px;\n}\n.dropdown-toggle.sc-duet-prototype-header:last-child::after, .menu-item.sc-duet-prototype-header:last-child::after {\n display: none;\n}\n.dropdown-toggle.sc-duet-prototype-header:hover, .menu-item.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\n.dropdown-toggle.sc-duet-prototype-header:active, .menu-item.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.secondary-nav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n vertical-align: middle;\n margin-right: 48px;\n}\n.secondary-nav.sc-duet-prototype-header > *.sc-duet-prototype-header, .secondary-nav.sc-duet-prototype-header span.sc-duet-prototype-header {\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header {\n -ms-flex-direction: row;\n flex-direction: row;\n height: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.active.sc-duet-prototype-header {\n color: #0077b3;\n -webkit-box-shadow: inset 0 -3px 0 #0077b3;\n box-shadow: inset 0 -3px 0 #0077b3;\n}\n.secondary-nav.sc-duet-prototype-header .dropdown-toggle.sc-duet-prototype-header:focus {\n outline: 0;\n}\n.secondary-nav.sc-duet-prototype-header svg.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: -1px;\n}\n\nnav.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n z-index: 300;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n height: 48px;\n padding-left: 48px;\n position: -webkit-sticky;\n background: white;\n position: sticky;\n top: 0;\n width: 100%;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n line-height: 47px;\n padding: 0 12px;\n font-weight: 600;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n position: relative;\n white-space: nowrap;\n color: #00294d;\n text-decoration: none;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child {\n padding-left: 0;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:first-child::after {\n left: 0 !important;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.selected.sc-duet-prototype-header::after {\n content: \"\";\n left: 12px;\n right: 12px;\n bottom: 0;\n height: 3px;\n background: #0077b3;\n position: absolute;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n color: #0077b3;\n}\nnav.sc-duet-prototype-header a.sc-duet-prototype-header:active {\n -webkit-transition: none;\n transition: none;\n opacity: 0.75;\n}\n\n.indicator.sc-duet-prototype-header {\n top: 10px;\n right: -3px;\n position: absolute;\n overflow: hidden;\n text-indent: -9999px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #f7b228;\n}\n\n.dropdown.sc-duet-prototype-header {\n position: relative;\n}\n\n.dropdown-content.sc-duet-prototype-header {\n padding-top: 16px;\n padding-bottom: 16px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);\n position: absolute;\n background: #f5f8fa;\n min-width: 130px;\n text-align: left;\n left: 0;\n top: 100%;\n z-index: 600;\n opacity: 0;\n visibility: hidden;\n will-change: transform, opacity, visibility;\n -webkit-transform: scale(0.85) translateZ(0) translateY(-20px);\n transform: scale(0.85) translateZ(0) translateY(-20px);\n}\n.dropdown-content.active.sc-duet-prototype-header {\n opacity: 1;\n visibility: visible;\n -webkit-transform: scale(1) translateZ(0) translateY(0);\n transform: scale(1) translateZ(0) translateY(0);\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background: transparent;\n border: 0;\n padding: 0;\n margin: 0;\n padding: 3px 8px 4px;\n -webkit-transition: 300ms ease;\n transition: 300ms ease;\n padding-left: 16px;\n padding-right: 16px;\n cursor: pointer;\n text-decoration: none;\n position: relative;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #00294d;\n width: 100%;\n white-space: nowrap;\n display: block;\n text-align: left;\n}\n.dropdown-content.sc-duet-prototype-header button.sc-duet-prototype-header:hover, .dropdown-content.sc-duet-prototype-header a.sc-duet-prototype-header:hover {\n background: #e6f2f8;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header {\n color: #0077b3;\n pointer-events: none;\n font-weight: 600;\n background: #f5f8fa;\n padding-right: 36px;\n}\n.dropdown-content.sc-duet-prototype-header button.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header, .dropdown-content.sc-duet-prototype-header a.selected.sc-duet-prototype-header .icon.sc-duet-prototype-header {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-60%);\n transform: translateY(-60%);\n right: 8px;\n}"; },
enumerable: true,

@@ -78,0 +83,0 @@ configurable: true

2

lib/esm/es5/duet.components.js
// Duet: Host Data, ES Module/es5 Target
export var COMPONENTS = [["duet-button","duet-button",1,[["accessibleControls",1,0,"accessible-controls",2],["accessibleExpanded",1,0,"accessible-expanded",4],["accessibleLabel",1,0,"accessible-label",2],["accessiblePressed",1,0,"accessible-pressed",4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["external",1,0,1,4],["icon",1,0,1,2],["iconRight",1,0,"icon-right",4],["identifier",1,0,1,2],["submit",1,0,1,4],["theme",1,0,1,2],["url",1,0,1,2],["variation",1,0,1,2]],1],["duet-card","duet-card",1,[["cardTitle",1,0,"card-title",2],["element",64],["padding",1,0,1,2],["theme",1,0,1,2],["url",1,0,1,2]],1],["duet-grid","duet-grid",1,[["element",64]]],["duet-grid-cell","duet-grid-cell",1,[["element",64]]],["duet-header","duet-header",1,[["element",64],["position",1,0,1,2],["theme",1,0,1,2]],1],["duet-heading","duet-heading",1,[["element",64],["level",1,0,1,2],["theme",1,0,1,2]],1],["duet-input","duet-input",1,[["accessibleActiveDescendant",1,0,"accessible-active-descendant",2],["accessibleAutocomplete",1,0,"accessible-autocomplete",2],["accessibleControls",1,0,"accessible-controls",2],["accessibleOwns",1,0,"accessible-owns",2],["autoComplete",1,0,"auto-complete",2],["autofocus",1,0,1,4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["helpText",1,0,"help-text",2],["identifier",1,0,1,2],["inputPrefix",1,0,"input-prefix",2],["inputSuffix",1,0,"input-suffix",2],["label",1,0,1,2],["labelHidden",1,0,"label-hidden",4],["maxLength",1,0,"max-length",8],["minLength",1,0,"min-length",8],["name",1,0,1,2],["pattern",1,0,1,2],["placeholder",1,0,1,2],["required",1,0,1,4],["role",1,0,1,2],["spellCheck",1,0,"spell-check",4],["theme",1,0,1,2],["type",1,0,1,2],["value",2,1,1,2]],1],["duet-layout","duet-layout",1,[["element",64],["variation",1,0,1,2]],1],["duet-paragraph","duet-paragraph",1,[["element",64],["theme",1,0,1,2]],1],["duet-prototype-header","duet-prototype-header",1,[["element",64]]],["duet-spinner","duet-button",1,[["accessibleLabel",1,0,"accessible-label",2],["color",1,0,1,2],["size",1,0,1,2]],1]]
export var COMPONENTS = [["duet-button","duet-button",1,[["accessibleControls",1,0,"accessible-controls",2],["accessibleExpanded",1,0,"accessible-expanded",4],["accessibleLabel",1,0,"accessible-label",2],["accessiblePressed",1,0,"accessible-pressed",4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["external",1,0,1,4],["icon",1,0,1,2],["iconRight",1,0,"icon-right",4],["identifier",1,0,1,2],["submit",1,0,1,4],["theme",1,0,1,2],["url",1,0,1,2],["variation",1,0,1,2]],1],["duet-card","duet-card",1,[["cardTitle",1,0,"card-title",2],["element",64],["padding",1,0,1,2],["theme",1,0,1,2],["url",1,0,1,2]],1],["duet-grid","duet-grid",1,[["element",64]]],["duet-grid-cell","duet-grid-cell",1,[["element",64]]],["duet-header","duet-header",1,[["element",64],["position",1,0,1,2],["theme",1,0,1,2]],1],["duet-heading","duet-heading",1,[["element",64],["level",1,0,1,2],["theme",1,0,1,2]],1],["duet-input","duet-input",1,[["accessibleActiveDescendant",1,0,"accessible-active-descendant",2],["accessibleAutocomplete",1,0,"accessible-autocomplete",2],["accessibleControls",1,0,"accessible-controls",2],["accessibleOwns",1,0,"accessible-owns",2],["autoComplete",1,0,"auto-complete",2],["autofocus",1,0,1,4],["disabled",1,0,1,4],["element",64],["expand",1,0,1,4],["helpText",1,0,"help-text",2],["identifier",1,0,1,2],["inputPrefix",1,0,"input-prefix",2],["inputSuffix",1,0,"input-suffix",2],["label",1,0,1,2],["labelHidden",1,0,"label-hidden",4],["maxLength",1,0,"max-length",8],["minLength",1,0,"min-length",8],["name",1,0,1,2],["pattern",1,0,1,2],["placeholder",1,0,1,2],["required",1,0,1,4],["role",1,0,1,2],["spellCheck",1,0,"spell-check",4],["theme",1,0,1,2],["type",1,0,1,2],["value",2,1,1,2]],1],["duet-layout","duet-layout",1,[["element",64],["variation",1,0,1,2]],1],["duet-paragraph","duet-paragraph",1,[["element",64],["theme",1,0,1,2]],1],["duet-prototype-header","duet-prototype-header",1,[["element",64]],1],["duet-spinner","duet-button",1,[["accessibleLabel",1,0,"accessible-label",2],["color",1,0,1,2],["size",1,0,1,2]],1]]

8

package.json
{
"name": "@duetds/components",
"version": "0.0.1-alpha.47",
"version": "0.0.1-alpha.48",
"description": "This package includes Duet Components and related tools.",

@@ -42,9 +42,9 @@ "author": "Viljami Salminen <ext-viljami.salminen@lahitapiola.fi>",

},
"gitHead": "ffcdbfd698a3d08af3fc7e500b8b3844b92dffd5",
"gitHead": "f8df3a0854e0337dcffd72d9a167ea51ab3669eb",
"devDependencies": {
"@duetds/fonts": "^1.1.3",
"@duetds/icons": "^1.0.7",
"@duetds/icons": "^1.0.8",
"@duetds/tokens": "^1.2.6",
"@stencil/core": "^0.18.1",
"@stencil/sass": "^0.2.1",
"@stencil/sass": "^0.2.3",
"@stencil/utils": "latest",

@@ -51,0 +51,0 @@ "@types/jest": "23.3.14",

lib/cjs/es5/build/chunk-2badfa5e.js
lib/duet/chunk-2badfa5e.js
lib/duet/chunk-b11ffd06.es5.js
lib/esm/es2017/build/chunk-2badfa5e.js
lib/esm/es5/build/chunk-2badfa5e.js
lib/collection/components/duet-button/duet-button.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-card/duet-card.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-grid-cell/duet-grid-cell.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-grid/duet-grid.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-header/duet-header.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-heading/duet-heading.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-input/duet-input.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-layout/duet-layout.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-paragraph/duet-paragraph.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-prototype-header/duet-prototype-header.css

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-prototype-header/duet-prototype-header.scss

Sorry, the diff of this file is not supported yet

lib/collection/components/duet-spinner/duet-spinner.css

Sorry, the diff of this file is not supported yet

lib/duet/duet.core.js

Sorry, the diff of this file is too big to display

lib/duet/duet.core.pf.js

Sorry, the diff of this file is too big to display

lib/esm/es2017/duet.core.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc