@duetds/components 6.1.0 → 6.2.2

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

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,a,t,i){function r(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,d){function n(e){try{p(i.next(e))}catch(a){d(a)}}function o(e){try{p(i["throw"](e))}catch(a){d(a)}}function p(e){e.done?t(e.value):r(e.value).then(n,o)}p((i=i.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},i,r,d,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(a){return p([e,a])}}function p(n){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,r&&(d=n[0]&2?r["return"]:n[0]?r["throw"]||((d=r["return"])&&d.call(r),0):r.next)&&!(d=d.call(r,n[1])).done)return d;if(r=0,d)n=[n[0]&2,d.value];switch(n[0]){case 0:case 1:d=n;break;case 4:t.label++;return{value:n[1],done:false};case 5:t.label++;r=n[1];n=[0];continue;case 7:n=t.ops.pop();t.trys.pop();continue;default:if(!(d=t.trys,d=d.length>0&&d[d.length-1])&&(n[0]===6||n[0]===2)){t=0;continue}if(n[0]===3&&(!d||n[1]>d[0]&&n[1]<d[3])){t.label=n[1];break}if(n[0]===6&&t.label<d[1]){t.label=d[1];d=n;break}if(d&&t.label<d[2]){t.label=d[2];t.ops.push(n);break}if(d[2])t.ops.pop();t.trys.pop();continue}n=a.call(e,t)}catch(o){n=[6,o];r=0}finally{i=d=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(e,a,t,i){function d(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function n(e){try{p(i.next(e))}catch(a){r(a)}}function o(e){try{p(i["throw"](e))}catch(a){r(a)}}function p(e){e.done?t(e.value):d(e.value).then(n,o)}p((i=i.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,d,r,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(a){return p([e,a])}}function p(n){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,d&&(r=n[0]&2?d["return"]:n[0]?d["throw"]||((r=d["return"])&&r.call(d),0):d.next)&&!(r=r.call(d,n[1])).done)return r;if(d=0,r)n=[n[0]&2,r.value];switch(n[0]){case 0:case 1:r=n;break;case 4:t.label++;return{value:n[1],done:false};case 5:t.label++;d=n[1];n=[0];continue;case 7:n=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(n[0]===6||n[0]===2)){t=0;continue}if(n[0]===3&&(!r||n[1]>r[0]&&n[1]<r[3])){t.label=n[1];break}if(n[0]===6&&t.label<r[1]){t.label=r[1];r=n;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(n);break}if(r[2])t.ops.pop();t.trys.pop();continue}n=a.call(e,t)}catch(o){n=[6,o];d=0}finally{i=r=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,F as Fragment,H as Host,g as getElement}from"./index-81967d12.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{i as isKeyboardClick}from"./keyboard-utils-88ea1007.js";import{s as sanitizeString}from"./string-utils-5954f458.js";import{g as getColorByName}from"./token-utils-ebf797ab.js";import"./tokens.module-385c4cf8.js";var actionArrowUp={title:"action-arrow-up",tags:"action arrow up caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>'};var duetCardCss='*,*::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-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}.duet-card{padding:20px !important;position:relative;display:block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:#00294d;text-decoration:none;border-radius:4px;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)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}@media (min-width: 36em){.duet-card{padding:28px !important}}.duet-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";color:#171c3a;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)}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(0, 80, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;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:1.25rem;font-weight:800;color:#00294d;border-bottom:1px solid #e1e3e6}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}.duet-card-heading[role=button]{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none}.duet-card-heading[role=button]:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading[role=button]:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-card-heading[role=button]:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}.duet-theme-turva .duet-card-heading{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a;border-color:#e4e4e6}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0 0 20px !important;margin:0 0 20px}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:#f5f8fa;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:#f5f5f7}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:12px 0 !important;margin:20px 0 0}.duet-card-content{width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;margin:0 0 20px}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transition:transform 300ms ease;transform:scale(1.0001)}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card: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)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{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)}a.duet-card:active{transition:none;transform:translateY(1px)}';var DuetCard=function(){function e(e){var a=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.cardId=createID("DuetCard");this.heading="";this.secondaryHeading="";this.variation="default";this.collapsible=false;this.open=true;this.headingLevel="h2";this.background="gray-lightest";this.padding="small";this.margin="auto";this.theme="";this.togglePanel=function(e){e.preventDefault();a.open=!a.open;a.duetToggle.emit({component:"duet-card",originalEvent:e})};this.handleKeyDown=function(e){if(isKeyboardClick(e)){a.togglePanel(e)}}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']");this.hasFooter=!!this.element.querySelector("[slot='footer']")};e.prototype.renderHeading=function(){var e=sanitizeString(this.headingLevel);var a=this.collapsible?{role:"button",tabindex:"0","aria-controls":this.cardId,"aria-expanded":this.open?"true":"false",onClick:this.togglePanel,onKeyDown:this.handleKeyDown}:{};return h(e,Object.assign({class:"duet-card-heading"},a),h("div",{class:"duet-card-heading-grid"},this.icon&&h(Fragment,null,h("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:"currentColor"}),h("duet-spacer",{direction:"horizontal",size:"small"})),h("div",{class:"duet-card-heading-text"},this.heading?this.heading:h("slot",{name:"heading"})),this.secondaryHeading&&h(Fragment,null,h("duet-spacer",{direction:"horizontal",size:"small"}),h("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&h(Fragment,null,h("duet-spacer",{direction:"horizontal",size:"small"}),h("duet-icon",{class:"duet-card-caret",icon:actionArrowUp.svg,size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&h("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),h("slot",{name:"below-heading"}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.nativeCard){this.nativeCard.focus(e)}return[2]}))}))};e.prototype.render=function(){var e;var a=this;var t=this.url?"a":"div";var i={backgroundColor:getColorByName(this.background)};return h(Host,{class:{"duet-m-0":this.margin==="none","duet-card-info":this.variation==="info"}},h(t,{href:this.url,style:i,ref:function(e){return a.nativeCard=e},"aria-label":this.accessibleLabel,class:(e={"duet-card":true},e[this.padding]=true,e[this.variation]=true,e["duet-p-0"]=this.padding==="none",e["duet-theme-turva"]=this.theme==="turva",e["duet-card-has-bg"]=this.background!=="gray-lightest",e["duet-card-has-icon"]=!!this.icon,e["duet-card-collapsed"]=this.collapsible&&!this.open,e)},this.image&&h("div",{class:"duet-card-image-mask"},h("img",{src:this.image,class:"duet-card-image",loading:"lazy",alt:"","aria-hidden":"true"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),h("div",{class:"duet-card-content",id:this.cardId},h("slot",null),this.hasFooter&&h("div",{class:"duet-card-footer"},h("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCard.style=duetCardCss;export{DuetCard as duet_card};
+ */import{r as registerInstance,c as createEvent,h,F as Fragment,H as Host,g as getElement}from"./index-85cd77f2.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{i as isKeyboardClick}from"./keyboard-utils-88ea1007.js";import{s as sanitizeString}from"./string-utils-5954f458.js";import{g as getColorByName}from"./token-utils-b531747a.js";import"./tokens.module-d3321092.js";var actionArrowUp={title:"action-arrow-up",tags:"action arrow up caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>'};var duetCardCss='*,*::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-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}.duet-card{padding:20px !important;position:relative;display:block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:#00294d;text-decoration:none;border-radius:4px;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)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}@media (max-width: 20.5em){.duet-card.shadow-xxx-small{box-shadow:none}}@media (max-width: 22.5em){.duet-card.shadow-xx-small{box-shadow:none}}@media (max-width: 35.9375em){.duet-card.shadow-x-small{box-shadow:none}}@media (min-width: 36em){.duet-card.shadow-small{box-shadow:none}}@media (min-width: 48em){.duet-card.shadow-medium{box-shadow:none}}@media (min-width: 62em){.duet-card.shadow-large{box-shadow:none}}@media (min-width: 64.0625em){.duet-card.shadow-x-large{box-shadow:none}}@media (min-width: 76.25em){.duet-card.shadow-xx-large{box-shadow:none}}@media (min-width: 106.25em){.duet-card.shadow-xxx-large{box-shadow:none}}@media (min-width: 36em){.duet-card{padding:28px !important}}.duet-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";color:#171c3a;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)}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(0, 80, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;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:1.25rem;font-weight:800;color:#00294d;border-bottom:1px solid #e1e3e6}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}.duet-card-heading[role=button]{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none}.duet-card-heading[role=button]:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading[role=button]:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-card-heading[role=button]:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}.duet-theme-turva .duet-card-heading{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a;border-color:#e4e4e6}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0 0 20px !important;margin:0 0 20px}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:#f5f8fa;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:#f5f5f7}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:12px 0 !important;margin:20px 0 0}.duet-card-content{width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;margin:0 0 20px}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transition:transform 300ms ease;transform:scale(1.0001)}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card: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)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{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)}a.duet-card:active{transition:none;transform:translateY(1px)}';var DuetCard=function(){function e(e){var a=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.cardId=createID("DuetCard");this.heading="";this.secondaryHeading="";this.variation="default";this.collapsible=false;this.open=true;this.headingLevel="h2";this.background="gray-lightest";this.padding="small";this.margin="auto";this.theme="";this.shadowBreakpoint=undefined;this.togglePanel=function(e){e.preventDefault();a.open=!a.open;a.duetToggle.emit({component:"duet-card",originalEvent:e})};this.handleKeyDown=function(e){if(isKeyboardClick(e)){a.togglePanel(e)}}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']");this.hasFooter=!!this.element.querySelector("[slot='footer']")};e.prototype.renderHeading=function(){var e=sanitizeString(this.headingLevel);var a=this.collapsible?{role:"button",tabindex:"0","aria-controls":this.cardId,"aria-expanded":this.open?"true":"false",onClick:this.togglePanel,onKeyDown:this.handleKeyDown}:{};return h(e,Object.assign({class:"duet-card-heading"},a),h("div",{class:"duet-card-heading-grid"},this.icon&&h(Fragment,null,h("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:"currentColor"}),h("duet-spacer",{direction:"horizontal",size:"small"})),h("div",{class:"duet-card-heading-text"},this.heading?this.heading:h("slot",{name:"heading"})),this.secondaryHeading&&h(Fragment,null,h("duet-spacer",{direction:"horizontal",size:"small"}),h("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&h(Fragment,null,h("duet-spacer",{direction:"horizontal",size:"small"}),h("duet-icon",{class:"duet-card-caret",icon:actionArrowUp.svg,size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&h("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),h("slot",{name:"below-heading"}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.nativeCard){this.nativeCard.focus(e)}return[2]}))}))};e.prototype.render=function(){var e;var a=this;var t=this.url?"a":"div";var i={backgroundColor:getColorByName(this.background)};return h(Host,{class:{"duet-m-0":this.margin==="none","duet-card-info":this.variation==="info"}},h(t,{href:this.url,style:i,ref:function(e){return a.nativeCard=e},"aria-label":this.accessibleLabel,class:(e={"duet-card":true},e[this.padding]=true,e[this.variation]=true,e["shadow-".concat(this.shadowBreakpoint)]=!!this.shadowBreakpoint,e["duet-p-0"]=this.padding==="none",e["duet-theme-turva"]=this.theme==="turva",e["duet-card-has-bg"]=this.background!=="gray-lightest",e["duet-card-has-icon"]=!!this.icon,e["duet-card-collapsed"]=this.collapsible&&!this.open,e)},this.image&&h("div",{class:"duet-card-image-mask"},h("img",{src:this.image,class:"duet-card-image",loading:"lazy",alt:"","aria-hidden":"true"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),h("div",{class:"duet-card-content",id:this.cardId},h("slot",null),this.hasFooter&&h("div",{class:"duet-card-footer"},h("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCard.style=duetCardCss;export{DuetCard as duet_card};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,c,o){function i(e){return e instanceof c?e:new c((function(t){t(e)}))}return new(c||(c=Promise))((function(c,a){function n(e){try{r(o.next(e))}catch(t){a(t)}}function s(e){try{r(o["throw"](e))}catch(t){a(t)}}function r(e){e.done?c(e.value):i(e.value).then(n,s)}r((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var c={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,i,a,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(t){return r([e,t])}}function r(n){if(o)throw new TypeError("Generator is already executing.");while(c)try{if(o=1,i&&(a=n[0]&2?i["return"]:n[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,n[1])).done)return a;if(i=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:c.label++;return{value:n[1],done:false};case 5:c.label++;i=n[1];n=[0];continue;case 7:n=c.ops.pop();c.trys.pop();continue;default:if(!(a=c.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){c=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){c.label=n[1];break}if(n[0]===6&&c.label<a[1]){c.label=a[1];a=n;break}if(a&&c.label<a[2]){c.label=a[2];c.ops.push(n);break}if(a[2])c.ops.pop();c.trys.pop();continue}n=t.call(e,c)}catch(s){n=[6,s];i=0}finally{o=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-81967d12.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";var duetCheckboxCss='*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;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:#00294d;vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:"";background:white;border:1px solid #00294d;border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:#171c3a}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:#00294d;border:1px solid #00294d}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:#171c3a;border-color:#171c3a}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:"";background:transparent url("data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:#657787}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:#747475}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:#cfd2d4}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:#cfcfd1}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:#657787;border:1px solid #657787}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:#747475;border-color:#747475}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetCheckbox=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.checkboxId=createID("DuetCheckbox");this.margin="auto";this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleSelected=undefined;this.required=false;this.theme="";this.disabled=false;this.label="label";this.labelHidden=false;this.checked=false;this.onChange=function(e){t.checked=!t.checked;t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-checkbox"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-checkbox"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-checkbox"})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);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.checkboxId;return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-checkbox-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva"}},h("input",{ref:function(t){return e.nativeInput=t},type:"checkbox",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,class:{"duet-checkbox":true,disabled:this.disabled},checked:this.checked,disabled:this.disabled,tabindex:this.accessibleIndex,"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,"aria-selected":this.accessibleSelected,required:this.required,role:this.role,name:this.name,id:t}),h("label",{class:"duet-label",htmlFor:t},h("span",null,this.label))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCheckbox.style=duetCheckboxCss;export{DuetCheckbox as duet_checkbox};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-85cd77f2.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";var duetCheckboxCss='*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;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:#00294d;vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:"";background:white;border:1px solid #00294d;border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:#171c3a}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:#00294d;border:1px solid #00294d}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:#171c3a;border-color:#171c3a}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:"";background:transparent url("data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:#657787}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:#747475}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:#cfd2d4}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:#cfcfd1}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:#657787;border:1px solid #657787}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:#747475;border-color:#747475}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetCheckbox=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.checkboxId=createID("DuetCheckbox");this.margin="auto";this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleSelected=undefined;this.required=false;this.theme="";this.disabled=false;this.label="label";this.labelHidden=false;this.checked=false;this.onChange=function(e){t.checked=!t.checked;t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-checkbox"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-checkbox"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-checkbox"})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);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.checkboxId;return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-checkbox-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva"}},h("input",{ref:function(t){return e.nativeInput=t},type:"checkbox",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,class:{"duet-checkbox":true,disabled:this.disabled},checked:this.checked,disabled:this.disabled,tabindex:this.accessibleIndex,"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,"aria-selected":this.accessibleSelected,required:this.required,role:this.role,name:this.name,id:t}),h("label",{class:"duet-label",htmlFor:t},h("span",null,this.label))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCheckbox.style=duetCheckboxCss;export{DuetCheckbox as duet_checkbox};

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

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,c,o){function i(e){return e instanceof c?e:new c((function(t){t(e)}))}return new(c||(c=Promise))((function(c,r){function a(e){try{s(o.next(e))}catch(t){r(t)}}function n(e){try{s(o["throw"](e))}catch(t){r(t)}}function s(e){e.done?c(e.value):i(e.value).then(a,n)}s((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var c={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,i,r,a;return a={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function n(e){return function(t){return s([e,t])}}function s(a){if(o)throw new TypeError("Generator is already executing.");while(c)try{if(o=1,i&&(r=a[0]&2?i["return"]:a[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,a[1])).done)return r;if(i=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:c.label++;return{value:a[1],done:false};case 5:c.label++;i=a[1];a=[0];continue;case 7:a=c.ops.pop();c.trys.pop();continue;default:if(!(r=c.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){c=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){c.label=a[1];break}if(a[0]===6&&c.label<r[1]){c.label=r[1];r=a;break}if(r&&c.label<r[2]){c.label=r[2];c.ops.push(a);break}if(r[2])c.ops.pop();c.trys.pop();continue}a=t.call(e,c)}catch(n){a=[6,n];i=0}finally{o=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(e,t,c,o){function i(e){return e instanceof c?e:new c((function(t){t(e)}))}return new(c||(c=Promise))((function(c,a){function r(e){try{n(o.next(e))}catch(t){a(t)}}function s(e){try{n(o["throw"](e))}catch(t){a(t)}}function n(e){e.done?c(e.value):i(e.value).then(r,s)}n((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var c={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,i,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return n([e,t])}}function n(r){if(o)throw new TypeError("Generator is already executing.");while(c)try{if(o=1,i&&(a=r[0]&2?i["return"]:r[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,r[1])).done)return a;if(i=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:c.label++;return{value:r[1],done:false};case 5:c.label++;i=r[1];r=[0];continue;case 7:r=c.ops.pop();c.trys.pop();continue;default:if(!(a=c.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){c=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){c.label=r[1];break}if(r[0]===6&&c.label<a[1]){c.label=a[1];a=r;break}if(a&&c.label<a[2]){c.label=a[2];c.ops.push(r);break}if(a[2])c.ops.pop();c.trys.pop();continue}r=t.call(e,c)}catch(s){r=[6,s];i=0}finally{o=a=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-81967d12.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{D as DuetStringsExternalDefaults}from"./common-strings-97e04e4b.js";import{c as createID}from"./create-id-981107da.js";import{F as FocusGuard}from"./focus-utils-f6146965.js";import{i as isKeyboardClick,h as isQuestionKey,f as isEscapeKey}from"./keyboard-utils-88ea1007.js";import{g as getLocaleString,a as getLanguage}from"./language-utils-bf701d37.js";import{f as findCheckedOption,w as watchForOptions}from"./watch-options-dd55bce8.js";import"./string-utils-5954f458.js";var messagingInfo={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'};var duetChoiceCss='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}.horizontal.sc-duet-choice-h{margin-bottom:0 !important}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#00294d !important;text-align:left;background:white;border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid #e1e3e6;border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#909599}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#909599}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#747475}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#0077b3 !important;background:#f3f9fc;border-color:#0077b3 !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#0077b3}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#171c3a !important;background:#f5f5f7;border-color:#171c3a !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#c60c30}.checked.collapsible.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#657787 !important;cursor:default !important;background:#f5f8fa !important;border-color:#e1e3e6 !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#657787 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#747475 !important;background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#747475 !important}.checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e1e3e6 !important;border-color:#e1e3e6 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid #909599;border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#747475}.checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#0077b3;border-color:#0077b3;transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#171c3a;border-color:#171c3a !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfcfd1 !important}.checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfcfd1 !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid white;border-right:2px solid white;opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important;position:relative;z-index:200;width:100%;font-weight:400;color:#00294d;border:2px solid #e1e3e6;border-top:0;border-radius:0 0 4px 4px}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:#171c3a;border-color:#171c3a}.checked.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:white;border:2px solid #0077b3;border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:white;border-color:#171c3a}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:#f5f8fa;border-color:#e1e3e6}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:#f5f8fa;transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:white;border:2px solid #e1e3e6;border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:#f5f8fa;border-bottom-color:transparent;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:#f5f8fa !important;border-color:#e1e3e6 !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#909599 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#747475 !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:#909599}.checked.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:#0077b3 !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#0077b3}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#c60c30}.duet-choice-input.sc-duet-choice{position:absolute !important;width:auto;height:auto;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);color:transparent}';var DuetChoice=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.hasHeader=false;this.choiceId=createID("DuetChoice");this.expandId=createID("DuetChoiceExpand");this.headerId=createID("DuetChoiceHeader");this.infoButtonId=createID("DuetChoiceInfoButton");this.isHovering=false;this.isInfoOpen=false;this.isBlurred=false;this.theme="";this.label="label";this.accessibleLabelInfoButtonDefaults=DuetStringsExternalDefaults;this.accessibleLabelInfoButton=getLocaleString(this.accessibleLabelInfoButtonDefaults);this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.caption="";this.type="checkbox";this.checked=false;this.collapsible=false;this.margin="auto";this.icon="";this.expand=false;this.padding="auto";this.disabled=false;this.required=false;this.infoLabelDefaults={fi:"Lisätietoja",en:"More information about",sv:"Mera information om"};this.infoLabel=getLocaleString(this.infoLabelDefaults,getLanguage());this.onMouseEnter=function(){t.isHovering=true};this.onMouseLeave=function(){t.isHovering=false};this.onClick=function(e){t.toggleChecked(e)};this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.toggleChecked(e)}if(isQuestionKey(e)&&t.hasInfo){t.toggleInfo()}};this.onChange=function(){t.checked=t.nativeInput.checked||false;t.duetChange.emit({checked:t.checked,value:t.value,component:"duet-choice"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleChecked=function(e){e.preventDefault();e.stopPropagation();if(t.disabled||t.groupDisabled){return}t.isInfoOpen=false;if(t.type==="radio"&&t.checked){return}t.checked=!t.checked;t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleInfo=function(){t.isInfoOpen=!t.isInfoOpen}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasInfo=!!this.element.querySelector("[slot='info']");this.hasHeader=!!this.element.querySelector('[slot="header"]');this.hasAdditional=!!this.element.querySelector("[slot='additional']");this.hasLabel=!!this.element.querySelector(":scope > [slot='label']");this.hasBeforeText=!!this.element.querySelector("[slot='before-text']")};e.prototype.handleHostBlur=function(e){if(this.hasInfo&&this.isInfoOpen&&this.isKeyDown){var t=this.element.contains(e===null||e===void 0?void 0:e.relatedTarget)||false;if(!t){this.toggleInfo()}}};e.prototype.handleHostKeyDown=function(){this.isKeyDown=true};e.prototype.handleHostKeyUp=function(e){this.isKeyDown=false;if(isEscapeKey(e)&&this.isInfoOpen){this.toggleInfo()}};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.getAriaDescribedby=function(){if(this.accessibleDescribedBy){return this.accessibleDescribedBy}if(this.collapsible||this.hasInfo){if(this.hasHeader){return this.headerId}else{return this.expandId}}return null};e.prototype.getClassNames=function(){if(this.hasInfo&&!this.collapsible){return{"duet-choice-card-info":true,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":this.theme==="turva"}}if(!this.hasInfo&&this.collapsible){return{"duet-choice-card-collapsible":true,"duet-choice-card-collapsible-expanded":this.checked,"duet-choice-card-collapsed":!this.checked,"duet-choice-card-collapsible-disabled":this.disabled||this.groupDisabled?true:false,"duet-theme-turva":this.theme==="turva"}}return{"duet-choice-default-slot":true}};e.prototype.render=function(){var e=this;var t=this.identifier||this.choiceId;return h(Host,{class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card-flextainer":true,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card":true,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"duet-p-0":this.padding==="none"}},h("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.disabled||this.groupDisabled,required:this.required,id:t,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:function(t){return e.nativeInput=t}}),h("label",{htmlFor:t,class:{"duet-choice-label":true,"no-hover":this.isHovering,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&h("slot",{name:"before-text"}),this.icon&&h("div",{class:"duet-choice-card-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),h("div",{class:"duet-choice-card-text"},h("div",null,this.hasLabel?h("slot",{name:"label"}):this.label),this.caption&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("slot",{name:"additional"}))),h("div",null,h("div",{class:{"duet-checkmark-container":true,"duet-checkmark-radio":this.type==="radio"}},this.checked&&h("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&h("button",{ref:function(t){return e.infoButtonEl=t},id:this.infoButtonId,class:{"duet-choice-info-toggle":true,"duet-theme-turva":this.theme==="turva"},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.disabled||this.groupDisabled,"aria-expanded":this.isInfoOpen?"true":"false","aria-label":"".concat(this.infoLabel," ").concat(this.label),"aria-controls":this.expandId,"aria-flowto":this.expandId,tabindex:this.type==="radio"&&!this.checked?"-1":"0",type:"button"},h("duet-visually-hidden",{"aria-hidden":!this.isBlurred?"true":"false"},this.accessibleLabelInfoButton),h("div",{class:"duet-choice-info-icon"},h("duet-icon",{icon:messagingInfo.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible||this.hasInfo?h("div",{class:this.getClassNames(),id:this.expandId},h("span",{class:{"duet-choice-section-visible":this.collapsible?this.checked:this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.checked:!this.isInfoOpen}},h("span",{id:this.headerId},h("slot",{name:"header"})),this.hasInfo?h("span",null,h("span",{"aria-relevant":"all","aria-atomic":"true","aria-live":this.isInfoOpen?"polite":"off"},h("slot",{name:"info"})),h("slot",null)):h("span",null,h("slot",null))),this.isInfoOpen&&h(FocusGuard,{moveFocusTo:this.infoButtonEl})):null)};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetChoice.style=duetChoiceCss;var duetChoiceGroupCss="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex;margin-bottom:0}}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";var duetChoiceSelector=":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice):not(:scope duet-choice duet-fieldset duet-choice)";var DuetChoiceGroup=function(){function e(e){var t=this;registerInstance(this,e);this.choiceGroupName="duet-choice-group";this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.label="Label";this.labelHidden=false;this.caption=undefined;this.tooltip=undefined;this.tooltipDirection="auto";this.responsive=false;this.getChoices=function(){return Array.from(t.element.querySelectorAll(duetChoiceSelector))};this.isMyChoice=function(e){return t.getChoices().includes(e)};this.onSelect=function(e){if(e.detail.component!=="duet-choice"){return}var c=e.target;if(c&&t.isMyChoice(c)){t.value=c.value}e.cancelBubble=true}}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var c=this;return __generator(this,(function(o){switch(o.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=findCheckedOption(e,duetChoiceSelector);if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:o.sent();if(this.value===undefined){this.value=t.value}o.label=2;case 2:this.mutationO=watchForOptions(e,duetChoiceSelector,(function(e){if(e!==undefined){e.componentOnReady().then((function(){if(c.isMyChoice(e)){c.value=e.value}}))}else{c.updateChoices()}}));this.updateChoices();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.updateChoices=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,c,o,i,r;return __generator(this,(function(a){e=this.getChoices();t=this.value;c=false;for(o=0,i=e;o<i.length;o++){r=i[o];r.name=this.name;r.groupDisabled=this.disabled;r.groupDirection=this.direction;r.groupResponsive=this.responsive;if(!c&&r.value===t){c=true;r.checked=true}else{r.checked=false}}if(!c){this.value=undefined}return[2]}))}))};e.prototype.render=function(){var e;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},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("div",{class:(e={},e[this.choiceGroupName]=true,e["duet-no-stacking"]=!this.responsive,e)},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}},enumerable:false,configurable:true});return e}();DuetChoiceGroup.style=duetChoiceGroupCss;export{DuetChoice as duet_choice,DuetChoiceGroup as duet_choice_group};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-85cd77f2.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{D as DuetStringsExternalDefaults}from"./common-strings-97e04e4b.js";import{c as createID}from"./create-id-981107da.js";import{F as FocusGuard}from"./focus-utils-6d867f9e.js";import{i as isKeyboardClick,h as isQuestionKey,f as isEscapeKey}from"./keyboard-utils-88ea1007.js";import{g as getLocaleString,a as getLanguage}from"./language-utils-bf701d37.js";import{f as findCheckedOption,w as watchForOptions}from"./watch-options-dd55bce8.js";import"./string-utils-5954f458.js";var messagingInfo={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'};var duetChoiceCss='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}.horizontal.sc-duet-choice-h{margin-bottom:0 !important}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#00294d !important;text-align:left;background:white;border-width:2px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:2px solid #e1e3e6;border-radius:4px;transition:background-color 150ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:#e4e4e6}.duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#909599}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#909599}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-checkmark-container.sc-duet-choice{border-color:#747475}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.no-hover):hover{border-color:#747475}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#0077b3 !important;background:#f3f9fc;border-color:#0077b3 !important}.checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#0077b3}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice{color:#171c3a !important;background:#f5f5f7;border-color:#171c3a !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#c60c30}.checked.collapsible.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#657787 !important;cursor:default !important;background:#f5f8fa !important;border-color:#e1e3e6 !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#657787 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:#747475 !important;background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:#747475 !important}.checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e1e3e6 !important;border-color:#e1e3e6 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid #909599;border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#747475}.checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#0077b3;border-color:#0077b3;transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#171c3a;border-color:#171c3a !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:#cfcfd1 !important}.checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfd2d4 !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:#cfcfd1 !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid white;border-right:2px solid white;opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important;position:relative;z-index:200;width:100%;font-weight:400;color:#00294d;border:2px solid #e1e3e6;border-top:0;border-radius:0 0 4px 4px}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:#171c3a;border-color:#171c3a}.checked.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:white;border:2px solid #0077b3;border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:white;border-color:#171c3a}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:#f5f8fa;border-color:#e1e3e6}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:#f5f8fa;transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:#f5f5f7;border-color:#e4e4e6}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:white;border:2px solid #e1e3e6;border-left:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:#f5f8fa;border-bottom-color:transparent;border-bottom-right-radius:0}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:#f5f8fa !important;border-color:#e1e3e6 !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#909599 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:#f5f5f7 !important;border-color:#e4e4e6 !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#747475 !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-choice-label.sc-duet-choice:not(.no-hover):hover .duet-choice-info-toggle.sc-duet-choice{border-left-color:#909599}.checked.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:#0077b3 !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#0077b3}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:#c60c30}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}';var DuetChoice=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.hasHeader=false;this.choiceId=createID("DuetChoice");this.expandId=createID("DuetChoiceExpand");this.headerId=createID("DuetChoiceHeader");this.infoButtonId=createID("DuetChoiceInfoButton");this.isHovering=false;this.isInfoOpen=false;this.isBlurred=false;this.theme="";this.label="label";this.accessibleLabelInfoButtonDefaults=DuetStringsExternalDefaults;this.accessibleLabelInfoButton=getLocaleString(this.accessibleLabelInfoButtonDefaults);this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.caption="";this.type="checkbox";this.checked=false;this.collapsible=false;this.margin="auto";this.icon="";this.expand=false;this.padding="auto";this.disabled=false;this.required=false;this.infoLabelDefaults={fi:"Lisätietoja",en:"More information about",sv:"Mera information om"};this.infoLabel=getLocaleString(this.infoLabelDefaults,getLanguage());this.onMouseEnter=function(){t.isHovering=true};this.onMouseLeave=function(){t.isHovering=false};this.onClick=function(e){t.toggleChecked(e)};this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.toggleChecked(e)}if(isQuestionKey(e)&&t.hasInfo){t.toggleInfo()}};this.onChange=function(){t.checked=t.nativeInput.checked||false;t.duetChange.emit({checked:t.checked,value:t.value,component:"duet-choice"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleChecked=function(e){e.preventDefault();e.stopPropagation();if(t.disabled||t.groupDisabled){return}t.isInfoOpen=false;if(t.type==="radio"&&t.checked){return}t.checked=!t.checked;t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleInfo=function(){t.isInfoOpen=!t.isInfoOpen}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasInfo=!!this.element.querySelector("[slot='info']");this.hasHeader=!!this.element.querySelector('[slot="header"]');this.hasAdditional=!!this.element.querySelector("[slot='additional']");this.hasLabel=!!this.element.querySelector(":scope > [slot='label']");this.hasBeforeText=!!this.element.querySelector("[slot='before-text']")};e.prototype.handleHostBlur=function(e){if(this.hasInfo&&this.isInfoOpen&&this.isKeyDown){var t=this.element.contains(e===null||e===void 0?void 0:e.relatedTarget)||false;if(!t){this.toggleInfo()}}};e.prototype.handleHostKeyDown=function(){this.isKeyDown=true};e.prototype.handleHostKeyUp=function(e){this.isKeyDown=false;if(isEscapeKey(e)&&this.isInfoOpen){this.toggleInfo()}};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.getAriaDescribedby=function(){if(this.accessibleDescribedBy){return this.accessibleDescribedBy}if(this.collapsible||this.hasInfo){if(this.hasHeader){return this.headerId}else{return this.expandId}}return null};e.prototype.getClassNames=function(){if(this.hasInfo&&!this.collapsible){return{"duet-choice-card-info":true,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":this.theme==="turva"}}if(!this.hasInfo&&this.collapsible){return{"duet-choice-card-collapsible":true,"duet-choice-card-collapsible-expanded":this.checked,"duet-choice-card-collapsed":!this.checked,"duet-choice-card-collapsible-disabled":this.disabled||this.groupDisabled?true:false,"duet-theme-turva":this.theme==="turva"}}return{"duet-choice-default-slot":true}};e.prototype.render=function(){var e=this;var t=this.identifier||this.choiceId;return h(Host,{class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card-flextainer":true,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card":true,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"duet-p-0":this.padding==="none"}},h("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.disabled||this.groupDisabled,required:this.required,id:t,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:function(t){return e.nativeInput=t}}),h("label",{htmlFor:t,class:{"duet-choice-label":true,"no-hover":this.isHovering,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&h("slot",{name:"before-text"}),this.icon&&h("div",{class:"duet-choice-card-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),h("div",{class:"duet-choice-card-text"},h("div",null,this.hasLabel?h("slot",{name:"label"}):this.label),this.caption&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("slot",{name:"additional"}))),h("div",null,h("div",{class:{"duet-checkmark-container":true,"duet-checkmark-radio":this.type==="radio"}},this.checked&&h("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&h("button",{ref:function(t){return e.infoButtonEl=t},id:this.infoButtonId,class:{"duet-choice-info-toggle":true,"duet-theme-turva":this.theme==="turva"},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.disabled||this.groupDisabled,"aria-expanded":this.isInfoOpen?"true":"false","aria-label":"".concat(this.infoLabel," ").concat(this.label),"aria-controls":this.expandId,"aria-flowto":this.expandId,tabindex:this.type==="radio"&&!this.checked?"-1":"0",type:"button"},h("duet-visually-hidden",{"aria-hidden":!this.isBlurred?"true":"false"},this.accessibleLabelInfoButton),h("div",{class:"duet-choice-info-icon"},h("duet-icon",{icon:messagingInfo.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible||this.hasInfo?h("div",{class:this.getClassNames(),id:this.expandId},h("span",{class:{"duet-choice-section-visible":this.collapsible?this.checked:this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.checked:!this.isInfoOpen}},h("span",{id:this.headerId},h("slot",{name:"header"})),this.hasInfo?h("span",null,h("span",{"aria-relevant":"all","aria-atomic":"true","aria-live":this.isInfoOpen?"polite":"off"},h("slot",{name:"info"})),h("slot",null)):h("span",null,h("slot",null))),this.isInfoOpen&&h(FocusGuard,{moveFocusTo:this.infoButtonEl})):null)};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetChoice.style=duetChoiceCss;var duetChoiceGroupCss="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-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-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex;margin-bottom:0}}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";var duetChoiceSelector=":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice):not(:scope duet-choice duet-fieldset duet-choice)";var DuetChoiceGroup=function(){function e(e){var t=this;registerInstance(this,e);this.choiceGroupName="duet-choice-group";this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.label="Label";this.labelHidden=false;this.caption=undefined;this.tooltip=undefined;this.tooltipDirection="auto";this.responsive=false;this.getChoices=function(){return Array.from(t.element.querySelectorAll(duetChoiceSelector))};this.isMyChoice=function(e){return t.getChoices().includes(e)};this.onSelect=function(e){if(e.detail.component!=="duet-choice"){return}var c=e.target;if(c&&t.isMyChoice(c)){t.value=c.value}e.cancelBubble=true}}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var c=this;return __generator(this,(function(o){switch(o.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=findCheckedOption(e,duetChoiceSelector);if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:o.sent();if(this.value===undefined){this.value=t.value}o.label=2;case 2:this.mutationO=watchForOptions(e,duetChoiceSelector,(function(e){if(e!==undefined){e.componentOnReady().then((function(){if(c.isMyChoice(e)){c.value=e.value}}))}else{c.updateChoices()}}));this.updateChoices();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.updateChoices=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,c,o,i,a;return __generator(this,(function(r){e=this.getChoices();t=this.value;c=false;for(o=0,i=e;o<i.length;o++){a=i[o];a.name=this.name;a.groupDisabled=this.disabled;a.groupDirection=this.direction;a.groupResponsive=this.responsive;if(!c&&a.value===t){c=true;a.checked=true}else{a.checked=false}}if(!c){this.value=undefined}return[2]}))}))};e.prototype.render=function(){var e;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},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("div",{class:(e={},e[this.choiceGroupName]=true,e["duet-no-stacking"]=!this.responsive,e)},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}},enumerable:false,configurable:true});return e}();DuetChoiceGroup.style=duetChoiceGroupCss;export{DuetChoice as duet_choice,DuetChoiceGroup as duet_choice_group};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,o,i){function l(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,a){function n(e){try{r(i.next(e))}catch(t){a(t)}}function s(e){try{r(i["throw"](e))}catch(t){a(t)}}function r(e){e.done?o(e.value):l(e.value).then(n,s)}r((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,l,a,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(t){return r([e,t])}}function r(n){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,l&&(a=n[0]&2?l["return"]:n[0]?l["throw"]||((a=l["return"])&&a.call(l),0):l.next)&&!(a=a.call(l,n[1])).done)return a;if(l=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:o.label++;return{value:n[1],done:false};case 5:o.label++;l=n[1];n=[0];continue;case 7:n=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){o=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){o.label=n[1];break}if(n[0]===6&&o.label<a[1]){o.label=a[1];a=n;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(n);break}if(a[2])o.ops.pop();o.trys.pop();continue}n=t.call(e,o)}catch(s){n=[6,s];l=0}finally{i=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-81967d12.js";import{a as actionArrowDownSmall}from"./action-arrow-down-small-82273dc8.js";import{f as font_size_medium,t as tokens}from"./tokens-b9d87fda.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{i as isKeyboardClick}from"./keyboard-utils-88ea1007.js";import{s as sanitizeString}from"./string-utils-5954f458.js";var duetCollapsibleCss='*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d}.duet-theme-turva.sc-duet-collapsible-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-m-0.sc-duet-collapsible-h{margin:0 !important}.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}[open].sc-duet-collapsible-h .duet-collapsible-content.sc-duet-collapsible{display:block}.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}';var DuetCollapsible=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.id=createID("DuetCollapsible");this.theme="";this.heading="";this.headingWeight="semibold";this.headingSize=undefined;this.headingLevel=undefined;this.margin="auto";this.open=false;this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.handleClick(e)}};this.getFontSizeFromTokens=function(e){if(e===void 0){e=t.headingSize}if(!e){return font_size_medium}else{var o=/-/g;var i=e.replace(o,"_");return tokens["font_size_".concat(i)]}};this.getEquivalentIconSize=function(e){if(e===void 0){e=t.headingSize}switch(e){case"x-small":return"xx-small";case"small":return"xx-small";case"medium":return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large";default:return"xx-small"}};this.handleClick=function(e){e.preventDefault();t.open=!t.open;t.duetToggle.emit({component:"duet-collapsible",originalEvent:e})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.element.classList.add("user-is-tabbing");this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.headingLevel?sanitizeString(this.headingLevel):"div";return h(Host,{class:{"duet-m-0":this.margin==="none"}},h(t,{class:{"duet-collapsible-heading":true,"duet-theme-turva":this.theme==="turva","duet-collapsible-normal-weight":this.headingWeight==="normal"},style:{"font-size":this.getFontSizeFromTokens()},role:"button",tabindex:"0",ref:function(t){return e.nativeButton=t},"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("div",{class:"duet-collapsible-heading-icon"},h("duet-icon",{margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:actionArrowDownSmall.svg})),h("div",{class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading)),h("div",{id:this.id,class:{"duet-collapsible-content":true,"duet-theme-turva":this.theme==="turva"},part:"duet-collapsible-content"},h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCollapsible.style=duetCollapsibleCss;export{DuetCollapsible as duet_collapsible};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-85cd77f2.js";import{a as actionArrowDownSmall}from"./action-arrow-down-small-82273dc8.js";import{f as font_size_medium,t as tokens}from"./tokens-0963dc8b.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{i as isKeyboardClick}from"./keyboard-utils-88ea1007.js";import{s as sanitizeString}from"./string-utils-5954f458.js";var duetCollapsibleCss='*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d}.duet-theme-turva.sc-duet-collapsible-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-m-0.sc-duet-collapsible-h{margin:0 !important}.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}[open].sc-duet-collapsible-h .duet-collapsible-content.sc-duet-collapsible{display:block}.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}';var DuetCollapsible=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.id=createID("DuetCollapsible");this.theme="";this.heading="";this.headingWeight="semibold";this.headingSize=undefined;this.headingLevel=undefined;this.margin="auto";this.open=false;this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.handleClick(e)}};this.getFontSizeFromTokens=function(e){if(e===void 0){e=t.headingSize}if(!e){return font_size_medium}else{var o=/-/g;var i=e.replace(o,"_");return tokens["font_size_".concat(i)]}};this.getEquivalentIconSize=function(e){if(e===void 0){e=t.headingSize}switch(e){case"x-small":return"xx-small";case"small":return"xx-small";case"medium":return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large";default:return"xx-small"}};this.handleClick=function(e){e.preventDefault();t.open=!t.open;t.duetToggle.emit({component:"duet-collapsible",originalEvent:e})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.element.classList.add("user-is-tabbing");this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.headingLevel?sanitizeString(this.headingLevel):"div";return h(Host,{class:{"duet-m-0":this.margin==="none"}},h(t,{class:{"duet-collapsible-heading":true,"duet-theme-turva":this.theme==="turva","duet-collapsible-normal-weight":this.headingWeight==="normal"},style:{"font-size":this.getFontSizeFromTokens()},role:"button",tabindex:"0",ref:function(t){return e.nativeButton=t},"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("div",{class:"duet-collapsible-heading-icon"},h("duet-icon",{margin:"none",color:this.theme==="turva"?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:actionArrowDownSmall.svg})),h("div",{class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading)),h("div",{id:this.id,class:{"duet-collapsible-content":true,"duet-theme-turva":this.theme==="turva"},part:"duet-collapsible-content"},h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCollapsible.style=duetCollapsibleCss;export{DuetCollapsible as duet_collapsible};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,o){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function r(e){try{a(o.next(e))}catch(t){n(t)}}function c(e){try{a(o["throw"](e))}catch(t){n(t)}}function a(e){e.done?i(e.value):s(e.value).then(r,c)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,s,n,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(e){return function(t){return a([e,t])}}function a(r){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,s&&(n=r[0]&2?s["return"]:r[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,r[1])).done)return n;if(s=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;s=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){i.label=r[1];break}if(r[0]===6&&i.label<n[1]){i.label=n[1];n=r;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(r);break}if(n[2])i.ops.pop();i.trys.pop();continue}r=t.call(e,i)}catch(c){r=[6,c];s=0}finally{o=n=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{h,F as Fragment,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-81967d12.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{d as debounce}from"./js-utils-fa98b8cd.js";import{n as isEnterKey,f as isEscapeKey,o as isTabKey,b as isArrowUpKey,c as isArrowDownKey}from"./keyboard-utils-88ea1007.js";import{g as getLocaleString,a as getLanguage}from"./language-utils-bf701d37.js";import{p as parsePossibleJSON}from"./string-utils-5954f458.js";var SelectSingle=function(e){var t=e.item,i=e.search,o=i===void 0?"":i,s=e.selected;var n=o!==""?new RegExp("("+o.split(" ").join("|")+")","gi"):undefined;return h(Fragment,null,s&&h("duet-icon",{class:"option-icon",name:"messaging-checked",size:"xx-small",margin:"none"}),n?h("span",{class:"option-container","aria-hidden":"true"},h("span",{innerHTML:t.name.replace(n,'<span class="highlight">$&</span>')})):t.name,t.tags&&h("span",{class:"option-tags"},t.tags.join(", ")))};var DuetComboBoxSelect=function(e){var t=e.item,i=e.active,o=e.total,s=e.selected,n=e.label,r=n===void 0?undefined:n,c=e.clickHandler,a=c===void 0?function(e){e.preventDefault()}:c,l=e.keyHandler,u=l===void 0?function(e){e.preventDefault()}:l,d=e.search;return h("li",{class:{"list-item":true,option:true,active:i,selected:s},id:i?"active_item":"","data-index":t.id,"aria-selected":i?"true":undefined,"aria-current":s?"true":undefined,role:"option","aria-label":r||"".concat(t.name,", (").concat(t.id+1," of ").concat(o,")")},h("a",{tabindex:"-1",onClick:function(e){return a(e)},onKeyUp:function(e){return u(e)},class:"option-link","aria-label":r||"".concat(t.name,", (").concat(t.id+1," of ").concat(o,")"),"aria-hidden":"true"},h(SelectSingle,{item:t,search:d,selected:s})))};var duetComboboxCss='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#00294d}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);display:none;overflow:hidden;background:white;border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-combobox-list.open.sc-duet-combobox{z-index:700;display:block}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:#909599}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:#cde5f1}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:#909599}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:white;background:#0077b3}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:#e1e3e6}';var DuetCombobox=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.isSafari=false;this.resizeObserver=new ResizeObserver(debounce((function(e){var i,o;if((e===null||e===void 0?void 0:e.length)===1){var s=(o=(i=e[0])===null||i===void 0?void 0:i.target)===null||o===void 0?void 0:o.getBoundingClientRect().width;t.listContainer.style.width="".concat(s+1,"px")}}),100));this.processedItems=null;this.inputWidth=0;this.inputValue="";this.selectionMsg="";this.listOpen=false;this.selectedItems=new Set;this.activeItem=undefined;this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}, ({current} of {total})",itemFiltered:"{name}, ({current} of {total}, {hiddenItems} filtered)"},fi:{heading:"Valitse:",item:"{name}, ({current}/{total})",itemFiltered:"{name}, ({current}/{total}, {hiddenItems} suodatettu)"},sv:{heading:"Välj:",item:"{name}, ({current} av {total})",itemFiltered:"{name}, ({current} av {total}, {hiddenItems} filtrerade)"}};this.accessibleLabels=getLocaleString(parsePossibleJSON(this.accessibleLabelDefaults),getLanguage());this.theme="";this.force=false;this.formatter=function(e){return e&&e.name?e.name:""}}e.prototype.activeItemHandler=function(e){this.input.accessibleActiveDescendant=this.listOpen&&(e||e===0)?"active_item":""};e.prototype.handleDocumentClick=function(e){var t=this;var i=e.composedPath();var o=i.every((function(e){return e!==t.element}));if(o){this.updateInputText(true);this.listOpen=false}};e.prototype.formatItem=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.formatter(e)]}))}))};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){var e=this;if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent)){this.isSafari=true}this.items=this.processedItems=parsePossibleJSON(this.items);this.input=this.element.querySelector("duet-input");this.input.addEventListener("duetChange",this.updateInputValue.bind(this));this.input.addEventListener("click",(function(){e.inputValue.length?e.listOpen=true:e.listOpen=false}));this.element.addEventListener("keydown",this.handleInputKeyDownEvent.bind(this));this.input.accessibleAutocomplete="list";this.input.accessibleControls="duet-combobox-list-element"};e.prototype.disconnectedCallback=function(){var e=this;this.input.removeEventListener("duetChange",this.updateInputValue.bind(this));this.input.removeEventListener("click",(function(){return e.inputValue.length?e.listOpen=true:e.listOpen=false}));this.element.removeEventListener("keydown",this.handleInputKeyDownEvent.bind(this));this.listElement.removeEventListener("click",(function(e){e.stopPropagation()}));this.resizeObserver.disconnect()};e.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.input);this.listElement.addEventListener("click",(function(e){e.stopPropagation()}))};e.prototype.onListClick=function(e,t){e.preventDefault();this.updateSelectedItems(t.id);this.listOpen=false;return this.listOpen};e.prototype.shouldListBeFiltered=function(){var e=this;if(this.selectedItems.size&&this.input.value===this.inputValue){var t=this.items.filter((function(t){return e.selectedItems.has(t.id)}));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return true};e.prototype.returnFilteredOrNonFiltered=function(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]};e.prototype.updateSelectedItems=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.selectedItems.clear();if(this.selectedItems){if(this.selectedItems.has(e)){this.selectedItems.delete(e)}else{this.selectedItems.add(e)}}return[4,this.updateInputText()];case 1:t.sent();return[2]}}))}))};e.prototype.updateInputText=function(e){if(e===void 0){e=false}return __awaiter(this,void 0,void 0,(function(){var t,i,o;var s=this;return __generator(this,(function(n){switch(n.label){case 0:t=this.selectedItems.size===0?[]:this.items.filter((function(e){return s.selectedItems.has(e.id)}));if(!(this.selectedItems.size===1))return[3,3];this.input.value="";i=this.input;return[4,this.formatItem(t[0])];case 1:i.value=n.sent();this.input.scrollLeft=this.input.scrollWidth;this.activeItem=undefined;o=this;return[4,this.formatItem(t[0])];case 2:o.value=n.sent();this.duetChange.emit({value:t[0].value,item:t[0],component:"duet-combobox"});return[3,4];case 3:if(e&&this.selectedItems.size===0){if(this.force){this.inputValue="";this.input.value=""}this.activeItem=undefined}n.label=4;case 4:this.listOpen=false;return[2]}}))}))};e.prototype.updateInputValue=function(e){var t;this.inputValue=e.detail.value;this.listOpen=String(this.inputValue).length>0&&((t=this.getFilteredItems())===null||t===void 0?void 0:t.length)>0};e.prototype.handleInputKeyDownEvent=function(e){this.input.accessibleActiveDescendant=undefined;if(isEnterKey(e)){e.preventDefault();this.selectActiveItem();this.listOpen=false;return}if(isEscapeKey(e)||isTabKey(e)){this.updateInputText(true);this.listOpen=false;return}var t=this.activeItem;if(isArrowUpKey(e)){e.preventDefault();t=this.activeItem-1}else if(isArrowDownKey(e)){e.preventDefault();t=this.listOpen?this.activeItem+1:this.activeItem;this.listOpen=true}if(isArrowDownKey(e)||isArrowUpKey(e)){var i=this.shouldListBeFiltered()?this.getFilteredItems():this.processedItems;if(t<0||!t){t=0}if(t>=i.length){t=i.length-1}this.input.accessibleActiveDescendant="active_item";this.activeItem=t;this.scrollToActive()}this.announceActive();return};e.prototype.selectActiveItem=function(){if(this.activeItem===undefined){return}var e=this.returnFilteredOrNonFiltered();var t=e[this.activeItem];this.updateSelectedItems(t.id)};e.prototype.announceActive=function(e){if(!e){e=this.returnFilteredOrNonFiltered()}if(this.activeItem===undefined||this.activeItem===-1){return}var t=e[this.activeItem];this.selectionMsg=this.formatLabel(t,e.length,this.items.length)};e.prototype.scrollToActive=function(){var e=this.listElement.querySelector(".active");if(e){e.scrollIntoView({behavior:"smooth",block:"center"})}};e.prototype.formatLabel=function(e,t,i){if(!e||i===undefined){return""}var o=t===i?this.accessibleLabels.item:this.accessibleLabels.itemFiltered;return o.replace("{name}",String(e.name)).replace("{current}",String(this.activeItem+1)).replace("{total}",String(t)).replace("{hiddenItems}",String(i-t))};e.prototype.getFilteredItems=function(){var e=this;var t=this.processedItems.filter((function(t){return String(t.value).toLowerCase().includes(e.inputValue.toLowerCase())||String(t.name).toLowerCase().includes(e.inputValue.toLowerCase())||e.selectedItems.has(t.id)}));return this.sortFilteredItems(t)};e.prototype.sortFilteredItems=function(e){var t=this;if(e.length>0){e.filter((function(e){return t.selectedItems.has(e.id)})).forEach((function(t){var i=e.indexOf(t);e.splice(i,1);e.unshift(t)}))}return e};e.prototype.render=function(){var e;var t=this;var i=this.returnFilteredOrNonFiltered();return h(Host,{role:"combobox","aria-expanded":this.listOpen?"true":"false","aria-owns":this.listOpen?"duet-combobox-list-element":undefined,"aria-haspopup":"listbox",class:(e={"duet-combobox":true},e["duet-theme-".concat(this.theme)]=true,e)},h("slot",null),this.isSafari&&h("duet-visually-hidden",{"aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},this.selectionMsg),h("div",{role:"list",class:{"duet-combobox-list":true,open:this.listOpen},ref:function(e){return t.listContainer=e}},h("ul",{role:"listbox",ref:function(e){return t.listElement=e},id:"duet-combobox-list-element",class:"listbox"},this.processedItems&&i.map((function(e,o){return h(DuetComboBoxSelect,{item:e,active:o===t.activeItem,selected:t.selectedItems.has(e.id),search:t.inputValue,total:i.length,clickHandler:function(i){return t.onListClick(i,e)},label:t.formatLabel(e,t.returnFilteredOrNonFiltered().length,t.items.length)})})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{activeItem:["activeItemHandler"]}},enumerable:false,configurable:true});return e}();DuetCombobox.style=duetComboboxCss;export{DuetCombobox as duet_combobox};
+ */import{h,F as Fragment,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-85cd77f2.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{d as debounce}from"./js-utils-fa98b8cd.js";import{n as isEnterKey,f as isEscapeKey,o as isTabKey,b as isArrowUpKey,c as isArrowDownKey}from"./keyboard-utils-88ea1007.js";import{g as getLocaleString,a as getLanguage}from"./language-utils-bf701d37.js";import{p as parsePossibleJSON}from"./string-utils-5954f458.js";var SelectSingle=function(e){var t=e.item,i=e.search,o=i===void 0?"":i,s=e.selected;var n=o!==""?new RegExp("("+o.split(" ").join("|")+")","gi"):undefined;return h(Fragment,null,s&&h("duet-icon",{class:"option-icon",name:"messaging-checked",size:"xx-small",margin:"none"}),n?h("span",{class:"option-container","aria-hidden":"true"},h("span",{innerHTML:t.name.replace(n,'<span class="highlight">$&</span>')})):t.name,t.tags&&h("span",{class:"option-tags"},t.tags.join(", ")))};var DuetComboBoxSelect=function(e){var t=e.item,i=e.active,o=e.total,s=e.selected,n=e.label,r=n===void 0?undefined:n,c=e.clickHandler,a=c===void 0?function(e){e.preventDefault()}:c,l=e.keyHandler,u=l===void 0?function(e){e.preventDefault()}:l,d=e.search;return h("li",{class:{"list-item":true,option:true,active:i,selected:s},id:i?"active_item":"","data-index":t.id,"aria-selected":i?"true":undefined,"aria-current":s?"true":undefined,role:"option","aria-label":r||"".concat(t.name,", (").concat(t.id+1," of ").concat(o,")")},h("a",{tabindex:"-1",onClick:function(e){return a(e)},onKeyUp:function(e){return u(e)},class:"option-link","aria-label":r||"".concat(t.name,", (").concat(t.id+1," of ").concat(o,")"),"aria-hidden":"true"},h(SelectSingle,{item:t,search:d,selected:s})))};var duetComboboxCss='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#00294d}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);display:none;overflow:hidden;background:white;border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-combobox-list.open.sc-duet-combobox{z-index:700;display:block}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:#909599}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.option-link.sc-duet-combobox{display:block;width:100%}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:#cde5f1}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:#909599}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:white;background:#0077b3}.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:#e1e3e6}';var DuetCombobox=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.isSafari=false;this.resizeObserver=new ResizeObserver(debounce((function(e){var i,o;if((e===null||e===void 0?void 0:e.length)===1){var s=(o=(i=e[0])===null||i===void 0?void 0:i.target)===null||o===void 0?void 0:o.getBoundingClientRect().width;t.listContainer.style.width="".concat(s+1,"px")}}),100));this.processedItems=null;this.inputWidth=0;this.inputValue="";this.selectionMsg="";this.listOpen=false;this.selectedItems=new Set;this.activeItem=undefined;this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}, ({current} of {total})",itemFiltered:"{name}, ({current} of {total}, {hiddenItems} filtered)"},fi:{heading:"Valitse:",item:"{name}, ({current}/{total})",itemFiltered:"{name}, ({current}/{total}, {hiddenItems} suodatettu)"},sv:{heading:"Välj:",item:"{name}, ({current} av {total})",itemFiltered:"{name}, ({current} av {total}, {hiddenItems} filtrerade)"}};this.accessibleLabels=getLocaleString(parsePossibleJSON(this.accessibleLabelDefaults),getLanguage());this.theme="";this.force=false;this.formatter=function(e){return e&&e.name?e.name:""}}e.prototype.activeItemHandler=function(e){this.input.accessibleActiveDescendant=this.listOpen&&(e||e===0)?"active_item":""};e.prototype.handleDocumentClick=function(e){var t=this;var i=e.composedPath();var o=i.every((function(e){return e!==t.element}));if(o){this.updateInputText(true);this.listOpen=false}};e.prototype.formatItem=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.formatter(e)]}))}))};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){var e=this;if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent)){this.isSafari=true}this.items=this.processedItems=parsePossibleJSON(this.items);this.input=this.element.querySelector("duet-input");this.input.addEventListener("duetChange",this.updateInputValue.bind(this));this.input.addEventListener("click",(function(){e.inputValue.length?e.listOpen=true:e.listOpen=false}));this.element.addEventListener("keydown",this.handleInputKeyDownEvent.bind(this));this.input.accessibleAutocomplete="list";this.input.accessibleControls="duet-combobox-list-element"};e.prototype.disconnectedCallback=function(){var e=this;this.input.removeEventListener("duetChange",this.updateInputValue.bind(this));this.input.removeEventListener("click",(function(){return e.inputValue.length?e.listOpen=true:e.listOpen=false}));this.element.removeEventListener("keydown",this.handleInputKeyDownEvent.bind(this));this.listElement.removeEventListener("click",(function(e){e.stopPropagation()}));this.resizeObserver.disconnect()};e.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.input);this.listElement.addEventListener("click",(function(e){e.stopPropagation()}))};e.prototype.onListClick=function(e,t){e.preventDefault();this.updateSelectedItems(t.id);this.listOpen=false;return this.listOpen};e.prototype.shouldListBeFiltered=function(){var e=this;if(this.selectedItems.size&&this.input.value===this.inputValue){var t=this.items.filter((function(t){return e.selectedItems.has(t.id)}));return!(this.formatter(t).toLowerCase()===this.input.value.toLowerCase())}return true};e.prototype.returnFilteredOrNonFiltered=function(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]};e.prototype.updateSelectedItems=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.selectedItems.clear();if(this.selectedItems){if(this.selectedItems.has(e)){this.selectedItems.delete(e)}else{this.selectedItems.add(e)}}return[4,this.updateInputText()];case 1:t.sent();return[2]}}))}))};e.prototype.updateInputText=function(e){if(e===void 0){e=false}return __awaiter(this,void 0,void 0,(function(){var t,i,o;var s=this;return __generator(this,(function(n){switch(n.label){case 0:t=this.selectedItems.size===0?[]:this.items.filter((function(e){return s.selectedItems.has(e.id)}));if(!(this.selectedItems.size===1))return[3,3];this.input.value="";i=this.input;return[4,this.formatItem(t[0])];case 1:i.value=n.sent();this.input.scrollLeft=this.input.scrollWidth;this.activeItem=undefined;o=this;return[4,this.formatItem(t[0])];case 2:o.value=n.sent();this.duetChange.emit({value:t[0].value,item:t[0],component:"duet-combobox"});return[3,4];case 3:if(e&&this.selectedItems.size===0){if(this.force){this.inputValue="";this.input.value=""}this.activeItem=undefined}n.label=4;case 4:this.listOpen=false;return[2]}}))}))};e.prototype.updateInputValue=function(e){var t;this.inputValue=e.detail.value;this.listOpen=String(this.inputValue).length>0&&((t=this.getFilteredItems())===null||t===void 0?void 0:t.length)>0};e.prototype.handleInputKeyDownEvent=function(e){this.input.accessibleActiveDescendant=undefined;if(isEnterKey(e)){e.preventDefault();this.selectActiveItem();this.listOpen=false;return}if(isEscapeKey(e)||isTabKey(e)){this.updateInputText(true);this.listOpen=false;return}var t=this.activeItem;if(isArrowUpKey(e)){e.preventDefault();t=this.activeItem-1}else if(isArrowDownKey(e)){e.preventDefault();t=this.listOpen?this.activeItem+1:this.activeItem;this.listOpen=true}if(isArrowDownKey(e)||isArrowUpKey(e)){var i=this.shouldListBeFiltered()?this.getFilteredItems():this.processedItems;if(t<0||!t){t=0}if(t>=i.length){t=i.length-1}this.input.accessibleActiveDescendant="active_item";this.activeItem=t;this.scrollToActive()}this.announceActive();return};e.prototype.selectActiveItem=function(){if(this.activeItem===undefined){return}var e=this.returnFilteredOrNonFiltered();var t=e[this.activeItem];this.updateSelectedItems(t.id)};e.prototype.announceActive=function(e){if(!e){e=this.returnFilteredOrNonFiltered()}if(this.activeItem===undefined||this.activeItem===-1){return}var t=e[this.activeItem];this.selectionMsg=this.formatLabel(t,e.length,this.items.length)};e.prototype.scrollToActive=function(){var e=this.listElement.querySelector(".active");if(e){e.scrollIntoView({behavior:"smooth",block:"center"})}};e.prototype.formatLabel=function(e,t,i){if(!e||i===undefined){return""}var o=t===i?this.accessibleLabels.item:this.accessibleLabels.itemFiltered;return o.replace("{name}",String(e.name)).replace("{current}",String(this.activeItem+1)).replace("{total}",String(t)).replace("{hiddenItems}",String(i-t))};e.prototype.getFilteredItems=function(){var e=this;var t=this.processedItems.filter((function(t){return String(t.value).toLowerCase().includes(e.inputValue.toLowerCase())||String(t.name).toLowerCase().includes(e.inputValue.toLowerCase())||e.selectedItems.has(t.id)}));return this.sortFilteredItems(t)};e.prototype.sortFilteredItems=function(e){var t=this;if(e.length>0){e.filter((function(e){return t.selectedItems.has(e.id)})).forEach((function(t){var i=e.indexOf(t);e.splice(i,1);e.unshift(t)}))}return e};e.prototype.render=function(){var e;var t=this;var i=this.returnFilteredOrNonFiltered();return h(Host,{role:"combobox","aria-expanded":this.listOpen?"true":"false","aria-owns":this.listOpen?"duet-combobox-list-element":undefined,"aria-haspopup":"listbox",class:(e={"duet-combobox":true},e["duet-theme-".concat(this.theme)]=true,e)},h("slot",null),this.isSafari&&h("duet-visually-hidden",{"aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},this.selectionMsg),h("div",{role:"list",class:{"duet-combobox-list":true,open:this.listOpen},ref:function(e){return t.listContainer=e}},h("ul",{role:"listbox",ref:function(e){return t.listElement=e},id:"duet-combobox-list-element",class:"listbox"},this.processedItems&&i.map((function(e,o){return h(DuetComboBoxSelect,{item:e,active:o===t.activeItem,selected:t.selectedItems.has(e.id),search:t.inputValue,total:i.length,clickHandler:function(i){return t.onListClick(i,e)},label:t.formatLabel(e,t.returnFilteredOrNonFiltered().length,t.items.length)})})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{activeItem:["activeItemHandler"]}},enumerable:false,configurable:true});return e}();DuetCombobox.style=duetComboboxCss;export{DuetCombobox as duet_combobox};

package/lib/esm-es5/duet-cookie-consent.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-81967d12.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";var duetCookieConsentCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetCookieConsent=function(){function e(e){var t=this;registerInstance(this,e);this.duetCookieConsent=createEvent(this,"duetCookieConsent",7);this.accessibleLabel="Hyväksyn evästeiden käytön";this.theme="";this.handleClick=function(e){e.preventDefault();t.duetCookieConsent.emit({component:"duet-cookie-consent"})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,{tabindex:"0"},h("div",{class:{"duet-cookie-consent":true,"duet-theme-turva":this.theme==="turva"}},h("div",{class:"duet-cookie-consent-content"},h("div",{class:"expand"},h("slot",null)),h("duet-spacer",{size:"large",direction:"horizontal"}),h("div",null,h("duet-button",{variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCookieConsent.style=duetCookieConsentCss;export{DuetCookieConsent as duet_cookie_consent};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-85cd77f2.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";var duetCookieConsentCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetCookieConsent=function(){function e(e){var t=this;registerInstance(this,e);this.duetCookieConsent=createEvent(this,"duetCookieConsent",7);this.accessibleLabel="Hyväksyn evästeiden käytön";this.theme="";this.handleClick=function(e){e.preventDefault();t.duetCookieConsent.emit({component:"duet-cookie-consent"})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,{tabindex:"0"},h("div",{class:{"duet-cookie-consent":true,"duet-theme-turva":this.theme==="turva"}},h("div",{class:"duet-cookie-consent-content"},h("div",{class:"expand"},h("slot",null)),h("duet-spacer",{size:"large",direction:"horizontal"}),h("div",null,h("duet-button",{variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCookieConsent.style=duetCookieConsentCss;export{DuetCookieConsent as duet_cookie_consent};