@duetds/components 9.1.1 → 9.2.0

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as i,H as c,g as o}from"./p-faf67509.js";import{i as n}from"./p-aaa7a7bd.js";import{c as a}from"./p-5e59e970.js";import{s as d,u as r}from"./p-a1b7f2a0.js";const h=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetRemove=t(this,"duetRemove",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.chipId=a("DuetChip"),this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onRadioChange),e.removeEventListener("click",this.onRadioClick),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onRadioChange),e.addEventListener("click",this.onRadioClick),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const e=this.element.querySelector("input[slot=input]"),t=e||document.createElement("input");t.slot="input",t.ariaDisabled=this.disabled?"true":void 0,t.id=this.identifier||this.chipId,t.type="radio",t.name=this.name,t.value=this.value,t.checked=this.checked,e?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.popupSetUp=()=>{const e=document.querySelector(`duet-popup-menu#${this.popup}`);if(e){this.popupElement=e,e.controller=this.element;const t=this.element.textContent,i=this.value;e.id||(e.id="popup-menu"),e.addEventListener("duetToggle",(e=>{this.popupOpen=e.detail.open}));const c=()=>{e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.active=!1}))};e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.addEventListener("click",(o=>{var n;const a=null!==(n=e.value)&&void 0!==n?n:e.innerText;e.active?(c(),this.element.textContent=t,this.value=i,this.checked=!1):(c(),e.active=!0,this.element.textContent=e.innerText,this.value=a,this.checked=!0),this.emitChange(o),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=e=>{this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=e=>{this.checked=!this.checked,this.emitChange(e)},this.onRadioChange=e=>{this.checked=this.focusableElement.checked,this.emitChange(e)},this.onRadioClick=e=>{this.disabled&&e.preventDefault()},this.onFilterClick=e=>{if(this.disabled)return e.stopPropagation(),void e.preventDefault();this.popupElement&&(e.stopPropagation(),e.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=e=>{e.stopPropagation(),e.preventDefault(),this.duetRemove.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"}),this.element.remove()},this.focus=!1,this.popupElement=void 0,this.popupOpen=void 0,this.accessibleLabel=void 0,this.variation="button",this.size="medium",this.popup=void 0,this.icon="",this.theme="",this.identifier=void 0,this.value=void 0,this.name=void 0,this.checked=!1,this.disabled=!1,this.accessibleExpanded=void 0,this.accessiblePopup="false"}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((e=>{e!==this.element&&(e.checked=!1)}))}componentWillLoad(){n(this),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){d(this)}disconnectedCallback(){r(this)}componentDidRender(){"radio"===this.variation&&this.radioInputSetUp()}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}async setFocus(e){setTimeout((()=>this.focusableElement.focus(e)),200)}render(){var e;const t=this.identifier||this.chipId,o={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},n={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"83bf513ef7192b64d92eb428ca47fbdf317468d9",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"750fdb0037f02571a465c86dfed9f81a4e4f1110",class:o},i("button",Object.assign({key:"49d5409a3600f91d6feefdafb207d17e330f53a3",id:t,"aria-label":this.accessibleLabel,"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},n),i("span",{key:"609549b8eb1bc7b9c3e7049f94dc9678b9dc259f",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"9167ad7ccd13479061d6849af2938bc868e51677",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"f8ab715a57220b96dbdbd2478207c4ba40ba325b"}))),"input"===this.variation&&i("span",{key:"0f1faa69c817a88de8716de8b261fa63688c899b",class:o},i("button",Object.assign({key:"1955c7a24051d1c5b7671bf4a8438ee1c014b7cc",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel},n),i("span",{key:"3d69ad3ec1037f7b8278156392e902a2317f758c",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"c056e4f37ca87f98fb8743d5b723232e8335f83c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"f257712ed166db7feb280d894bb1c111fa6fe171"})),i("button",{key:"0735914e5223ab4aed75f03e08e39af6a10ced8e",class:"duet-chip-remove-button",onClick:this.onRemoveClick},i("duet-icon",{key:"3478c9f87f043e61f96a7595a35db8849c0c730c",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"a656fd6ce69c6201d0dd7407170c88c47e8f2a67",class:o},i("input",Object.assign({key:"51dd1e0898d2af86d493e25b9d623d422a1e3ca8","aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(e=this.popupElement)||void 0===e?void 0:e.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},n)),i("label",{key:"60a550a09fcebb26e886503f0d9c637e6e2447cc",htmlFor:t},this.icon&&i("span",{key:"ba317cf437844d8c8694956e114687fa0d531daf",class:"duet-chip-icon-container"},i("duet-icon",{key:"4e6bd4e5e0003bf649929dfdb36ca0f5b00e3e4c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"7d427ed0b6d4d15a1eb1b3c0515e3d0d119a5197",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"943da2eae596920b321008ca6d927411109555db"}),this.popupElement&&i("span",{key:"ccff1c7a99e9bf1b96449d061526a6f207907dfe",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"b381a2ae097f9de261f971882520688b0857a02f",name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"804eec75bc2347e568c5ebe9c994d909df7a6d15",class:o},i("slot",{key:"74bef72f091082f56c3cbdc01c6284a347de775f",name:"input"}),i("label",{key:"2a1fb8e4e0da4b7aa89fad54677e8cc3c0ea318f",htmlFor:t},this.icon&&i("span",{key:"6bf61ec47a6647c05ef31fcef2d955740a37e55e",class:"duet-chip-icon-container"},i("duet-icon",{key:"0c780d8a156ebb569408bbac96838b8627818b79",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"ed9beaf0e2c72f762c8abcc8ebec1a149ce4f31e",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"b1c9725c085d8d27b273eae4eba95b8c911343db"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"]}}};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;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}';export{h as duet_chip}

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-624552e4.system.js","./p-b864159a.system.js"],(function(d){"use strict";var e,a,t,i,n;return{setters:[function(d){e=d.r;a=d.h;t=d.H;i=d.g},function(d){n=d.i}],execute:function(){var m="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px;overflow-x:clip}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}";var o=m;var u=d("duet_section_layout",function(){function d(d){e(this,d);this.margin="auto";this.middle=false;this.paddingBreakpoint=undefined}d.prototype.render=function(){var d;return a(t,{key:"0513022fd72635b7a29f28bd2d4c499efab5924f",class:{"duet-middle":this.middle,"duet-ie":n()}},a("div",{key:"f63b99c09e8b7d188e7dee578d6ed7f6f9b3a274",class:(d={"duet-layout":true,"duet-m-0":this.margin==="none"},d["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,d)},a("section",{key:"fc795216eaedfd65b6e2638a2735c8555b20400a",class:"duet-main"},a("slot",{key:"852e1dc28d14c80a9127b0ca9004a5cba7098c76"}))))};Object.defineProperty(d.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return d}());u.style=o}}}));

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,h as e,F as a,g as i}from"./p-faf67509.js";import{s}from"./p-50c83774.js";import{i as r}from"./p-aaa7a7bd.js";import{c as o}from"./p-5e59e970.js";import{s as d,u as n}from"./p-a1b7f2a0.js";import{a as p,g as b,c as l,d as c}from"./p-8a162701.js";import"./p-9c3c64b9.js";const h=2*parseFloat(s)*16,u=class{constructor(e){t(this,e),this.isTicking=!1,this.expandableId=o("DuetTray"),this.animationLoop=()=>{this.hiddenState=window.pageYOffset<h,this.isTicking=!1},this.toggleExpandable=t=>{t.preventDefault(),this.expanded=!this.expanded},this.expanded=!1,this.hiddenState=!1,this.language=p(),this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"},this.accessibleCloseLabel=b(this.accessibleCloseLabelDefaults,this.language),this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"},this.accessibleOpenLabel=b(this.accessibleOpenLabelDefaults,this.language),this.theme="",this.active=!1,this.autoHide=!0,this.responsive=!0}componentWillLoad(){r(this),this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")}connectedCallback(){l(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]),d(this)}disconnectedCallback(){c(this),n(this)}getFrame(){!this.isTicking&&this.autoHide&&this.active&&(requestAnimationFrame(this.animationLoop),this.isTicking=!0)}handleBodyClick(t){this.expanded&&(this.expanded=this.element.contains(t.target))}render(){return e("div",{key:"ae9c60e60a3726b586a877b713a636af350cdda8",class:{"duet-tray":!0,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":"turva"===this.theme,"duet-tray-is-expandable":this.hasAdditionalContent}},e("div",{key:"8a8a2962dc7b033e4012197784bd17eb6e02077d",class:"duet-tray-default-content",role:"status"},e("slot",{key:"9066cb6a1a302871c8ceb810d5cb8a41d7309735"})),this.hasAdditionalContent&&e(a,{key:"3b030ad2a029e5b2fe98ed81266363631cb33d54"},e("button",{key:"ae7c2f4461b852b81a211dda393d0282c677193c","aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:t=>this.toggleExpandable(t),class:{"duet-tray-button":!0,"duet-tray-is-expanded":this.expanded}},e("duet-icon",{key:"ac1a683905579c10d002075527eb35c76e10d63e",name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),e("duet-visually-hidden",{key:"5af7e2f5309b52a853a83829030de0d654df2e3d"},this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),e("div",{key:"4dd0e99ace8bd247803f5cec969e73b64d93ea93",id:this.expandableId,class:{"duet-tray-expandable":!0,active:this.expanded}},e("div",{key:"cabe5e2ae0f180ef813e9bb5456054393853e1ef",class:"duet-tray-expandable-content"},e("slot",{key:"58a36416006744197c5429c39ad7e296acdb0a12",name:"additional"})))))}get element(){return i(this)}};u.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;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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);visibility:hidden;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.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);background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(228, 228, 230)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(0, 41, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}';export{u as duet_tray}

package/lib/duet/p-e5435f92.system.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
- */System.register(["./p-624552e4.system.js","./p-e216bea4.system.js"],(function(e){"use strict";var t,n,i,u,o,a;return{setters:[function(e){t=e.r;n=e.c;i=e.h;u=e.H;o=e.g},function(e){a=e.i}],execute:function(){var r='*,*::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 s=r;var c=e("duet_popup_menu_item",function(){function e(e){var i=this;t(this,e);this.duetFocus=n(this,"duetFocus",7);this.duetBlur=n(this,"duetBlur",7);this.onFocus=function(e){i.focus=true;i.duetFocus.emit({originalEvent:e,value:i.value,component:"duet-popup-menu-item"})};this.onBlur=function(e){i.focus=false;i.duetBlur.emit({originalEvent:e,value:i.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(){a(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 i(u,{key:"35289f7f89fa2e759761d2b5309c1c50903cde81",role:this.accessibleRole},i(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&&i("duet-icon",{key:"b877792e8c47959bfa240713f74a510930630cdf",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"99d5337b72c8aa36a6ae2962e4112cf0158ea3e2",class:"duet-popup-menu-item-label"},i("slot",{key:"ca46da07ce9fdd7e9a080a1f592b213dac6e7ede"})),(this.trailingIcon||this.active)&&i("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&&i("span",{key:"3ab96002796300ed841354ad491ec77c99be97b5",class:"duet-popup-menu-item-trailing"},this.trailingText)))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());c.style=s}}}));

package/lib/duet/p-fd60b2ff.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import"./p-faf67509.js";const o=()=>{globalThis.ds={log:()=>{},warn:()=>{},info:()=>{}}};export{o as g}

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-bbae2d5d.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-bbae2d5d.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-bbae2d5d.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-bbae2d5d.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-003541f7.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-003541f7.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{h}from"./index-bbae2d5d.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};