@duetds/components 9.1.2 → 9.2.1

package/lib/duet/p-ec6a0e13.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as a,H as r,g as t}from"./p-00f584d4.js";import{i as o}from"./p-aaa7a7bd.js";const d=class{constructor(a){e(this,a),this.theme="",this.variation="default",this.background="normal",this.margin="auto"}componentWillLoad(){o(this)}render(){const e=`background-${this.background}`;return a(r,{key:"a98ddf68ce6e0d104c642e48a2d5d6d5660498f4",class:{"duet-m-0":"none"===this.margin}},a("span",{key:"aa121dca4645858c43d9d81bc29ec710723a026f",class:{"duet-badge":!0,[this.variation]:!0,[e]:!0,"duet-theme-turva":"turva"===this.theme}},a("slot",{key:"9baaff220b3bfaca21de1951ecc81fa1dde17c03"})))}get element(){return t(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fee8c3}.duet-badge.danger{background:#f8d3e0}.duet-badge.danger.duet-theme-turva{background:#f9d4cf}.duet-badge.success{background:#cce7de}.duet-badge.success.duet-theme-turva{background:#cee7dc}.duet-badge.subtle{color:rgb(101, 119, 135);background:none;outline:1px solid rgb(225, 227, 230);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(68, 68, 69);background:none;outline-color:rgb(228, 228, 230)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#fbb63f}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}.duet-badge.background-strong.subtle{border-color:rgb(207, 210, 212);outline-color:rgb(0, 41, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(207, 207, 209);outline-color:rgb(23, 28, 58)}';export{d as duet_badge}

package/lib/duet/p-f1bf4f9e.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as i,H as a,g as n}from"./p-00f584d4.js";import{a as o,c as s}from"./p-d5c7ae62.js";import{i as d}from"./p-aaa7a7bd.js";import{a as r}from"./p-5e2f8206.js";import"./p-9c3c64b9.js";const h=class{constructor(i){e(this,i),this.duetEvent=t(this,"duetEvent",7),this.mql=[window.matchMedia(o.replace(/'/g,"")),window.matchMedia(s.replace(/'/g,""))],this.boundMqlFunctions=[],this.previousYScroll=0,this.scrollbarCheck=()=>{this.leftMoreVisible=this.container.scrollLeft>0,this.rightMoreVisible=this.container.scrollLeft!==this.container.scrollWidth-this.container.clientWidth},this.scrollToActive=()=>{let e;this.element.querySelectorAll("[active]").forEach((t=>{t.active&&(e=t)})),e&&e.offsetLeft&&e.offsetLeft>50&&(this.container.scrollLeft=e.offsetLeft-this.element.getBoundingClientRect().width/2+e.offsetWidth/2)},this.changeLogoSize=()=>{this.logoSize=this.mql[1].matches?"large":"medium"},this.handleLogoClick=e=>{this.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:this.logoHref},originalEvent:e})},this.hidden=!1,this.onBottom=!1,this.logoSize="large",this.leftMoreVisible=!1,this.rightMoreVisible=!1,this.theme="",this.language=r(),this.logo=!0,this.logoHref=void 0,this.logoLinkAccessibleLabel=void 0,this.accessibleLabel=void 0,this.hideOnScroll=!1}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hideOnScroll&&(clearTimeout(this.zindexTimer),this.onBottom=!0),this.hidden=!0):window.scrollY<150&&(this.hideOnScroll&&(this.zindexTimer=setTimeout((()=>{this.onBottom=!1}),300)),this.hidden=!1),this.previousYScroll=window.scrollY)}componentWillLoad(){d(this)}connectedCallback(){this.changeLogoSize();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.changeLogoSize.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[]}componentDidLoad(){setTimeout((()=>{this.scrollbarCheck(),this.scrollToActive()}),0)}onWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.scrollToActive()}),100)}render(){const e=document.querySelectorAll("duet-slideout").length>0;return i(a,{key:"6772191fb52ef833296d4591848722cdd716fd8a"},i("nav",{key:"bbfd138c4487382bf33cd2a27a11abae07c1cd84",class:{"duet-menu-bar":!0,"duet-theme-turva":"turva"===this.theme,"horizontal-nav":e&&!this.logo,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},i("div",{key:"0e76aa9cf8e2088809c32ffb889ea7bd0e65f328",class:"top"}),i("div",{key:"3e0e929ab2dabd44122c86b3d89690084d49ee8c",class:{container:!0},ref:e=>this.container=e,onScroll:()=>this.scrollbarCheck()},this.logo&&i("div",{key:"daf3d473577d75062dbbdd2f4d277aecffddb806"},i("duet-logo",{key:"e560ec5ffbd0ab8c03a2284c6f5c24be44304595",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),i("div",{key:"f90de1dde38ffad772fd1db9ef1949bd69651a17",class:"list center",role:"list"},i("div",{key:"e21ef580e08ebefe3ff5a23da0a6df2d2714c2b0",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),i("slot",{key:"fbfd2e2f6a9d69d0e5f0843d30f723beadde4c1b",name:"center"}),i("div",{key:"6d232d47954eb7590982353aa05a869353cd5103",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),i("div",{key:"14d79bc82134dd5449172dadccdd94e39508e3ce",class:"list right",role:"list"},i("slot",{key:"383cc225f16923f7538daf24ef5f5592ace15ece",name:"right"}))),i("div",{key:"5042a82358354e9a77e5f7d022d47bf46e9c6250",class:"bottom"})))}get element(){return n(this)}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}.duet-theme-turva .center{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}.duet-theme-turva .right{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';export{h as duet_menu_bar}

package/lib/duet/p-f5063a7d.system.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register([],(function(r){"use strict";return{execute:function(){var _="rgb(0, 161, 212)";var a="rgb(178, 180, 179)";var o="rgb(11, 114, 136)";var l="rgb(199, 12, 112)";var e="rgb(122, 1, 196)";var c="rgb(211, 36, 131)";var t="rgb(161, 10, 78)";var g="rgb(168, 1, 78)";var v="rgb(213, 66, 3)";var i="rgb(9, 129, 148)";var s="rgb(169, 69, 124)";var d="rgb(54, 74, 129)";var u="rgb(23, 28, 58)";var n="rgb(222, 35, 98)";var b="rgb(255, 240, 243)";var x="rgb(255, 211, 219)";var m="rgb(89, 0, 45)";var y="rgb(255, 173, 190)";var p="rgb(252, 136, 162)";var h="rgb(243, 98, 134)";var w="rgb(255, 225, 231)";var z="rgb(231, 62, 107)";var f="rgb(214, 28, 82)";var k="rgb(185, 16, 74)";var q="rgb(153, 9, 66)";var S="rgb(120, 4, 56)";var I="rgb(224, 42, 13)";var U="rgb(122, 1, 196)";var j="rgb(0, 155, 204)";var A="rgb(27, 171, 75)";var E="rgb(255, 86, 34)";var B="rgb(245, 76, 154)";var C="rgb(194, 21, 101)";var F="rgb(192, 101, 247)";var H="rgb(0, 105, 191)";var M="rgb(19, 120, 53)";var R="rgb(179, 60, 24)";var O="rgb(13, 163, 166)";var D="rgb(11, 114, 136)";var G="rgb(179, 137, 24)";var J="rgb(128, 98, 17)";var K="rgb(0, 41, 77)";var L="rgb(207, 210, 212)";var N="rgb(144, 149, 153)";var P="rgb(116, 116, 117)";var Q="rgb(101, 119, 135)";var T="rgb(68, 68, 69)";var V="rgb(225, 227, 230)";var W="rgb(228, 228, 230)";var X="rgb(245, 248, 250)";var Y="rgb(245, 245, 247)";var Z="rgb(255, 255, 255)";var $="rgb(255, 255, 255)";var rr="rgb(207, 207, 209)";var _r="rgb(240, 247, 250)";var ar="rgb(217, 236, 245)";var or="rgb(8, 42, 77)";var lr="rgb(198, 225, 238)";var er="rgb(172, 210, 229)";var cr="rgb(131, 188, 217)";var tr="rgb(228, 241, 247)";var gr="rgb(50, 153, 204)";var vr="rgb(0, 119, 179)";var ir="rgb(0, 97, 155)";var sr="rgb(0, 75, 129)";var dr="rgb(3, 56, 102)";var ur="rgb(245, 248, 250)";var nr="rgb(212, 223, 229)";var br="rgb(17, 28, 38)";var xr="rgb(181, 198, 208)";var mr="rgb(153, 174, 186)";var yr="rgb(127, 150, 165)";var pr="rgb(228, 236, 239)";var hr="rgb(98, 121, 138)";var wr="rgb(81, 105, 123)";var zr="rgb(62, 84, 102)";var fr="rgb(45, 64, 81)";var kr="rgb(30, 45, 59)";var qr="rgb(0, 119, 179)";var Sr="rgb(0, 77, 128)";var Ir="rgb(148, 9, 37)";var Ur="rgb(0, 98, 154)";var jr="rgb(173, 11, 43)";var Ar="rgb(205, 229, 241)";var Er="rgb(244, 207, 214)";var Br="rgb(230, 242, 248)";var Cr="rgb(249, 230, 234)";var Fr="rgb(243, 249, 252)";var Hr="rgb(252, 243, 244)";var Mr="rgb(198, 12, 48)";var Rr="rgb(0, 41, 77)";var Or="rgb(23, 28, 58)";var Dr="rgb(0, 135, 90)";var Gr="rgb(244, 250, 247)";var Jr="rgb(218, 246, 233)";var Kr="rgb(4, 38, 33)";var Lr="rgb(191, 239, 218)";var Nr="rgb(163, 229, 202)";var Pr="rgb(134, 215, 185)";var Qr="rgb(231, 248, 239)";var Tr="rgb(105, 196, 166)";var Vr="rgb(77, 171, 143)";var Wr="rgb(48, 131, 105)";var Xr="rgb(29, 106, 88)";var Yr="rgb(13, 71, 59)";var Zr="rgb(8, 135, 78)";var $r="rgb(245, 247, 250)";var r_="rgb(222, 224, 228)";var __="rgb(8, 13, 38)";var a_="rgb(199, 202, 207)";var o_="rgb(175, 178, 186)";var l_="rgb(143, 147, 158)";var e_="rgb(234, 235, 239)";var c_="rgb(113, 118, 132)";var t_="rgb(98, 104, 122)";var g_="rgb(71, 78, 101)";var v_="rgb(45, 52, 79)";var i_="rgb(23, 28, 58)";var s_="rgb(255, 241, 241)";var d_="rgb(255, 213, 215)";var u_="rgb(51, 5, 20)";var n_="rgb(255, 185, 190)";var b_="rgb(252, 148, 158)";var x_="rgb(240, 102, 119)";var m_="rgb(255, 227, 228)";var y_="rgb(221, 49, 77)";var p_="rgb(198, 12, 48)";var h_="rgb(164, 4, 40)";var w_="rgb(126, 2, 35)";var z_="rgb(87, 4, 29)";var f_="rgb(247, 178, 40)";var k_="rgb(255, 251, 242)";var q_="rgb(255, 244, 198)";var S_="rgb(38, 26, 4)";var I_="rgb(255, 232, 160)";var U_="rgb(255, 217, 120)";var j_="rgb(255, 199, 79)";var A_="rgb(255, 247, 221)";var E_="rgb(247, 178, 40)";var B_="rgb(212, 151, 32)";var C_="rgb(156, 110, 22)";var F_="rgb(126, 87, 16)";var H_="rgb(81, 55, 9)";var M_="rgb(250, 164, 15)";var R_="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var O_="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var D_="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var G_="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var J_="1.25rem";var K_=r("f","1rem");var L_="0.875rem";var N_="1.5rem";var P_="0.75rem";var Q_="2.25rem";var T_="3rem";var V_="4.5rem";var W_="700";var X_="800";var Y_="400";var Z_="600";var $_="-0.01rem";var ra="1.5";var _a="1.25";var aa="1.1";var oa=r("a","'(min-width: 62em)'");var la=r("m","'(min-width: 48em)'");var ea=r("b","'(min-width: 36em)'");var ca="'(min-width: 64.0625em)'";var ta="'(max-width: 35.9375em)'";var ga=r("c","'(min-width: 76.25em)'");var va="'(max-width: 22.5em)'";var ia="'(min-width: 106.25em)'";var sa="'(max-width: 20.5em)'";var da="0.30";var ua="0.50";var na="0.75";var ba="0.85";var xa="50%";var ma="4px";var ya="12px";var pa="16px";var ha="8px";var wa="20rem";var za="0";var fa="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)";var ka="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)";var qa="0 2px 6px 0 rgba(0, 41, 77, 0.07)";var Sa="0 2px 6px 0 rgba(117, 117, 117, 0.13)";var Ia="0 0 0 1px #de2362";var Ua="0 0 0 1px #e55039";var ja="0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";var Aa="0 0 0 1px #0077b3";var Ea="0 0 0 1px #171c3a";var Ba="0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";var Ca="0 2px 10px 0 rgba(0, 41, 77, 0.1)";var Fa="0 0 0 1px #909599";var Ha="0 0 0 1px #747475";var Ma="0 2px 10px 0 rgba(117, 117, 117, 0.15)";var Ra="0 2px 20px 0 rgba(0, 0, 0, 0.2)";var Oa="0 2px 10px 0 rgba(0, 41, 77, 0.07)";var Da="0 2px 10px 0 rgba(117, 117, 117, 0.13)";var Ga="1px";var Ja="8rem";var Ka="1px";var La="1px";var Na="4rem";var Pa="30px";var Qa="24px";var Ta="20px";var Va="36px";var Wa="16px";var Xa="48px";var Ya="10px";var Za="72px";var $a="7px";var ro="1110px";var _o="2px";var ao="3rem";var oo="40px";var lo="30px";var eo="48px";var co="20px";var to="16px";var go="12px";var vo="28px";var io="8px";var so="36px";var uo="4px";var no="48px";var bo="2px";var xo="72px";var mo="94px";var yo="300ms ease";var po="600ms ease";var ho="-999999";var wo="1";var zo="600";var fo="400";var ko="200";var qo="250";var So="100";var Io="900";var Uo="700";var jo="950";var Ao="800";var Eo="300";var Bo="500";var Co={color_brand_blue:_,color_brand_gray_turva:a,color_category_family:o,color_category_family_turva:l,color_category_finance:e,color_category_home:c,color_category_home_turva:t,color_category_pet:g,color_category_travel:v,color_category_travel_turva:i,color_category_union_turva:s,color_category_vehicle:d,color_category_vehicle_turva:u,color_danger:n,color_danger_00:b,color_danger_100:x,color_danger_1000:m,color_danger_200:y,color_danger_300:p,color_danger_400:h,color_danger_50:w,color_danger_500:z,color_danger_600:f,color_danger_700:k,color_danger_800:q,color_danger_900:S,color_danger_turva:I,color_data_01:U,color_data_02:j,color_data_03:A,color_data_04:E,color_data_05:B,color_data_06:C,color_data_07:F,color_data_08:H,color_data_09:M,color_data_10:R,color_data_11:O,color_data_12:D,color_data_13:G,color_data_14:J,color_data_15:K,color_gray:L,color_gray_dark:N,color_gray_dark_turva:P,color_gray_darker:Q,color_gray_darker_turva:T,color_gray_light:V,color_gray_light_turva:W,color_gray_lighter:X,color_gray_lighter_turva:Y,color_gray_lightest:Z,color_gray_lightest_turva:$,color_gray_turva:rr,color_lt_blue_00:_r,color_lt_blue_100:ar,color_lt_blue_1000:or,color_lt_blue_200:lr,color_lt_blue_300:er,color_lt_blue_400:cr,color_lt_blue_50:tr,color_lt_blue_500:gr,color_lt_blue_600:vr,color_lt_blue_700:ir,color_lt_blue_800:sr,color_lt_blue_900:dr,color_lt_gray_00:ur,color_lt_gray_100:nr,color_lt_gray_1000:br,color_lt_gray_200:xr,color_lt_gray_300:mr,color_lt_gray_400:yr,color_lt_gray_50:pr,color_lt_gray_500:hr,color_lt_gray_600:wr,color_lt_gray_700:zr,color_lt_gray_800:fr,color_lt_gray_900:kr,color_primary:qr,color_primary_dark:Sr,color_primary_dark_turva:Ir,color_primary_darker:Ur,color_primary_darker_turva:jr,color_primary_light:Ar,color_primary_light_turva:Er,color_primary_lighter:Br,color_primary_lighter_turva:Cr,color_primary_lightest:Fr,color_primary_lightest_turva:Hr,color_primary_turva:Mr,color_secondary:Rr,color_secondary_turva:Or,color_success:Dr,color_success_00:Gr,color_success_100:Jr,color_success_1000:Kr,color_success_200:Lr,color_success_300:Nr,color_success_400:Pr,color_success_50:Qr,color_success_500:Tr,color_success_600:Vr,color_success_700:Wr,color_success_800:Xr,color_success_900:Yr,color_success_turva:Zr,color_turva_gray_00:$r,color_turva_gray_100:r_,color_turva_gray_1000:__,color_turva_gray_200:a_,color_turva_gray_300:o_,color_turva_gray_400:l_,color_turva_gray_50:e_,color_turva_gray_500:c_,color_turva_gray_600:t_,color_turva_gray_700:g_,color_turva_gray_800:v_,color_turva_gray_900:i_,color_turva_red_00:s_,color_turva_red_100:d_,color_turva_red_1000:u_,color_turva_red_200:n_,color_turva_red_300:b_,color_turva_red_400:x_,color_turva_red_50:m_,color_turva_red_500:y_,color_turva_red_600:p_,color_turva_red_700:h_,color_turva_red_800:w_,color_turva_red_900:z_,color_warning:f_,color_warning_00:k_,color_warning_100:q_,color_warning_1000:S_,color_warning_200:I_,color_warning_300:U_,color_warning_400:j_,color_warning_50:A_,color_warning_500:E_,color_warning_600:B_,color_warning_700:C_,color_warning_800:F_,color_warning_900:H_,color_warning_turva:M_,font_family_heading:R_,font_family_heading_turva:O_,font_family_text:D_,font_family_text_turva:G_,font_size_large:J_,font_size_medium:K_,font_size_small:L_,font_size_x_large:N_,font_size_x_small:P_,font_size_xx_large:Q_,font_size_xxx_large:T_,font_size_xxxx_large:V_,font_weight_bold:W_,font_weight_extra_bold:X_,font_weight_normal:Y_,font_weight_semi_bold:Z_,letter_spacing_heading:$_,line_height_medium:ra,line_height_small:_a,line_height_x_small:aa,media_query_large:oa,media_query_medium:la,media_query_small:ea,media_query_x_large:ca,media_query_x_small:ta,media_query_xx_large:ga,media_query_xx_small:va,media_query_xxx_large:ia,media_query_xxx_small:sa,opacity_30:da,opacity_50:ua,opacity_75:na,opacity_85:ba,radius_circle:xa,radius_default:ma,radius_intermediate:ya,radius_large:pa,radius_medium:ha,radius_pill:wa,radius_sharp:za,shadow_card:fa,shadow_card_turva:ka,shadow_default:qa,shadow_default_turva:Sa,shadow_error:Ia,shadow_error_turva:Ua,shadow_focus:ja,shadow_focus_input:Aa,shadow_focus_input_turva:Ea,shadow_focus_turva:Ba,shadow_hover:Ca,shadow_hover_input:Fa,shadow_hover_input_turva:Ha,shadow_hover_turva:Ma,shadow_modal:Ra,shadow_tooltip:Oa,shadow_tooltip_turva:Da,size_button_border:Ga,size_button_min_width:Ja,size_button_tiny_border:Ka,size_form_border:La,size_header:Na,size_icon_large:Pa,size_icon_medium:Qa,size_icon_small:Ta,size_icon_x_large:Va,size_icon_x_small:Wa,size_icon_xx_large:Xa,size_icon_xx_small:Ya,size_icon_xxx_large:Za,size_icon_xxx_small:$a,size_layout_max_width:ro,size_medium_border:_o,size_navigation:ao,size_step_medium:oo,size_step_small:lo,size_tappable_square:eo,space_large:co,space_medium:to,space_small:go,space_x_large:vo,space_x_small:io,space_xx_large:so,space_xx_small:uo,space_xxx_large:no,space_xxx_small:bo,space_xxxx_large:xo,space_xxxxx_large:mo,transition_quickly:yo,transition_slowly:po,z_index_deep:ho,z_index_default:wo,z_index_dropdown:zo,z_index_header:fo,z_index_mask:ko,z_index_mask_buttons:qo,z_index_masked:So,z_index_modal:Io,z_index_overlay:Uo,z_index_popup:jo,z_index_spinner:Ao,z_index_sticky:Eo,z_index_toast:Bo};var Fo=Object.freeze({__proto__:null,color_brand_blue:_,color_brand_gray_turva:a,color_category_family:o,color_category_family_turva:l,color_category_finance:e,color_category_home:c,color_category_home_turva:t,color_category_pet:g,color_category_travel:v,color_category_travel_turva:i,color_category_union_turva:s,color_category_vehicle:d,color_category_vehicle_turva:u,color_danger:n,color_danger_00:b,color_danger_100:x,color_danger_1000:m,color_danger_200:y,color_danger_300:p,color_danger_400:h,color_danger_50:w,color_danger_500:z,color_danger_600:f,color_danger_700:k,color_danger_800:q,color_danger_900:S,color_danger_turva:I,color_data_01:U,color_data_02:j,color_data_03:A,color_data_04:E,color_data_05:B,color_data_06:C,color_data_07:F,color_data_08:H,color_data_09:M,color_data_10:R,color_data_11:O,color_data_12:D,color_data_13:G,color_data_14:J,color_data_15:K,color_gray:L,color_gray_dark:N,color_gray_dark_turva:P,color_gray_darker:Q,color_gray_darker_turva:T,color_gray_light:V,color_gray_light_turva:W,color_gray_lighter:X,color_gray_lighter_turva:Y,color_gray_lightest:Z,color_gray_lightest_turva:$,color_gray_turva:rr,color_lt_blue_00:_r,color_lt_blue_100:ar,color_lt_blue_1000:or,color_lt_blue_200:lr,color_lt_blue_300:er,color_lt_blue_400:cr,color_lt_blue_50:tr,color_lt_blue_500:gr,color_lt_blue_600:vr,color_lt_blue_700:ir,color_lt_blue_800:sr,color_lt_blue_900:dr,color_lt_gray_00:ur,color_lt_gray_100:nr,color_lt_gray_1000:br,color_lt_gray_200:xr,color_lt_gray_300:mr,color_lt_gray_400:yr,color_lt_gray_50:pr,color_lt_gray_500:hr,color_lt_gray_600:wr,color_lt_gray_700:zr,color_lt_gray_800:fr,color_lt_gray_900:kr,color_primary:qr,color_primary_dark:Sr,color_primary_dark_turva:Ir,color_primary_darker:Ur,color_primary_darker_turva:jr,color_primary_light:Ar,color_primary_light_turva:Er,color_primary_lighter:Br,color_primary_lighter_turva:Cr,color_primary_lightest:Fr,color_primary_lightest_turva:Hr,color_primary_turva:Mr,color_secondary:Rr,color_secondary_turva:Or,color_success:Dr,color_success_00:Gr,color_success_100:Jr,color_success_1000:Kr,color_success_200:Lr,color_success_300:Nr,color_success_400:Pr,color_success_50:Qr,color_success_500:Tr,color_success_600:Vr,color_success_700:Wr,color_success_800:Xr,color_success_900:Yr,color_success_turva:Zr,color_turva_gray_00:$r,color_turva_gray_100:r_,color_turva_gray_1000:__,color_turva_gray_200:a_,color_turva_gray_300:o_,color_turva_gray_400:l_,color_turva_gray_50:e_,color_turva_gray_500:c_,color_turva_gray_600:t_,color_turva_gray_700:g_,color_turva_gray_800:v_,color_turva_gray_900:i_,color_turva_red_00:s_,color_turva_red_100:d_,color_turva_red_1000:u_,color_turva_red_200:n_,color_turva_red_300:b_,color_turva_red_400:x_,color_turva_red_50:m_,color_turva_red_500:y_,color_turva_red_600:p_,color_turva_red_700:h_,color_turva_red_800:w_,color_turva_red_900:z_,color_warning:f_,color_warning_00:k_,color_warning_100:q_,color_warning_1000:S_,color_warning_200:I_,color_warning_300:U_,color_warning_400:j_,color_warning_50:A_,color_warning_500:E_,color_warning_600:B_,color_warning_700:C_,color_warning_800:F_,color_warning_900:H_,color_warning_turva:M_,font_family_heading:R_,font_family_heading_turva:O_,font_family_text:D_,font_family_text_turva:G_,font_size_large:J_,font_size_medium:K_,font_size_small:L_,font_size_x_large:N_,font_size_x_small:P_,font_size_xx_large:Q_,font_size_xxx_large:T_,font_size_xxxx_large:V_,font_weight_bold:W_,font_weight_extra_bold:X_,font_weight_normal:Y_,font_weight_semi_bold:Z_,letter_spacing_heading:$_,line_height_medium:ra,line_height_small:_a,line_height_x_small:aa,media_query_large:oa,media_query_medium:la,media_query_small:ea,media_query_x_large:ca,media_query_x_small:ta,media_query_xx_large:ga,media_query_xx_small:va,media_query_xxx_large:ia,media_query_xxx_small:sa,opacity_30:da,opacity_50:ua,opacity_75:na,opacity_85:ba,radius_circle:xa,radius_default:ma,radius_intermediate:ya,radius_large:pa,radius_medium:ha,radius_pill:wa,radius_sharp:za,shadow_card:fa,shadow_card_turva:ka,shadow_default:qa,shadow_default_turva:Sa,shadow_error:Ia,shadow_error_turva:Ua,shadow_focus:ja,shadow_focus_input:Aa,shadow_focus_input_turva:Ea,shadow_focus_turva:Ba,shadow_hover:Ca,shadow_hover_input:Fa,shadow_hover_input_turva:Ha,shadow_hover_turva:Ma,shadow_modal:Ra,shadow_tooltip:Oa,shadow_tooltip_turva:Da,size_button_border:Ga,size_button_min_width:Ja,size_button_tiny_border:Ka,size_form_border:La,size_header:Na,size_icon_large:Pa,size_icon_medium:Qa,size_icon_small:Ta,size_icon_x_large:Va,size_icon_x_small:Wa,size_icon_xx_large:Xa,size_icon_xx_small:Ya,size_icon_xxx_large:Za,size_icon_xxx_small:$a,size_layout_max_width:ro,size_medium_border:_o,size_navigation:ao,size_step_medium:oo,size_step_small:lo,size_tappable_square:eo,space_large:co,space_medium:to,space_small:go,space_x_large:vo,space_x_small:io,space_xx_large:so,space_xx_small:uo,space_xxx_large:no,space_xxx_small:bo,space_xxxx_large:xo,space_xxxxx_large:mo,transition_quickly:yo,transition_slowly:po,z_index_deep:ho,z_index_default:wo,z_index_dropdown:zo,z_index_header:fo,z_index_mask:ko,z_index_mask_buttons:qo,z_index_masked:So,z_index_modal:Io,z_index_overlay:Uo,z_index_popup:jo,z_index_spinner:Ao,z_index_sticky:Eo,z_index_toast:Bo,default:Co});r("t",Fo)}}}));

package/lib/duet/p-f9eb5cbb.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-d3101c8a.system.js","./p-b864159a.system.js","./p-0853dd3b.system.js"],(function(t){"use strict";var e,a,d,i,n,o;return{setters:[function(t){e=t.r;a=t.h;d=t.H;i=t.g},function(t){n=t.i},function(t){o=t.c}],execute:function(){var p="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";var m=p;var u=t("duet_layout",function(){function t(t){e(this,t);this.hasSidebar=false;this.hasTop=false;this.hasPageHeading=false;this.sticky=false;this.margin="auto";this.stickyDistance="with-links";this.center=false;this.tabs=false;this.middle=false;this.paddingBreakpoint=undefined}t.prototype.componentWillLoad=function(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']");this.hasTop=!!this.element.querySelector("[slot='top']");this.hasPageHeading=!!this.element.querySelector("[slot='page-heading']");o(this.element,"page-heading","duet-page-heading",1,true);if(!this.element.querySelector("[slot='main']")){console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}};t.prototype.render=function(){var t,e;return a(d,{key:"815cf46b505a58a4f1db64f0737eb2461fffe1b4",class:{center:this.center,"duet-middle":this.middle,"duet-ie":n()}},this.hasTop&&a("div",{key:"97f256b275cea1d8303d3c2b2fafcbc83ab17227",class:{"duet-layout-top":true,"duet-m-0":this.margin==="none","duet-center":this.center}},a("div",{key:"e08dfb887503e2db0e2d315bce69c4243ca0a368",class:"duet-layout-top-wrapper"},a("slot",{key:"a0a214dab158a6228b6d8e69a4ae77b51dc3da68",name:"top"}))),a("div",{key:"37a6738ab3a9695408026c8d83bbc1dbeb17490e",class:(t={"duet-layout":true,"duet-layout-has-top":this.hasTop,"has-sidebar":this.hasSidebar,"duet-m-0":this.margin==="none","duet-center":this.center},t["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,t)},a("main",{key:"9250e251d618850e3ca2a16c7e15f0d921b1cc0f",class:"duet-main"},this.hasPageHeading&&a("slot",{key:"6bd2301fc4f57c18bab92ce7278ec037f38971d4",name:"page-heading"}),a("slot",{key:"d37514f4cc602e46ecbc78e87647076c9e550c94",name:"main"})),this.hasSidebar&&a("aside",{key:"6ad7bd59e98bfe3123a1cccce343fb0f158387e0",class:"duet-sidebar"},a("div",{key:"6476ae186902b93bac02f5512c33ca2419202d8a",class:(e={"duet-sidebar-container":true,"has-tabs":this.tabs,sticky:this.sticky},e[this.stickyDistance]=this.sticky,e)},a("slot",{key:"4406fe27dbd20dd18448aa76800be82b3333c306",name:"sidebar"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());u.style=m}}}));

package/lib/esm/duet-chip.entry.js

@@ -1,286 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f384e24a.js';
-import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-import { c as createID } from './create-id-149a1b6d.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-439bcc8b.js';
-
-const duetChipCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(207, 210, 212);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(207, 207, 209)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(230, 242, 248);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}";
-const DuetChipStyle0 = duetChipCss;
-
-const DuetChip = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.duetChange = createEvent(this, "duetChange", 3);
-        this.duetRemove = createEvent(this, "duetRemove", 3);
-        this.duetFocus = createEvent(this, "duetFocus", 7);
-        this.duetBlur = createEvent(this, "duetBlur", 7);
-        /**
-         * Own Properties.
-         */
-        this.chipId = createID("DuetChip");
-        this.enforceNoDisabledSelected = () => {
-            if (this.disabled && this.checked) {
-                console.error("Duet error: pre-selected chip may not be disabled");
-                this.disabled = false;
-            }
-        };
-        this.radioInputListenersRemove = radioInput => {
-            radioInput.removeEventListener("change", this.onRadioChange);
-            radioInput.removeEventListener("click", this.onRadioClick);
-            radioInput.removeEventListener("focus", this.onFocus);
-            radioInput.removeEventListener("blur", this.onBlur);
-        };
-        this.radioInputListenersAdd = radioInput => {
-            radioInput.addEventListener("change", this.onRadioChange);
-            radioInput.addEventListener("click", this.onRadioClick);
-            radioInput.addEventListener("focus", this.onFocus);
-            radioInput.addEventListener("blur", this.onBlur);
-        };
-        this.radioInputSetUp = () => {
-            const slotInput = this.element.querySelector("input[slot=input]");
-            const radioInput = slotInput || document.createElement("input");
-            radioInput.slot = "input";
-            radioInput.ariaDisabled = this.disabled ? "true" : undefined;
-            radioInput.id = this.identifier || this.chipId;
-            radioInput.type = "radio";
-            radioInput.name = this.name;
-            radioInput.value = this.value;
-            radioInput.checked = this.checked;
-            if (slotInput) {
-                this.radioInputListenersRemove(radioInput);
-            }
-            else {
-                this.element.appendChild(radioInput);
-            }
-            this.radioInputListenersAdd(radioInput);
-            this.focusableElement = radioInput;
-        };
-        this.popupSetUp = () => {
-            const popup = document.querySelector(`duet-popup-menu#${this.popup}`);
-            if (popup) {
-                this.popupElement = popup;
-                popup.controller = this.element;
-                const originalText = this.element.textContent;
-                const originalValue = this.value;
-                if (!popup.id) {
-                    popup.id = "popup-menu";
-                }
-                popup.addEventListener("duetToggle", (evt) => {
-                    this.popupOpen = evt.detail.open;
-                });
-                const clearActive = () => {
-                    popup.querySelectorAll("duet-popup-menu-item").forEach(item => {
-                        item.active = false;
-                    });
-                };
-                popup.querySelectorAll("duet-popup-menu-item").forEach(item => {
-                    item.addEventListener("click", evt => {
-                        var _a;
-                        const value = (_a = item.value) !== null && _a !== void 0 ? _a : item.innerText;
-                        if (!item.active) {
-                            clearActive();
-                            item.active = true;
-                            this.element.textContent = item.innerText;
-                            this.value = value;
-                            this.checked = true;
-                        }
-                        else {
-                            clearActive();
-                            this.element.textContent = originalText;
-                            this.value = originalValue;
-                            this.checked = false;
-                        }
-                        this.emitChange(evt);
-                        // A workaround to the difference of event handling between the browers.
-                        // Chrome will emit a separate click event on the chip after the popup is closed, resulting popup.toggle() to
-                        // open the popup again. Firefox does not have this behavior.
-                        setTimeout(() => {
-                            if (this.popupElement.isOpen()) {
-                                this.popupElement.hide();
-                            }
-                        });
-                    });
-                });
-            }
-        };
-        /**
-         * Component event handling.
-         */
-        this.onFocus = (ev) => {
-            this.focus = true;
-            this.duetFocus.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-chip",
-            });
-        };
-        this.onBlur = (ev) => {
-            this.focus = false;
-            this.duetBlur.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-chip",
-            });
-        };
-        this.emitChange = originalEvent => {
-            this.duetChange.emit({
-                originalEvent,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-chip",
-            });
-        };
-        /**
-         * Change checked state and emit duetChange event.
-         */
-        this.onFilterChange = (evt) => {
-            this.checked = !this.checked;
-            this.emitChange(evt);
-        };
-        /**
-         * Change checked state and emit duetChange event.
-         */
-        this.onRadioChange = (evt) => {
-            const input = this.focusableElement;
-            const inputChecked = input.checked;
-            this.checked = inputChecked;
-            this.emitChange(evt);
-        };
-        this.onRadioClick = (evt) => {
-            if (this.disabled) {
-                evt.preventDefault();
-            }
-        };
-        /**
-         * Stop propagation and prevent default if popup is present, as the popup controls value and checked state.
-         */
-        this.onFilterClick = (evt) => {
-            if (this.disabled) {
-                evt.stopPropagation();
-                evt.preventDefault();
-                return;
-            }
-            if (this.popupElement) {
-                evt.stopPropagation();
-                evt.preventDefault();
-                this.popupElement.toggle();
-            }
-        };
-        /**
-         * Remove input chip
-         */
-        this.onRemoveClick = (evt) => {
-            evt.stopPropagation();
-            evt.preventDefault();
-            this.duetRemove.emit({
-                originalEvent: evt,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-chip",
-            });
-            this.element.remove();
-        };
-        this.focus = false;
-        this.popupElement = undefined;
-        this.popupOpen = undefined;
-        this.accessibleLabel = undefined;
-        this.variation = "button";
-        this.size = "medium";
-        this.popup = undefined;
-        this.icon = "";
-        this.theme = "";
-        this.identifier = undefined;
-        this.value = undefined;
-        this.name = undefined;
-        this.checked = false;
-        this.disabled = false;
-        this.accessibleExpanded = undefined;
-        this.accessiblePopup = "false";
-    }
-    clearOtherRadioButtons() {
-        if (this.variation === "radio" && this.checked) {
-            const chips = document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`);
-            chips.forEach(chip => {
-                if (chip !== this.element) {
-                    chip.checked = false;
-                }
-            });
-        }
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.popupSetUp();
-        this.enforceNoDisabledSelected();
-    }
-    connectedCallback() {
-        subscribeTabbingChange(this);
-    }
-    disconnectedCallback() {
-        unsubscribeTabbingChange(this);
-    }
-    componentDidRender() {
-        if (this.variation === "radio") {
-            this.radioInputSetUp();
-        }
-    }
-    getAccessibleExpanded() {
-        if (this.accessibleExpanded != null) {
-            return (!!this.accessibleExpanded).toString();
-        }
-        if (this.popupElement) {
-            return this.popupOpen ? "true" : "false";
-        }
-        return undefined;
-    }
-    getAccessiblePopup() {
-        if (this.popupElement) {
-            return "true";
-        }
-        else {
-            return this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined;
-        }
-    }
-    /**
-     * Sets focus. Use this method instead of the global focus().
-     */
-    async setFocus(options) {
-        setTimeout(() => this.focusableElement.focus(options), 200);
-    }
-    render() {
-        var _a;
-        const identifier = this.identifier || this.chipId;
-        const classes = {
-            "duet-chip-container": true,
-            [`duet-chip-${this.variation}`]: true,
-            "duet-chip-focus": this.focus,
-            "duet-chip-has-icon": !!this.icon,
-            "duet-chip-has-popup": this.variation === "filter" && !!this.popupElement,
-            "duet-theme-turva": this.theme === "turva",
-            "duet-chip-filter-checked": this.variation === "filter" && this.checked,
-            "duet-chip-radio-checked": this.variation === "radio" && this.checked,
-            "duet-chip-filter-popup-open": this.popupOpen,
-            "duet-chip-disabled": this.disabled,
-            [this.size]: true,
-        };
-        const focusHandlers = {
-            onFocus: this.onFocus,
-            onBlur: this.onBlur,
-            ref: el => (this.focusableElement = el),
-        };
-        return (h(Host, { key: '83bf513ef7192b64d92eb428ca47fbdf317468d9', class: { [this.variation]: true } }, this.variation === "button" && (h("span", { key: '750fdb0037f02571a465c86dfed9f81a4e4f1110', class: classes }, h("button", Object.assign({ key: '49d5409a3600f91d6feefdafb207d17e330f53a3', id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), h("span", { key: '609549b8eb1bc7b9c3e7049f94dc9678b9dc259f', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '9167ad7ccd13479061d6849af2938bc868e51677', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: 'f8ab715a57220b96dbdbd2478207c4ba40ba325b' })))), this.variation === "input" && (h("span", { key: '0f1faa69c817a88de8716de8b261fa63688c899b', class: classes }, h("button", Object.assign({ key: '1955c7a24051d1c5b7671bf4a8438ee1c014b7cc', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel }, focusHandlers), h("span", { key: '3d69ad3ec1037f7b8278156392e902a2317f758c', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: 'c056e4f37ca87f98fb8743d5b723232e8335f83c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: 'f257712ed166db7feb280d894bb1c111fa6fe171' })), h("button", { key: '0735914e5223ab4aed75f03e08e39af6a10ced8e', class: "duet-chip-remove-button", onClick: this.onRemoveClick }, h("duet-icon", { key: '3478c9f87f043e61f96a7595a35db8849c0c730c', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { key: 'a656fd6ce69c6201d0dd7407170c88c47e8f2a67', class: classes }, h("input", Object.assign({ key: '51dd1e0898d2af86d493e25b9d623d422a1e3ca8', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), h("label", { key: '60a550a09fcebb26e886503f0d9c637e6e2447cc', htmlFor: identifier }, this.icon && (h("span", { key: 'ba317cf437844d8c8694956e114687fa0d531daf', class: "duet-chip-icon-container" }, h("duet-icon", { key: '4e6bd4e5e0003bf649929dfdb36ca0f5b00e3e4c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '7d427ed0b6d4d15a1eb1b3c0515e3d0d119a5197', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '943da2eae596920b321008ca6d927411109555db' }), this.popupElement && (h("span", { key: 'ccff1c7a99e9bf1b96449d061526a6f207907dfe', class: "duet-chip-popup-disclosure" }, h("duet-icon", { key: 'b381a2ae097f9de261f971882520688b0857a02f', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("span", { key: '804eec75bc2347e568c5ebe9c994d909df7a6d15', class: classes }, h("slot", { key: '74bef72f091082f56c3cbdc01c6284a347de775f', name: "input" }), h("label", { key: '2a1fb8e4e0da4b7aa89fad54677e8cc3c0ea318f', htmlFor: identifier }, this.icon && (h("span", { key: '6bf61ec47a6647c05ef31fcef2d955740a37e55e', class: "duet-chip-icon-container" }, h("duet-icon", { key: '0c780d8a156ebb569408bbac96838b8627818b79', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: 'ed9beaf0e2c72f762c8abcc8ebec1a149ce4f31e', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: 'b1c9725c085d8d27b273eae4eba95b8c911343db' }))))));
-    }
-    get element() { return getElement(this); }
-    static get watchers() { return {
-        "checked": ["clearOtherRadioButtons"]
-    }; }
-};
-DuetChip.style = DuetChipStyle0;
-
-export { DuetChip as duet_chip };

package/lib/esm/duet-popup-menu-item.entry.js

@@ -1,79 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f384e24a.js';
-import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-
-const duetPopupMenuItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding: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;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(243, 249, 252)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 245, 247)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}";
-const DuetPopupMenuItemStyle0 = duetPopupMenuItemCss;
-
-const DuetPopupMenuItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.duetFocus = createEvent(this, "duetFocus", 7);
-        this.duetBlur = createEvent(this, "duetBlur", 7);
-        /**
-         * Component event handling.
-         */
-        this.onFocus = (ev) => {
-            this.focus = true;
-            this.duetFocus.emit({
-                originalEvent: ev,
-                value: this.value,
-                component: "duet-popup-menu-item",
-            });
-        };
-        this.onBlur = (ev) => {
-            this.focus = false;
-            this.duetBlur.emit({
-                originalEvent: ev,
-                value: this.value,
-                component: "duet-popup-menu-item",
-            });
-        };
-        this.focus = false;
-        this.accessibleLabel = undefined;
-        this.accessibleRole = "menuitem";
-        this.theme = "";
-        this.url = undefined;
-        this.external = false;
-        this.targetLanguage = undefined;
-        this.value = undefined;
-        this.leadingIcon = undefined;
-        this.leadingIconColor = undefined;
-        this.trailingIcon = undefined;
-        this.trailingText = undefined;
-        this.active = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * Sets focus. Use this method instead of the global focus().
-     */
-    async setFocus(options) {
-        setTimeout(() => this.itemElement.focus(options), 200);
-    }
-    /**
-     * isFocused.
-     */
-    async isFocused() {
-        return this.focus;
-    }
-    render() {
-        const TagName = this.url ? "a" : "button";
-        const classes = {
-            "duet-popup-menu-item": true,
-            active: this.active,
-            "duet-theme-turva": this.theme === "turva",
-        };
-        return (h(Host, { key: '35289f7f89fa2e759761d2b5309c1c50903cde81', role: this.accessibleRole }, h(TagName, { key: 'dd0cb6088ab305ed97ff28598ca5424893c71aab', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" ? -1 : 0, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'b877792e8c47959bfa240713f74a510930630cdf', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '99d5337b72c8aa36a6ae2962e4112cf0158ea3e2', class: "duet-popup-menu-item-label" }, h("slot", { key: 'ca46da07ce9fdd7e9a080a1f592b213dac6e7ede' })), (this.trailingIcon || this.active) && (h("duet-icon", { key: '22bdf49aaed6e82113dd096de1e8f6c730034c3c', name: this.active ? "messaging-checked-small" : this.trailingIcon, size: this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: '3ab96002796300ed841354ad491ec77c99be97b5', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
-    }
-    get element() { return getElement(this); }
-};
-DuetPopupMenuItem.style = DuetPopupMenuItemStyle0;
-
-export { DuetPopupMenuItem as duet_popup_menu_item };

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

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function c(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function a(e){try{d(n.next(e))}catch(e){r(e)}}function o(e){try{d(n["throw"](e))}catch(e){r(e)}}function d(e){e.done?i(e.value):c(e.value).then(a,o)}d((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,c,r,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(e){return function(t){return d([e,t])}}function d(o){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(i=0)),i)try{if(n=1,c&&(r=o[0]&2?c["return"]:o[0]?c["throw"]||((r=c["return"])&&r.call(c),0):c.next)&&!(r=r.call(c,o[1])).done)return r;if(c=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;c=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];c=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-439bcc8b.js";var duetChipCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(207, 210, 212);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(207, 207, 209)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(101, 119, 135) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(0, 41, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(230, 242, 248);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(205, 229, 241)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(228, 228, 230)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(243, 249, 252);border-color:rgb(243, 249, 252)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 245, 247);border-color:rgb(245, 245, 247)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input{display:flex;align-items:center;padding-right:0 !important}.duet-chip-container.duet-chip-input .duet-chip-input-button{flex-grow:1}.duet-chip-container.duet-chip-input .duet-chip-remove-button{width:26px;padding:8px 16px 8px 0;margin:-8px 0}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}';var DuetChipStyle0=duetChipCss;var DuetChip=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetRemove=createEvent(this,"duetRemove",3);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.chipId=createID("DuetChip");this.enforceNoDisabledSelected=function(){if(t.disabled&&t.checked){console.error("Duet error: pre-selected chip may not be disabled");t.disabled=false}};this.radioInputListenersRemove=function(e){e.removeEventListener("change",t.onRadioChange);e.removeEventListener("click",t.onRadioClick);e.removeEventListener("focus",t.onFocus);e.removeEventListener("blur",t.onBlur)};this.radioInputListenersAdd=function(e){e.addEventListener("change",t.onRadioChange);e.addEventListener("click",t.onRadioClick);e.addEventListener("focus",t.onFocus);e.addEventListener("blur",t.onBlur)};this.radioInputSetUp=function(){var e=t.element.querySelector("input[slot=input]");var i=e||document.createElement("input");i.slot="input";i.ariaDisabled=t.disabled?"true":undefined;i.id=t.identifier||t.chipId;i.type="radio";i.name=t.name;i.value=t.value;i.checked=t.checked;if(e){t.radioInputListenersRemove(i)}else{t.element.appendChild(i)}t.radioInputListenersAdd(i);t.focusableElement=i};this.popupSetUp=function(){var e=document.querySelector("duet-popup-menu#".concat(t.popup));if(e){t.popupElement=e;e.controller=t.element;var i=t.element.textContent;var n=t.value;if(!e.id){e.id="popup-menu"}e.addEventListener("duetToggle",(function(e){t.popupOpen=e.detail.open}));var c=function(){e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.active=false}))};e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.addEventListener("click",(function(r){var a;var o=(a=e.value)!==null&&a!==void 0?a:e.innerText;if(!e.active){c();e.active=true;t.element.textContent=e.innerText;t.value=o;t.checked=true}else{c();t.element.textContent=i;t.value=n;t.checked=false}t.emitChange(r);setTimeout((function(){if(t.popupElement.isOpen()){t.popupElement.hide()}}))}))}))}};this.onFocus=function(e){t.focus=true;t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"})};this.onBlur=function(e){t.focus=false;t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"})};this.emitChange=function(e){t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"})};this.onFilterChange=function(e){t.checked=!t.checked;t.emitChange(e)};this.onRadioChange=function(e){var i=t.focusableElement;var n=i.checked;t.checked=n;t.emitChange(e)};this.onRadioClick=function(e){if(t.disabled){e.preventDefault()}};this.onFilterClick=function(e){if(t.disabled){e.stopPropagation();e.preventDefault();return}if(t.popupElement){e.stopPropagation();e.preventDefault();t.popupElement.toggle()}};this.onRemoveClick=function(e){e.stopPropagation();e.preventDefault();t.duetRemove.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"});t.element.remove()};this.focus=false;this.popupElement=undefined;this.popupOpen=undefined;this.accessibleLabel=undefined;this.variation="button";this.size="medium";this.popup=undefined;this.icon="";this.theme="";this.identifier=undefined;this.value=undefined;this.name=undefined;this.checked=false;this.disabled=false;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.clearOtherRadioButtons=function(){var e=this;if(this.variation==="radio"&&this.checked){var t=document.querySelectorAll('duet-chip[variation="radio"][name="'.concat(this.name,'"]'));t.forEach((function(t){if(t!==e.element){t.checked=false}}))}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.popupSetUp();this.enforceNoDisabledSelected()};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.componentDidRender=function(){if(this.variation==="radio"){this.radioInputSetUp()}};e.prototype.getAccessibleExpanded=function(){if(this.accessibleExpanded!=null){return(!!this.accessibleExpanded).toString()}if(this.popupElement){return this.popupOpen?"true":"false"}return undefined};e.prototype.getAccessiblePopup=function(){if(this.popupElement){return"true"}else{return this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){setTimeout((function(){return t.focusableElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var n;var c=this.identifier||this.chipId;var r=(e={"duet-chip-container":true},e["duet-chip-".concat(this.variation)]=true,e["duet-chip-focus"]=this.focus,e["duet-chip-has-icon"]=!!this.icon,e["duet-chip-has-popup"]=this.variation==="filter"&&!!this.popupElement,e["duet-theme-turva"]=this.theme==="turva",e["duet-chip-filter-checked"]=this.variation==="filter"&&this.checked,e["duet-chip-radio-checked"]=this.variation==="radio"&&this.checked,e["duet-chip-filter-popup-open"]=this.popupOpen,e["duet-chip-disabled"]=this.disabled,e[this.size]=true,e);var a={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return i.focusableElement=e}};return h(Host,{key:"83bf513ef7192b64d92eb428ca47fbdf317468d9",class:(t={},t[this.variation]=true,t)},this.variation==="button"&&h("span",{key:"750fdb0037f02571a465c86dfed9f81a4e4f1110",class:r},h("button",Object.assign({key:"49d5409a3600f91d6feefdafb207d17e330f53a3",id:c,"aria-label":this.accessibleLabel,"aria-disabled":this.disabled?"true":undefined,name:this.name,value:this.value,onClick:this.disabled?function(e){return e.stopPropagation()}:undefined},a),h("span",{key:"609549b8eb1bc7b9c3e7049f94dc9678b9dc259f",class:"duet-chip-icon-container"},this.icon&&h("duet-icon",{key:"9167ad7ccd13479061d6849af2938bc868e51677",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),h("slot",{key:"f8ab715a57220b96dbdbd2478207c4ba40ba325b"}))),this.variation==="input"&&h("span",{key:"0f1faa69c817a88de8716de8b261fa63688c899b",class:r},h("button",Object.assign({key:"1955c7a24051d1c5b7671bf4a8438ee1c014b7cc",id:c,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel},a),h("span",{key:"3d69ad3ec1037f7b8278156392e902a2317f758c",class:"duet-chip-icon-container"},this.icon&&h("duet-icon",{key:"c056e4f37ca87f98fb8743d5b723232e8335f83c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),h("slot",{key:"f257712ed166db7feb280d894bb1c111fa6fe171"})),h("button",{key:"0735914e5223ab4aed75f03e08e39af6a10ced8e",class:"duet-chip-remove-button",onClick:this.onRemoveClick},h("duet-icon",{key:"3478c9f87f043e61f96a7595a35db8849c0c730c",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),this.variation==="filter"&&h("span",{key:"a656fd6ce69c6201d0dd7407170c88c47e8f2a67",class:r},h("input",Object.assign({key:"51dd1e0898d2af86d493e25b9d623d422a1e3ca8","aria-haspopup":this.getAccessiblePopup(),"aria-controls":(n=this.popupElement)===null||n===void 0?void 0:n.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,id:c,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},a)),h("label",{key:"60a550a09fcebb26e886503f0d9c637e6e2447cc",htmlFor:c},this.icon&&h("span",{key:"ba317cf437844d8c8694956e114687fa0d531daf",class:"duet-chip-icon-container"},h("duet-icon",{key:"4e6bd4e5e0003bf649929dfdb36ca0f5b00e3e4c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("duet-icon",{key:"7d427ed0b6d4d15a1eb1b3c0515e3d0d119a5197",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),h("slot",{key:"943da2eae596920b321008ca6d927411109555db"}),this.popupElement&&h("span",{key:"ccff1c7a99e9bf1b96449d061526a6f207907dfe",class:"duet-chip-popup-disclosure"},h("duet-icon",{key:"b381a2ae097f9de261f971882520688b0857a02f",name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),this.variation==="radio"&&h("span",{key:"804eec75bc2347e568c5ebe9c994d909df7a6d15",class:r},h("slot",{key:"74bef72f091082f56c3cbdc01c6284a347de775f",name:"input"}),h("label",{key:"2a1fb8e4e0da4b7aa89fad54677e8cc3c0ea318f",htmlFor:c},this.icon&&h("span",{key:"6bf61ec47a6647c05ef31fcef2d955740a37e55e",class:"duet-chip-icon-container"},h("duet-icon",{key:"0c780d8a156ebb569408bbac96838b8627818b79",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("duet-icon",{key:"ed9beaf0e2c72f762c8abcc8ebec1a149ce4f31e",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),h("slot",{key:"b1c9725c085d8d27b273eae4eba95b8c911343db"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["clearOtherRadioButtons"]}},enumerable:false,configurable:true});return e}();DuetChip.style=DuetChipStyle0;export{DuetChip as duet_chip};

package/lib/esm-es5/duet-popup-menu-item.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){function u(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{s(i.next(e))}catch(e){o(e)}}function r(e){try{s(i["throw"](e))}catch(e){o(e)}}function s(e){e.done?n(e.value):u(e.value).then(a,r)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,u,o,a;return a={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(e){return function(t){return s([e,t])}}function s(r){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,r[0]&&(n=0)),n)try{if(i=1,u&&(o=r[0]&2?u["return"]:r[0]?u["throw"]||((o=u["return"])&&o.call(u),0):u.next)&&!(o=o.call(u,r[1])).done)return o;if(u=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;u=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=t.call(e,n)}catch(e){r=[6,e];u=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetPopupMenuItemCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding: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;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(243, 249, 252)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 245, 247)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}';var DuetPopupMenuItemStyle0=duetPopupMenuItemCss;var DuetPopupMenuItem=function(){function e(e){var t=this;registerInstance(this,e);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.onFocus=function(e){t.focus=true;t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.onBlur=function(e){t.focus=false;t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.focus=false;this.accessibleLabel=undefined;this.accessibleRole="menuitem";this.theme="";this.url=undefined;this.external=false;this.targetLanguage=undefined;this.value=undefined;this.leadingIcon=undefined;this.leadingIconColor=undefined;this.trailingIcon=undefined;this.trailingText=undefined;this.active=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.isFocused=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.focus]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var n={"duet-popup-menu-item":true,active:this.active,"duet-theme-turva":this.theme==="turva"};return h(Host,{key:"35289f7f89fa2e759761d2b5309c1c50903cde81",role:this.accessibleRole},h(t,{key:"dd0cb6088ab305ed97ff28598ca5424893c71aab",ref:function(t){return e.itemElement=t},tabIndex:this.accessibleRole==="menuitem"?-1:0,onFocus:this.onFocus,onBlur:this.onBlur,role:"".concat(t==="a"?"link":"button"),"aria-label":this.accessibleLabel,class:n,value:this.value,href:this.url,target:this.external?"_blank":undefined,rel:this.external?"noopener":undefined,lang:t==="button"?undefined:this.targetLanguage,hreflang:t==="button"?undefined:this.targetLanguage},this.leadingIcon&&h("duet-icon",{key:"b877792e8c47959bfa240713f74a510930630cdf",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),h("span",{key:"99d5337b72c8aa36a6ae2962e4112cf0158ea3e2",class:"duet-popup-menu-item-label"},h("slot",{key:"ca46da07ce9fdd7e9a080a1f592b213dac6e7ede"})),(this.trailingIcon||this.active)&&h("duet-icon",{key:"22bdf49aaed6e82113dd096de1e8f6c730034c3c",name:this.active?"messaging-checked-small":this.trailingIcon,size:this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&h("span",{key:"3ab96002796300ed841354ad491ec77c99be97b5",class:"duet-popup-menu-item-trailing"},this.trailingText)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPopupMenuItem.style=DuetPopupMenuItemStyle0;export{DuetPopupMenuItem as duet_popup_menu_item};

package/lib/esm-es5/duet-popup-menu.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function o(t){try{a(n.next(t))}catch(t){s(t)}}function u(t){try{a(n["throw"](t))}catch(t){s(t)}}function a(t){t.done?i(t.value):r(t.value).then(o,u)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(e){return a([t,e])}}function a(u){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(i=0)),i)try{if(n=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:i.label++;return{value:u[1],done:false};case 5:i.label++;r=u[1];u=[0];continue;case 7:u=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){i=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){i.label=u[1];break}if(u[0]===6&&i.label<s[1]){i.label=s[1];s=u;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(u);break}if(s[2])i.ops.pop();i.trys.pop();continue}u=e.call(t,i)}catch(t){u=[6,t];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f384e24a.js";import{o as offset,f as flip,c as computePosition}from"./floating-ui.dom.esm-ebc91b33.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as focusElement}from"./focus-utils-1e2c1ed7.js";import{f as isEscapeKey,c as isArrowDownKey,b as isArrowUpKey,o as isTabKey}from"./keyboard-utils-439bcc8b.js";import{T as Teleport}from"./teleport-546f382d.js";var duetPopupMenuCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(0, 41, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}";var DuetPopupMenuStyle0=duetPopupMenuCss;var DuetPopupMenu=function(){function t(t){var e=this;registerInstance(this,t);this.duetToggle=createEvent(this,"duetToggle",7);this.setOpenButton=function(t){if(!t){return}try{var i=t;i.accessiblePopup="true";i.accessibleExpanded=false;i.setAttribute("trailing-icon","action-arrow-down-small");e.openButton=i}catch(t){}};this.openButtonEventListener=function(){e.toggle()};this.updatePlacement=function(){return __awaiter(e,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:if(!this.openButton){return[2]}t=[offset({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),flip({mainAxis:!this.forcePlacement})];return[4,computePosition(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position})];case 1:e=i.sent();this.menuY=e.y;this.menuX=e.x;return[2]}}))}))};this.open=false;this.menuY=undefined;this.menuX=undefined;this.accessibleLabel=undefined;this.accessibleRole="menu";this.theme="";this.skipTeleport=undefined;this.controller=undefined;this.placement="bottom-start";this.forcePlacement=false;this.position="absolute";this.mainAxisOffset=0;this.crossAxisOffset=0}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.componentDidLoad=function(){{this.updatePlacement()}};t.prototype.connectedCallback=function(){this.handleControllerChange(this.controller,null);if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}};t.prototype.disconnectedCallback=function(){if(this.openButton){this.openButton.removeEventListener("click",this.openButtonEventListener);this.openButton.removeAttribute("trailing-icon")}};t.prototype.handleKeyUp=function(t){if(this.open){if(isEscapeKey(t)){this.focusOpenButton();this.hide()}}};t.prototype.handleKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e,e;return __generator(this,(function(i){switch(i.label){case 0:if(!this.open)return[3,5];if(!isArrowDownKey(t))return[3,2];t.preventDefault();return[4,this.getFocusedItemIndex()];case 1:e=i.sent();if(e!==-1){if(e<this.itemElements.length-1){this.itemElements[e+1].setFocus()}else{this.itemElements[0].setFocus()}}i.label=2;case 2:if(!isArrowUpKey(t))return[3,4];t.preventDefault();return[4,this.getFocusedItemIndex()];case 3:e=i.sent();if(e!==-1){if(e===0){this.itemElements[this.itemElements.length-1].setFocus()}else{this.itemElements[e-1].setFocus()}}i.label=4;case 4:if(isTabKey(t)&&this.accessibleRole==="menu"){t.preventDefault();this.hide()}i.label=5;case 5:return[2]}}))}))};t.prototype.handleClick=function(t){var e=this;var i=t.composedPath().every((function(t){return t!==e.element&&t!==e.openButton}));if(this.open&&i){this.hide()}};t.prototype.isOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.open]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){this.hide()}else{this.show()}return[2]}))}))};t.prototype.handleControllerChange=function(t,e){if(!!t===!!e){return}if(typeof this.controller==="string"){this.setOpenButton(document.getElementById(this.controller));if(this.openButton){this.openButton.addEventListener("click",this.openButtonEventListener)}}else{this.setOpenButton(this.controller)}};t.prototype.handleOpenChange=function(t,e){var i=this;if(!!t===!!e){return}if(this.open&&!e){if(this.openButton){this.openButton.accessibleExpanded=true}this.teleport.makeSiblingsInert();this.updatePlacement();setTimeout((function(){if(i.accessibleRole==="menu"){i.itemElements[0].setFocus()}i.duetToggle.emit({open:i.open,component:"duet-popup-menu"})}),200)}else if(!this.open&&e){if(this.openButton){this.openButton.accessibleExpanded=false}setTimeout((function(){if(i.accessibleRole==="menu"){i.focusOpenButton()}i.duetToggle.emit({open:i.open,component:"duet-popup-menu"});i.teleport.removeInertFromSiblings()}),200)}};t.prototype.focusOpenButton=function(){if(this.open){focusElement(this.openButton)}};Object.defineProperty(t.prototype,"itemElements",{get:function(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))},enumerable:false,configurable:true});t.prototype.getFocusedItemIndex=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=this.itemElements;e=0;i.label=1;case 1:if(!(e<t.length))return[3,4];return[4,t[e].isFocused()];case 2:if(i.sent()){return[2,e]}i.label=3;case 3:e++;return[3,1];case 4:return[2,-1]}}))}))};t.prototype.render=function(){var t=this;var e={top:"".concat(this.menuY,"px"),left:"".concat(this.menuX,"px"),position:this.position};return h(Host,{key:"dbd5d6ba344124704ad5798622aeed8e2f1edb1b"},h("div",{key:"a59dd98042f84b7460956b4b94870691f7af399e",ref:function(e){return t.menuElement=e},style:e,class:{open:this.open,"duet-popup-menu-list":true,"duet-theme-turva":this.theme==="turva"},role:this.accessibleRole,"aria-label":this.accessibleLabel},h("slot",{key:"2a0d9c72cc78e95918685a0b13f9c184d352867e"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{controller:["handleControllerChange"],open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}();DuetPopupMenu.style=DuetPopupMenuStyle0;export{DuetPopupMenu as duet_popup_menu};

package/lib/esm-es5/focus-utils-1e2c1ed7.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{h}from"./index-f384e24a.js";var focusElement=function(e){if("setFocus"in e){e.setFocus()}else{e.focus()}};var FocusGuard=function(e){var u=e.moveFocusTo;return h("div",{class:"duet-focus-guard","aria-hidden":"true",tabIndex:0,onFocus:function(){return focusElement(u)}})};export{FocusGuard as F,focusElement as f};