@duetds/components 9.1.2 → 9.2.0

package/lib/esm-es5/duet-promo-card.entry.js

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,a,o){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function i(e){try{c(o.next(e))}catch(e){n(e)}}function d(e){try{c(o["throw"](e))}catch(e){n(e)}}function c(e){e.done?a(e.value):r(e.value).then(i,d)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,i;return i={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function d(e){return function(t){return c([e,t])}}function c(d){if(o)throw new TypeError("Generator is already executing.");while(i&&(i=0,d[0]&&(a=0)),a)try{if(o=1,r&&(n=d[0]&2?r["return"]:d[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,d[1])).done)return n;if(r=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:a.label++;return{value:d[1],done:false};case 5:a.label++;r=d[1];d=[0];continue;case 7:d=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){a=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){a.label=d[1];break}if(d[0]===6&&a.label<n[1]){a.label=n[1];n=d;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(d);break}if(n[2])a.ops.pop();a.trys.pop();continue}d=t.call(e,a)}catch(e){d=[6,e];r=0}finally{o=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(e,t,a,o){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function i(e){try{d(o.next(e))}catch(e){n(e)}}function c(e){try{d(o["throw"](e))}catch(e){n(e)}}function d(e){e.done?a(e.value):r(e.value).then(i,c)}d((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,i;return i={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function c(e){return function(t){return d([e,t])}}function d(c){if(o)throw new TypeError("Generator is already executing.");while(i&&(i=0,c[0]&&(a=0)),a)try{if(o=1,r&&(n=c[0]&2?r["return"]:c[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,c[1])).done)return n;if(r=0,n)c=[c[0]&2,n.value];switch(c[0]){case 0:case 1:n=c;break;case 4:a.label++;return{value:c[1],done:false};case 5:a.label++;r=c[1];c=[0];continue;case 7:c=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(c[0]===6||c[0]===2)){a=0;continue}if(c[0]===3&&(!n||c[1]>n[0]&&c[1]<n[3])){a.label=c[1];break}if(c[0]===6&&a.label<n[1]){a.label=n[1];n=c;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(c);break}if(n[2])a.ops.pop();a.trys.pop();continue}c=t.call(e,a)}catch(e){c=[6,e];r=0}finally{o=n=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{h as hasSlot,c as checkNamedSlotElement}from"./slot-utils-e698dc9e.js";import{g as getColorByName}from"./token-utils-54a23ef5.js";import"./tokens.module-b5fab24a.js";var duetPromoCardCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(0, 41, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}';var DuetPromoCardStyle0=duetPromoCardCss;var DuetPromoCard=function(){function e(e){registerInstance(this,e);this.theme="";this.margin="auto";this.backgroundColor="";this.textColor="secondary";this.image="";this.headingLevel="h3";this.url=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasPreHeadingSlot=hasSlot(this.element,"pre-heading");this.hasHeadingSlot=hasSlot(this.element,"heading");this.hasDescriptionSlot=hasSlot(this.element,"description");this.hasActionSlot=hasSlot(this.element,"action");checkNamedSlotElement(this.element,"heading","span");checkNamedSlotElement(this.element,"description","span")};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.url&&this.aOrDivElement){this.aOrDivElement.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;var t=getColorByName(this.backgroundColor,this.theme);var a={backgroundColor:t?t:"none"};var o=this.url?"a":"div";return h(Host,{key:"15e241ca4500fba19ae5c931200d929f7c26feab",class:{"duet-m-0":this.margin==="none"}},h("aside",{key:"762dec6d01cff5f5850f16176f306ac1cbf2f4d2",class:{"duet-promo-card":true,"duet-theme-turva":this.theme==="turva","no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:a},h(o,{key:"76e2710c25b70b7310756f47d072e762e88bc247",href:this.url,class:"content-wrapper",ref:function(t){return e.aOrDivElement=t}},h("img",{key:"699f6cf997f4a59c46fe2ede3a6b4ae74cab3ab6",class:"image",src:this.image,alt:"",role:"presentation"}),h("div",{key:"bfa918f0068b2aec0496cfd9a681b8ff89ddbc4f",class:"content"},this.hasPreHeadingSlot&&h("div",{key:"4a5504dac64db3f856e37425b2af6bc88c82cf2c",class:"pre-heading"},h("slot",{key:"f83e1dd97784f9544dcf8bc638d91da52e1552f5",name:"pre-heading"})),this.hasHeadingSlot&&h("div",{key:"5588c3bf5dfb560a7b778a6bd644b67853b7d52f",class:"heading"},h("duet-heading",{key:"f5940bc4f214466b485a1836683e1aeead0e87c7",theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:this.textColor},h("span",{key:"23f5ffc9111c2a40cacbb9b7c5b6bda3dd142b23"},h("slot",{key:"2b5c24d08332aa20d04287b5694e9bc03b183481",name:"heading"})))),this.hasDescriptionSlot&&h("div",{key:"e076b2091a72aa687e188f96e26260d92a7c348e",class:"description"},h("duet-paragraph",{key:"bbf71a9b26b3e84c028b53680c024fd3dd644761",theme:this.theme,margin:"none",color:this.textColor},h("span",{key:"73f2a19b25f92101b65d3c2a81becdb2d03c13ff"},h("slot",{key:"a7da789756ddc98fec9cdc3dcd988a7d9b8ddcc4",name:"description"})))),this.hasActionSlot&&h("div",{key:"02e40e9d53bb5d954455a63340af25b95e5c2e03",class:"action"},h("slot",{key:"5db34d5353f04f26a5934c35f8a21dfbb7d753ed",name:"action"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPromoCard.style=DuetPromoCardStyle0;export{DuetPromoCard as duet_promo_card};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5d196317.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{h as hasSlot,c as checkNamedSlotElement}from"./slot-utils-4442cc08.js";import{g as getColorByName}from"./token-utils-54a23ef5.js";import"./tokens.module-b5fab24a.js";var duetPromoCardCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(0, 41, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}';var DuetPromoCardStyle0=duetPromoCardCss;var DuetPromoCard=function(){function e(e){registerInstance(this,e);this.theme="";this.margin="auto";this.backgroundColor="";this.textColor="secondary";this.image="";this.headingLevel="h3";this.url=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasPreHeadingSlot=hasSlot(this.element,"pre-heading");this.hasHeadingSlot=hasSlot(this.element,"heading");this.hasDescriptionSlot=hasSlot(this.element,"description");this.hasActionSlot=hasSlot(this.element,"action");checkNamedSlotElement(this.element,"heading","span");checkNamedSlotElement(this.element,"description","span")};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.url&&this.aOrDivElement){this.aOrDivElement.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;var t=getColorByName(this.backgroundColor,this.theme);var a={backgroundColor:t?t:"none"};var o=this.url?"a":"div";return h(Host,{key:"b73cdd4f3dcd554706a13aeaa706543b681529ec",class:{"duet-m-0":this.margin==="none"}},h("aside",{key:"76f17c86f64af2cea4a60ce9882f8e76bc475ab6",class:{"duet-promo-card":true,"duet-theme-turva":this.theme==="turva","no-bg-color":!this.backgroundColor,"duet-promo-card-link":!!this.url},style:a},h(o,{key:"db345f3d904fc72e3f25618c91ab3f30a0b9e4c7",href:this.url,class:"content-wrapper",ref:function(t){return e.aOrDivElement=t}},h("img",{key:"ac5645fb64cf5872e0735ce3d97939e37fb10f0a",class:"image",src:this.image,alt:"",role:"presentation"}),h("div",{key:"c82dc662a938ca4849089a048c57caa8efc54531",class:"content"},this.hasPreHeadingSlot&&h("div",{key:"cd9ce432bdf6f8ffaa63796a258837e9136e1ea4",class:"pre-heading"},h("slot",{key:"257b9408b4489f1cc79f503473a8d458a3cb5456",name:"pre-heading"})),this.hasHeadingSlot&&h("div",{key:"1e93652845c4b65d0ab67a0e05889304064fd7b3",class:"heading"},h("duet-heading",{key:"9e40a46f24aadcee4d43fc36167ed434c2cc8e79",theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:this.textColor},h("span",{key:"d230dbaecd853de2b4b58be416d720048b6ea43b"},h("slot",{key:"1f99efac6f9a6ebdf6e72066b50d3fe647dfc3f1",name:"heading"})))),this.hasDescriptionSlot&&h("div",{key:"e61cf4abe59d58e15cefb7f7ff7aa573922154b0",class:"description"},h("duet-paragraph",{key:"9594eba29974b0176a2fc986df802c8a5afb43f1",theme:this.theme,margin:"none",color:this.textColor},h("span",{key:"e800d7bb777802912b16ad4f5c76bb7f9df8c9fe"},h("slot",{key:"709d27fb9d198c57c8ca8abbbaaedac0790483a8",name:"description"})))),this.hasActionSlot&&h("div",{key:"2a72594c99d4142f7b1f453df4e24ce794833370",class:"action"},h("slot",{key:"07f8ccc33355d4fc7be72c64fd758363f76f609e",name:"action"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPromoCard.style=DuetPromoCardStyle0;export{DuetPromoCard as duet_promo_card};

package/lib/esm-es5/duet-radio_2.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,r){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function d(e){try{s(r.next(e))}catch(e){a(e)}}function n(e){try{s(r["throw"](e))}catch(e){a(e)}}function s(e){e.done?i(e.value):o(e.value).then(d,n)}s((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,d;return d={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function n(e){return function(t){return s([e,t])}}function s(n){if(r)throw new TypeError("Generator is already executing.");while(d&&(d=0,n[0]&&(i=0)),i)try{if(r=1,o&&(a=n[0]&2?o["return"]:n[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,n[1])).done)return a;if(o=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;o=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){i.label=n[1];break}if(n[0]===6&&i.label<a[1]){i.label=a[1];a=n;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(n);break}if(a[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];o=0}finally{r=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as checkNamedSlotElement}from"./slot-utils-e698dc9e.js";import{f as findCheckedOption,w as watchForOptions}from"./watch-options-e96ecd92.js";var duetRadioCss='*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(144, 149, 153)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}';var DuetRadioStyle0=duetRadioCss;var DuetRadio=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.radioId=createID("DuetRadio");this.onClick=function(e){e.stopPropagation()};this.onChange=function(e){t.checked=t.nativeInput.checked||false;if(t.checked&&!t.blockEvents){t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})}};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})};this.accessibleActiveDescendant=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleIndex=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.disabled=false;this.required=false;this.blockEvents=false;this.identifier=undefined;this.label="label";this.name=undefined;this.role=undefined;this.groupDisabled=undefined;this.groupDirection=undefined;this.groupResponsive=undefined;this.checked=undefined;this.value=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasLabel=!!this.element.querySelector(":scope > [slot='label']");if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.radioId;return h(Host,{onClick:this.onClick,class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-radio-container":true,"duet-theme-turva":this.theme==="turva"}},h("input",{type:"radio",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,tabindex:this.accessibleIndex,class:{"duet-radio":true,disabled:this.disabled||this.groupDisabled},checked:this.checked,disabled:this.disabled||this.groupDisabled,required:this.required,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:this.role,name:this.name,id:t,ref:function(t){return e.nativeInput=t}}),h("label",{class:"duet-label",htmlFor:t},h("div",{class:"duet-label-content"},this.hasLabel?h("slot",{name:"label"}):this.label))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetRadio.style=DuetRadioStyle0;var duetRadioGroupCss="*.sc-duet-radio-group,*.sc-duet-radio-group::after,*.sc-duet-radio-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:flex}}.horizontal.sc-duet-radio-group-h .duet-radio-group.duet-no-stacking.sc-duet-radio-group{display:flex}.deut-radio-group.sc-duet-radio-group{width:100%}";var DuetRadioGroupStyle0=duetRadioGroupCss;var DuetRadioGroup=function(){function e(e){var t=this;registerInstance(this,e);this.onSelect=function(e){var i=e.target;if(i){t.value=i.value}e.cancelBubble=true};this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.tooltip="";this.tooltipDirection="auto";this.name=undefined;this.label="Label";this.labelHidden=false;this.caption="";this.responsive=false;this.value=undefined;this.disabled=undefined;this.required=false;this.accessibleLiveError="polite"}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var i=this;return __generator(this,(function(r){switch(r.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=findCheckedOption(e,"duet-radio");if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:r.sent();if(this.value===undefined){this.value=t.value}r.label=2;case 2:this.mutationO=watchForOptions(e,"duet-radio",(function(e){if(e!==undefined){e.componentOnReady().then((function(){i.value=e.value}))}else{i.updateRadios()}}));this.updateRadios();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true)};e.prototype.updateRadios=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,r,o,a;return __generator(this,(function(d){e=Array.from(this.element.querySelectorAll("duet-radio"));t=this.value;i=false;for(r=0,o=e;r<o.length;r++){a=o[r];a.name=this.name;a.required=this.required;a.groupDisabled=this.disabled;a.groupDirection=this.direction;a.groupResponsive=this.responsive;if(!i&&a.value===t){i=true;a.checked=true}else{a.checked=false}}if(!i){this.value=undefined}return[2]}))}))};e.prototype.render=function(){return h(Host,{onDuetChange:this.onSelect,class:{horizontal:this.direction==="horizontal"}},h("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("slot",{name:"tooltip"}),h("div",{class:{"duet-radio-group":true,"duet-no-stacking":!this.responsive}},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["updateRadios"],value:["updateRadios"],disabled:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}},enumerable:false,configurable:true});return e}();DuetRadioGroup.style=DuetRadioGroupStyle0;export{DuetRadio as duet_radio,DuetRadioGroup as duet_radio_group};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5d196317.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as checkNamedSlotElement}from"./slot-utils-4442cc08.js";import{f as findCheckedOption,w as watchForOptions}from"./watch-options-e96ecd92.js";var duetRadioCss='*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(144, 149, 153)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}';var DuetRadioStyle0=duetRadioCss;var DuetRadio=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.radioId=createID("DuetRadio");this.onClick=function(e){e.stopPropagation()};this.onChange=function(e){t.checked=t.nativeInput.checked||false;if(t.checked&&!t.blockEvents){t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})}};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})};this.accessibleActiveDescendant=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleIndex=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.disabled=false;this.required=false;this.blockEvents=false;this.identifier=undefined;this.label="label";this.name=undefined;this.role=undefined;this.groupDisabled=undefined;this.groupDirection=undefined;this.groupResponsive=undefined;this.checked=undefined;this.value=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasLabel=!!this.element.querySelector(":scope > [slot='label']");if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.radioId;return h(Host,{onClick:this.onClick,class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-radio-container":true,"duet-theme-turva":this.theme==="turva"}},h("input",{type:"radio",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,tabindex:this.accessibleIndex,class:{"duet-radio":true,disabled:this.disabled||this.groupDisabled},checked:this.checked,disabled:this.disabled||this.groupDisabled,required:this.required,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:this.role,name:this.name,id:t,ref:function(t){return e.nativeInput=t}}),h("label",{class:"duet-label",htmlFor:t},h("div",{class:"duet-label-content"},this.hasLabel?h("slot",{name:"label"}):this.label))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetRadio.style=DuetRadioStyle0;var duetRadioGroupCss="*.sc-duet-radio-group,*.sc-duet-radio-group::after,*.sc-duet-radio-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:flex}}.horizontal.sc-duet-radio-group-h .duet-radio-group.duet-no-stacking.sc-duet-radio-group{display:flex}.deut-radio-group.sc-duet-radio-group{width:100%}";var DuetRadioGroupStyle0=duetRadioGroupCss;var DuetRadioGroup=function(){function e(e){var t=this;registerInstance(this,e);this.onSelect=function(e){var i=e.target;if(i){t.value=i.value}e.cancelBubble=true};this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.tooltip="";this.tooltipDirection="auto";this.name=undefined;this.label="Label";this.labelHidden=false;this.caption="";this.responsive=false;this.value=undefined;this.disabled=undefined;this.required=false;this.accessibleLiveError="polite"}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var i=this;return __generator(this,(function(r){switch(r.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=findCheckedOption(e,"duet-radio");if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:r.sent();if(this.value===undefined){this.value=t.value}r.label=2;case 2:this.mutationO=watchForOptions(e,"duet-radio",(function(e){if(e!==undefined){e.componentOnReady().then((function(){i.value=e.value}))}else{i.updateRadios()}}));this.updateRadios();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true)};e.prototype.updateRadios=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,r,o,a;return __generator(this,(function(d){e=Array.from(this.element.querySelectorAll("duet-radio"));t=this.value;i=false;for(r=0,o=e;r<o.length;r++){a=o[r];a.name=this.name;a.required=this.required;a.groupDisabled=this.disabled;a.groupDirection=this.direction;a.groupResponsive=this.responsive;if(!i&&a.value===t){i=true;a.checked=true}else{a.checked=false}}if(!i){this.value=undefined}return[2]}))}))};e.prototype.render=function(){return h(Host,{onDuetChange:this.onSelect,class:{horizontal:this.direction==="horizontal"}},h("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("slot",{name:"tooltip"}),h("div",{class:{"duet-radio-group":true,"duet-no-stacking":!this.responsive}},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["updateRadios"],value:["updateRadios"],disabled:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}},enumerable:false,configurable:true});return e}();DuetRadioGroup.style=DuetRadioGroupStyle0;export{DuetRadio as duet_radio,DuetRadioGroup as duet_radio_group};

package/lib/esm-es5/duet-range-slider.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,r,t,a){function i(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,n){function s(e){try{u(a.next(e))}catch(e){n(e)}}function d(e){try{u(a["throw"](e))}catch(e){n(e)}}function u(e){e.done?t(e.value):i(e.value).then(s,d)}u((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,i,n,s;return s={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function d(e){return function(r){return u([e,r])}}function u(d){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,d[0]&&(t=0)),t)try{if(a=1,i&&(n=d[0]&2?i["return"]:d[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,d[1])).done)return n;if(i=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:t.label++;return{value:d[1],done:false};case 5:t.label++;i=d[1];d=[0];continue;case 7:d=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){t=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){t.label=d[1];break}if(d[0]===6&&t.label<n[1]){t.label=n[1];n=d;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(d);break}if(n[2])t.ops.pop();t.trys.pop();continue}d=r.call(e,t)}catch(e){d=[6,e];i=0}finally{a=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as colorPrimaryTurva,j as colorGrayTurva,k as colorPrimary,l as colorGray}from"./tokens.module-b5fab24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-439bcc8b.js";var duetRangeSliderCss='*.sc-duet-range-slider,*.sc-duet-range-slider::after,*.sc-duet-range-slider::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-range-slider-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-range-slider-h:last-child,.sc-duet-range-slider-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-range-slider-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-range-slider-h{width:100% !important}}.duet-m-0.sc-duet-range-slider-h{margin:0 !important}.duet-range-container.sc-duet-range-slider{position:relative;width:100%}.duet-output.sc-duet-range-slider{position:absolute;top:12px;right:0;z-index:200;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);background:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-range-disabled.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(144, 149, 153)}.duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider{position:relative;z-index:100;width:100%;height:4px;background:rgb(207, 210, 212);border-radius:4px}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:rgb(207, 207, 209)}.duet-ie.sc-duet-range-slider .duet-range.sc-duet-range-slider{display:block;width:auto;height:26px;background:transparent !important}.duet-range.sc-duet-range-slider::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range.sc-duet-range-slider::-ms-track{color:transparent;background:transparent;border:0}.duet-range.sc-duet-range-slider:focus,.duet-range.sc-duet-range-slider:active{outline:0}.user-is-tabbing.sc-duet-range-slider-h .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range.sc-duet-range-slider::-webkit-slider-runnable-track{background:transparent}.duet-range.sc-duet-range-slider::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range.sc-duet-range-slider::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range.sc-duet-range-slider::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:disabled{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:rgb(207, 207, 209) !important}.duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-ms-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range.sc-duet-range-slider::-ms-fill-upper{height:4px;background:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:rgb(207, 207, 209)}.duet-label-hidden.sc-duet-range-slider duet-label.sc-duet-range-slider,.duet-label-hidden.sc-duet-range-slider output.sc-duet-range-slider{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetRangeSliderStyle0=duetRangeSliderCss;var colors={turva:{active:colorPrimaryTurva,inactive:colorGrayTurva},default:{active:colorPrimary,inactive:colorGray}};var DuetRangeSlider=function(){function e(e){var r=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetInput=createEvent(this,"duetInput",7);this.rangeId=createID("DuetRange");this.onInput=function(e){var t=e.target;if(t){r.value=parseFloat(t.value)||0}r.duetInput.emit({originalEvent:e,value:r.value,component:"duet-range-slider"})};this.onChange=function(e){var t=e.target;if(t){r.value=parseFloat(t.value)||0}clearTimeout(r.timeoutId);r.timeoutId=setTimeout((function(){r.duetChange.emit({originalEvent:e,value:r.value,component:"duet-range-slider"})}),r.debounce)};this.theme="";this.margin="auto";this.expand=false;this.identifier=undefined;this.name=undefined;this.required=false;this.disabled=false;this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.min=0;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.labelHidden=false;this.unit="";this.max=100;this.step=1;this.locale="fi-FI";this.value=0;this.debounce=0}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.nativeInput.focus(e);return[2]}))}))};e.prototype.calculatePercentage=function(){return(this.value-this.min)/(this.max-this.min)*100};e.prototype.render=function(){var e=this;var r=this.identifier||this.rangeId;var t=this.theme==="turva"?"turva":"default";var a=colors[t],i=a.inactive,n=a.active;var s=this.calculatePercentage();var d={background:"-webkit-linear-gradient(left,".concat(n," 0%,").concat(n," ").concat(s,"%,").concat(i," ").concat(s,"%)")};return h(Host,{class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},h("div",{class:{"duet-range-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-ie":isInternetExplorer(),"duet-range-disabled":this.disabled}},h("duet-label",{theme:t,color:this.labelColor,weight:this.labelWeight,margin:"small",for:r},this.label),h("output",{"aria-hidden":"true",htmlFor:r,class:"duet-output"},this.value.toLocaleString(this.locale),this.unit),h("input",{onInput:this.onInput,onChange:this.onChange,ref:function(r){return e.nativeInput=r},type:"range",min:this.min,max:this.max,step:this.step,value:this.value,style:d,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":"".concat(this.value," ").concat(this.unit),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,id:r,name:this.name,disabled:this.disabled,required:this.required,class:"duet-range"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetRangeSlider.style=DuetRangeSliderStyle0;export{DuetRangeSlider as duet_range_slider};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5d196317.js";import{i as colorPrimaryTurva,j as colorGrayTurva,k as colorPrimary,l as colorGray}from"./tokens.module-b5fab24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-439bcc8b.js";var duetRangeSliderCss='*.sc-duet-range-slider,*.sc-duet-range-slider::after,*.sc-duet-range-slider::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-range-slider-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-range-slider-h:last-child,.sc-duet-range-slider-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-range-slider-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-range-slider-h{width:100% !important}}.duet-m-0.sc-duet-range-slider-h{margin:0 !important}.duet-range-container.sc-duet-range-slider{position:relative;width:100%}.duet-output.sc-duet-range-slider{position:absolute;top:12px;right:0;z-index:200;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);background:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-range-disabled.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(144, 149, 153)}.duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider{position:relative;z-index:100;width:100%;height:4px;background:rgb(207, 210, 212);border-radius:4px}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:rgb(207, 207, 209)}.duet-ie.sc-duet-range-slider .duet-range.sc-duet-range-slider{display:block;width:auto;height:26px;background:transparent !important}.duet-range.sc-duet-range-slider::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range.sc-duet-range-slider::-ms-track{color:transparent;background:transparent;border:0}.duet-range.sc-duet-range-slider:focus,.duet-range.sc-duet-range-slider:active{outline:0}.user-is-tabbing.sc-duet-range-slider-h .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range.sc-duet-range-slider::-webkit-slider-runnable-track{background:transparent}.duet-range.sc-duet-range-slider::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range.sc-duet-range-slider::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range.sc-duet-range-slider::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:disabled{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:rgb(207, 207, 209) !important}.duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-ms-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range.sc-duet-range-slider::-ms-fill-upper{height:4px;background:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:rgb(207, 207, 209)}.duet-label-hidden.sc-duet-range-slider duet-label.sc-duet-range-slider,.duet-label-hidden.sc-duet-range-slider output.sc-duet-range-slider{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetRangeSliderStyle0=duetRangeSliderCss;var colors={turva:{active:colorPrimaryTurva,inactive:colorGrayTurva},default:{active:colorPrimary,inactive:colorGray}};var DuetRangeSlider=function(){function e(e){var r=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetInput=createEvent(this,"duetInput",7);this.rangeId=createID("DuetRange");this.onInput=function(e){var t=e.target;if(t){r.value=parseFloat(t.value)||0}r.duetInput.emit({originalEvent:e,value:r.value,component:"duet-range-slider"})};this.onChange=function(e){var t=e.target;if(t){r.value=parseFloat(t.value)||0}clearTimeout(r.timeoutId);r.timeoutId=setTimeout((function(){r.duetChange.emit({originalEvent:e,value:r.value,component:"duet-range-slider"})}),r.debounce)};this.theme="";this.margin="auto";this.expand=false;this.identifier=undefined;this.name=undefined;this.required=false;this.disabled=false;this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.min=0;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.labelHidden=false;this.unit="";this.max=100;this.step=1;this.locale="fi-FI";this.value=0;this.debounce=0}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.nativeInput.focus(e);return[2]}))}))};e.prototype.calculatePercentage=function(){return(this.value-this.min)/(this.max-this.min)*100};e.prototype.render=function(){var e=this;var r=this.identifier||this.rangeId;var t=this.theme==="turva"?"turva":"default";var a=colors[t],i=a.inactive,n=a.active;var s=this.calculatePercentage();var d={background:"-webkit-linear-gradient(left,".concat(n," 0%,").concat(n," ").concat(s,"%,").concat(i," ").concat(s,"%)")};return h(Host,{class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},h("div",{class:{"duet-range-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-ie":isInternetExplorer(),"duet-range-disabled":this.disabled}},h("duet-label",{theme:t,color:this.labelColor,weight:this.labelWeight,margin:"small",for:r},this.label),h("output",{"aria-hidden":"true",htmlFor:r,class:"duet-output"},this.value.toLocaleString(this.locale),this.unit),h("input",{onInput:this.onInput,onChange:this.onChange,ref:function(r){return e.nativeInput=r},type:"range",min:this.min,max:this.max,step:this.step,value:this.value,style:d,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":"".concat(this.value," ").concat(this.unit),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,id:r,name:this.name,disabled:this.disabled,required:this.required,class:"duet-range"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetRangeSlider.style=DuetRangeSliderStyle0;export{DuetRangeSlider as duet_range_slider};

package/lib/esm-es5/duet-scrollable_3.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,a,i){function o(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,n){function r(t){try{u(i.next(t))}catch(t){n(t)}}function s(t){try{u(i["throw"](t))}catch(t){n(t)}}function u(t){t.done?a(t.value):o(t.value).then(r,s)}u((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,o,n,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return u([t,e])}}function u(s){if(i)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(a=0)),a)try{if(i=1,o&&(n=s[0]&2?o["return"]:s[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,s[1])).done)return n;if(o=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;o=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){a.label=s[1];break}if(s[0]===6&&a.label<n[1]){a.label=n[1];n=s;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(s);break}if(n[2])a.ops.pop();a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t];o=0}finally{i=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{h as hasSlot,g as getElementsFromDefaultSlot}from"./slot-utils-e698dc9e.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange,o as isTabKey,p as isShiftTabKey,d as isArrowLeftKey,b as isArrowUpKey,a as isArrowRightKey,c as isArrowDownKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,a as getLanguage}from"./language-utils-b0c1f3cd.js";import{d as getShadowByName}from"./token-utils-54a23ef5.js";import{c as createID}from"./create-id-149a1b6d.js";import"./string-utils-192eb3c8.js";import"./tokens.module-b5fab24a.js";var duetScrollableCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items .duet-scrollable-fade-overlay{position:absolute;bottom:0;z-index:250;display:block;width:10px;height:100%;pointer-events:none;transition:transform 300ms ease}:host .duet-scrollable-items .duet-scrollable-fade-overlay--hidden{display:none}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay{}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.left{left:calc(0px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.right{right:calc(0px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.left{left:calc(40px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.right{right:calc(40px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-right:10px;padding-left:10px;margin:0 -10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";var DuetScrollableStyle0=duetScrollableCss;var DuetScrollable=function(){function t(t){var e=this;registerInstance(this,t);this.currentIndex=0;this.scrollPaneElement=undefined;this.hasCollapseButtonLabelSlot=false;this.resizeObserver=new ResizeObserver((function(t){var a,i,o,n;if((t===null||t===void 0?void 0:t.length)===1){var r=(i=(a=t[0])===null||a===void 0?void 0:a.target)===null||i===void 0?void 0:i.getBoundingClientRect().width;var s=(n=(o=t[0])===null||o===void 0?void 0:o.target)===null||n===void 0?void 0:n.scrollWidth;var u=10;e.needsScrolling=s>r+u}}));this.collapsedOnClick=function(){e.collapsed=!e.collapsed};this.scrollPaneAtStart=true;this.needsScrolling=true;this.scrollPaneAtEnd=false;this.childrenData={};this.theme="";this.identifier="";this.collapsed=false;this.buttons=true;this.buttonAlignment="center";this.center=false;this.padding="none";this.selected=0}t.prototype.watchPropHandler=function(t){this.scrollToElement(t,"center")};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasCollapseButtonLabelSlot=hasSlot(this.element,"collapse-button-label")};t.prototype.componentDidLoad=function(){var t=this;this.resizeObserver.observe(this.scrollPaneElement);requestAnimationFrame((function(){t.updateScrollButtons(t.getScrollPaneElements()[0])}))};t.prototype.disconnectedCallback=function(){this.resizeObserver.disconnect()};t.prototype.getScrollPaneElements=function(){return getElementsFromDefaultSlot(this.element)};t.prototype.getLastVisibleElement=function(){var t=this;var e=this.getScrollPaneElements().find((function(e){return e.getBoundingClientRect().x+e.getBoundingClientRect().width-t.scrollPaneElement.getBoundingClientRect().x>t.scrollPaneElement.clientWidth}));var a=this.getScrollPaneElements().indexOf(e);if(e.clientWidth>this.scrollPaneElement.clientWidth){return a}return a-1};t.prototype.getFirstVisibleElement=function(){var t=this;var e=this.getScrollPaneElements();var a=e.find((function(e){return e.getBoundingClientRect().x>t.scrollPaneElement.getBoundingClientRect().x}));var i=!a?e.length:e.indexOf(a);var o=Math.max(i-1,0);if(e[o].clientWidth>this.scrollPaneElement.clientWidth){return o}return i};t.prototype.updateScrollButtons=function(t,e){if(t===void 0){t=null}if(e===void 0){e=this.scrollPaneElement}if(!this.buttons){return}if(t&&t.clientWidth>this.scrollPaneElement.clientWidth){var a=this.getScrollPaneElements().indexOf(t);if(a==0){this.scrollPaneAtStart=true}if(a==this.getScrollPaneElements().length-1){this.scrollPaneAtEnd=true}return}if(e.scrollLeft<=0){this.scrollPaneAtStart=true}else if(e.scrollLeft>0){this.scrollPaneAtStart=false}if(e.clientWidth+e.scrollLeft+10>=e.scrollWidth){this.scrollPaneAtEnd=true}else if(e.clientWidth+e.scrollLeft+10<e.scrollWidth){this.scrollPaneAtEnd=false}};t.prototype.scrollToElement=function(t,e){var a=this;if(t===void 0){t=this.currentIndex}var i=this.getScrollPaneElements();if(!i||i.length===0){return}if(t+1>=i.length){t=i.length-1}if(t<0){t=0}var o=i[0].getBoundingClientRect().x;var n=5;var r=function(){if(i[0].getBoundingClientRect().x===o){n--;if(n!==0){window.requestAnimationFrame(r);return}a.updateScrollButtons(i[t])}else{window.requestAnimationFrame(r);o=i[0].getBoundingClientRect().x}};i[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e});window.requestAnimationFrame(r)};t.prototype.scrollLeft=function(){this.scrollPaneAtEnd=false;var t=this.getFirstVisibleElement();this.scrollToElement(t-1,"center")};t.prototype.scrollRight=function(){this.scrollPaneAtStart=false;var t=this.getLastVisibleElement();this.scrollToElement(t+1,"center")};t.prototype.renderFadeOverlay=function(t){var e;return h("div",{class:(e={"duet-scrollable-fade-overlay":true,"duet-scrollable-fade-overlay--hidden":!this.needsScrolling},e["".concat(t)]=true,e)})};t.prototype.renderButton=function(t){var e,a;var i=this;var o=this.theme==="turva"?"color-primary-darker-turva":"color-primary";var n=this.theme==="turva"?"color-gray-turva":"color-gray";var r=function(){if(t==="left"){i.scrollLeft()}else{i.scrollRight()}};var s=t==="left"?this.scrollPaneAtStart:this.scrollPaneAtEnd;return h("div",{class:(e={"duet-scrollable-button-container":true},e["".concat(t)]=true,e["duet-scrollable-button-container--occluded"]=!this.needsScrolling,e)},h("button",{part:"".concat(this.identifier,"-button-").concat(t),"aria-hidden":"true",class:(a={"duet-scrollable-button":true},a["duet-scrollable-button--".concat(this.buttonAlignment)]=true,a["duet-scrollable-button--".concat(t)]=true,a),onClick:function(){return r()},disabled:s,tabindex:"-1",hidden:!this.buttons},h("duet-icon",{color:s?n:o,name:t==="left"?"action-arrow-left":"action-arrow-right",size:"small",margin:"none"})))};t.prototype.render=function(){var t;var e=this;return h(Host,{key:"e45f073935f1dc5ed9c7a7cfe10bf0c5f10bc02b",class:{"duet-theme-turva":this.theme==="turva","duet-theme-default":this.theme==="default"}},this.hasCollapseButtonLabelSlot&&h("div",{key:"59991362841374b6289f057ed20af29deddd9a5c",class:{collapse:true,hide:!this.needsScrolling&&!this.collapsed}},h("duet-button",{key:"0364196174423e4e415838c766406ad5cee801f4",variation:"plain",margin:"none","center-text":true,onClick:function(){return e.collapsedOnClick()}},h("slot",{key:"26fc22d06a9f9309531f2eb95f33197c24b461aa",name:"collapse-button-label"}))),h("div",{key:"0675d0c8473a5da30b830dc02a16dab57e24c717",class:{"duet-scrollable-items":true,buttons:this.buttons,center:this.center}},this.buttons&&this.renderButton("left"),this.renderFadeOverlay("left"),h("div",{key:"e173cea4d9d7885e100240341d74bf154a7e92a9",class:(t={"duet-scrollable-list":true,collapsed:this.collapsed},t["duet-overflow-padding--".concat(this.padding)]=this.padding!=="none",t),onScroll:function(){return e.updateScrollButtons()},ref:function(t){return e.scrollPaneElement=t}},h("slot",{key:"11baceae175809b6f60d8c16ef5a33bd72db7793"})),this.renderFadeOverlay("right"),this.buttons&&this.renderButton("right")))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["watchPropHandler"]}},enumerable:false,configurable:true});return t}();DuetScrollable.style=DuetScrollableStyle0;var duetTabCss=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}.duet-tab.has-content-id.sc-duet-tab,.duet-tab.has-content-id.selected.sc-duet-tab{display:none}.user-is-tabbing.sc-duet-tab-h .duet-tab.sc-duet-tab:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-tab-h .duet-tab.duet-theme-turva.sc-duet-tab:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";var DuetTabStyle0=duetTabCss;var DuetTab=function(){function t(t){var e=this;registerInstance(this,t);this.setupContentElement=function(){if(e.contentId){e.tabpanelElement=document.getElementById(e.contentId);if(e.tabpanelElement){e.tabpanelElement.setAttribute("role","tabpanel");e.tabpanelElement.setAttribute("tabindex","-1");e.tabpanelElement.removeEventListener("focus",e.tabpanelElementFocusListener);e.tabpanelElement.removeEventListener("blur",e.tabpanelElementBlurListener);e.tabpanelElement.addEventListener("focus",e.tabpanelElementFocusListener);e.tabpanelElement.addEventListener("blur",e.tabpanelElementBlurListener);if(e.accessibleDescription){e.tabpanelElement.setAttribute("aria-description",e.accessibleDescription)}if(e.accessibleLabelledBy){e.tabpanelElement.setAttribute("aria-labelledby",e.accessibleLabelledBy)}if(e.selected){e.tabpanelElement.toggleAttribute("hidden",false)}else{e.tabpanelElement.toggleAttribute("hidden",true)}}}};this.tabpanelElementFocusListener=function(){if(e.element.classList.contains("user-is-tabbing")){e.tabpanelElement.style.outline="0";e.tabpanelElement.style.boxShadow=getShadowByName(e.theme==="turva"?"focus-turva":"focus")}};this.tabpanelElementBlurListener=function(){e.tabpanelElement.style.outline=null;e.tabpanelElement.style.boxShadow=null};this.theme="";this.label=undefined;this.caption=undefined;this.selected=undefined;this.notificationMark=undefined;this.accessibleDescriptionDefault=null;this.accessibleDescription=this.accessibleDescriptionDefault?getLocaleString(this.accessibleDescriptionDefault):null;this.accessibleLabelledBy=undefined;this.contentId=undefined}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"});subscribeTabbingChange(this);this.setupContentElement()};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this);if(this.tabpanelElement){this.tabpanelElement.removeAttribute("role");this.tabpanelElement.removeAttribute("tabindex");this.tabpanelElement.removeAttribute("aria-description");this.tabpanelElement.removeAttribute("aria-labelledby");this.tabpanelElement.removeAttribute("hidden");this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener.bind(this));this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener.bind(this));this.tabpanelElement=undefined}};t.prototype.setupSelected=function(t,e){if(!!t===!!e){return}this.setupContentElement()};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabpanelElement.focus(t);return[2]}))}))};t.prototype.render=function(){var t=this;return h("div",{ref:function(e){if(!t.contentId){t.tabpanelElement=e}},role:"tabpanel",class:{"duet-theme-turva":this.theme==="turva","duet-tab":true,selected:this.selected,"has-content-id":!!this.contentId},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy,tabindex:"-1"},h("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["setupSelected"]}},enumerable:false,configurable:true});return t}();DuetTab.style=DuetTabStyle0;var duetTabGroupCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(222, 35, 98);box-shadow:0 0 0 1px #c82058}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(250, 164, 15);box-shadow:0 0 0 1px #e1940e}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(224, 42, 13);box-shadow:0 0 0 1px #ca260c}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(68, 68, 69)}';var DuetTabGroupStyle0=duetTabGroupCss;var DuetTabGroup=function(){function t(t){var e=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);this.duetTabChange=createEvent(this,"duetTabChange",7);this.duetTabChangeRequested=createEvent(this,"duetTabChangeRequested",7);this.id=createID("DuetTabGroup");this.handleKeyDown=function(t){var a;if(isArrowLeftKey(t)||isArrowUpKey(t)){a=t.target.previousElementSibling}else if(isArrowRightKey(t)||isArrowDownKey(t)){a=t.target.nextElementSibling}if(isTabKey(t)&&!isShiftTabKey(t)){t.preventDefault();e.element.querySelector("duet-tab[selected]").setFocus()}if(a){t.preventDefault();a.click();a.focus()}};this.onTabSelect=function(t){if(e.tabChangeConfirm){if(t!==e.selected){var a={value:t,component:"duet-tab-group"};e.duetTabChangeRequested.emit(a)}}else{e.openTab(t)}};this.scrollToActive=function(){if(e.variation==="checked"||e.variation==="plain-scrolling"){setTimeout((function(){var t=e.tabsContainer.querySelector(".selected");if(t){t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}}),50)}};this.renderTab=function(){var t=e.tabs.map((function(t,a){var i;return h("button",{role:"tab",id:e.getButtonId(a),"aria-selected":t.selected?"true":"false","aria-description":e.getAccessibleDescription(a),tabindex:t.selected?"0":"-1",part:"".concat(e.identifier,"-button ").concat(t.selected?"".concat(e.identifier,"-button--selected"):""),type:"button",class:(i={"duet-p-0":e.padding==="none","duet-tab-button":true,"stackable-tab":e.variation==="checked"&&e.tabs.length<=3,selected:t.selected},i["duet-notification-mark-".concat(t.notificationMark)]=!!t.notificationMark,i),onClick:function(){return e.onTabSelect(a)},onKeyDown:function(t){return e.handleKeyDown(t)}},e.variation==="checked"?h("div",{class:{"checked-tab-content":true,"stackable-checked-tab-content":e.tabs.length<=3}},h("div",{class:{"checked-tab-description":true,"stackable-description":e.tabs.length<=3}},h("p",null,t.label),h("p",{class:{"tab-caption":true,selected:t.selected}},t.caption)),h("div",{class:{"stackable-checkmark":e.tabs.length<=3}},h("duet-checkmark",{theme:e.theme,checked:t.selected,type:"radio","presentation-only":true,center:true}))):t.label)}));if(e.scrolls){return h("duet-scrollable",{selected:e.selected,identifier:e.identifier},t)}return t};this.tabs=[];this.selected=undefined;this.theme="";this.scrolls=false;this.collapses=true;this.accessibleLabel=undefined;this.variation="default";this.language=getLanguage();this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"};this.label=getLocaleString(this.labelDefaults,this.language);this.labelHidden=true;this.identifier=this.id;this.margin="auto";this.padding="auto";this.setTabIndex=true;this.tabChangeConfirm=false}t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(typeof MutationObserver!=="undefined"){this.mutationO=new MutationObserver((function(){t.updateTabs()}));this.mutationO.observe(this.element,{attributes:true,attributeFilter:["label"],childList:true,characterData:true,subtree:true})}return[4,this.updateTabs()];case 1:e.sent();subscribeTabbingChange(this);return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}unsubscribeTabbingChange(this)};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.componentDidLoad=function(){this.scrollToActive()};t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index ".concat(t," is out of bounds of tabs length"))}this.selected=t;this.tabs.forEach((function(e,a){e.selected=a===t}));this.scrollToActive();e={value:t,component:"duet-tab-group"};this.duetChange.emit(e);this.duetTabChange.emit(e);return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");return[2]}))}))};t.prototype.getTabs=function(){var t=this;var e=Array.from(this.element.querySelectorAll("duet-tab"));var a=e.filter((function(e){return e.closest("duet-tab-group")===t.element}));if(a.length===0){throw new Error("[duet-tabs] Must have at least one tab")}return a};t.prototype.getButtonId=function(t){return"".concat(this.id,"-button-").concat(t)};t.prototype.getTabId=function(t){return"".concat(this.id,"-tab-").concat(t)};t.prototype.getAccessibleDescription=function(t){var e=this.tabs[t].getAttribute("accessible-description")||null;return e};t.prototype.updateTabs=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.selected=undefined;this.tabs=this.getTabs();this.tabs.forEach((function(e,a){e.id=t.getTabId(a);if(e.selected){if(t.selected===undefined){t.selected=a}else{e.selected=false}}}));if(this.selected===undefined){this.selected=0;this.tabs[0].selected=true}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var a=this.variation==="plain-scrolling"?"duet-tab-variation-plain":"duet-tab-variation-".concat(this.variation);var i=this.variation==="checked"||this.variation==="plain-scrolling";return h("div",{key:"a09d023095d80f1984c13102ed5f85594d0c2e54",class:(t={"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"},t[a]=true,t["duet-tab-plain-scrolling"]=this.variation==="plain-scrolling",t["duet-tab-group-scrolls"]=this.scrolls,t["duet-tab-group-collapses"]=this.collapses,t),"aria-label":this.accessibleLabel},!i&&this.tabs.length>3&&this.collapses&&h("duet-select",{key:"6d5a053f2a39b2e5042fa199b50ef6dfcb2e8395",value:this.selected.toString(),expand:true,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:function(t){return e.onTabSelect(Number(t.detail.value))},items:this.tabs.map((function(t,e){return{label:t.label,value:e.toString()}}))}),h("div",{key:"c314e15b44bfec35a9dce7f0b3343adb2560eb1e",role:"tablist",class:{"duet-m-0":this.margin==="none"||this.variation==="checked","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3&&!i,"duet-tab-group-collapses":this.collapses},ref:function(t){e.tabsContainer=t}},this.renderTab()),h("div",{key:"a05213a66ee2ac2103eeb887312551edde85914c",class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none","checked-group-content":this.variation==="checked"}},h("slot",{key:"4e1231a85f36bf98be1d5ab1054e031dd2b4b814"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTabGroup.style=DuetTabGroupStyle0;export{DuetScrollable as duet_scrollable,DuetTab as duet_tab,DuetTabGroup as duet_tab_group};
+ */import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-5d196317.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{h as hasSlot,g as getElementsFromDefaultSlot}from"./slot-utils-4442cc08.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange,o as isTabKey,p as isShiftTabKey,d as isArrowLeftKey,b as isArrowUpKey,a as isArrowRightKey,c as isArrowDownKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,a as getLanguage}from"./language-utils-97f0a1bb.js";import{d as getShadowByName}from"./token-utils-54a23ef5.js";import{c as createID}from"./create-id-149a1b6d.js";import"./string-utils-192eb3c8.js";import"./tokens.module-b5fab24a.js";var duetScrollableCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items .duet-scrollable-fade-overlay{position:absolute;bottom:0;z-index:250;display:block;width:10px;height:100%;pointer-events:none;transition:transform 300ms ease}:host .duet-scrollable-items .duet-scrollable-fade-overlay--hidden{display:none}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay{}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.left{left:calc(0px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.right{right:calc(0px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.left{left:calc(40px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.right{right:calc(40px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-right:10px;padding-left:10px;margin:0 -10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";var DuetScrollableStyle0=duetScrollableCss;var DuetScrollable=function(){function t(t){var e=this;registerInstance(this,t);this.currentIndex=0;this.scrollPaneElement=undefined;this.hasCollapseButtonLabelSlot=false;this.resizeObserver=new ResizeObserver((function(t){var a,i,o,n;if((t===null||t===void 0?void 0:t.length)===1){var r=(i=(a=t[0])===null||a===void 0?void 0:a.target)===null||i===void 0?void 0:i.getBoundingClientRect().width;var s=(n=(o=t[0])===null||o===void 0?void 0:o.target)===null||n===void 0?void 0:n.scrollWidth;var u=10;e.needsScrolling=s>r+u}}));this.collapsedOnClick=function(){e.collapsed=!e.collapsed};this.scrollPaneAtStart=true;this.needsScrolling=true;this.scrollPaneAtEnd=false;this.childrenData={};this.theme="";this.identifier="";this.collapsed=false;this.buttons=true;this.buttonAlignment="center";this.center=false;this.padding="none";this.selected=0}t.prototype.watchPropHandler=function(t){this.scrollToElement(t,"center")};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasCollapseButtonLabelSlot=hasSlot(this.element,"collapse-button-label")};t.prototype.componentDidLoad=function(){var t=this;this.resizeObserver.observe(this.scrollPaneElement);requestAnimationFrame((function(){t.updateScrollButtons(t.getScrollPaneElements()[0])}))};t.prototype.disconnectedCallback=function(){this.resizeObserver.disconnect()};t.prototype.getScrollPaneElements=function(){return getElementsFromDefaultSlot(this.element)};t.prototype.getLastVisibleElement=function(){var t=this;var e=this.getScrollPaneElements().find((function(e){return e.getBoundingClientRect().x+e.getBoundingClientRect().width-t.scrollPaneElement.getBoundingClientRect().x>t.scrollPaneElement.clientWidth}));var a=this.getScrollPaneElements().indexOf(e);if(e.clientWidth>this.scrollPaneElement.clientWidth){return a}return a-1};t.prototype.getFirstVisibleElement=function(){var t=this;var e=this.getScrollPaneElements();var a=e.find((function(e){return e.getBoundingClientRect().x>t.scrollPaneElement.getBoundingClientRect().x}));var i=!a?e.length:e.indexOf(a);var o=Math.max(i-1,0);if(e[o].clientWidth>this.scrollPaneElement.clientWidth){return o}return i};t.prototype.updateScrollButtons=function(t,e){if(t===void 0){t=null}if(e===void 0){e=this.scrollPaneElement}if(!this.buttons){return}if(t&&t.clientWidth>this.scrollPaneElement.clientWidth){var a=this.getScrollPaneElements().indexOf(t);if(a==0){this.scrollPaneAtStart=true}if(a==this.getScrollPaneElements().length-1){this.scrollPaneAtEnd=true}return}if(e.scrollLeft<=0){this.scrollPaneAtStart=true}else if(e.scrollLeft>0){this.scrollPaneAtStart=false}if(e.clientWidth+e.scrollLeft+10>=e.scrollWidth){this.scrollPaneAtEnd=true}else if(e.clientWidth+e.scrollLeft+10<e.scrollWidth){this.scrollPaneAtEnd=false}};t.prototype.scrollToElement=function(t,e){var a=this;if(t===void 0){t=this.currentIndex}var i=this.getScrollPaneElements();if(!i||i.length===0){return}if(t+1>=i.length){t=i.length-1}if(t<0){t=0}var o=i[0].getBoundingClientRect().x;var n=5;var r=function(){if(i[0].getBoundingClientRect().x===o){n--;if(n!==0){window.requestAnimationFrame(r);return}a.updateScrollButtons(i[t])}else{window.requestAnimationFrame(r);o=i[0].getBoundingClientRect().x}};i[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e});window.requestAnimationFrame(r)};t.prototype.scrollLeft=function(){this.scrollPaneAtEnd=false;var t=this.getFirstVisibleElement();this.scrollToElement(t-1,"center")};t.prototype.scrollRight=function(){this.scrollPaneAtStart=false;var t=this.getLastVisibleElement();this.scrollToElement(t+1,"center")};t.prototype.renderFadeOverlay=function(t){var e;return h("div",{class:(e={"duet-scrollable-fade-overlay":true,"duet-scrollable-fade-overlay--hidden":!this.needsScrolling},e["".concat(t)]=true,e)})};t.prototype.renderButton=function(t){var e,a;var i=this;var o=this.theme==="turva"?"color-primary-darker-turva":"color-primary";var n=this.theme==="turva"?"color-gray-turva":"color-gray";var r=function(){if(t==="left"){i.scrollLeft()}else{i.scrollRight()}};var s=t==="left"?this.scrollPaneAtStart:this.scrollPaneAtEnd;return h("div",{class:(e={"duet-scrollable-button-container":true},e["".concat(t)]=true,e["duet-scrollable-button-container--occluded"]=!this.needsScrolling,e)},h("button",{part:"".concat(this.identifier,"-button-").concat(t),"aria-hidden":"true",class:(a={"duet-scrollable-button":true},a["duet-scrollable-button--".concat(this.buttonAlignment)]=true,a["duet-scrollable-button--".concat(t)]=true,a),onClick:function(){return r()},disabled:s,tabindex:"-1",hidden:!this.buttons},h("duet-icon",{color:s?n:o,name:t==="left"?"action-arrow-left":"action-arrow-right",size:"small",margin:"none"})))};t.prototype.render=function(){var t;var e=this;return h(Host,{key:"6a2f3a6f4036a13721ebcfbb3bb25b8643158e56",class:{"duet-theme-turva":this.theme==="turva","duet-theme-default":this.theme==="default"}},this.hasCollapseButtonLabelSlot&&h("div",{key:"4bb215f5191f36166ecd690b990d98d8b5734924",class:{collapse:true,hide:!this.needsScrolling&&!this.collapsed}},h("duet-button",{key:"5613531c8bf0412aa04c37ae90faa516b16b30ac",variation:"plain",margin:"none","center-text":true,onClick:function(){return e.collapsedOnClick()}},h("slot",{key:"fce3a449acdf28e2a89942dc6a9acc436e457656",name:"collapse-button-label"}))),h("div",{key:"39a8fc136ad07b789f6bfdd6901c1e806744a059",class:{"duet-scrollable-items":true,buttons:this.buttons,center:this.center}},this.buttons&&this.renderButton("left"),this.renderFadeOverlay("left"),h("div",{key:"c3929264d3c94505dd43827593f1702671629427",class:(t={"duet-scrollable-list":true,collapsed:this.collapsed},t["duet-overflow-padding--".concat(this.padding)]=this.padding!=="none",t),onScroll:function(){return e.updateScrollButtons()},ref:function(t){return e.scrollPaneElement=t}},h("slot",{key:"3b0b1fde6ad0500b0bf893c4b4e8ae3ac90c426b"})),this.renderFadeOverlay("right"),this.buttons&&this.renderButton("right")))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["watchPropHandler"]}},enumerable:false,configurable:true});return t}();DuetScrollable.style=DuetScrollableStyle0;var duetTabCss=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}.duet-tab.has-content-id.sc-duet-tab,.duet-tab.has-content-id.selected.sc-duet-tab{display:none}.user-is-tabbing.sc-duet-tab-h .duet-tab.sc-duet-tab:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-tab-h .duet-tab.duet-theme-turva.sc-duet-tab:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";var DuetTabStyle0=duetTabCss;var DuetTab=function(){function t(t){var e=this;registerInstance(this,t);this.setupContentElement=function(){if(e.contentId){e.tabpanelElement=document.getElementById(e.contentId);if(e.tabpanelElement){e.tabpanelElement.setAttribute("role","tabpanel");e.tabpanelElement.setAttribute("tabindex","-1");e.tabpanelElement.removeEventListener("focus",e.tabpanelElementFocusListener);e.tabpanelElement.removeEventListener("blur",e.tabpanelElementBlurListener);e.tabpanelElement.addEventListener("focus",e.tabpanelElementFocusListener);e.tabpanelElement.addEventListener("blur",e.tabpanelElementBlurListener);if(e.accessibleDescription){e.tabpanelElement.setAttribute("aria-description",e.accessibleDescription)}if(e.accessibleLabelledBy){e.tabpanelElement.setAttribute("aria-labelledby",e.accessibleLabelledBy)}if(e.selected){e.tabpanelElement.toggleAttribute("hidden",false)}else{e.tabpanelElement.toggleAttribute("hidden",true)}}}};this.tabpanelElementFocusListener=function(){if(e.element.classList.contains("user-is-tabbing")){e.tabpanelElement.style.outline="0";e.tabpanelElement.style.boxShadow=getShadowByName(e.theme==="turva"?"focus-turva":"focus")}};this.tabpanelElementBlurListener=function(){e.tabpanelElement.style.outline=null;e.tabpanelElement.style.boxShadow=null};this.theme="";this.label=undefined;this.caption=undefined;this.selected=undefined;this.notificationMark=undefined;this.accessibleDescriptionDefault=null;this.accessibleDescription=this.accessibleDescriptionDefault?getLocaleString(this.accessibleDescriptionDefault):null;this.accessibleLabelledBy=undefined;this.contentId=undefined}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"});subscribeTabbingChange(this);this.setupContentElement()};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this);if(this.tabpanelElement){this.tabpanelElement.removeAttribute("role");this.tabpanelElement.removeAttribute("tabindex");this.tabpanelElement.removeAttribute("aria-description");this.tabpanelElement.removeAttribute("aria-labelledby");this.tabpanelElement.removeAttribute("hidden");this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener.bind(this));this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener.bind(this));this.tabpanelElement=undefined}};t.prototype.setupSelected=function(t,e){if(!!t===!!e){return}this.setupContentElement()};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.tabpanelElement.focus(t);return[2]}))}))};t.prototype.render=function(){var t=this;return h("div",{ref:function(e){if(!t.contentId){t.tabpanelElement=e}},role:"tabpanel",class:{"duet-theme-turva":this.theme==="turva","duet-tab":true,selected:this.selected,"has-content-id":!!this.contentId},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy,tabindex:"-1"},h("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["setupSelected"]}},enumerable:false,configurable:true});return t}();DuetTab.style=DuetTabStyle0;var duetTabGroupCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(222, 35, 98);box-shadow:0 0 0 1px #c82058}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(250, 164, 15);box-shadow:0 0 0 1px #e1940e}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(224, 42, 13);box-shadow:0 0 0 1px #ca260c}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(68, 68, 69)}';var DuetTabGroupStyle0=duetTabGroupCss;var DuetTabGroup=function(){function t(t){var e=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);this.duetTabChange=createEvent(this,"duetTabChange",7);this.duetTabChangeRequested=createEvent(this,"duetTabChangeRequested",7);this.id=createID("DuetTabGroup");this.handleKeyDown=function(t){var a;if(isArrowLeftKey(t)||isArrowUpKey(t)){a=t.target.previousElementSibling}else if(isArrowRightKey(t)||isArrowDownKey(t)){a=t.target.nextElementSibling}if(isTabKey(t)&&!isShiftTabKey(t)){t.preventDefault();e.element.querySelector("duet-tab[selected]").setFocus()}if(a){t.preventDefault();a.click();a.focus()}};this.onTabSelect=function(t){if(e.tabChangeConfirm){if(t!==e.selected){var a={value:t,component:"duet-tab-group"};e.duetTabChangeRequested.emit(a)}}else{e.openTab(t)}};this.scrollToActive=function(){if(e.variation==="checked"||e.variation==="plain-scrolling"){setTimeout((function(){var t=e.tabsContainer.querySelector(".selected");if(t){t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}}),50)}};this.renderTab=function(){var t=e.tabs.map((function(t,a){var i;return h("button",{role:"tab",id:e.getButtonId(a),"aria-selected":t.selected?"true":"false","aria-description":e.getAccessibleDescription(a),tabindex:t.selected?"0":"-1",part:"".concat(e.identifier,"-button ").concat(t.selected?"".concat(e.identifier,"-button--selected"):""),type:"button",class:(i={"duet-p-0":e.padding==="none","duet-tab-button":true,"stackable-tab":e.variation==="checked"&&e.tabs.length<=3,selected:t.selected},i["duet-notification-mark-".concat(t.notificationMark)]=!!t.notificationMark,i),onClick:function(){return e.onTabSelect(a)},onKeyDown:function(t){return e.handleKeyDown(t)}},e.variation==="checked"?h("div",{class:{"checked-tab-content":true,"stackable-checked-tab-content":e.tabs.length<=3}},h("div",{class:{"checked-tab-description":true,"stackable-description":e.tabs.length<=3}},h("p",null,t.label),h("p",{class:{"tab-caption":true,selected:t.selected}},t.caption)),h("div",{class:{"stackable-checkmark":e.tabs.length<=3}},h("duet-checkmark",{theme:e.theme,checked:t.selected,type:"radio","presentation-only":true,center:true}))):t.label)}));if(e.scrolls){return h("duet-scrollable",{selected:e.selected,identifier:e.identifier},t)}return t};this.tabs=[];this.selected=undefined;this.theme="";this.scrolls=false;this.collapses=true;this.accessibleLabel=undefined;this.variation="default";this.language=getLanguage();this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"};this.label=getLocaleString(this.labelDefaults,this.language);this.labelHidden=true;this.identifier=this.id;this.margin="auto";this.padding="auto";this.setTabIndex=true;this.tabChangeConfirm=false}t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(typeof MutationObserver!=="undefined"){this.mutationO=new MutationObserver((function(){t.updateTabs()}));this.mutationO.observe(this.element,{attributes:true,attributeFilter:["label"],childList:true,characterData:true,subtree:true})}return[4,this.updateTabs()];case 1:e.sent();subscribeTabbingChange(this);return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}unsubscribeTabbingChange(this)};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.componentDidLoad=function(){this.scrollToActive()};t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index ".concat(t," is out of bounds of tabs length"))}this.selected=t;this.tabs.forEach((function(e,a){e.selected=a===t}));this.scrollToActive();e={value:t,component:"duet-tab-group"};this.duetChange.emit(e);this.duetTabChange.emit(e);return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");return[2]}))}))};t.prototype.getTabs=function(){var t=this;var e=Array.from(this.element.querySelectorAll("duet-tab"));var a=e.filter((function(e){return e.closest("duet-tab-group")===t.element}));if(a.length===0){throw new Error("[duet-tabs] Must have at least one tab")}return a};t.prototype.getButtonId=function(t){return"".concat(this.id,"-button-").concat(t)};t.prototype.getTabId=function(t){return"".concat(this.id,"-tab-").concat(t)};t.prototype.getAccessibleDescription=function(t){var e=this.tabs[t].getAttribute("accessible-description")||null;return e};t.prototype.updateTabs=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.selected=undefined;this.tabs=this.getTabs();this.tabs.forEach((function(e,a){e.id=t.getTabId(a);if(e.selected){if(t.selected===undefined){t.selected=a}else{e.selected=false}}}));if(this.selected===undefined){this.selected=0;this.tabs[0].selected=true}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var a=this.variation==="plain-scrolling"?"duet-tab-variation-plain":"duet-tab-variation-".concat(this.variation);var i=this.variation==="checked"||this.variation==="plain-scrolling";return h("div",{key:"ebe04fec966d8b545c6efd5b34b43551fc2ad1d3",class:(t={"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"},t[a]=true,t["duet-tab-plain-scrolling"]=this.variation==="plain-scrolling",t["duet-tab-group-scrolls"]=this.scrolls,t["duet-tab-group-collapses"]=this.collapses,t),"aria-label":this.accessibleLabel},!i&&this.tabs.length>3&&this.collapses&&h("duet-select",{key:"2f5a55d27e5e0483129fd2bdc8aa0cc7bb641a8f",value:this.selected.toString(),expand:true,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:function(t){return e.onTabSelect(Number(t.detail.value))},items:this.tabs.map((function(t,e){return{label:t.label,value:e.toString()}}))}),h("div",{key:"05b06b0a5fcaa80f09e8d0550e5a9af194d397dc",role:"tablist",class:{"duet-m-0":this.margin==="none"||this.variation==="checked","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3&&!i,"duet-tab-group-collapses":this.collapses},ref:function(t){e.tabsContainer=t}},this.renderTab()),h("div",{key:"66d70f586ee16b2b6be97013971fdb0a320d34c0",class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none","checked-group-content":this.variation==="checked"}},h("slot",{key:"c18fde90ff76c6f71fbeae6a2d04a193cb64917f"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTabGroup.style=DuetTabGroupStyle0;export{DuetScrollable as duet_scrollable,DuetTab as duet_tab,DuetTabGroup as duet_tab_group};

package/lib/esm-es5/duet-section-layout.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";var duetSectionLayoutCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}";var DuetSectionLayoutStyle0=duetSectionLayoutCss;var DuetSectionLayout=function(){function e(e){registerInstance(this,e);this.margin="auto";this.middle=false;this.paddingBreakpoint=undefined}e.prototype.render=function(){var e;return h(Host,{key:"6ba318c87d1857d74fcd7668a442061cb3582e40",class:{"duet-middle":this.middle,"duet-ie":isInternetExplorer()}},h("div",{key:"a21b547f2d8b9b38db4208e86f6d462a643e8fb3",class:(e={"duet-layout":true,"duet-m-0":this.margin==="none"},e["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,e)},h("section",{key:"542b565867aec7ff0736c6847e3e1760375daf5c",class:"duet-main"},h("slot",{key:"bf878319707f25d3305e61ce8a3d9b4061b18d4f"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSectionLayout.style=DuetSectionLayoutStyle0;export{DuetSectionLayout as duet_section_layout};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5d196317.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";var duetSectionLayoutCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";var DuetSectionLayoutStyle0=duetSectionLayoutCss;var DuetSectionLayout=function(){function e(e){registerInstance(this,e);this.margin="auto";this.middle=false;this.paddingBreakpoint=undefined}e.prototype.render=function(){var e;return h(Host,{key:"3cdda64194aabb0bf4cef5f273b4eb35d956c63a",class:{"duet-middle":this.middle,"duet-ie":isInternetExplorer()}},h("div",{key:"167f4d34166d423a1ece6a4699ddf139e54f1c9f",class:{"duet-layout-wrapper":true,"duet-m-0":this.margin==="none"}},h("div",{key:"156a1bfcfb46fecb6c73120927bae1788efd32a1",class:(e={"duet-layout":true},e["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,e)},h("section",{key:"4aa12807146fee156f174be8670802f0d79f9974",class:"duet-main"},h("slot",{key:"b3fb02f84266a65c67156bef474f9f6f2531623f"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSectionLayout.style=DuetSectionLayoutStyle0;export{DuetSectionLayout as duet_section_layout};

package/lib/esm-es5/duet-select.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,s,i){function c(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function l(e){try{a(i.next(e))}catch(e){o(e)}}function r(e){try{a(i["throw"](e))}catch(e){o(e)}}function a(e){e.done?s(e.value):c(e.value).then(l,r)}a((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,c,o,l;return l={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function r(e){return function(t){return a([e,t])}}function a(r){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,r[0]&&(s=0)),s)try{if(i=1,c&&(o=r[0]&2?c["return"]:r[0]?c["throw"]||((o=c["return"])&&o.call(c),0):c.next)&&!(o=o.call(c,r[1])).done)return o;if(c=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:s.label++;return{value:r[1],done:false};case 5:s.label++;c=r[1];r=[0];continue;case 7:r=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){s=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){s.label=r[1];break}if(r[0]===6&&s.label<o[1]){s.label=o[1];o=r;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(r);break}if(o[2])s.ops.pop();s.trys.pop();continue}r=t.call(e,s)}catch(e){r=[6,e];c=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as checkNamedSlotElement}from"./slot-utils-e698dc9e.js";import{p as parsePossibleJSON}from"./string-utils-192eb3c8.js";var duetSelectCss='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetSelectStyle0=duetSelectCss;function isOptionGroup(e){return"options"in e}function findOptionByValue(e,t){for(var s=0;s<e.length;s++){var i=e[s];if(isOptionGroup(i)){i=findOptionByValue(i.options,t)}if(i&&i.value===t){return i}}}var DuetSelect=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.selectId=createID("DuetSelect");this.errorId=createID("DuetError");this.labelId=createID("DuetLabel");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.onClick=function(e){e.stopPropagation()};this.onChange=function(){t.value=t.nativeSelect.value;t.duetChange.emit({value:t.value,component:"duet-select"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-select"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-select"})};this.getDescribedBy=function(){var e=[];if(t.isCaptionVisible&&t.topCaptionId){e.push(t.topCaptionId)}if(t.accessibleDescribedBy){e.push(t.accessibleDescribedBy)}if(t.error){e.push(t.errorId)}return e.length>0?e.join(" "):null};this.processedItems=null;this.variation="default";this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=undefined;this.theme="";this.labelHidden=false;this.identifier=undefined;this.name=undefined;this.placeholder="";this.caption=undefined;this.echoPlaceholder=false;this.items=undefined;this.disabled=false;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.role=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=parsePossibleJSON(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=findOptionByValue(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return h("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return h("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e,t,s;var i=this;var c=this.identifier||this.selectId;return h(Host,{onClick:this.onClick,class:(e={"duet-m-0":this.margin==="none","duet-expand":this.expand},e["duet-select-variation-".concat(this.variation)]=true,e)},h("div",{class:(t={"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva"},t["duet-select-variation-".concat(this.variation)]=true,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-error"]=!!this.error,t)},h("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:c},this.label),this.tooltip&&h("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("slot",{name:"tooltip"}),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),h("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),h("select",{ref:function(e){return i.nativeSelect=e},disabled:this.disabled,name:this.name,id:c,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&h("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?h("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(e){return isOptionGroup(e)?i.renderOptionGroup(e):i.renderOption(e)}))),h("div",{class:(s={"duet-select":true},s["duet-select-variation-".concat(this.variation)]=true,s),"aria-hidden":"true"},h("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),this.variation==="default"&&h("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||h("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:this.variation==="compact"?"xxx-small":"xx-small"})),h("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),h("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&h("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}();DuetSelect.style=DuetSelectStyle0;export{DuetSelect as duet_select};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5d196317.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as checkNamedSlotElement}from"./slot-utils-4442cc08.js";import{p as parsePossibleJSON}from"./string-utils-192eb3c8.js";var duetSelectCss='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetSelectStyle0=duetSelectCss;function isOptionGroup(e){return"options"in e}function findOptionByValue(e,t){for(var s=0;s<e.length;s++){var i=e[s];if(isOptionGroup(i)){i=findOptionByValue(i.options,t)}if(i&&i.value===t){return i}}}var DuetSelect=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.selectId=createID("DuetSelect");this.errorId=createID("DuetError");this.labelId=createID("DuetLabel");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.onClick=function(e){e.stopPropagation()};this.onChange=function(){t.value=t.nativeSelect.value;t.duetChange.emit({value:t.value,component:"duet-select"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-select"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-select"})};this.getDescribedBy=function(){var e=[];if(t.isCaptionVisible&&t.topCaptionId){e.push(t.topCaptionId)}if(t.accessibleDescribedBy){e.push(t.accessibleDescribedBy)}if(t.error){e.push(t.errorId)}return e.length>0?e.join(" "):null};this.processedItems=null;this.variation="default";this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=undefined;this.theme="";this.labelHidden=false;this.identifier=undefined;this.name=undefined;this.placeholder="";this.caption=undefined;this.echoPlaceholder=false;this.items=undefined;this.disabled=false;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.role=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=parsePossibleJSON(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=findOptionByValue(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return h("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return h("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e,t,s;var i=this;var c=this.identifier||this.selectId;return h(Host,{onClick:this.onClick,class:(e={"duet-m-0":this.margin==="none","duet-expand":this.expand},e["duet-select-variation-".concat(this.variation)]=true,e)},h("div",{class:(t={"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva"},t["duet-select-variation-".concat(this.variation)]=true,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-error"]=!!this.error,t)},h("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:c},this.label),this.tooltip&&h("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("slot",{name:"tooltip"}),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),h("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),h("select",{ref:function(e){return i.nativeSelect=e},disabled:this.disabled,name:this.name,id:c,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&h("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?h("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(e){return isOptionGroup(e)?i.renderOptionGroup(e):i.renderOption(e)}))),h("div",{class:(s={"duet-select":true},s["duet-select-variation-".concat(this.variation)]=true,s),"aria-hidden":"true"},h("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),this.variation==="default"&&h("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||h("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:this.variation==="compact"?"xxx-small":"xx-small"})),h("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),h("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&h("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}();DuetSelect.style=DuetSelectStyle0;export{DuetSelect as duet_select};

package/lib/esm-es5/duet-shaped-image.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetShapedImageCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';var DuetShapedImageStyle0=duetShapedImageCss;var DuetShapedImage=function(){function e(e){registerInstance(this,e);this.theme="";this.accessibleLabel=undefined;this.margin="auto";this.src=undefined;this.rotation=7}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e={"--rotation":"".concat(this.rotation,"deg")};return h(Host,{key:"a8c6768d6fd86592319c1ad2e5223a59a2be138f",class:{"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none"}},h("span",{key:"18ecd687fd2a3d951a8910cca4a90aa73d239243",class:{"shaped-image":true},role:"img","aria-label":this.accessibleLabel,style:e},h("span",{key:"ede5d048662220a9ef915ff561823aef9f14f0e4",class:"shaped-image-mask",role:"presentation"},h("span",{key:"abb799417eb975033305e86b49a7c94d2e295465",class:"shaped-image-img",role:"presentation",style:{backgroundImage:'url("'.concat(this.src,'")')}}))))};return e}();DuetShapedImage.style=DuetShapedImageStyle0;export{DuetShapedImage as duet_shaped_image};
+import{r as registerInstance,h,H as Host}from"./index-5d196317.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetShapedImageCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';var DuetShapedImageStyle0=duetShapedImageCss;var DuetShapedImage=function(){function e(e){registerInstance(this,e);this.theme="";this.accessibleLabel=undefined;this.margin="auto";this.src=undefined;this.rotation=7}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e={"--rotation":"".concat(this.rotation,"deg")};return h(Host,{key:"1014997f5cd5d7115313762e6ba18827e1a10f15",class:{"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none"}},h("span",{key:"46afc61323d3dd569cd651a4720693cab08addfc",class:{"shaped-image":true},role:"img","aria-label":this.accessibleLabel,style:e},h("span",{key:"3f2dd1fff15551bc6477b2d837d6174777f3497a",class:"shaped-image-mask",role:"presentation"},h("span",{key:"77941a17559185e4068b39b3f72cce8d3059de99",class:"shaped-image-img",role:"presentation",style:{backgroundImage:'url("'.concat(this.src,'")')}}))))};return e}();DuetShapedImage.style=DuetShapedImageStyle0;export{DuetShapedImage as duet_shaped_image};

package/lib/esm-es5/duet-show-more.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-b0c1f3cd.js";import"./string-utils-192eb3c8.js";var duetShowMoreCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-show-more{margin-bottom:16px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var DuetShowMoreStyle0=duetShowMoreCss;var DuetShowMore=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.contentId=createID("DuetShowMore");this.buttonId=createID("DuetShowMoreButton");this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.handleClick(e)}};this.handleClick=function(e){e.preventDefault();var s=!t.open;t.open=s;if(s){setTimeout((function(){t.contentElement.focus()}),100);setTimeout((function(){t.buttonAriaOpen=s}),500)}else{t.buttonAriaOpen=s}t.duetToggle.emit({component:"duet-show-more",originalEvent:e})};this.buttonAriaOpen=false;this.theme="";this.language=getLanguage();this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"};this.showMoreLabel=getLocaleString(this.showMoreLabelDefaults);this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"};this.showLessLabel=getLocaleString(this.showLessLabelDefaults);this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"};this.showMoreAccessibleLabel=getLocaleString(this.showMoreAccessibleLabelDefaults);this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"};this.showLessAccessibleLabel=getLocaleString(this.showLessAccessibleLabelDefaults);this.margin="auto";this.buttonMargin="auto";this.buttonPadding="auto";this.open=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.buttonAriaOpen=this.open};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=this;return h(Host,{key:"3d096f18fbcc4cff02f201f2c065b56feaceb874"},h("div",{key:"99bd8d06faa921138031f41728d197eccabc8a9b",class:{"duet-show-more":true,"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none",open:this.open}},h("div",{key:"6dc1a29a0a0fdf48284af668e0a3800a54c7414d",ref:function(t){return e.contentElement=t},class:{content:true},id:this.contentId,tabindex:this.open?"0":""},h("div",{key:"98d549c12cab0e82c0da5a93755943c7cdd7e020",class:{"slotted-content":true}},h("slot",{key:"88d8df19994904032fbd80b186b80df1ad5c04a1"}))),h("duet-button",{key:"2d26e042783015ec2cf5aa6d43b05a64d1cac673",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":true,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:this.theme==="turva"?"turva":"default"},this.open?this.showLessLabel:this.showMoreLabel)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetShowMore.style=DuetShowMoreStyle0;export{DuetShowMore as duet_show_more};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5d196317.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-97f0a1bb.js";import"./string-utils-192eb3c8.js";var duetShowMoreCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-show-more{margin-bottom:16px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var DuetShowMoreStyle0=duetShowMoreCss;var DuetShowMore=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.contentId=createID("DuetShowMore");this.buttonId=createID("DuetShowMoreButton");this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.handleClick(e)}};this.handleClick=function(e){e.preventDefault();var s=!t.open;t.open=s;if(s){setTimeout((function(){t.contentElement.focus()}),100);setTimeout((function(){t.buttonAriaOpen=s}),500)}else{t.buttonAriaOpen=s}t.duetToggle.emit({component:"duet-show-more",originalEvent:e})};this.buttonAriaOpen=false;this.theme="";this.language=getLanguage();this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"};this.showMoreLabel=getLocaleString(this.showMoreLabelDefaults);this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"};this.showLessLabel=getLocaleString(this.showLessLabelDefaults);this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"};this.showMoreAccessibleLabel=getLocaleString(this.showMoreAccessibleLabelDefaults);this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"};this.showLessAccessibleLabel=getLocaleString(this.showLessAccessibleLabelDefaults);this.margin="auto";this.buttonMargin="auto";this.buttonPadding="auto";this.open=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.buttonAriaOpen=this.open};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=this;return h(Host,{key:"f2ae77fcd733d57404b733d43ffb049d3503ecd0"},h("div",{key:"a0a01d9f4ef3065ced4d4de652969744e6e1e227",class:{"duet-show-more":true,"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none",open:this.open}},h("div",{key:"8b799e3b59a456e4873357daa72313f0d29bffcf",ref:function(t){return e.contentElement=t},class:{content:true},id:this.contentId,tabindex:this.open?"0":""},h("div",{key:"e5e04fa045ab43f00086e8799f87ab2b57f0a13b",class:{"slotted-content":true}},h("slot",{key:"ca94e5187354a6debb373955df2d046a9c9271a4"}))),h("duet-button",{key:"cb4a2fc05e0e917e157458f31c75efb92b0258c1",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":true,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:this.theme==="turva"?"turva":"default"},this.open?this.showLessLabel:this.showMoreLabel)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetShowMore.style=DuetShowMoreStyle0;export{DuetShowMore as duet_show_more};

package/lib/esm-es5/duet-slideout-lang.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-b0c1f3cd.js";import"./string-utils-192eb3c8.js";var duetSlideoutLangCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:"";background:rgb(0, 41, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}';var DuetSlideoutLangStyle0=duetSlideoutLangCss;var DuetSlideoutLang=function(){function e(e){registerInstance(this,e);this.chooseLangObject={en:"Choose language",fi:"Valitse kieli",sv:"Välj språk"};this.language=getLanguage();this.theme=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=getLocaleString(this.chooseLangObject);return h(Host,{key:"b832cca7ed377a76ec8d9143183c7372e350d638"},h("div",{key:"efc13c835605f4db9b0aa5834b2228fb89978acc",class:"duet-slideout-lang",role:"group","aria-label":e},h("duet-icon",{key:"a4e0267ea4b034d2efd5829caf0e63e320a84f75",name:"navigation-language",margin:"none",color:"secondary"}),h("slot",{key:"9aeec3a4b303eba1e710eb507f9de2a6ad0b6cb3"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLang.style=DuetSlideoutLangStyle0;export{DuetSlideoutLang as duet_slideout_lang};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5d196317.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-97f0a1bb.js";import"./string-utils-192eb3c8.js";var duetSlideoutLangCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:"";background:rgb(0, 41, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}';var DuetSlideoutLangStyle0=duetSlideoutLangCss;var DuetSlideoutLang=function(){function e(e){registerInstance(this,e);this.chooseLangObject={en:"Choose language",fi:"Valitse kieli",sv:"Välj språk"};this.language=getLanguage();this.theme=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=getLocaleString(this.chooseLangObject);return h(Host,{key:"26940a9efe3228ad051940cfb903980d683cf614"},h("div",{key:"a031d990d2bf459e73678e682d1952e7225a67e7",class:"duet-slideout-lang",role:"group","aria-label":e},h("duet-icon",{key:"7ff54cdd19c444cb9d8c8a67b5e563df53f13e0b",name:"navigation-language",margin:"none",color:"secondary"}),h("slot",{key:"2c0a83341839a6953c176fd68882dbd05151948a"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLang.style=DuetSlideoutLangStyle0;export{DuetSlideoutLang as duet_slideout_lang};

package/lib/esm-es5/duet-slideout-link.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetSlideoutLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(101, 119, 135)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(68, 68, 69)}';var DuetSlideoutLinkStyle0=duetSlideoutLinkCss;var DuetSlideoutLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.active=false;this.href="#";this.icon=undefined;this.size="inherit";this.caret=false;this.menuItem=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;return h(Host,{key:"a28cb226d2a99a20bb467c357756e2c18cbb89e9"},h("a",{key:"a0ff0473ac78ec679ca5aeb7812e93730340225e",class:(e={"duet-slideout-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[this.size]=true,e),href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"5f15da3846d0e66ee2fba545d3007455ba5d569a",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"medium",margin:"none"}),h("div",{key:"12f98f82b672d208352a8655682af03b203f1f40",class:"label"},h("span",{key:"9c91eb6ede7be21f17ed1587e1ff5051bd670ab3"},h("slot",{key:"29819c368acb2787ac703e21675a98d243c07285"}),h("slot",{key:"80397b73456e7963d4c276ca69cd07c9d85f814f",name:"description"})),this.caret&&h("duet-icon",{key:"55ce9fab82642277d1246130397dc0c5c7248ed6",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLink.style=DuetSlideoutLinkStyle0;export{DuetSlideoutLink as duet_slideout_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5d196317.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetSlideoutLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(101, 119, 135)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(68, 68, 69)}';var DuetSlideoutLinkStyle0=duetSlideoutLinkCss;var DuetSlideoutLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.active=false;this.href="#";this.icon=undefined;this.size="inherit";this.caret=false;this.menuItem=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;return h(Host,{key:"09e56868e9109c72560a96db767efc154bce8e93"},h("a",{key:"06c5bf4091cd8d28c2ef09783da5ec924a598ae7",class:(e={"duet-slideout-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[this.size]=true,e),href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"d3649e9fdc0d46d249079e80015d31d0809283e7",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"medium",margin:"none"}),h("div",{key:"21bc61aa08c8e259bef3845115c1d3def2b9528f",class:"label"},h("span",{key:"9d3c455f8776388201b9e263a3e8f9cfa4cf8cfd"},h("slot",{key:"05330b7c102e31a4e543713159048f747fcea958"}),h("slot",{key:"c63eab53cf753fb61ff69076b213c37f06e77f41",name:"description"})),this.caret&&h("duet-icon",{key:"295ebf34531a451c1888310e6abbf8e97eff723f",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLink.style=DuetSlideoutLinkStyle0;export{DuetSlideoutLink as duet_slideout_link};