@duetds/components 9.15.0 → 9.16.0

package/lib/duet/{p-5e1045dc.entry.js → p-b31576e2.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as e,h as i,H as s,g as o}from"./p-c4a1cfd6.js";import{q as a}from"./p-17efced0.js";import{o as n,f as r,s as h,c as p,b as u}from"./p-81287261.js";import{i as d}from"./p-d9cafc77.js";import{f as c}from"./p-5e658b40.js";import{c as l,f as m,b,o as f}from"./p-a45e3f8b.js";import{a as g}from"./p-75a66b82.js";import{T as v}from"./p-8cb0e6bd.js";import{a as x}from"./p-f11208c3.js";import"./p-9c3c64b9.js";const y=class{constructor(i){t(this,i),this.duetToggle=e(this,"duetToggle",7),this.filterLabel={en:"Filter menu",fi:"Suodata valikkoa",sv:"Filtrera meny"},this.filterResultCountLabel={en:"items match filter",fi:"kohtaa vastaa suodatinta",sv:"menyalternativ matchar filtret"},this.setOpenButton=t=>{if(t)try{const e=t;e.accessiblePopup="true",e.accessibleExpanded=!1,this.controllerIcon&&e.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=e}catch(t){}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[n({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&r(),h({padding:5})].filter(Boolean),e=await p(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=e.y,this.menuX=e.x},this.getNonFilteredItems=()=>this.showFilterInput?this.itemElements.filter((t=>"none"!==t.style.display)):this.itemElements,this.filterItems=()=>{var t;const e=null===(t=this.filterInput.value)||void 0===t?void 0:t.toLocaleLowerCase(),i=this.itemElements;i.forEach((t=>{var i;t.style.display=!e||t.textContent.toLowerCase().includes(e)||(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(e))?"":"none"})),this.filterResultCount=i.filter((t=>"none"!==t.style.display)).length},this.handleKeyDownOnFilter=t=>{var e;l(t)&&(null===(e=this.getNonFilteredItems()[0])||void 0===e||e.setFocus())},this.open=!1,this.menuY=void 0,this.menuX=void 0,this.filterResultCount=void 0,this.language=g(),this.accessibleLabel=void 0,this.accessibleRole="menu",this.theme="",this.skipTeleport=void 0,this.placement="bottom-start",this.forcePlacement=!1,this.allowVerticalFlip=!0,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0,this.controllerIcon="action-arrow-down-small",this.scrollLimit=void 0,this.showFilterInput=void 0}get controller(){return this._controller}set controller(t){this._controller!==t&&(this._controller=t,"string"==typeof t?(this.setOpenButton(document.getElementById(t)),this.openButton&&this.openButton.addEventListener("click",this.openButtonEventListener)):this.setOpenButton(t))}get opener(){return this._controller}set opener(t){this.controller=t}componentWillLoad(){d(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.teleport||(this.teleport=new v(this.element)),this.teleport&&this.teleport.activate()}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.openButton&&(this.openButton.removeEventListener("click",this.openButtonEventListener),this.controllerIcon&&this.openButton.removeAttribute("trailing-icon"))}handleKeyUp(t){this.open&&m(t)&&this.hide()}async handleKeyDown(t){const e=this.getNonFilteredItems();if(this.open){if(l(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<e.length-1?e[i+1].setFocus():e[0].setFocus())}if(b(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.showFilterInput?this.filterInput.setFocus():e[e.length-1].setFocus():e[i-1].setFocus())}f(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const e=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&e&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.open=!1}async toggle(){this.open?this.hide():this.show()}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){const t={ancestorScroll:!this.forcePlacement};this.openButton&&(this.openButton.accessibleExpanded=!0),"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=u(this.openButton,this.menuElement,this.updatePlacement,t)),this.showFilterInput&&(this.filterInput.value="",this.filterItems()),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)}else!this.open&&e&&(this.openButton&&(this.openButton.accessibleExpanded=!1),this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&c(this.openButton),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),"listbox"!==this.accessibleRole&&this.teleport.removeInertFromSiblings()}),200))}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}getAllPrecedingMatchingSiblings(t,e){const i=t.previousElementSibling;if(i){const t=this.getAllPrecedingMatchingSiblings(i,e);return(null==i?void 0:i.matches(e))&&t.push(i),t}return[]}get popupMenuStyleHeight(){var t;const e=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification")).filter((t=>"none"!==t.style.display));if(e.length>0&&this.scrollLimit){const i=e.slice(0,this.scrollLimit-1);return`${i.reduce(((t,e)=>t+e.offsetHeight),0)+((null===(t=this.filterInput)||void 0===t?void 0:t.offsetHeight)||0)+17*this.getAllPrecedingMatchingSiblings(i[i.length-1],"duet-divider").length+2*Number(a.replace("px",""))}px`}return"auto"}async getFocusedItemIndex(){const t=this.getNonFilteredItems();for(let e=0;e<t.length;e++)if(await t[e].isFocused())return e;return-1}render(){return i(s,{key:"8162bd3dcf089f1fbd0890ba90752b8375845e02"},i("div",{key:"a960165406ca70e48975935be91407e196af3acb",ref:t=>{this.menuElement=t},style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme,"scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},this.showFilterInput&&i("div",{key:"41ff2d5c37e1b82432abe9ae940120c4f27c2de7"},i("duet-input",{key:"aeeebdf64aa13db39dc6bb49e9a33a9eddf71171",ref:t=>this.filterInput=t,label:this.filterLabel[this.language],"label-hidden":!0,expand:!0,margin:"none",type:"search",onDuetInput:this.filterItems,onKeyDown:this.handleKeyDownOnFilter}),i("duet-visually-hidden",{key:"22bffb507bc56003ed6df5c58255bba01938e985"},i("span",{key:"2720b44f182bd5590999b37d4ac9157bf3d72a1c",role:"status"},`\n                  ${this.filterResultCount}/${this.itemElements.length}\n                  ${this.filterResultCountLabel[this.language]}\n                `)),i("duet-spacer",{key:"ab6b1d79410935e50a5c6a15fc5f66d141ee5590",size:"xx-small"})),i("slot",{key:"6265f5a9f3cde710961b4e815da45501016f4056"})))}get element(){return o(this)}static get watchers(){return{open:["handleOpenChange"]}}};y.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}.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(8, 42, 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.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}slot{--divider-margin:var(--space-x-small, 8px)}:host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva{color:#172a3b !important}";const k=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.focus=!1,this.accessibleLabel=void 0,this.accessibleRole="menuitem",this.theme="",this.url=void 0,this.external=!1,this.targetLanguage=void 0,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1,this.activeDescendant=!1}componentWillLoad(){d(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}async isFocused(){return this.focus}render(){const t=this.url?"a":"button";return i(s,{key:"eade853d9656feba3f1c183a9d496b056b1efab1",role:"menuitem"===this.accessibleRole&&this.isSafariBrowser?null:this.accessibleRole},i(t,{key:"390261bc354ca208b61e9d653478dc2a9d6db956",ref:t=>this.itemElement=t,tabIndex:"listitem"===this.accessibleRole?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"a"===t?"link":"button","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme,"active-descendant":this.activeDescendant},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0,lang:"button"===t?void 0:this.targetLanguage,hreflang:"button"===t?void 0:this.targetLanguage},this.leadingIcon&&i("duet-icon",{key:"0e33f555ecced822df70e017274ef9b2a05806b3",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"7223f5c991169e250db10d39513a14379e8a328c",class:"duet-popup-menu-item-label"},i("slot",{key:"0ef37ea3f2a8246a7fcc4d611cae5792fedc6588"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"c79c060559a1fe3698b321ba3f91a95949cf0320",name:this.url&&this.external?x.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{key:"bef480bed8100c06a5f8acf0e059dab3896f94d5",class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return o(this)}};k.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: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(8, 42, 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(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:#fdf7f2}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:#fbebe1}';export{y as duet_popup_menu,k as duet_popup_menu_item}
+import{r as t,c as e,h as i,H as s,g as a}from"./p-682a0ad1.js";import{q as o}from"./p-17efced0.js";import{o as n,f as r,s as h,c as p,b as d}from"./p-81287261.js";import{i as u}from"./p-3f59cd08.js";import{f as c}from"./p-07eaae93.js";import{c as l,f as m,b,o as f}from"./p-a45e3f8b.js";import{a as g}from"./p-7da818b1.js";import{T as v}from"./p-8cb0e6bd.js";import{a as x}from"./p-f11208c3.js";import"./p-9c3c64b9.js";const y=class{constructor(i){t(this,i),this.duetToggle=e(this,"duetToggle",7),this.filterLabel={en:"Filter menu",fi:"Suodata valikkoa",sv:"Filtrera meny"},this.filterResultCountLabel={en:"items match filter",fi:"kohtaa vastaa suodatinta",sv:"menyalternativ matchar filtret"},this.setOpenButton=t=>{if(t)try{const e=t;e.accessiblePopup="true",e.accessibleExpanded=!1,this.controllerIcon&&e.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=e}catch(t){}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[n({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&r(),h({padding:5})].filter(Boolean),e=await p(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=e.y,this.menuX=e.x},this.getNonFilteredItems=()=>this.showFilterInput?this.itemElements.filter((t=>"none"!==t.style.display)):this.itemElements,this.filterItems=()=>{var t;const e=null===(t=this.filterInput.value)||void 0===t?void 0:t.toLocaleLowerCase(),i=this.itemElements;i.forEach((t=>{var i;t.style.display=!e||t.textContent.toLowerCase().includes(e)||(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(e))?"":"none"})),this.filterResultCount=i.filter((t=>"none"!==t.style.display)).length},this.handleKeyDownOnFilter=t=>{var e;l(t)&&(null===(e=this.getNonFilteredItems()[0])||void 0===e||e.setFocus())},this.open=!1,this.menuY=void 0,this.menuX=void 0,this.filterResultCount=void 0,this.language=g(),this.accessibleLabel=void 0,this.accessibleRole="menu",this.theme="",this.skipTeleport=void 0,this.placement="bottom-start",this.forcePlacement=!1,this.allowVerticalFlip=!0,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0,this.controllerIcon="action-arrow-down-small",this.scrollLimit=void 0,this.showFilterInput=void 0}get controller(){return this._controller}set controller(t){this._controller!==t&&(this._controller=t,"string"==typeof t?(this.setOpenButton(document.getElementById(t)),this.openButton&&this.openButton.addEventListener("click",this.openButtonEventListener)):this.setOpenButton(t))}get opener(){return this._controller}set opener(t){this.controller=t}componentWillLoad(){u(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.teleport||(this.teleport=new v(this.element)),this.teleport&&this.teleport.activate()}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.openButton&&(this.openButton.removeEventListener("click",this.openButtonEventListener),this.controllerIcon&&this.openButton.removeAttribute("trailing-icon"))}handleKeyUp(t){this.open&&m(t)&&this.hide()}async handleKeyDown(t){const e=this.getNonFilteredItems();if(this.open){if(l(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<e.length-1?e[i+1].setFocus():e[0].setFocus())}if(b(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.showFilterInput?this.filterInput.setFocus():e[e.length-1].setFocus():e[i-1].setFocus())}f(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const e=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&e&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.open=!1}async toggle(){this.open?this.hide():this.show()}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){const t={ancestorScroll:!this.forcePlacement};this.openButton&&(this.openButton.accessibleExpanded=!0),"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=d(this.openButton,this.menuElement,this.updatePlacement,t)),this.showFilterInput&&(this.filterInput.value="",this.filterItems()),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)}else!this.open&&e&&(this.openButton&&(this.openButton.accessibleExpanded=!1),this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&c(this.openButton),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),"listbox"!==this.accessibleRole&&this.teleport.removeInertFromSiblings()}),200))}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}getAllPrecedingMatchingSiblings(t,e){const i=t.previousElementSibling;if(i){const t=this.getAllPrecedingMatchingSiblings(i,e);return(null==i?void 0:i.matches(e))&&t.push(i),t}return[]}get popupMenuStyleHeight(){var t;const e=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification")).filter((t=>"none"!==t.style.display));if(e.length>0&&this.scrollLimit){const i=e.slice(0,this.scrollLimit-1);return`${i.reduce(((t,e)=>t+e.offsetHeight),0)+((null===(t=this.filterInput)||void 0===t?void 0:t.offsetHeight)||0)+17*this.getAllPrecedingMatchingSiblings(i[i.length-1],"duet-divider").length+2*Number(o.replace("px",""))}px`}return"auto"}async getFocusedItemIndex(){const t=this.getNonFilteredItems();for(let e=0;e<t.length;e++)if(await t[e].isFocused())return e;return-1}render(){return i(s,{key:"8162bd3dcf089f1fbd0890ba90752b8375845e02"},i("div",{key:"a960165406ca70e48975935be91407e196af3acb",ref:t=>{this.menuElement=t},style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme,"scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},this.showFilterInput&&i("div",{key:"41ff2d5c37e1b82432abe9ae940120c4f27c2de7"},i("duet-input",{key:"aeeebdf64aa13db39dc6bb49e9a33a9eddf71171",ref:t=>this.filterInput=t,label:this.filterLabel[this.language],"label-hidden":!0,expand:!0,margin:"none",type:"search",onDuetInput:this.filterItems,onKeyDown:this.handleKeyDownOnFilter}),i("duet-visually-hidden",{key:"22bffb507bc56003ed6df5c58255bba01938e985"},i("span",{key:"2720b44f182bd5590999b37d4ac9157bf3d72a1c",role:"status"},`\n                  ${this.filterResultCount}/${this.itemElements.length}\n                  ${this.filterResultCountLabel[this.language]}\n                `)),i("duet-spacer",{key:"ab6b1d79410935e50a5c6a15fc5f66d141ee5590",size:"xx-small"})),i("slot",{key:"6265f5a9f3cde710961b4e815da45501016f4056"})))}get element(){return a(this)}static get watchers(){return{open:["handleOpenChange"]}}};y.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}.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(8, 42, 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.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}slot{--divider-margin:var(--space-x-small, 8px)}:host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva{color:#172a3b !important}";const k=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.focus=!1,this.accessibleLabel=void 0,this.accessibleRole="menuitem",this.theme="",this.url=void 0,this.external=!1,this.targetLanguage=void 0,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1,this.activeDescendant=!1}componentWillLoad(){u(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}async isFocused(){return this.focus}render(){const t=this.url?"a":"button";return i(s,{key:"d62c7b684bbf98e2ff38ae6303e7aaad03942ff9",role:"menuitem"===this.accessibleRole&&this.isSafariBrowser?null:this.accessibleRole},i(t,{key:"171d91b4a5f612c2b60a7c908ca0da3a0824e2fd",ref:t=>this.itemElement=t,tabIndex:"listitem"===this.accessibleRole?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"a"===t?"link":"button","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme,"active-descendant":this.activeDescendant},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0,lang:"button"===t?void 0:this.targetLanguage,hreflang:"button"===t?void 0:this.targetLanguage},this.leadingIcon&&i("duet-icon",{key:"37db0ce85c42bb23dd33c522a5ebcaa174df58fa",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"8af23f7a78dc25f8d1d05adfdd8dc3bd1d489af8",class:"duet-popup-menu-item-label"},i("slot",{key:"ef86e949a4bacdc7755e6e49f5814d554584a9be"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"e20daf8a4e639ab2369cc9b8f5a1c725480f60ad",name:this.url&&this.external?x.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{key:"e2dd555bf026bf0197428aec002bb0d49f532bb5",class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return a(this)}};k.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: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(8, 42, 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(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:#172a3b}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:#fdf7f2}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:#fbebe1}';export{y as duet_popup_menu,k as duet_popup_menu_item}

package/lib/duet/{p-6ec3fa80.entry.js → p-b3e8a986.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as i,H as c,g as o}from"./p-c4a1cfd6.js";import{i as d}from"./p-d9cafc77.js";import{c as r}from"./p-5e59e970.js";import{s as a,u as n,q as h}from"./p-a45e3f8b.js";import{g as s}from"./p-75a66b82.js";import"./p-9c3c64b9.js";const u=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=r("DuetChip"),this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"},this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"},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,t.ariaLabel=this.element.textContent,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 d;const r=null!==(d=e.value)&&void 0!==d?d: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=r,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=>{null==e||e.stopPropagation(),null==e||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.inputChipHover=!1,this.inputChipDeleteFocus=!1,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.selected=!1,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)}))}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}componentWillLoad(){d(this),this.removeDisabledAttributeWhenFalse(),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){a(this)}disconnectedCallback(){n(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}getAccessibleDeleteLabel(){return`${s(this.deleteLabels)} ${this.element.textContent}`}getAccessibleInputChipLabel(){return`${this.element.textContent}${this.selected?` (${s(this.selectedForDeletionLabels)}) `:""},`}async setFocus(e){h(),setTimeout((()=>this.focusableElement.focus(e)),200)}async setDeleteFocus(){setTimeout((()=>this.deleteButtonElement.focus()),200)}async removeChip(){this.onRemoveClick()}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-selected":this.selected,"duet-chip-hover":this.inputChipHover,"duet-chip-delete-focus":this.inputChipDeleteFocus,"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},d={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"b6fb72c89bb3173bbab5a049fa15e1952c16205e",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"67b4e89093f32e48fa8b0f34cc0bb04cf84fe4d7",class:o},i("button",Object.assign({key:"136da64b566f3ab1aac3ac06e221b382293eafc1",id:t,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},d),i("span",{key:"edd95585532bb3793d25c9d59ff736bfd93a698f",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"7eee1a45099e4b7e887ca9c18973d5491eebc49e",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"22c6c1e797b3d7ae8d5066e5e54d9d9b091fd8af"}))),"input"===this.variation&&i("span",{key:"6190f5af72bea43c3225440e936d6bcac3ee1a1a",class:o,"aria-label":this.getAccessibleInputChipLabel()},i("button",Object.assign({key:"684bbf1c87dbcc51074a469fef71eabc67b8b3cc",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:()=>this.inputChipHover=!0,onMouseOut:()=>this.inputChipHover=!1,onClick:()=>this.selected=!this.selected},d),i("span",{key:"3e9d81e6b529cbedd4dc059d2a69c7672dba4c15",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"4eb3a40447390af6f7005afdaf8a892fdb1a37a0",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"6a41790d5bb9b18d29aed4104f7875f4b82a6182"})),i("button",{key:"2aa0bd85705bd9d0f2f9107b81e1c478b79670e7",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:()=>this.inputChipDeleteFocus=!0,onBlur:()=>this.inputChipDeleteFocus=!1,ref:e=>this.deleteButtonElement=e},i("duet-icon",{key:"42142c43f116826ea4754ad43715380a5168a4a0",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"da7635d906a3000bdba610b199be6e02e67999a3",class:o},i("input",Object.assign({key:"991860c1d1faaf8b0b94c23878c0fda4cc57d5b2","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},d)),i("label",{key:"19200514b12edc1c34ee60d7141e2e443de2f4eb",htmlFor:t},this.icon&&i("span",{key:"e829017680ab4f77b068a795500ab0e228252910",class:"duet-chip-icon-container"},i("duet-icon",{key:"f3726f51afd71e1621bc838d3a5bb01ac741898a",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"38ebb64dffbad02205d259ddc908ad4448146e2c",name:"messaging-checked-small",size:"large"===this.size?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"fdc200f7e366b400ee41adcc43793c1b57c73044"}),this.popupElement&&i("span",{key:"154e4ee257d7152de4bd6089d650f89abab7849b",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"51559fda4889f9b1d1c5db56005140037d10bbe0",name:"action-arrow-down-small",size:"large"===this.size?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"05b32d584d059da2136a8c3bf615d8c54733b242",class:o},i("slot",{key:"4b75c8a08549ecefda7cbc774e6877a688c5c96a",name:"input"}),i("label",{key:"08d85749a874e5196eb21eb54a132156c7cc6dcf",htmlFor:t},this.icon&&i("span",{key:"48ed797d8716ecaea0c06bd2dcd41ab28bbc14e9",class:"duet-chip-icon-container"},i("duet-icon",{key:"befa22bdb1d0b2682d316551eb8ac873128b0ccf",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"3eab74ef52e823c81daf1c71379127c7650bba80",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"460c29546099eb06cc2dfa71baf9a57999d4f838"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}}};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;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(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);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(199, 202, 207)}.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(98, 121, 138) !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(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.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, 247, 250);border-color:rgb(245, 247, 250)}.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(8, 42, 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:8px}.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:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.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(228, 241, 247);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(198, 225, 238)}.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, 247, 250);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(222, 224, 228)}.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(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{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,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.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}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:#172a3b !important;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:#fbe1d1;border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:#d8ae96}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:#fbe1d1;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:#e61740}';export{u as duet_chip}
+import{r as e,c as t,h as i,H as c,g as o}from"./p-682a0ad1.js";import{i as d}from"./p-3f59cd08.js";import{c as r}from"./p-5e59e970.js";import{s as a,u as n,q as h}from"./p-a45e3f8b.js";import{g as s}from"./p-7da818b1.js";import"./p-9c3c64b9.js";const u=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=r("DuetChip"),this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"},this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"},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,t.ariaLabel=this.element.textContent,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 d;const r=null!==(d=e.value)&&void 0!==d?d: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=r,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=>{null==e||e.stopPropagation(),null==e||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.inputChipHover=!1,this.inputChipDeleteFocus=!1,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.selected=!1,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)}))}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}componentWillLoad(){d(this),this.removeDisabledAttributeWhenFalse(),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){a(this)}disconnectedCallback(){n(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}getAccessibleDeleteLabel(){return`${s(this.deleteLabels)} ${this.element.textContent}`}getAccessibleInputChipLabel(){return`${this.element.textContent}${this.selected?` (${s(this.selectedForDeletionLabels)}) `:""},`}async setFocus(e){h(),setTimeout((()=>this.focusableElement.focus(e)),200)}async setDeleteFocus(){setTimeout((()=>this.deleteButtonElement.focus()),200)}async removeChip(){this.onRemoveClick()}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-selected":this.selected,"duet-chip-hover":this.inputChipHover,"duet-chip-delete-focus":this.inputChipDeleteFocus,"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},d={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"b6fb72c89bb3173bbab5a049fa15e1952c16205e",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"67b4e89093f32e48fa8b0f34cc0bb04cf84fe4d7",class:o},i("button",Object.assign({key:"136da64b566f3ab1aac3ac06e221b382293eafc1",id:t,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},d),i("span",{key:"edd95585532bb3793d25c9d59ff736bfd93a698f",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"7eee1a45099e4b7e887ca9c18973d5491eebc49e",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"22c6c1e797b3d7ae8d5066e5e54d9d9b091fd8af"}))),"input"===this.variation&&i("span",{key:"6190f5af72bea43c3225440e936d6bcac3ee1a1a",class:o,"aria-label":this.getAccessibleInputChipLabel()},i("button",Object.assign({key:"684bbf1c87dbcc51074a469fef71eabc67b8b3cc",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:()=>this.inputChipHover=!0,onMouseOut:()=>this.inputChipHover=!1,onClick:()=>this.selected=!this.selected},d),i("span",{key:"3e9d81e6b529cbedd4dc059d2a69c7672dba4c15",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"4eb3a40447390af6f7005afdaf8a892fdb1a37a0",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"6a41790d5bb9b18d29aed4104f7875f4b82a6182"})),i("button",{key:"2aa0bd85705bd9d0f2f9107b81e1c478b79670e7",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:()=>this.inputChipDeleteFocus=!0,onBlur:()=>this.inputChipDeleteFocus=!1,ref:e=>this.deleteButtonElement=e},i("duet-icon",{key:"42142c43f116826ea4754ad43715380a5168a4a0",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"da7635d906a3000bdba610b199be6e02e67999a3",class:o},i("input",Object.assign({key:"991860c1d1faaf8b0b94c23878c0fda4cc57d5b2","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},d)),i("label",{key:"19200514b12edc1c34ee60d7141e2e443de2f4eb",htmlFor:t},this.icon&&i("span",{key:"e829017680ab4f77b068a795500ab0e228252910",class:"duet-chip-icon-container"},i("duet-icon",{key:"f3726f51afd71e1621bc838d3a5bb01ac741898a",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"38ebb64dffbad02205d259ddc908ad4448146e2c",name:"messaging-checked-small",size:"large"===this.size?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"fdc200f7e366b400ee41adcc43793c1b57c73044"}),this.popupElement&&i("span",{key:"154e4ee257d7152de4bd6089d650f89abab7849b",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"51559fda4889f9b1d1c5db56005140037d10bbe0",name:"action-arrow-down-small",size:"large"===this.size?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"05b32d584d059da2136a8c3bf615d8c54733b242",class:o},i("slot",{key:"4b75c8a08549ecefda7cbc774e6877a688c5c96a",name:"input"}),i("label",{key:"08d85749a874e5196eb21eb54a132156c7cc6dcf",htmlFor:t},this.icon&&i("span",{key:"48ed797d8716ecaea0c06bd2dcd41ab28bbc14e9",class:"duet-chip-icon-container"},i("duet-icon",{key:"befa22bdb1d0b2682d316551eb8ac873128b0ccf",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"3eab74ef52e823c81daf1c71379127c7650bba80",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"460c29546099eb06cc2dfa71baf9a57999d4f838"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}}};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;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(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);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(199, 202, 207)}.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(98, 121, 138) !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(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.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, 247, 250);border-color:rgb(245, 247, 250)}.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(8, 42, 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:8px}.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:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.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(228, 241, 247);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(198, 225, 238)}.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(255, 241, 241);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(255, 213, 215)}.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(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{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,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.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}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:#172a3b !important;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:#fdf7f2;border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:#fbe1d1}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:#fdf7f2;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:#e61740}';export{u as duet_chip}

package/lib/duet/{p-63d23d82.entry.js → p-b4f2405c.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as e,h as o,H as u,g as n}from"./p-c4a1cfd6.js";import{i as r}from"./p-d9cafc77.js";import{a as d,c as i}from"./p-24954951.js";import{a,g as b,c as s,d as l}from"./p-75a66b82.js";import{g as h}from"./p-e63f5ff5.js";import"./p-9c3c64b9.js";import"./p-17efced0.js";const p=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.proxyButtonSetUp=()=>{const t=this.element.querySelector("button[slot=proxybutton]"),e=t||document.createElement("button");if(this.url)return t&&t.remove(),void(this.proxyButton=null);e.setAttribute("slot","proxybutton"),e.style.display="none",e.type=this.getButtonType(),e.disabled=this.disabled,e.setAttribute("form",this.form),this.form||e.removeAttribute("form"),null!=this.name?e.name=this.name:e.removeAttribute("name"),null!=this.value?e.value=this.value:e.removeAttribute("value"),t||this.element.appendChild(e),this.proxyButton=e},this.handleClick=t=>{this.submit&&!this.url&&(this.element.closest("form")||this.form)&&(t.stopPropagation(),t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()},this.accessibleLabel=void 0,this.accessibleControls=void 0,this.accessiblePopup="false",this.accessibleActiveDescendant=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleExpanded=void 0,this.accessiblePressed=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.form=void 0,this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.name=void 0,this.value=void 0,this.identifier=void 0,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.accessibleLabelLoadingDefaults=i,this.accessibleLabelLoading=b(this.accessibleLabelLoadingDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.url=void 0}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){s(this,[{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"},{prop:"accessibleLabelLoading",defaults:"accessibleLabelLoadingDefaults"}])}disconnectedCallback(){l(this)}componentDidRender(){!1===this.disabled&&this.element.removeAttribute("disabled"),this.submit&&this.proxyButtonSetUp()}getButtonType(){return this.submit?"submit":"button"}getButtonIconSize(){switch(this.iconSize){case"small":return"small";case"medium-small":return"medium-small";case"medium":default:return"medium";case"large":return"large"}}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){var t,e;const n=this.external&&this.url,r=n?"action-new-window":this.icon,d=!!n||this.iconRight,i=o("span",{key:"4b6618222c037ec329c118f7ad247b9fd514e878",class:{"duet-button-contents":!0,"icon-right":d},style:{color:h(this.color,this.theme)}},r&&o("span",{key:"67492c9b50231879ba232f7c6bcdadcb2d219875","aria-hidden":"true",class:{"duet-button-icon":!0,left:!d,right:d,[this.getButtonIconSize()]:!0}},o("duet-icon",{key:"fce0630d78df187c2a7f3946ff3d262c43e5ce95",size:"auto",margin:"none",name:r,color:"currentColor"})),o("span",{key:"34d608211bac6921c4aec51f71a9b33e2ac2b7b0",class:"duet-button-contents-slot"},o("slot",{key:"b2478d851993c148be6a83a76f9f725469bc9944"}))),a="medium"==this.size||"small"==this.size||"x-small"==this.size?this.size:"medium",b={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,[`duet-button-size-${a}`]:!0,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,"input-button":null===(t=this.variation)||void 0===t?void 0:t.startsWith("input-button"),disabled:this.disabled,icon:!!r,"icon-right":d,"icon-left":!!r&&!d,[this.getButtonIconSize()]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(u,{key:"c70e2d9cbe884c7b6cc3012721f01ce6d54b4555",class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-x-small":"x-small"===this.size,"duet-fixed":this.fixed,"duet-expand":this.expand,[this.variation]:!0,"input-button":null===(e=this.variation)||void 0===e?void 0:e.startsWith("input-button")}},o("span",{key:"c8be7792d2ae572befbfbe921a3ec453c073637d",onClick:this.handleClick,class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},b,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),i,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},b,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,"aria-disabled":this.disabled}),i,this.loading&&o("duet-visually-hidden",null," ",this.accessibleLabelLoading," ")),this.loading&&o("duet-spinner",{key:"da956cda627d2afc5084ee69629b54ffabcb672b",color:"currentColor"})),o("slot",{key:"0ead01a475d6242c0049a259f9b9c725830d4b80",name:"proxybutton"}))}get element(){return n(this)}};p.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;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled],.duet-button.plain[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled],.duet-theme-turva .duet-button.plain[disabled]:hover{color:rgb(113, 118, 132) !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default{color:#e61740 !important;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative{background-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded{color:#172a3b !important;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain{color:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain:hover{color:#8c001e !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]:hover{color:#5f7a8f !important;background:transparent !important;border-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled]:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:#7891a4 !important;cursor:not-allowed;background:#d4dde2 !important;border-color:#d4dde2 !important;outline-color:#d4dde2 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default{color:#e61740}';const m=class{constructor(e){t(this,e),this.accessibleLabel=void 0,this.color="gray-lightest",this.size="small",this.theme=""}componentWillLoad(){r(this)}render(){const t="currentColor"===this.color?"currentColor":h(this.color);return o(u,{key:"6d75d470c4189563cb0fc773734d02acac58c0ab",class:{"duet-custom-color":"currentColor"!==this.color&&"turva"!==this.theme&&"default"!==this.theme,"duet-theme-turva":"turva"===this.theme&&"currentColor"!==this.color,"duet-theme-default":"default"===this.theme&&"currentColor"!==this.color}},o("div",{key:"5314f7a471cde9aa11d4d8794058612683f41be8",class:{"duet-spinner":!0,[this.size]:!0},style:{color:t},"aria-label":this.accessibleLabel}))}get element(){return n(this)}};m.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}:host(.duet-theme-turva2) .duet-spinner{color:#e61740 !important}';export{p as duet_button,m as duet_spinner}
+import{r as t,c as e,h as o,H as u,g as n}from"./p-682a0ad1.js";import{i as r}from"./p-3f59cd08.js";import{a as d,c as i}from"./p-24954951.js";import{a,g as b,c as s,d as l}from"./p-7da818b1.js";import{g as h}from"./p-e63f5ff5.js";import"./p-9c3c64b9.js";import"./p-17efced0.js";const p=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.proxyButtonSetUp=()=>{const t=this.element.querySelector("button[slot=proxybutton]"),e=t||document.createElement("button");if(this.url)return t&&t.remove(),void(this.proxyButton=null);e.setAttribute("slot","proxybutton"),e.style.display="none",e.type=this.getButtonType(),e.disabled=this.disabled,e.setAttribute("form",this.form),this.form||e.removeAttribute("form"),null!=this.name?e.name=this.name:e.removeAttribute("name"),null!=this.value?e.value=this.value:e.removeAttribute("value"),t||this.element.appendChild(e),this.proxyButton=e},this.handleClick=t=>{this.submit&&!this.url&&(this.element.closest("form")||this.form)&&(t.stopPropagation(),t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()},this.accessibleLabel=void 0,this.accessibleControls=void 0,this.accessiblePopup="false",this.accessibleActiveDescendant=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleExpanded=void 0,this.accessiblePressed=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.form=void 0,this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.name=void 0,this.value=void 0,this.identifier=void 0,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.accessibleLabelLoadingDefaults=i,this.accessibleLabelLoading=b(this.accessibleLabelLoadingDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.url=void 0}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){s(this,[{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"},{prop:"accessibleLabelLoading",defaults:"accessibleLabelLoadingDefaults"}])}disconnectedCallback(){l(this)}componentDidRender(){!1===this.disabled&&this.element.removeAttribute("disabled"),this.submit&&this.proxyButtonSetUp()}getButtonType(){return this.submit?"submit":"button"}getButtonIconSize(){switch(this.iconSize){case"small":return"small";case"medium-small":return"medium-small";case"medium":default:return"medium";case"large":return"large"}}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){var t,e;const n=this.external&&this.url,r=n?"action-new-window":this.icon,d=!!n||this.iconRight,i=o("span",{key:"4b6618222c037ec329c118f7ad247b9fd514e878",class:{"duet-button-contents":!0,"icon-right":d},style:{color:h(this.color,this.theme)}},r&&o("span",{key:"67492c9b50231879ba232f7c6bcdadcb2d219875","aria-hidden":"true",class:{"duet-button-icon":!0,left:!d,right:d,[this.getButtonIconSize()]:!0}},o("duet-icon",{key:"fce0630d78df187c2a7f3946ff3d262c43e5ce95",size:"auto",margin:"none",name:r,color:"currentColor"})),o("span",{key:"34d608211bac6921c4aec51f71a9b33e2ac2b7b0",class:"duet-button-contents-slot"},o("slot",{key:"b2478d851993c148be6a83a76f9f725469bc9944"}))),a="medium"==this.size||"small"==this.size||"x-small"==this.size?this.size:"medium",b={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,[`duet-button-size-${a}`]:!0,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,"input-button":null===(t=this.variation)||void 0===t?void 0:t.startsWith("input-button"),disabled:this.disabled,icon:!!r,"icon-right":d,"icon-left":!!r&&!d,[this.getButtonIconSize()]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(u,{key:"c70e2d9cbe884c7b6cc3012721f01ce6d54b4555",class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-x-small":"x-small"===this.size,"duet-fixed":this.fixed,"duet-expand":this.expand,[this.variation]:!0,"input-button":null===(e=this.variation)||void 0===e?void 0:e.startsWith("input-button")}},o("span",{key:"c8be7792d2ae572befbfbe921a3ec453c073637d",onClick:this.handleClick,class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},b,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),i,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},b,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,"aria-disabled":this.disabled}),i,this.loading&&o("duet-visually-hidden",null," ",this.accessibleLabelLoading," ")),this.loading&&o("duet-spinner",{key:"da956cda627d2afc5084ee69629b54ffabcb672b",color:"currentColor"})),o("slot",{key:"0ead01a475d6242c0049a259f9b9c725830d4b80",name:"proxybutton"}))}get element(){return n(this)}};p.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;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled],.duet-button.plain[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled],.duet-theme-turva .duet-button.plain[disabled]:hover{color:rgb(113, 118, 132) !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default{color:#e61740 !important;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative{background-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded{color:#172a3b !important;border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:#e61740 !important;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative{color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain{color:#e61740 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain:hover{color:#8c001e !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled]:hover{color:#5f7a8f !important;background:transparent !important;border-color:#fbe1d1 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative{background:#e61740;border-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover{border-color:#e61740;outline-color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button[disabled]:hover,:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled],:host(.duet-theme-turva2) .duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:#7891a4 !important;cursor:not-allowed;background:#d4dde2 !important;border-color:#d4dde2 !important;outline-color:#d4dde2 !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default{color:#e61740}';const m=class{constructor(e){t(this,e),this.accessibleLabel=void 0,this.color="gray-lightest",this.size="small",this.theme=""}componentWillLoad(){r(this)}render(){const t="currentColor"===this.color?"currentColor":h(this.color);return o(u,{key:"feb500dd4e62ad66f8d1caed2c882a89acddc938",class:{"duet-custom-color":"currentColor"!==this.color&&"turva"!==this.theme&&"default"!==this.theme,"duet-theme-turva":"turva"===this.theme&&"currentColor"!==this.color,"duet-theme-default":"default"===this.theme&&"currentColor"!==this.color}},o("div",{key:"9483e2ed54fc623f7ae129808bbd88607c0de1e2",class:{"duet-spinner":!0,[this.size]:!0},style:{color:t},"aria-label":this.accessibleLabel}))}get element(){return n(this)}};m.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}:host(.duet-theme-turva2) .duet-spinner{color:#e61740 !important}';export{p as duet_button,m as duet_spinner}

package/lib/duet/{p-69b7e6dc.entry.js → p-b50db31a.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,H as o,g as a}from"./p-c4a1cfd6.js";import{i as n}from"./p-d9cafc77.js";import{f as r}from"./p-a45e3f8b.js";const d=class{constructor(t){e(this,t),this.onClick=()=>{this.open=!this.open},this.getVariant=()=>(this.element.parentElement.getAttribute("slot"),"right"),this.accessibleLabel=void 0,this.theme="",this.open=!1,this.icon=void 0}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){n(this)}handleEscape(e){r(e)&&(this.open=!1,this.setFocus())}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"a755c7ef4437e698cd14f5638243822ae80a9da5",role:"listitem"},t("div",{key:"245f998243bda4eb0de30979a0e3170b44f3e59f",class:{"duet-menu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open,[`duet-menu-bar-dropdown--slot-${this.getVariant()}`]:!0}},t("button",{key:"d650dc95d9c3d179c443de80c835e220a74c7ddb",ref:e=>this.button=e,"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"b813e5b92c2262c8980753710295beeb6938c911",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"792ad8ef544c66a404bd68efad3f61664bd0af88",class:"label"},t("slot",{key:"400b69105667c569099cf1fb10f4235e0f59d062",name:"label"}),t("duet-icon",{key:"bc9de20358bde54e02e79ce27a80e97d122fdd8f",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"ed8e5128bb958f6eab527687f0574f48eae65002",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"2b8c3ce983de1c602add43e43c38eb1eb85e3c19"}))))}get element(){return a(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;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(8, 42, 77);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)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:#e61740}';export{d as duet_menu_bar_dropdown}
+import{r as e,h as t,H as o,g as a}from"./p-682a0ad1.js";import{i as n}from"./p-3f59cd08.js";import{f as r}from"./p-a45e3f8b.js";const d=class{constructor(t){e(this,t),this.onClick=()=>{this.open=!this.open},this.getVariant=()=>(this.element.parentElement.getAttribute("slot"),"right"),this.accessibleLabel=void 0,this.theme="",this.open=!1,this.icon=void 0}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){n(this)}handleEscape(e){r(e)&&(this.open=!1,this.setFocus())}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"79d75ff19ddc5d5e4bc05c2b759fa189a7e5a328",role:"listitem"},t("div",{key:"797d9710ac2b48c95f4e32753471b3e914f060eb",class:{"duet-menu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open,[`duet-menu-bar-dropdown--slot-${this.getVariant()}`]:!0}},t("button",{key:"690d5bfe2910a845579a5262a456f450b4fa5de6",ref:e=>this.button=e,"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"db531e44188b297ac1f54d19830a203ec705ebfb",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"8722763917df82c35c441e643676e851df5f1cca",class:"label"},t("slot",{key:"2893eb3e1e367e6f206644e48c6388cd23b7da93",name:"label"}),t("duet-icon",{key:"e6a26816a85cdc47fe61219a601593d01473c413",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"3c8a74c98bb4c8b67f0ef0d5332d215f7c9713f3",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"c5b39b69128a328c0b93ae130d452f35333535d2"}))))}get element(){return a(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;height:100%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(8, 42, 77);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)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button{color:#172a3b}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active{color:#e61740}:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:#e61740}';export{d as duet_menu_bar_dropdown}

package/lib/duet/{p-0d9f34ae.entry.js → p-b5defe7d.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as o,h as n,F as i,H as a,g as t}from"./p-c4a1cfd6.js";import{i as s}from"./p-d9cafc77.js";import{c as r}from"./p-5e59e970.js";import{s as C,u as d}from"./p-a45e3f8b.js";import{a as l,g as u,c as h,d as p}from"./p-75a66b82.js";import{c as v}from"./p-a68a90f3.js";import"./p-9c3c64b9.js";const y={AF:{isoCode:"AF",en:"Afghanistan",fi:"Afganistan",sv:"Afghanistan",telephoneCountryCode:"93"},AL:{isoCode:"AL",en:"Albania",fi:"Albania",sv:"Albanien",telephoneCountryCode:"355"},DZ:{isoCode:"DZ",en:"Algeria",fi:"Algeria",sv:"Algeriet",telephoneCountryCode:"213"},AS:{isoCode:"AS",en:"American Samoa",fi:"Amerikan Samoa",sv:"Amerikanska Samoa",telephoneCountryCode:"1"},AD:{isoCode:"AD",en:"Andorra",fi:"Andorra",sv:"Andorra",telephoneCountryCode:"376"},AO:{isoCode:"AO",en:"Angola",fi:"Angola",sv:"Angola",telephoneCountryCode:"244"},AI:{isoCode:"AI",en:"Anguilla",fi:"Anguilla",sv:"Anguilla",telephoneCountryCode:"1"},AQ:{isoCode:"AQ",en:"Antarctica",fi:"Antarktis",sv:"Antarktis"},AG:{isoCode:"AG",en:"Antigua and Barbuda",fi:"Antigua ja Barbuda",sv:"Antigua och Barbuda",telephoneCountryCode:"1"},AR:{isoCode:"AR",en:"Argentina",fi:"Argentiina",sv:"Argentina",telephoneCountryCode:"54"},AM:{isoCode:"AM",en:"Armenia",fi:"Armenia",sv:"Armenien",telephoneCountryCode:"374"},AW:{isoCode:"AW",en:"Aruba",fi:"Aruba",sv:"Aruba",telephoneCountryCode:"297"},AU:{isoCode:"AU",en:"Australia",fi:"Australia",sv:"Australien",telephoneCountryCode:"61"},AT:{isoCode:"AT",en:"Austria",fi:"Itävalta",sv:"Österrike",telephoneCountryCode:"43"},AZ:{isoCode:"AZ",en:"Azerbaijan",fi:"Azerbaidžan",sv:"Azerbajdzjan",telephoneCountryCode:"994"},BS:{isoCode:"BS",en:"Bahamas",fi:"Bahama",sv:"Bahamas",telephoneCountryCode:"1"},BH:{isoCode:"BH",en:"Bahrain",fi:"Bahrain",sv:"Bahrain",telephoneCountryCode:"973"},BD:{isoCode:"BD",en:"Bangladesh",fi:"Bangladesh",sv:"Bangladesh",telephoneCountryCode:"880"},BB:{isoCode:"BB",en:"Barbados",fi:"Barbados",sv:"Barbados",telephoneCountryCode:"1"},BY:{isoCode:"BY",en:"Belarus",fi:"Valko-Venäjä",sv:"Belarus",telephoneCountryCode:"375"},BE:{isoCode:"BE",en:"Belgium",fi:"Belgia",sv:"Belgien",telephoneCountryCode:"32"},BZ:{isoCode:"BZ",en:"Belize",fi:"Belize",sv:"Belize",telephoneCountryCode:"501"},BJ:{isoCode:"BJ",en:"Benin",fi:"Benin",sv:"Benin",telephoneCountryCode:"229"},BM:{isoCode:"BM",en:"Bermuda",fi:"Bermuda",sv:"Bermuda",telephoneCountryCode:"1"},BT:{isoCode:"BT",en:"Bhutan",fi:"Bhutan",sv:"Bhutan",telephoneCountryCode:"975"},BO:{isoCode:"BO",en:"Bolivia",fi:"Bolivia",sv:"Bolivia",telephoneCountryCode:"591"},BA:{isoCode:"BA",en:"Bosnia and Herzegovina",fi:"Bosnia ja Hertsegovina",sv:"Bosnien och Hercegovina",telephoneCountryCode:"387"},BW:{isoCode:"BW",en:"Botswana",fi:"Botswana",sv:"Botswana",telephoneCountryCode:"267"},BV:{isoCode:"BV",en:"Bouvet Island",fi:"Bouvet’nsaari",sv:"Bouvetön"},BR:{isoCode:"BR",en:"Brazil",fi:"Brasilia",sv:"Brasilien",telephoneCountryCode:"55"},IO:{isoCode:"IO",en:"British Indian Ocean Territory",fi:"Brittiläinen Intian valtameren alue",sv:"Brittiska territoriet i Indiska Oceanen",telephoneCountryCode:"246"},BN:{isoCode:"BN",en:"Brunei Darussalam",fi:"Brunei",sv:"Brunei",telephoneCountryCode:"673"},BG:{isoCode:"BG",en:"Bulgaria",fi:"Bulgaria",sv:"Bulgarien",telephoneCountryCode:"359"},BF:{isoCode:"BF",en:"Burkina Faso",fi:"Burkina Faso",sv:"Burkina Faso",telephoneCountryCode:"226"},BI:{isoCode:"BI",en:"Burundi",fi:"Burundi",sv:"Burundi",telephoneCountryCode:"257"},KH:{isoCode:"KH",en:"Cambodia",fi:"Kambodža",sv:"Kambodja",telephoneCountryCode:"855"},CM:{isoCode:"CM",en:"Cameroon",fi:"Kamerun",sv:"Kamerun",telephoneCountryCode:"237"},CA:{isoCode:"CA",en:"Canada",fi:"Kanada",sv:"Kanada",telephoneCountryCode:"1"},CV:{isoCode:"CV",en:"Cape Verde",fi:"Kap Verde",sv:"Kap Verde",telephoneCountryCode:"238"},KY:{isoCode:"KY",en:"Cayman Islands",fi:"Caymansaaret",sv:"Caymanöarna",telephoneCountryCode:"1"},CF:{isoCode:"CF",en:"Central African Republic",fi:"Keski-Afrikan tasavalta",sv:"Centralafrikanska republiken",telephoneCountryCode:"236"},TD:{isoCode:"TD",en:"Chad",fi:"Tšad",sv:"Tchad",telephoneCountryCode:"235"},CL:{isoCode:"CL",en:"Chile",fi:"Chile",sv:"Chile",telephoneCountryCode:"56"},CN:{isoCode:"CN",en:"People's Republic of China",fi:"Kiina",sv:"Kina",telephoneCountryCode:"86"},CX:{isoCode:"CX",en:"Christmas Island",fi:"Joulusaari",sv:"Julön",telephoneCountryCode:"61"},CC:{isoCode:"CC",en:"Cocos (Keeling) Islands",fi:"Kookossaaret",sv:"Kokosöarna",telephoneCountryCode:"61"},CO:{isoCode:"CO",en:"Colombia",fi:"Kolumbia",sv:"Colombia",telephoneCountryCode:"57"},KM:{isoCode:"KM",en:"Comoros",fi:"Komorit",sv:"Komorerna",telephoneCountryCode:"269"},CG:{isoCode:"CG",en:"Republic of the Congo",fi:"Kongon tasavalta",sv:"Kongo-Brazzaville",telephoneCountryCode:"242"},CD:{isoCode:"CD",en:"Democratic Republic of the Congo",fi:"Kongon demokraattinen tasavalta",sv:"Demokratiska republiken Kongo",telephoneCountryCode:"243"},CK:{isoCode:"CK",en:"Cook Islands",fi:"Cookinsaaret",sv:"Cooköarna",telephoneCountryCode:"682"},CR:{isoCode:"CR",en:"Costa Rica",fi:"Costa Rica",sv:"Costa Rica",telephoneCountryCode:"506"},CI:{isoCode:"CI",en:"Cote D'Ivoire",fi:"Norsunluurannikko",sv:"Elfenbenskusten",telephoneCountryCode:"225"},HR:{isoCode:"HR",en:"Croatia",fi:"Kroatia",sv:"Kroatien",telephoneCountryCode:"385"},CU:{isoCode:"CU",en:"Cuba",fi:"Kuuba",sv:"Kuba",telephoneCountryCode:"53"},CY:{isoCode:"CY",en:"Cyprus",fi:"Kypros",sv:"Cypern",telephoneCountryCode:"357"},CZ:{isoCode:"CZ",en:"Czech Republic",fi:"Tšekki",sv:"Tjeckien",telephoneCountryCode:"420"},DK:{isoCode:"DK",en:"Denmark",fi:"Tanska",sv:"Danmark",telephoneCountryCode:"45"},DJ:{isoCode:"DJ",en:"Djibouti",fi:"Djibouti",sv:"Djibouti",telephoneCountryCode:"253"},DM:{isoCode:"DM",en:"Dominica",fi:"Dominica",sv:"Dominica",telephoneCountryCode:"1"},DO:{isoCode:"DO",en:"Dominican Republic",fi:"Dominikaaninen tasavalta",sv:"Dominikanska republiken",telephoneCountryCode:"1"},EC:{isoCode:"EC",en:"Ecuador",fi:"Ecuador",sv:"Ecuador",telephoneCountryCode:"593"},EG:{isoCode:"EG",en:"Egypt",fi:"Egypti",sv:"Egypten",telephoneCountryCode:"20"},SV:{isoCode:"SV",en:"El Salvador",fi:"El Salvador",sv:"El Salvador",telephoneCountryCode:"503"},GQ:{isoCode:"GQ",en:"Equatorial Guinea",fi:"Päiväntasaajan Guinea",sv:"Ekvatorialguinea",telephoneCountryCode:"240"},ER:{isoCode:"ER",en:"Eritrea",fi:"Eritrea",sv:"Eritrea",telephoneCountryCode:"291"},EE:{isoCode:"EE",en:"Estonia",fi:"Viro",sv:"Estland",telephoneCountryCode:"372"},ET:{isoCode:"ET",en:"Ethiopia",fi:"Etiopia",sv:"Etiopien",telephoneCountryCode:"251"},FK:{isoCode:"FK",en:"Falkland Islands (Malvinas)",fi:"Falklandinsaaret",sv:"Falklandsöarna",telephoneCountryCode:"500"},FO:{isoCode:"FO",en:"Faroe Islands",fi:"Färsaaret",sv:"Färöarna",telephoneCountryCode:"298"},FJ:{isoCode:"FJ",en:"Fiji",fi:"Fidži",sv:"Fiji",telephoneCountryCode:"679"},FI:{isoCode:"FI",en:"Finland",fi:"Suomi",sv:"Finland",telephoneCountryCode:"358"},FR:{isoCode:"FR",en:"France",fi:"Ranska",sv:"Frankrike",telephoneCountryCode:"33"},GF:{isoCode:"GF",en:"French Guiana",fi:"Ranskan Guayana",sv:"Franska Guyana",telephoneCountryCode:"594"},PF:{isoCode:"PF",en:"French Polynesia",fi:"Ranskan Polynesia",sv:"Franska Polynesien",telephoneCountryCode:"689"},TF:{isoCode:"TF",en:"French Southern Territories",fi:"Ranskan eteläiset alueet",sv:"Franska södra territorierna"},GA:{isoCode:"GA",en:"Gabon",fi:"Gabon",sv:"Gabon",telephoneCountryCode:"241"},GM:{isoCode:"GM",en:"Republic of The Gambia",fi:"Gambia",sv:"Gambia",telephoneCountryCode:"220"},GE:{isoCode:"GE",en:"Georgia",fi:"Georgia",sv:"Georgien",telephoneCountryCode:"995"},DE:{isoCode:"DE",en:"Germany",fi:"Saksa",sv:"Tyskland",telephoneCountryCode:"49"},GH:{isoCode:"GH",en:"Ghana",fi:"Ghana",sv:"Ghana",telephoneCountryCode:"233"},GI:{isoCode:"GI",en:"Gibraltar",fi:"Gibraltar",sv:"Gibraltar",telephoneCountryCode:"350"},GR:{isoCode:"GR",en:"Greece",fi:"Kreikka",sv:"Grekland",telephoneCountryCode:"30"},GL:{isoCode:"GL",en:"Greenland",fi:"Grönlanti",sv:"Grönland",telephoneCountryCode:"299"},GD:{isoCode:"GD",en:"Grenada",fi:"Grenada",sv:"Grenada",telephoneCountryCode:"1"},GP:{isoCode:"GP",en:"Guadeloupe",fi:"Guadeloupe",sv:"Guadeloupe",telephoneCountryCode:"590"},GU:{isoCode:"GU",en:"Guam",fi:"Guam",sv:"Guam",telephoneCountryCode:"1"},GT:{isoCode:"GT",en:"Guatemala",fi:"Guatemala",sv:"Guatemala",telephoneCountryCode:"502"},GN:{isoCode:"GN",en:"Guinea",fi:"Guinea",sv:"Guinea",telephoneCountryCode:"224"},GW:{isoCode:"GW",en:"Guinea-Bissau",fi:"Guinea-Bissau",sv:"Guinea Bissau",telephoneCountryCode:"245"},GY:{isoCode:"GY",en:"Guyana",fi:"Guyana",sv:"Guyana",telephoneCountryCode:"592"},HT:{isoCode:"HT",en:"Haiti",fi:"Haiti",sv:"Haiti",telephoneCountryCode:"509"},HM:{isoCode:"HM",en:"Heard Island and McDonald Islands",fi:"Heard ja McDonaldinsaaret",sv:"Heard- och McDonaldsöarna"},VA:{isoCode:"VA",en:"Holy See (Vatican City State)",fi:"Vatikaanivaltio",sv:"Vatikanstaten",telephoneCountryCode:"39"},HN:{isoCode:"HN",en:"Honduras",fi:"Honduras",sv:"Honduras",telephoneCountryCode:"504"},HK:{isoCode:"HK",en:"Hong Kong",fi:"Hongkong",sv:"Hongkong",telephoneCountryCode:"852"},HU:{isoCode:"HU",en:"Hungary",fi:"Unkari",sv:"Ungern",telephoneCountryCode:"36"},IS:{isoCode:"IS",en:"Iceland",fi:"Islanti",sv:"Island",telephoneCountryCode:"354"},IN:{isoCode:"IN",en:"India",fi:"Intia",sv:"Indien",telephoneCountryCode:"91"},ID:{isoCode:"ID",en:"Indonesia",fi:"Indonesia",sv:"Indonesien",telephoneCountryCode:"62"},IR:{isoCode:"IR",en:"Islamic Republic of Iran",fi:"Iran",sv:"Iran",telephoneCountryCode:"98"},IQ:{isoCode:"IQ",en:"Iraq",fi:"Irak",sv:"Irak",telephoneCountryCode:"964"},IE:{isoCode:"IE",en:"Ireland",fi:"Irlanti",sv:"Irland",telephoneCountryCode:"353"},IL:{isoCode:"IL",en:"Israel",fi:"Israel",sv:"Israel",telephoneCountryCode:"972"},IT:{isoCode:"IT",en:"Italy",fi:"Italia",sv:"Italien",telephoneCountryCode:"39"},JM:{isoCode:"JM",en:"Jamaica",fi:"Jamaika",sv:"Jamaica",telephoneCountryCode:"1"},JP:{isoCode:"JP",en:"Japan",fi:"Japani",sv:"Japan",telephoneCountryCode:"81"},JO:{isoCode:"JO",en:"Jordan",fi:"Jordania",sv:"Jordanien",telephoneCountryCode:"962"},KZ:{isoCode:"KZ",en:"Kazakhstan",fi:"Kazakstan",sv:"Kazakstan",telephoneCountryCode:"7"},KE:{isoCode:"KE",en:"Kenya",fi:"Kenia",sv:"Kenya",telephoneCountryCode:"254"},KI:{isoCode:"KI",en:"Kiribati",fi:"Kiribati",sv:"Kiribati",telephoneCountryCode:"686"},KP:{isoCode:"KP",en:"North Korea",fi:"Korean demokraattinen kansantasavalta",sv:"Nordkorea",telephoneCountryCode:"850"},KR:{isoCode:"KR",en:"South Korea",fi:"Korean tasavalta",sv:"Sydkorea",telephoneCountryCode:"82"},KW:{isoCode:"KW",en:"Kuwait",fi:"Kuwait",sv:"Kuwait",telephoneCountryCode:"965"},KG:{isoCode:"KG",en:"Kyrgyzstan",fi:"Kirgisia",sv:"Kirgizistan",telephoneCountryCode:"996"},LA:{isoCode:"LA",en:"Lao People's Democratic Republic",fi:"Laos",sv:"Laos",telephoneCountryCode:"856"},LV:{isoCode:"LV",en:"Latvia",fi:"Latvia",sv:"Lettland",telephoneCountryCode:"371"},LB:{isoCode:"LB",en:"Lebanon",fi:"Libanon",sv:"Libanon",telephoneCountryCode:"961"},LS:{isoCode:"LS",en:"Lesotho",fi:"Lesotho",sv:"Lesotho",telephoneCountryCode:"266"},LR:{isoCode:"LR",en:"Liberia",fi:"Liberia",sv:"Liberia",telephoneCountryCode:"231"},LY:{isoCode:"LY",en:"Libya",fi:"Libya",sv:"Libyen",telephoneCountryCode:"218"},LI:{isoCode:"LI",en:"Liechtenstein",fi:"Liechtenstein",sv:"Liechtenstein",telephoneCountryCode:"423"},LT:{isoCode:"LT",en:"Lithuania",fi:"Liettua",sv:"Litauen",telephoneCountryCode:"370"},LU:{isoCode:"LU",en:"Luxembourg",fi:"Luxemburg",sv:"Luxemburg",telephoneCountryCode:"352"},MO:{isoCode:"MO",en:"Macao",fi:"Macao",sv:"Macau",telephoneCountryCode:"853"},MG:{isoCode:"MG",en:"Madagascar",fi:"Madagaskar",sv:"Madagaskar",telephoneCountryCode:"261"},MW:{isoCode:"MW",en:"Malawi",fi:"Malawi",sv:"Malawi",telephoneCountryCode:"265"},MY:{isoCode:"MY",en:"Malaysia",fi:"Malesia",sv:"Malaysia",telephoneCountryCode:"60"},MV:{isoCode:"MV",en:"Maldives",fi:"Malediivit",sv:"Maldiverna",telephoneCountryCode:"960"},ML:{isoCode:"ML",en:"Mali",fi:"Mali",sv:"Mali",telephoneCountryCode:"223"},MT:{isoCode:"MT",en:"Malta",fi:"Malta",sv:"Malta",telephoneCountryCode:"356"},MH:{isoCode:"MH",en:"Marshall Islands",fi:"Marshallinsaaret",sv:"Marshallöarna",telephoneCountryCode:"692"},MQ:{isoCode:"MQ",en:"Martinique",fi:"Martinique",sv:"Martinique",telephoneCountryCode:"596"},MR:{isoCode:"MR",en:"Mauritania",fi:"Mauritania",sv:"Mauretanien",telephoneCountryCode:"222"},MU:{isoCode:"MU",en:"Mauritius",fi:"Mauritius",sv:"Mauritius",telephoneCountryCode:"230"},YT:{isoCode:"YT",en:"Mayotte",fi:"Mayotte",sv:"Mayotte",telephoneCountryCode:"262"},MX:{isoCode:"MX",en:"Mexico",fi:"Meksiko",sv:"Mexiko",telephoneCountryCode:"52"},FM:{isoCode:"FM",en:"Micronesia, Federated States of",fi:"Mikronesian liittovaltio",sv:"Mikronesiska federationen",telephoneCountryCode:"691"},MD:{isoCode:"MD",en:"Moldova, Republic of",fi:"Moldova",sv:"Moldavien",telephoneCountryCode:"373"},MC:{isoCode:"MC",en:"Monaco",fi:"Monaco",sv:"Monaco",telephoneCountryCode:"377"},MN:{isoCode:"MN",en:"Mongolia",fi:"Mongolia",sv:"Mongoliet",telephoneCountryCode:"976"},MS:{isoCode:"MS",en:"Montserrat",fi:"Montserrat",sv:"Montserrat",telephoneCountryCode:"1"},MA:{isoCode:"MA",en:"Morocco",fi:"Marokko",sv:"Marocko",telephoneCountryCode:"212"},MZ:{isoCode:"MZ",en:"Mozambique",fi:"Mosambik",sv:"Moçambique",telephoneCountryCode:"258"},MM:{isoCode:"MM",en:"Myanmar",fi:"Myanmar",sv:"Burma",telephoneCountryCode:"95"},NA:{isoCode:"NA",en:"Namibia",fi:"Namibia",sv:"Namibia",telephoneCountryCode:"264"},NR:{isoCode:"NR",en:"Nauru",fi:"Nauru",sv:"Nauru",telephoneCountryCode:"674"},NP:{isoCode:"NP",en:"Nepal",fi:"Nepal",sv:"Nepal",telephoneCountryCode:"977"},NL:{isoCode:"NL",en:"Netherlands",fi:"Alankomaat",sv:"Nederländerna",telephoneCountryCode:"31"},NC:{isoCode:"NC",en:"New Caledonia",fi:"Uusi-Kaledonia",sv:"Nya Kaledonien",telephoneCountryCode:"687"},NZ:{isoCode:"NZ",en:"New Zealand",fi:"Uusi-Seelanti",sv:"Nya Zeeland",telephoneCountryCode:"64"},NI:{isoCode:"NI",en:"Nicaragua",fi:"Nicaragua",sv:"Nicaragua",telephoneCountryCode:"505"},NE:{isoCode:"NE",en:"Niger",fi:"Niger",sv:"Niger",telephoneCountryCode:"227"},NG:{isoCode:"NG",en:"Nigeria",fi:"Nigeria",sv:"Nigeria",telephoneCountryCode:"234"},NU:{isoCode:"NU",en:"Niue",fi:"Niue",sv:"Niue",telephoneCountryCode:"683"},NF:{isoCode:"NF",en:"Norfolk Island",fi:"Norfolkinsaari",sv:"Norfolkön",telephoneCountryCode:"672"},MK:{isoCode:"MK",en:"The Republic of North Macedonia",fi:"Pohjois-Makedonia",sv:"Nordmakedonien",telephoneCountryCode:"389"},MP:{isoCode:"MP",en:"Northern Mariana Islands",fi:"Pohjois-Mariaanit",sv:"Nordmarianerna",telephoneCountryCode:"1"},NO:{isoCode:"NO",en:"Norway",fi:"Norja",sv:"Norge",telephoneCountryCode:"47"},OM:{isoCode:"OM",en:"Oman",fi:"Oman",sv:"Oman",telephoneCountryCode:"968"},PK:{isoCode:"PK",en:"Pakistan",fi:"Pakistan",sv:"Pakistan",telephoneCountryCode:"92"},PW:{isoCode:"PW",en:"Palau",fi:"Palau",sv:"Palau",telephoneCountryCode:"680"},PS:{isoCode:"PS",en:"State of Palestine",fi:"Palestiina",sv:"Palestinska territoriet, ockuperade",telephoneCountryCode:"970"},PA:{isoCode:"PA",en:"Panama",fi:"Panama",sv:"Panama",telephoneCountryCode:"507"},PG:{isoCode:"PG",en:"Papua New Guinea",fi:"Papua-Uusi-Guinea",sv:"Papua Nya Guinea",telephoneCountryCode:"675"},PY:{isoCode:"PY",en:"Paraguay",fi:"Paraguay",sv:"Paraguay",telephoneCountryCode:"595"},PE:{isoCode:"PE",en:"Peru",fi:"Peru",sv:"Peru",telephoneCountryCode:"51"},PH:{isoCode:"PH",en:"Philippines",fi:"Filippiinit",sv:"Filippinerna",telephoneCountryCode:"63"},PN:{isoCode:"PN",en:"Pitcairn",fi:"Pitcairn",sv:"Pitcairnöarna"},PL:{isoCode:"PL",en:"Poland",fi:"Puola",sv:"Polen",telephoneCountryCode:"48"},PT:{isoCode:"PT",en:"Portugal",fi:"Portugali",sv:"Portugal",telephoneCountryCode:"351"},PR:{isoCode:"PR",en:"Puerto Rico",fi:"Puerto Rico",sv:"Puerto Rico",telephoneCountryCode:"1"},QA:{isoCode:"QA",en:"Qatar",fi:"Qatar",sv:"Qatar",telephoneCountryCode:"974"},RE:{isoCode:"RE",en:"Reunion",fi:"Réunion",sv:"Réunion",telephoneCountryCode:"262"},RO:{isoCode:"RO",en:"Romania",fi:"Romania",sv:"Rumänien",telephoneCountryCode:"40"},RU:{isoCode:"RU",en:"Russian Federation",fi:"Venäjä",sv:"Ryssland",telephoneCountryCode:"7"},RW:{isoCode:"RW",en:"Rwanda",fi:"Ruanda",sv:"Rwanda",telephoneCountryCode:"250"},SH:{isoCode:"SH",en:"Saint Helena",fi:"Saint Helena",sv:"Sankta Helena",telephoneCountryCode:"290"},KN:{isoCode:"KN",en:"Saint Kitts and Nevis",fi:"Saint Kitts ja Nevis",sv:"Saint Kitts och Nevis",telephoneCountryCode:"1"},LC:{isoCode:"LC",en:"Saint Lucia",fi:"Saint Lucia",sv:"Saint Lucia",telephoneCountryCode:"1"},PM:{isoCode:"PM",en:"Saint Pierre and Miquelon",fi:"Saint-Pierre ja Miquelon",sv:"Saint-Pierre och Miquelon",telephoneCountryCode:"508"},VC:{isoCode:"VC",en:"Saint Vincent and the Grenadines",fi:"Saint Vincent ja Grenadiinit",sv:"Saint Vincent och Grenadinerna",telephoneCountryCode:"1"},WS:{isoCode:"WS",en:"Samoa",fi:"Samoa",sv:"Samoa",telephoneCountryCode:"685"},SM:{isoCode:"SM",en:"San Marino",fi:"San Marino",sv:"San Marino",telephoneCountryCode:"378"},ST:{isoCode:"ST",en:"Sao Tome and Principe",fi:"São Tomé ja Príncipe",sv:"São Tomé och Príncipe",telephoneCountryCode:"239"},SA:{isoCode:"SA",en:"Saudi Arabia",fi:"Saudi-Arabia",sv:"Saudiarabien",telephoneCountryCode:"966"},SN:{isoCode:"SN",en:"Senegal",fi:"Senegal",sv:"Senegal",telephoneCountryCode:"221"},SC:{isoCode:"SC",en:"Seychelles",fi:"Seychellit",sv:"Seychellerna",telephoneCountryCode:"248"},SL:{isoCode:"SL",en:"Sierra Leone",fi:"Sierra Leone",sv:"Sierra Leone",telephoneCountryCode:"232"},SG:{isoCode:"SG",en:"Singapore",fi:"Singapore",sv:"Singapore",telephoneCountryCode:"65"},SK:{isoCode:"SK",en:"Slovakia",fi:"Slovakia",sv:"Slovakien",telephoneCountryCode:"421"},SI:{isoCode:"SI",en:"Slovenia",fi:"Slovenia",sv:"Slovenien",telephoneCountryCode:"386"},SB:{isoCode:"SB",en:"Solomon Islands",fi:"Salomonsaaret",sv:"Salomonöarna",telephoneCountryCode:"677"},SO:{isoCode:"SO",en:"Somalia",fi:"Somalia",sv:"Somalia",telephoneCountryCode:"252"},ZA:{isoCode:"ZA",en:"South Africa",fi:"Etelä-Afrikka",sv:"Sydafrika",telephoneCountryCode:"27"},GS:{isoCode:"GS",en:"South Georgia and the South Sandwich Islands",fi:"Etelä-Georgia ja Eteläiset Sandwichsaaret",sv:"Sydgeorgien och Sydsandwichöarna"},ES:{isoCode:"ES",en:"Spain",fi:"Espanja",sv:"Spanien",telephoneCountryCode:"34"},LK:{isoCode:"LK",en:"Sri Lanka",fi:"Sri Lanka",sv:"Sri Lanka",telephoneCountryCode:"94"},SD:{isoCode:"SD",en:"Sudan",fi:"Sudan",sv:"Sudan",telephoneCountryCode:"249"},SR:{isoCode:"SR",en:"Suriname",fi:"Suriname",sv:"Surinam",telephoneCountryCode:"597"},SJ:{isoCode:"SJ",en:"Svalbard and Jan Mayen",fi:"Svalbard ja Jan Mayen",sv:"Svalbard och Jan Mayen",telephoneCountryCode:"47"},SZ:{isoCode:"SZ",en:"Eswatini",fi:"Swazimaa",sv:"Eswatini",telephoneCountryCode:"268"},SE:{isoCode:"SE",en:"Sweden",fi:"Ruotsi",sv:"Sverige",telephoneCountryCode:"46"},CH:{isoCode:"CH",en:"Switzerland",fi:"Sveitsi",sv:"Schweiz",telephoneCountryCode:"41"},SY:{isoCode:"SY",en:"Syrian Arab Republic",fi:"Syyria",sv:"Syrien",telephoneCountryCode:"963"},TW:{isoCode:"TW",en:"Taiwan, Province of China",fi:"Taiwan",sv:"Taiwan",telephoneCountryCode:"886"},TJ:{isoCode:"TJ",en:"Tajikistan",fi:"Tadžikistan",sv:"Tadzjikistan",telephoneCountryCode:"992"},TZ:{isoCode:"TZ",en:"United Republic of Tanzania",fi:"Tansania",sv:"Tanzania",telephoneCountryCode:"255"},TH:{isoCode:"TH",en:"Thailand",fi:"Thaimaa",sv:"Thailand",telephoneCountryCode:"66"},TL:{isoCode:"TL",en:"Timor-Leste",fi:"Itä-Timor",sv:"Östtimor",telephoneCountryCode:"670"},TG:{isoCode:"TG",en:"Togo",fi:"Togo",sv:"Togo",telephoneCountryCode:"228"},TK:{isoCode:"TK",en:"Tokelau",fi:"Tokelau",sv:"Tokelauöarna",telephoneCountryCode:"690"},TO:{isoCode:"TO",en:"Tonga",fi:"Tonga",sv:"Tonga",telephoneCountryCode:"676"},TT:{isoCode:"TT",en:"Trinidad and Tobago",fi:"Trinidad ja Tobago",sv:"Trinidad och Tobago",telephoneCountryCode:"1"},TN:{isoCode:"TN",en:"Tunisia",fi:"Tunisia",sv:"Tunisien",telephoneCountryCode:"216"},TR:{isoCode:"TR",en:"Türkiye",fi:"Turkki",sv:"Turkiet",telephoneCountryCode:"90"},TM:{isoCode:"TM",en:"Turkmenistan",fi:"Turkmenistan",sv:"Turkmenistan",telephoneCountryCode:"993"},TC:{isoCode:"TC",en:"Turks and Caicos Islands",fi:"Turks- ja Caicossaaret",sv:"Turks- och Caicosöarna",telephoneCountryCode:"1"},TV:{isoCode:"TV",en:"Tuvalu",fi:"Tuvalu",sv:"Tuvalu",telephoneCountryCode:"688"},UG:{isoCode:"UG",en:"Uganda",fi:"Uganda",sv:"Uganda",telephoneCountryCode:"256"},UA:{isoCode:"UA",en:"Ukraine",fi:"Ukraina",sv:"Ukraina",telephoneCountryCode:"380"},AE:{isoCode:"AE",en:"United Arab Emirates",fi:"Arabiemiirikunnat",sv:"Förenade Arabemiraten",telephoneCountryCode:"971"},GB:{isoCode:"GB",en:"United Kingdom",fi:"Yhdistynyt kuningaskunta",sv:"Storbritannien",telephoneCountryCode:"44"},US:{isoCode:"US",en:"United States of America",fi:"Yhdysvallat",sv:"USA",telephoneCountryCode:"1"},UM:{isoCode:"UM",en:"United States Minor Outlying Islands",fi:"Yhdysvaltain pienet erillissaaret",sv:"USA:s yttre öar"},UY:{isoCode:"UY",en:"Uruguay",fi:"Uruguay",sv:"Uruguay",telephoneCountryCode:"598"},UZ:{isoCode:"UZ",en:"Uzbekistan",fi:"Uzbekistan",sv:"Uzbekistan",telephoneCountryCode:"998"},VU:{isoCode:"VU",en:"Vanuatu",fi:"Vanuatu",sv:"Vanuatu",telephoneCountryCode:"678"},VE:{isoCode:"VE",en:"Venezuela",fi:"Venezuela",sv:"Venezuela",telephoneCountryCode:"58"},VN:{isoCode:"VN",en:"Vietnam",fi:"Vietnam",sv:"Vietnam",telephoneCountryCode:"84"},VG:{isoCode:"VG",en:"Virgin Islands, British",fi:"Brittiläiset Neitsytsaaret",sv:"Brittiska Jungfruöarna",telephoneCountryCode:"1"},VI:{isoCode:"VI",en:"Virgin Islands, U.S.",fi:"Yhdysvaltain Neitsytsaaret",sv:"Amerikanska Jungfruöarna",telephoneCountryCode:"1"},WF:{isoCode:"WF",en:"Wallis and Futuna",fi:"Wallis ja Futunasaaret",sv:"Wallis- och Futunaöarna",telephoneCountryCode:"681"},EH:{isoCode:"EH",en:"Western Sahara",fi:"Länsi-Sahara",sv:"Västsahara",telephoneCountryCode:"212"},YE:{isoCode:"YE",en:"Yemen",fi:"Jemen",sv:"Jemen",telephoneCountryCode:"967"},ZM:{isoCode:"ZM",en:"Zambia",fi:"Sambia",sv:"Zambia",telephoneCountryCode:"260"},ZW:{isoCode:"ZW",en:"Zimbabwe",fi:"Zimbabwe",sv:"Zimbabwe",telephoneCountryCode:"263"},AX:{isoCode:"AX",en:"Åland Islands",fi:"Ahvenanmaa",sv:"Åland",telephoneCountryCode:"358"},BQ:{isoCode:"BQ",en:"Bonaire, Sint Eustatius and Saba",fi:"Bonaire, Sint Eustatius ja Saba",sv:"Bonaire, Saint Eustatius och Saba",telephoneCountryCode:"599"},CW:{isoCode:"CW",en:"Curaçao",fi:"Curaçao",sv:"Curacao",telephoneCountryCode:"599"},GG:{isoCode:"GG",en:"Guernsey",fi:"Guernsey",sv:"Guernsey",telephoneCountryCode:"44"},IM:{isoCode:"IM",en:"Isle of Man",fi:"Mansaari",sv:"Isle of Man",telephoneCountryCode:"44"},JE:{isoCode:"JE",en:"Jersey",fi:"Jersey",sv:"Jersey",telephoneCountryCode:"44"},ME:{isoCode:"ME",en:"Montenegro",fi:"Montenegro",sv:"Montenegro",telephoneCountryCode:"382"},BL:{isoCode:"BL",en:"Saint Barthélemy",fi:"Saint-Barthélemy",sv:"Saint-Barthélemy",telephoneCountryCode:"590"},MF:{isoCode:"MF",en:"Saint Martin (French part)",fi:"Saint-Martin",sv:"Saint Martin (franska delen)",telephoneCountryCode:"590"},RS:{isoCode:"RS",en:"Serbia",fi:"Serbia",sv:"Serbien",telephoneCountryCode:"381"},SX:{isoCode:"SX",en:"Sint Maarten (Dutch part)",fi:"Sint Maarten",sv:"Sint Maarten (nederländska delen)",telephoneCountryCode:"1"},SS:{isoCode:"SS",en:"South Sudan",fi:"Etelä-Sudan",sv:"Sydsudan",telephoneCountryCode:"211"},XK:{isoCode:"XK",en:"Kosovo",fi:"Kosovo",sv:"Kosovo",telephoneCountryCode:"383"}},f={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",358:"FI",590:"GP",599:"CW"},c=class{constructor(n){e(this,n),this.duetChange=o(this,"duetChange",3),this.duetInput=o(this,"duetInput",3),this.duetBlur=o(this,"duetBlur",7),this.duetFocus=o(this,"duetFocus",7),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode)),this.countryFlagCDNUrl="https://cdn.duetds.com/api/assets/country-flags/",this.inputId=r("DuetInput"),this.buttonAriaLabel={en:"Choose country code",fi:"Valitse maatunnus",sv:"Välj landskod"},this.setListFirstCountries=()=>{const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())),o=Object.values(y).filter((o=>e.includes(o.isoCode))),n=this.countriesToList.filter((o=>!e.includes(o.isoCode)));n.sort(((e,o)=>e[this.language]>o[this.language]?1:-1)),this.countriesToList=[...o,...n]},this.handleFocus=()=>{},this.handleChange=()=>{},this.handleBlur=()=>{},this.handleInput=()=>{var e,o,n;const i=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.trim(),a="error"!==this.currentCountry&&(null===(n=this.currentCountry)||void 0===n?void 0:n.telephoneCountryCode)||"",t=this.findCountryCode(i)||"";i?a!==t&&(t?this.currentCountry=this.findCountryForCode(t):"error"!==a&&(this.currentCountry="error")):this.currentCountry=void 0},this.handleCountryCodeSelectorOpen=()=>{this.countryCodePopup.controller=this.countryCodeButton,this.countryCodePopup.show()},this.handleCountryCodeSelectorSelect=e=>{const o=e.target.closest("duet-popup-menu-item");this.currentCountry=y[o.value],this.countryCodePopup.hide(),this.setInputCountryCode()},this.language=l(),this.currentCountry=void 0,this.theme="",this.margin="auto",this.expand=!1,this.identifier=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleDescribedBy=void 0,this.disabled=!1,this.required=!1,this.labelDefaults={fi:"Puhelinnumero",en:"Phone number",sv:"Telefonnummer"},this.label=u(this.labelDefaults,this.language),this.labelHidden=!1,this.caption=void 0,this.name=void 0,this.error="",this.tooltip="",this.listFirst=["FI","SE"]}get countries(){return this.countriesToList}set countries(e){let o=e,n="";"string"==typeof e&&(o=JSON.parse(e)),Array.isArray(o)?o.every((e=>"string"==typeof e))?this.countriesToList=Object.values(y).filter((e=>o.includes(e.isoCode)&&!!e.telephoneCountryCode)):o.every((e=>{return o=e,["en","fi","sv","isoCode","telephoneCountryCode"].every((e=>Object.keys(o).includes(e)))&&/^[A-Z]{2}$/.test(o.isoCode)&&/^[1-9][0-9]{0,2}$/.test(o.telephoneCountryCode);var o}))?this.countriesToList=o:n="Invalid array provided for countries in Phone Input":n="Country list for Phone Input must be an array",n&&(console.error(n),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode))),this.setListFirstCountries()}get value(){var e,o,n;return null!==(n=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.replace(/\s/g,""))&&void 0!==n?n:""}set value(e){this.duetInputElement.value=`${e}`.replace(/[^\d+ ]/g,""),this.handleInput()}get validity(){var e;return null===(e=this.duetInputElement)||void 0===e?void 0:e.validity}componentWillLoad(){s(this),v(this.element,"tooltip","duet-tooltip",1,!0),this.setListFirstCountries()}connectedCallback(){h(this,{prop:"label",defaults:"labelDefaults"}),C(this)}disconnectedCallback(){p(this),d(this)}async setFocus(e){var o;null===(o=this.duetInputElement)||void 0===o||o.setFocus(e)}setInputCountryCode(){if("error"===this.currentCountry)return;const e=`+${this.currentCountry.telephoneCountryCode} `,o=this.duetInputElement.value;if(!(null==o?void 0:o.trim().startsWith("+")))return void(this.duetInputElement.value=`${e}${(null==o?void 0:o.trimStart())||""}`);const n=this.findCountryCode(o);this.duetInputElement.value=n?o.replace(`+${n}`,e).replace("  "," "):o.replace("+",e)}findCountryCode(e){const o=(null==e?void 0:e.trim())||"";if(!o.startsWith("+"))return;const n=Object.values(y).find((e=>o.startsWith(`+${e.telephoneCountryCode}`)));return null==n?void 0:n.telephoneCountryCode}findCountryForCode(e){const o=f[e]||"";return o?y[o]:Object.values(y).find((o=>o.telephoneCountryCode===e))}renderFlag(e,o=!1){return n("img",{src:`${this.countryFlagCDNUrl}${e}.svg`,"aria-hidden":"true",style:{height:o?"34px":"24px",width:o?"27px":"24px","margin-right":o?"0":"10px","object-fit":"contain","object-position":"center",filter:"drop-shadow(0 0 1px rgba(0, 0, 0, 0.3)) drop-shadow(0 2px 6px rgba(0, 41, 77, 0.1))"},loading:"lazy"})}getFlagForButton(){return this.currentCountry&&"error"!==this.currentCountry?this.renderFlag(this.currentCountry.isoCode,!0):n("duet-icon",{name:this.currentCountry?"messaging-alert":"form-country",margin:"none"})}render(){const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())).pop(),o=this.identifier||this.inputId;return n(a,{class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},n("div",{class:"duet-phone-input-container"},n("duet-popup-menu",{ref:e=>this.countryCodePopup=e,scrollLimit:10,showFilterInput:!0},this.countriesToList.map((o=>o.isoCode===e?n(i,null,n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")"))),n("duet-divider",null)):n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")")))))),n("duet-input",{ref:e=>this.duetInputElement=e,onDuetChange:this.handleChange,onDuetFocus:this.handleFocus,onDuetBlur:this.handleBlur,onDuetInput:this.handleInput,label:this.label,caption:this.caption,error:this.error,name:this.name,component:"phone",variation:"button-left",type:"tel",disallowPattern:"[^\\+0-9 ]",required:this.required,disabled:this.disabled,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:o,theme:this.theme,margin:"none",expand:!0},n("duet-button",{ref:e=>this.countryCodeButton=e,slot:"button-left",variation:"input-button-left-secondary",margin:"none",fixed:!0,icon:"action-arrow-down-small",iconSize:"small",iconRight:!0,accessibleLabel:this.buttonAriaLabel[this.language],onClick:this.handleCountryCodeSelectorOpen},n("span",{class:"flag-container"},this.getFlagForButton())),n("slot",{name:"tooltip"}))))}get element(){return t(this)}};c.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}span.flag-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-phone-input-container{position:relative;width:100%;height:100%}";export{c as duet_phone_input}
+import{r as e,c as o,h as n,F as i,H as a,g as t}from"./p-682a0ad1.js";import{i as s}from"./p-3f59cd08.js";import{c as r}from"./p-5e59e970.js";import{s as C,u as d}from"./p-a45e3f8b.js";import{a as l,g as u,c as h,d as p}from"./p-7da818b1.js";import{c as v}from"./p-f587ebfc.js";import"./p-9c3c64b9.js";const y={AF:{isoCode:"AF",en:"Afghanistan",fi:"Afganistan",sv:"Afghanistan",telephoneCountryCode:"93"},AL:{isoCode:"AL",en:"Albania",fi:"Albania",sv:"Albanien",telephoneCountryCode:"355"},DZ:{isoCode:"DZ",en:"Algeria",fi:"Algeria",sv:"Algeriet",telephoneCountryCode:"213"},AS:{isoCode:"AS",en:"American Samoa",fi:"Amerikan Samoa",sv:"Amerikanska Samoa",telephoneCountryCode:"1"},AD:{isoCode:"AD",en:"Andorra",fi:"Andorra",sv:"Andorra",telephoneCountryCode:"376"},AO:{isoCode:"AO",en:"Angola",fi:"Angola",sv:"Angola",telephoneCountryCode:"244"},AI:{isoCode:"AI",en:"Anguilla",fi:"Anguilla",sv:"Anguilla",telephoneCountryCode:"1"},AQ:{isoCode:"AQ",en:"Antarctica",fi:"Antarktis",sv:"Antarktis"},AG:{isoCode:"AG",en:"Antigua and Barbuda",fi:"Antigua ja Barbuda",sv:"Antigua och Barbuda",telephoneCountryCode:"1"},AR:{isoCode:"AR",en:"Argentina",fi:"Argentiina",sv:"Argentina",telephoneCountryCode:"54"},AM:{isoCode:"AM",en:"Armenia",fi:"Armenia",sv:"Armenien",telephoneCountryCode:"374"},AW:{isoCode:"AW",en:"Aruba",fi:"Aruba",sv:"Aruba",telephoneCountryCode:"297"},AU:{isoCode:"AU",en:"Australia",fi:"Australia",sv:"Australien",telephoneCountryCode:"61"},AT:{isoCode:"AT",en:"Austria",fi:"Itävalta",sv:"Österrike",telephoneCountryCode:"43"},AZ:{isoCode:"AZ",en:"Azerbaijan",fi:"Azerbaidžan",sv:"Azerbajdzjan",telephoneCountryCode:"994"},BS:{isoCode:"BS",en:"Bahamas",fi:"Bahama",sv:"Bahamas",telephoneCountryCode:"1"},BH:{isoCode:"BH",en:"Bahrain",fi:"Bahrain",sv:"Bahrain",telephoneCountryCode:"973"},BD:{isoCode:"BD",en:"Bangladesh",fi:"Bangladesh",sv:"Bangladesh",telephoneCountryCode:"880"},BB:{isoCode:"BB",en:"Barbados",fi:"Barbados",sv:"Barbados",telephoneCountryCode:"1"},BY:{isoCode:"BY",en:"Belarus",fi:"Valko-Venäjä",sv:"Belarus",telephoneCountryCode:"375"},BE:{isoCode:"BE",en:"Belgium",fi:"Belgia",sv:"Belgien",telephoneCountryCode:"32"},BZ:{isoCode:"BZ",en:"Belize",fi:"Belize",sv:"Belize",telephoneCountryCode:"501"},BJ:{isoCode:"BJ",en:"Benin",fi:"Benin",sv:"Benin",telephoneCountryCode:"229"},BM:{isoCode:"BM",en:"Bermuda",fi:"Bermuda",sv:"Bermuda",telephoneCountryCode:"1"},BT:{isoCode:"BT",en:"Bhutan",fi:"Bhutan",sv:"Bhutan",telephoneCountryCode:"975"},BO:{isoCode:"BO",en:"Bolivia",fi:"Bolivia",sv:"Bolivia",telephoneCountryCode:"591"},BA:{isoCode:"BA",en:"Bosnia and Herzegovina",fi:"Bosnia ja Hertsegovina",sv:"Bosnien och Hercegovina",telephoneCountryCode:"387"},BW:{isoCode:"BW",en:"Botswana",fi:"Botswana",sv:"Botswana",telephoneCountryCode:"267"},BV:{isoCode:"BV",en:"Bouvet Island",fi:"Bouvet’nsaari",sv:"Bouvetön"},BR:{isoCode:"BR",en:"Brazil",fi:"Brasilia",sv:"Brasilien",telephoneCountryCode:"55"},IO:{isoCode:"IO",en:"British Indian Ocean Territory",fi:"Brittiläinen Intian valtameren alue",sv:"Brittiska territoriet i Indiska Oceanen",telephoneCountryCode:"246"},BN:{isoCode:"BN",en:"Brunei Darussalam",fi:"Brunei",sv:"Brunei",telephoneCountryCode:"673"},BG:{isoCode:"BG",en:"Bulgaria",fi:"Bulgaria",sv:"Bulgarien",telephoneCountryCode:"359"},BF:{isoCode:"BF",en:"Burkina Faso",fi:"Burkina Faso",sv:"Burkina Faso",telephoneCountryCode:"226"},BI:{isoCode:"BI",en:"Burundi",fi:"Burundi",sv:"Burundi",telephoneCountryCode:"257"},KH:{isoCode:"KH",en:"Cambodia",fi:"Kambodža",sv:"Kambodja",telephoneCountryCode:"855"},CM:{isoCode:"CM",en:"Cameroon",fi:"Kamerun",sv:"Kamerun",telephoneCountryCode:"237"},CA:{isoCode:"CA",en:"Canada",fi:"Kanada",sv:"Kanada",telephoneCountryCode:"1"},CV:{isoCode:"CV",en:"Cape Verde",fi:"Kap Verde",sv:"Kap Verde",telephoneCountryCode:"238"},KY:{isoCode:"KY",en:"Cayman Islands",fi:"Caymansaaret",sv:"Caymanöarna",telephoneCountryCode:"1"},CF:{isoCode:"CF",en:"Central African Republic",fi:"Keski-Afrikan tasavalta",sv:"Centralafrikanska republiken",telephoneCountryCode:"236"},TD:{isoCode:"TD",en:"Chad",fi:"Tšad",sv:"Tchad",telephoneCountryCode:"235"},CL:{isoCode:"CL",en:"Chile",fi:"Chile",sv:"Chile",telephoneCountryCode:"56"},CN:{isoCode:"CN",en:"People's Republic of China",fi:"Kiina",sv:"Kina",telephoneCountryCode:"86"},CX:{isoCode:"CX",en:"Christmas Island",fi:"Joulusaari",sv:"Julön",telephoneCountryCode:"61"},CC:{isoCode:"CC",en:"Cocos (Keeling) Islands",fi:"Kookossaaret",sv:"Kokosöarna",telephoneCountryCode:"61"},CO:{isoCode:"CO",en:"Colombia",fi:"Kolumbia",sv:"Colombia",telephoneCountryCode:"57"},KM:{isoCode:"KM",en:"Comoros",fi:"Komorit",sv:"Komorerna",telephoneCountryCode:"269"},CG:{isoCode:"CG",en:"Republic of the Congo",fi:"Kongon tasavalta",sv:"Kongo-Brazzaville",telephoneCountryCode:"242"},CD:{isoCode:"CD",en:"Democratic Republic of the Congo",fi:"Kongon demokraattinen tasavalta",sv:"Demokratiska republiken Kongo",telephoneCountryCode:"243"},CK:{isoCode:"CK",en:"Cook Islands",fi:"Cookinsaaret",sv:"Cooköarna",telephoneCountryCode:"682"},CR:{isoCode:"CR",en:"Costa Rica",fi:"Costa Rica",sv:"Costa Rica",telephoneCountryCode:"506"},CI:{isoCode:"CI",en:"Cote D'Ivoire",fi:"Norsunluurannikko",sv:"Elfenbenskusten",telephoneCountryCode:"225"},HR:{isoCode:"HR",en:"Croatia",fi:"Kroatia",sv:"Kroatien",telephoneCountryCode:"385"},CU:{isoCode:"CU",en:"Cuba",fi:"Kuuba",sv:"Kuba",telephoneCountryCode:"53"},CY:{isoCode:"CY",en:"Cyprus",fi:"Kypros",sv:"Cypern",telephoneCountryCode:"357"},CZ:{isoCode:"CZ",en:"Czech Republic",fi:"Tšekki",sv:"Tjeckien",telephoneCountryCode:"420"},DK:{isoCode:"DK",en:"Denmark",fi:"Tanska",sv:"Danmark",telephoneCountryCode:"45"},DJ:{isoCode:"DJ",en:"Djibouti",fi:"Djibouti",sv:"Djibouti",telephoneCountryCode:"253"},DM:{isoCode:"DM",en:"Dominica",fi:"Dominica",sv:"Dominica",telephoneCountryCode:"1"},DO:{isoCode:"DO",en:"Dominican Republic",fi:"Dominikaaninen tasavalta",sv:"Dominikanska republiken",telephoneCountryCode:"1"},EC:{isoCode:"EC",en:"Ecuador",fi:"Ecuador",sv:"Ecuador",telephoneCountryCode:"593"},EG:{isoCode:"EG",en:"Egypt",fi:"Egypti",sv:"Egypten",telephoneCountryCode:"20"},SV:{isoCode:"SV",en:"El Salvador",fi:"El Salvador",sv:"El Salvador",telephoneCountryCode:"503"},GQ:{isoCode:"GQ",en:"Equatorial Guinea",fi:"Päiväntasaajan Guinea",sv:"Ekvatorialguinea",telephoneCountryCode:"240"},ER:{isoCode:"ER",en:"Eritrea",fi:"Eritrea",sv:"Eritrea",telephoneCountryCode:"291"},EE:{isoCode:"EE",en:"Estonia",fi:"Viro",sv:"Estland",telephoneCountryCode:"372"},ET:{isoCode:"ET",en:"Ethiopia",fi:"Etiopia",sv:"Etiopien",telephoneCountryCode:"251"},FK:{isoCode:"FK",en:"Falkland Islands (Malvinas)",fi:"Falklandinsaaret",sv:"Falklandsöarna",telephoneCountryCode:"500"},FO:{isoCode:"FO",en:"Faroe Islands",fi:"Färsaaret",sv:"Färöarna",telephoneCountryCode:"298"},FJ:{isoCode:"FJ",en:"Fiji",fi:"Fidži",sv:"Fiji",telephoneCountryCode:"679"},FI:{isoCode:"FI",en:"Finland",fi:"Suomi",sv:"Finland",telephoneCountryCode:"358"},FR:{isoCode:"FR",en:"France",fi:"Ranska",sv:"Frankrike",telephoneCountryCode:"33"},GF:{isoCode:"GF",en:"French Guiana",fi:"Ranskan Guayana",sv:"Franska Guyana",telephoneCountryCode:"594"},PF:{isoCode:"PF",en:"French Polynesia",fi:"Ranskan Polynesia",sv:"Franska Polynesien",telephoneCountryCode:"689"},TF:{isoCode:"TF",en:"French Southern Territories",fi:"Ranskan eteläiset alueet",sv:"Franska södra territorierna"},GA:{isoCode:"GA",en:"Gabon",fi:"Gabon",sv:"Gabon",telephoneCountryCode:"241"},GM:{isoCode:"GM",en:"Republic of The Gambia",fi:"Gambia",sv:"Gambia",telephoneCountryCode:"220"},GE:{isoCode:"GE",en:"Georgia",fi:"Georgia",sv:"Georgien",telephoneCountryCode:"995"},DE:{isoCode:"DE",en:"Germany",fi:"Saksa",sv:"Tyskland",telephoneCountryCode:"49"},GH:{isoCode:"GH",en:"Ghana",fi:"Ghana",sv:"Ghana",telephoneCountryCode:"233"},GI:{isoCode:"GI",en:"Gibraltar",fi:"Gibraltar",sv:"Gibraltar",telephoneCountryCode:"350"},GR:{isoCode:"GR",en:"Greece",fi:"Kreikka",sv:"Grekland",telephoneCountryCode:"30"},GL:{isoCode:"GL",en:"Greenland",fi:"Grönlanti",sv:"Grönland",telephoneCountryCode:"299"},GD:{isoCode:"GD",en:"Grenada",fi:"Grenada",sv:"Grenada",telephoneCountryCode:"1"},GP:{isoCode:"GP",en:"Guadeloupe",fi:"Guadeloupe",sv:"Guadeloupe",telephoneCountryCode:"590"},GU:{isoCode:"GU",en:"Guam",fi:"Guam",sv:"Guam",telephoneCountryCode:"1"},GT:{isoCode:"GT",en:"Guatemala",fi:"Guatemala",sv:"Guatemala",telephoneCountryCode:"502"},GN:{isoCode:"GN",en:"Guinea",fi:"Guinea",sv:"Guinea",telephoneCountryCode:"224"},GW:{isoCode:"GW",en:"Guinea-Bissau",fi:"Guinea-Bissau",sv:"Guinea Bissau",telephoneCountryCode:"245"},GY:{isoCode:"GY",en:"Guyana",fi:"Guyana",sv:"Guyana",telephoneCountryCode:"592"},HT:{isoCode:"HT",en:"Haiti",fi:"Haiti",sv:"Haiti",telephoneCountryCode:"509"},HM:{isoCode:"HM",en:"Heard Island and McDonald Islands",fi:"Heard ja McDonaldinsaaret",sv:"Heard- och McDonaldsöarna"},VA:{isoCode:"VA",en:"Holy See (Vatican City State)",fi:"Vatikaanivaltio",sv:"Vatikanstaten",telephoneCountryCode:"39"},HN:{isoCode:"HN",en:"Honduras",fi:"Honduras",sv:"Honduras",telephoneCountryCode:"504"},HK:{isoCode:"HK",en:"Hong Kong",fi:"Hongkong",sv:"Hongkong",telephoneCountryCode:"852"},HU:{isoCode:"HU",en:"Hungary",fi:"Unkari",sv:"Ungern",telephoneCountryCode:"36"},IS:{isoCode:"IS",en:"Iceland",fi:"Islanti",sv:"Island",telephoneCountryCode:"354"},IN:{isoCode:"IN",en:"India",fi:"Intia",sv:"Indien",telephoneCountryCode:"91"},ID:{isoCode:"ID",en:"Indonesia",fi:"Indonesia",sv:"Indonesien",telephoneCountryCode:"62"},IR:{isoCode:"IR",en:"Islamic Republic of Iran",fi:"Iran",sv:"Iran",telephoneCountryCode:"98"},IQ:{isoCode:"IQ",en:"Iraq",fi:"Irak",sv:"Irak",telephoneCountryCode:"964"},IE:{isoCode:"IE",en:"Ireland",fi:"Irlanti",sv:"Irland",telephoneCountryCode:"353"},IL:{isoCode:"IL",en:"Israel",fi:"Israel",sv:"Israel",telephoneCountryCode:"972"},IT:{isoCode:"IT",en:"Italy",fi:"Italia",sv:"Italien",telephoneCountryCode:"39"},JM:{isoCode:"JM",en:"Jamaica",fi:"Jamaika",sv:"Jamaica",telephoneCountryCode:"1"},JP:{isoCode:"JP",en:"Japan",fi:"Japani",sv:"Japan",telephoneCountryCode:"81"},JO:{isoCode:"JO",en:"Jordan",fi:"Jordania",sv:"Jordanien",telephoneCountryCode:"962"},KZ:{isoCode:"KZ",en:"Kazakhstan",fi:"Kazakstan",sv:"Kazakstan",telephoneCountryCode:"7"},KE:{isoCode:"KE",en:"Kenya",fi:"Kenia",sv:"Kenya",telephoneCountryCode:"254"},KI:{isoCode:"KI",en:"Kiribati",fi:"Kiribati",sv:"Kiribati",telephoneCountryCode:"686"},KP:{isoCode:"KP",en:"North Korea",fi:"Korean demokraattinen kansantasavalta",sv:"Nordkorea",telephoneCountryCode:"850"},KR:{isoCode:"KR",en:"South Korea",fi:"Korean tasavalta",sv:"Sydkorea",telephoneCountryCode:"82"},KW:{isoCode:"KW",en:"Kuwait",fi:"Kuwait",sv:"Kuwait",telephoneCountryCode:"965"},KG:{isoCode:"KG",en:"Kyrgyzstan",fi:"Kirgisia",sv:"Kirgizistan",telephoneCountryCode:"996"},LA:{isoCode:"LA",en:"Lao People's Democratic Republic",fi:"Laos",sv:"Laos",telephoneCountryCode:"856"},LV:{isoCode:"LV",en:"Latvia",fi:"Latvia",sv:"Lettland",telephoneCountryCode:"371"},LB:{isoCode:"LB",en:"Lebanon",fi:"Libanon",sv:"Libanon",telephoneCountryCode:"961"},LS:{isoCode:"LS",en:"Lesotho",fi:"Lesotho",sv:"Lesotho",telephoneCountryCode:"266"},LR:{isoCode:"LR",en:"Liberia",fi:"Liberia",sv:"Liberia",telephoneCountryCode:"231"},LY:{isoCode:"LY",en:"Libya",fi:"Libya",sv:"Libyen",telephoneCountryCode:"218"},LI:{isoCode:"LI",en:"Liechtenstein",fi:"Liechtenstein",sv:"Liechtenstein",telephoneCountryCode:"423"},LT:{isoCode:"LT",en:"Lithuania",fi:"Liettua",sv:"Litauen",telephoneCountryCode:"370"},LU:{isoCode:"LU",en:"Luxembourg",fi:"Luxemburg",sv:"Luxemburg",telephoneCountryCode:"352"},MO:{isoCode:"MO",en:"Macao",fi:"Macao",sv:"Macau",telephoneCountryCode:"853"},MG:{isoCode:"MG",en:"Madagascar",fi:"Madagaskar",sv:"Madagaskar",telephoneCountryCode:"261"},MW:{isoCode:"MW",en:"Malawi",fi:"Malawi",sv:"Malawi",telephoneCountryCode:"265"},MY:{isoCode:"MY",en:"Malaysia",fi:"Malesia",sv:"Malaysia",telephoneCountryCode:"60"},MV:{isoCode:"MV",en:"Maldives",fi:"Malediivit",sv:"Maldiverna",telephoneCountryCode:"960"},ML:{isoCode:"ML",en:"Mali",fi:"Mali",sv:"Mali",telephoneCountryCode:"223"},MT:{isoCode:"MT",en:"Malta",fi:"Malta",sv:"Malta",telephoneCountryCode:"356"},MH:{isoCode:"MH",en:"Marshall Islands",fi:"Marshallinsaaret",sv:"Marshallöarna",telephoneCountryCode:"692"},MQ:{isoCode:"MQ",en:"Martinique",fi:"Martinique",sv:"Martinique",telephoneCountryCode:"596"},MR:{isoCode:"MR",en:"Mauritania",fi:"Mauritania",sv:"Mauretanien",telephoneCountryCode:"222"},MU:{isoCode:"MU",en:"Mauritius",fi:"Mauritius",sv:"Mauritius",telephoneCountryCode:"230"},YT:{isoCode:"YT",en:"Mayotte",fi:"Mayotte",sv:"Mayotte",telephoneCountryCode:"262"},MX:{isoCode:"MX",en:"Mexico",fi:"Meksiko",sv:"Mexiko",telephoneCountryCode:"52"},FM:{isoCode:"FM",en:"Micronesia, Federated States of",fi:"Mikronesian liittovaltio",sv:"Mikronesiska federationen",telephoneCountryCode:"691"},MD:{isoCode:"MD",en:"Moldova, Republic of",fi:"Moldova",sv:"Moldavien",telephoneCountryCode:"373"},MC:{isoCode:"MC",en:"Monaco",fi:"Monaco",sv:"Monaco",telephoneCountryCode:"377"},MN:{isoCode:"MN",en:"Mongolia",fi:"Mongolia",sv:"Mongoliet",telephoneCountryCode:"976"},MS:{isoCode:"MS",en:"Montserrat",fi:"Montserrat",sv:"Montserrat",telephoneCountryCode:"1"},MA:{isoCode:"MA",en:"Morocco",fi:"Marokko",sv:"Marocko",telephoneCountryCode:"212"},MZ:{isoCode:"MZ",en:"Mozambique",fi:"Mosambik",sv:"Moçambique",telephoneCountryCode:"258"},MM:{isoCode:"MM",en:"Myanmar",fi:"Myanmar",sv:"Burma",telephoneCountryCode:"95"},NA:{isoCode:"NA",en:"Namibia",fi:"Namibia",sv:"Namibia",telephoneCountryCode:"264"},NR:{isoCode:"NR",en:"Nauru",fi:"Nauru",sv:"Nauru",telephoneCountryCode:"674"},NP:{isoCode:"NP",en:"Nepal",fi:"Nepal",sv:"Nepal",telephoneCountryCode:"977"},NL:{isoCode:"NL",en:"Netherlands",fi:"Alankomaat",sv:"Nederländerna",telephoneCountryCode:"31"},NC:{isoCode:"NC",en:"New Caledonia",fi:"Uusi-Kaledonia",sv:"Nya Kaledonien",telephoneCountryCode:"687"},NZ:{isoCode:"NZ",en:"New Zealand",fi:"Uusi-Seelanti",sv:"Nya Zeeland",telephoneCountryCode:"64"},NI:{isoCode:"NI",en:"Nicaragua",fi:"Nicaragua",sv:"Nicaragua",telephoneCountryCode:"505"},NE:{isoCode:"NE",en:"Niger",fi:"Niger",sv:"Niger",telephoneCountryCode:"227"},NG:{isoCode:"NG",en:"Nigeria",fi:"Nigeria",sv:"Nigeria",telephoneCountryCode:"234"},NU:{isoCode:"NU",en:"Niue",fi:"Niue",sv:"Niue",telephoneCountryCode:"683"},NF:{isoCode:"NF",en:"Norfolk Island",fi:"Norfolkinsaari",sv:"Norfolkön",telephoneCountryCode:"672"},MK:{isoCode:"MK",en:"The Republic of North Macedonia",fi:"Pohjois-Makedonia",sv:"Nordmakedonien",telephoneCountryCode:"389"},MP:{isoCode:"MP",en:"Northern Mariana Islands",fi:"Pohjois-Mariaanit",sv:"Nordmarianerna",telephoneCountryCode:"1"},NO:{isoCode:"NO",en:"Norway",fi:"Norja",sv:"Norge",telephoneCountryCode:"47"},OM:{isoCode:"OM",en:"Oman",fi:"Oman",sv:"Oman",telephoneCountryCode:"968"},PK:{isoCode:"PK",en:"Pakistan",fi:"Pakistan",sv:"Pakistan",telephoneCountryCode:"92"},PW:{isoCode:"PW",en:"Palau",fi:"Palau",sv:"Palau",telephoneCountryCode:"680"},PS:{isoCode:"PS",en:"State of Palestine",fi:"Palestiina",sv:"Palestinska territoriet, ockuperade",telephoneCountryCode:"970"},PA:{isoCode:"PA",en:"Panama",fi:"Panama",sv:"Panama",telephoneCountryCode:"507"},PG:{isoCode:"PG",en:"Papua New Guinea",fi:"Papua-Uusi-Guinea",sv:"Papua Nya Guinea",telephoneCountryCode:"675"},PY:{isoCode:"PY",en:"Paraguay",fi:"Paraguay",sv:"Paraguay",telephoneCountryCode:"595"},PE:{isoCode:"PE",en:"Peru",fi:"Peru",sv:"Peru",telephoneCountryCode:"51"},PH:{isoCode:"PH",en:"Philippines",fi:"Filippiinit",sv:"Filippinerna",telephoneCountryCode:"63"},PN:{isoCode:"PN",en:"Pitcairn",fi:"Pitcairn",sv:"Pitcairnöarna"},PL:{isoCode:"PL",en:"Poland",fi:"Puola",sv:"Polen",telephoneCountryCode:"48"},PT:{isoCode:"PT",en:"Portugal",fi:"Portugali",sv:"Portugal",telephoneCountryCode:"351"},PR:{isoCode:"PR",en:"Puerto Rico",fi:"Puerto Rico",sv:"Puerto Rico",telephoneCountryCode:"1"},QA:{isoCode:"QA",en:"Qatar",fi:"Qatar",sv:"Qatar",telephoneCountryCode:"974"},RE:{isoCode:"RE",en:"Reunion",fi:"Réunion",sv:"Réunion",telephoneCountryCode:"262"},RO:{isoCode:"RO",en:"Romania",fi:"Romania",sv:"Rumänien",telephoneCountryCode:"40"},RU:{isoCode:"RU",en:"Russian Federation",fi:"Venäjä",sv:"Ryssland",telephoneCountryCode:"7"},RW:{isoCode:"RW",en:"Rwanda",fi:"Ruanda",sv:"Rwanda",telephoneCountryCode:"250"},SH:{isoCode:"SH",en:"Saint Helena",fi:"Saint Helena",sv:"Sankta Helena",telephoneCountryCode:"290"},KN:{isoCode:"KN",en:"Saint Kitts and Nevis",fi:"Saint Kitts ja Nevis",sv:"Saint Kitts och Nevis",telephoneCountryCode:"1"},LC:{isoCode:"LC",en:"Saint Lucia",fi:"Saint Lucia",sv:"Saint Lucia",telephoneCountryCode:"1"},PM:{isoCode:"PM",en:"Saint Pierre and Miquelon",fi:"Saint-Pierre ja Miquelon",sv:"Saint-Pierre och Miquelon",telephoneCountryCode:"508"},VC:{isoCode:"VC",en:"Saint Vincent and the Grenadines",fi:"Saint Vincent ja Grenadiinit",sv:"Saint Vincent och Grenadinerna",telephoneCountryCode:"1"},WS:{isoCode:"WS",en:"Samoa",fi:"Samoa",sv:"Samoa",telephoneCountryCode:"685"},SM:{isoCode:"SM",en:"San Marino",fi:"San Marino",sv:"San Marino",telephoneCountryCode:"378"},ST:{isoCode:"ST",en:"Sao Tome and Principe",fi:"São Tomé ja Príncipe",sv:"São Tomé och Príncipe",telephoneCountryCode:"239"},SA:{isoCode:"SA",en:"Saudi Arabia",fi:"Saudi-Arabia",sv:"Saudiarabien",telephoneCountryCode:"966"},SN:{isoCode:"SN",en:"Senegal",fi:"Senegal",sv:"Senegal",telephoneCountryCode:"221"},SC:{isoCode:"SC",en:"Seychelles",fi:"Seychellit",sv:"Seychellerna",telephoneCountryCode:"248"},SL:{isoCode:"SL",en:"Sierra Leone",fi:"Sierra Leone",sv:"Sierra Leone",telephoneCountryCode:"232"},SG:{isoCode:"SG",en:"Singapore",fi:"Singapore",sv:"Singapore",telephoneCountryCode:"65"},SK:{isoCode:"SK",en:"Slovakia",fi:"Slovakia",sv:"Slovakien",telephoneCountryCode:"421"},SI:{isoCode:"SI",en:"Slovenia",fi:"Slovenia",sv:"Slovenien",telephoneCountryCode:"386"},SB:{isoCode:"SB",en:"Solomon Islands",fi:"Salomonsaaret",sv:"Salomonöarna",telephoneCountryCode:"677"},SO:{isoCode:"SO",en:"Somalia",fi:"Somalia",sv:"Somalia",telephoneCountryCode:"252"},ZA:{isoCode:"ZA",en:"South Africa",fi:"Etelä-Afrikka",sv:"Sydafrika",telephoneCountryCode:"27"},GS:{isoCode:"GS",en:"South Georgia and the South Sandwich Islands",fi:"Etelä-Georgia ja Eteläiset Sandwichsaaret",sv:"Sydgeorgien och Sydsandwichöarna"},ES:{isoCode:"ES",en:"Spain",fi:"Espanja",sv:"Spanien",telephoneCountryCode:"34"},LK:{isoCode:"LK",en:"Sri Lanka",fi:"Sri Lanka",sv:"Sri Lanka",telephoneCountryCode:"94"},SD:{isoCode:"SD",en:"Sudan",fi:"Sudan",sv:"Sudan",telephoneCountryCode:"249"},SR:{isoCode:"SR",en:"Suriname",fi:"Suriname",sv:"Surinam",telephoneCountryCode:"597"},SJ:{isoCode:"SJ",en:"Svalbard and Jan Mayen",fi:"Svalbard ja Jan Mayen",sv:"Svalbard och Jan Mayen",telephoneCountryCode:"47"},SZ:{isoCode:"SZ",en:"Eswatini",fi:"Swazimaa",sv:"Eswatini",telephoneCountryCode:"268"},SE:{isoCode:"SE",en:"Sweden",fi:"Ruotsi",sv:"Sverige",telephoneCountryCode:"46"},CH:{isoCode:"CH",en:"Switzerland",fi:"Sveitsi",sv:"Schweiz",telephoneCountryCode:"41"},SY:{isoCode:"SY",en:"Syrian Arab Republic",fi:"Syyria",sv:"Syrien",telephoneCountryCode:"963"},TW:{isoCode:"TW",en:"Taiwan, Province of China",fi:"Taiwan",sv:"Taiwan",telephoneCountryCode:"886"},TJ:{isoCode:"TJ",en:"Tajikistan",fi:"Tadžikistan",sv:"Tadzjikistan",telephoneCountryCode:"992"},TZ:{isoCode:"TZ",en:"United Republic of Tanzania",fi:"Tansania",sv:"Tanzania",telephoneCountryCode:"255"},TH:{isoCode:"TH",en:"Thailand",fi:"Thaimaa",sv:"Thailand",telephoneCountryCode:"66"},TL:{isoCode:"TL",en:"Timor-Leste",fi:"Itä-Timor",sv:"Östtimor",telephoneCountryCode:"670"},TG:{isoCode:"TG",en:"Togo",fi:"Togo",sv:"Togo",telephoneCountryCode:"228"},TK:{isoCode:"TK",en:"Tokelau",fi:"Tokelau",sv:"Tokelauöarna",telephoneCountryCode:"690"},TO:{isoCode:"TO",en:"Tonga",fi:"Tonga",sv:"Tonga",telephoneCountryCode:"676"},TT:{isoCode:"TT",en:"Trinidad and Tobago",fi:"Trinidad ja Tobago",sv:"Trinidad och Tobago",telephoneCountryCode:"1"},TN:{isoCode:"TN",en:"Tunisia",fi:"Tunisia",sv:"Tunisien",telephoneCountryCode:"216"},TR:{isoCode:"TR",en:"Türkiye",fi:"Turkki",sv:"Turkiet",telephoneCountryCode:"90"},TM:{isoCode:"TM",en:"Turkmenistan",fi:"Turkmenistan",sv:"Turkmenistan",telephoneCountryCode:"993"},TC:{isoCode:"TC",en:"Turks and Caicos Islands",fi:"Turks- ja Caicossaaret",sv:"Turks- och Caicosöarna",telephoneCountryCode:"1"},TV:{isoCode:"TV",en:"Tuvalu",fi:"Tuvalu",sv:"Tuvalu",telephoneCountryCode:"688"},UG:{isoCode:"UG",en:"Uganda",fi:"Uganda",sv:"Uganda",telephoneCountryCode:"256"},UA:{isoCode:"UA",en:"Ukraine",fi:"Ukraina",sv:"Ukraina",telephoneCountryCode:"380"},AE:{isoCode:"AE",en:"United Arab Emirates",fi:"Arabiemiirikunnat",sv:"Förenade Arabemiraten",telephoneCountryCode:"971"},GB:{isoCode:"GB",en:"United Kingdom",fi:"Yhdistynyt kuningaskunta",sv:"Storbritannien",telephoneCountryCode:"44"},US:{isoCode:"US",en:"United States of America",fi:"Yhdysvallat",sv:"USA",telephoneCountryCode:"1"},UM:{isoCode:"UM",en:"United States Minor Outlying Islands",fi:"Yhdysvaltain pienet erillissaaret",sv:"USA:s yttre öar"},UY:{isoCode:"UY",en:"Uruguay",fi:"Uruguay",sv:"Uruguay",telephoneCountryCode:"598"},UZ:{isoCode:"UZ",en:"Uzbekistan",fi:"Uzbekistan",sv:"Uzbekistan",telephoneCountryCode:"998"},VU:{isoCode:"VU",en:"Vanuatu",fi:"Vanuatu",sv:"Vanuatu",telephoneCountryCode:"678"},VE:{isoCode:"VE",en:"Venezuela",fi:"Venezuela",sv:"Venezuela",telephoneCountryCode:"58"},VN:{isoCode:"VN",en:"Vietnam",fi:"Vietnam",sv:"Vietnam",telephoneCountryCode:"84"},VG:{isoCode:"VG",en:"Virgin Islands, British",fi:"Brittiläiset Neitsytsaaret",sv:"Brittiska Jungfruöarna",telephoneCountryCode:"1"},VI:{isoCode:"VI",en:"Virgin Islands, U.S.",fi:"Yhdysvaltain Neitsytsaaret",sv:"Amerikanska Jungfruöarna",telephoneCountryCode:"1"},WF:{isoCode:"WF",en:"Wallis and Futuna",fi:"Wallis ja Futunasaaret",sv:"Wallis- och Futunaöarna",telephoneCountryCode:"681"},EH:{isoCode:"EH",en:"Western Sahara",fi:"Länsi-Sahara",sv:"Västsahara",telephoneCountryCode:"212"},YE:{isoCode:"YE",en:"Yemen",fi:"Jemen",sv:"Jemen",telephoneCountryCode:"967"},ZM:{isoCode:"ZM",en:"Zambia",fi:"Sambia",sv:"Zambia",telephoneCountryCode:"260"},ZW:{isoCode:"ZW",en:"Zimbabwe",fi:"Zimbabwe",sv:"Zimbabwe",telephoneCountryCode:"263"},AX:{isoCode:"AX",en:"Åland Islands",fi:"Ahvenanmaa",sv:"Åland",telephoneCountryCode:"358"},BQ:{isoCode:"BQ",en:"Bonaire, Sint Eustatius and Saba",fi:"Bonaire, Sint Eustatius ja Saba",sv:"Bonaire, Saint Eustatius och Saba",telephoneCountryCode:"599"},CW:{isoCode:"CW",en:"Curaçao",fi:"Curaçao",sv:"Curacao",telephoneCountryCode:"599"},GG:{isoCode:"GG",en:"Guernsey",fi:"Guernsey",sv:"Guernsey",telephoneCountryCode:"44"},IM:{isoCode:"IM",en:"Isle of Man",fi:"Mansaari",sv:"Isle of Man",telephoneCountryCode:"44"},JE:{isoCode:"JE",en:"Jersey",fi:"Jersey",sv:"Jersey",telephoneCountryCode:"44"},ME:{isoCode:"ME",en:"Montenegro",fi:"Montenegro",sv:"Montenegro",telephoneCountryCode:"382"},BL:{isoCode:"BL",en:"Saint Barthélemy",fi:"Saint-Barthélemy",sv:"Saint-Barthélemy",telephoneCountryCode:"590"},MF:{isoCode:"MF",en:"Saint Martin (French part)",fi:"Saint-Martin",sv:"Saint Martin (franska delen)",telephoneCountryCode:"590"},RS:{isoCode:"RS",en:"Serbia",fi:"Serbia",sv:"Serbien",telephoneCountryCode:"381"},SX:{isoCode:"SX",en:"Sint Maarten (Dutch part)",fi:"Sint Maarten",sv:"Sint Maarten (nederländska delen)",telephoneCountryCode:"1"},SS:{isoCode:"SS",en:"South Sudan",fi:"Etelä-Sudan",sv:"Sydsudan",telephoneCountryCode:"211"},XK:{isoCode:"XK",en:"Kosovo",fi:"Kosovo",sv:"Kosovo",telephoneCountryCode:"383"}},f={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",358:"FI",590:"GP",599:"CW"},c=class{constructor(n){e(this,n),this.duetChange=o(this,"duetChange",3),this.duetInput=o(this,"duetInput",3),this.duetBlur=o(this,"duetBlur",7),this.duetFocus=o(this,"duetFocus",7),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode)),this.countryFlagCDNUrl="https://cdn.duetds.com/api/assets/country-flags/",this.inputId=r("DuetInput"),this.buttonAriaLabel={en:"Choose country code",fi:"Valitse maatunnus",sv:"Välj landskod"},this.pendingValue=void 0,this.setListFirstCountries=()=>{const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())),o=Object.values(y).filter((o=>e.includes(o.isoCode))),n=this.countriesToList.filter((o=>!e.includes(o.isoCode)));n.sort(((e,o)=>e[this.language]>o[this.language]?1:-1)),this.countriesToList=[...o,...n]},this.handleFocus=()=>{},this.handleChange=()=>{},this.handleBlur=()=>{},this.handleInput=()=>{var e,o,n;const i=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.trim(),a="error"!==this.currentCountry&&(null===(n=this.currentCountry)||void 0===n?void 0:n.telephoneCountryCode)||"",t=this.findCountryCode(i)||"";i?a!==t&&(t?this.currentCountry=this.findCountryForCode(t):"error"!==a&&(this.currentCountry="error")):this.currentCountry=void 0},this.handleCountryCodeSelectorOpen=()=>{this.countryCodePopup.controller=this.countryCodeButton,this.countryCodePopup.show()},this.handleCountryCodeSelectorSelect=e=>{const o=e.target.closest("duet-popup-menu-item");this.currentCountry=y[o.value],this.countryCodePopup.hide(),this.setInputCountryCode()},this.language=l(),this.currentCountry=void 0,this.theme="",this.margin="auto",this.expand=!1,this.identifier=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleDescribedBy=void 0,this.disabled=!1,this.required=!1,this.labelDefaults={fi:"Puhelinnumero",en:"Phone number",sv:"Telefonnummer"},this.label=u(this.labelDefaults,this.language),this.labelHidden=!1,this.caption=void 0,this.name=void 0,this.error="",this.tooltip="",this.maxlength=void 0,this.minlength=void 0,this.listFirst=["FI","SE"]}get countries(){return this.countriesToList}set countries(e){let o=e,n="";"string"==typeof e&&(o=JSON.parse(e)),Array.isArray(o)?o.every((e=>"string"==typeof e))?this.countriesToList=Object.values(y).filter((e=>o.includes(e.isoCode)&&!!e.telephoneCountryCode)):o.every((e=>{return o=e,["en","fi","sv","isoCode","telephoneCountryCode"].every((e=>Object.keys(o).includes(e)))&&/^[A-Z]{2}$/.test(o.isoCode)&&/^[1-9][0-9]{0,2}$/.test(o.telephoneCountryCode);var o}))?this.countriesToList=o:n="Invalid array provided for countries in Phone Input":n="Country list for Phone Input must be an array",n&&(console.error(n),this.countriesToList=Object.values(y).filter((e=>!!e.telephoneCountryCode))),this.setListFirstCountries()}get value(){var e,o,n;return null!==(n=null===(o=null===(e=this.duetInputElement)||void 0===e?void 0:e.value)||void 0===o?void 0:o.replace(/\s/g,""))&&void 0!==n?n:""}set value(e){this.duetInputElement?(this.duetInputElement.value=`${e}`.replace(/[^\d+ ]/g,""),this.handleInput()):this.pendingValue=e}get validity(){var e;return null===(e=this.duetInputElement)||void 0===e?void 0:e.validity}componentWillLoad(){s(this),v(this.element,"tooltip","duet-tooltip",1,!0),this.setListFirstCountries()}componentDidLoad(){this.pendingValue&&(this.duetInputElement.value=this.pendingValue)}connectedCallback(){h(this,{prop:"label",defaults:"labelDefaults"}),C(this)}disconnectedCallback(){p(this),d(this)}async setFocus(e){var o;null===(o=this.duetInputElement)||void 0===o||o.setFocus(e)}setInputCountryCode(){if("error"===this.currentCountry)return;const e=`+${this.currentCountry.telephoneCountryCode} `,o=this.duetInputElement.value;if(!(null==o?void 0:o.trim().startsWith("+")))return void(this.duetInputElement.value=`${e}${(null==o?void 0:o.trimStart())||""}`);const n=this.findCountryCode(o);this.duetInputElement.value=n?o.replace(`+${n}`,e).replace("  "," "):o.replace("+",e)}findCountryCode(e){const o=(null==e?void 0:e.trim())||"";if(!o.startsWith("+"))return;const n=Object.values(y).find((e=>o.startsWith(`+${e.telephoneCountryCode}`)));return null==n?void 0:n.telephoneCountryCode}findCountryForCode(e){const o=f[e]||"";return o?y[o]:Object.values(y).find((o=>o.telephoneCountryCode===e))}renderFlag(e,o=!1){return n("img",{src:`${this.countryFlagCDNUrl}${e}.svg`,"aria-hidden":"true",style:{height:o?"34px":"24px",width:o?"27px":"24px","margin-right":o?"0":"10px","object-fit":"contain","object-position":"center",filter:"drop-shadow(0 0 1px rgba(0, 0, 0, 0.3)) drop-shadow(0 2px 6px rgba(0, 41, 77, 0.1))"},loading:"lazy"})}getFlagForButton(){return this.currentCountry&&"error"!==this.currentCountry?this.renderFlag(this.currentCountry.isoCode,!0):n("duet-icon",{name:this.currentCountry?"messaging-alert":"form-country",margin:"none"})}render(){const e=("string"==typeof this.listFirst?this.listFirst.split(","):this.listFirst).map((e=>e.trim().toUpperCase())).pop(),o=this.identifier||this.inputId;return n(a,{class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},n("div",{class:"duet-phone-input-container"},n("duet-popup-menu",{ref:e=>this.countryCodePopup=e,scrollLimit:10,showFilterInput:!0},this.countriesToList.map((o=>o.isoCode===e?n(i,null,n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")"))),n("duet-divider",null)):n("duet-popup-menu-item",{value:o.isoCode,onClick:this.handleCountryCodeSelectorSelect},n("duet-grid",{alignment:"center"},this.renderFlag(o.isoCode),n("span",null,o[this.language]," (+",o.telephoneCountryCode,")")))))),n("duet-input",{ref:e=>this.duetInputElement=e,onDuetChange:this.handleChange,onDuetFocus:this.handleFocus,onDuetBlur:this.handleBlur,onDuetInput:this.handleInput,label:this.label,caption:this.caption,error:this.error,name:this.name,minlength:this.minlength,maxlength:this.maxlength,component:"phone",variation:"button-left",type:"tel",disallowPattern:"[^\\+0-9 ]",required:this.required,disabled:this.disabled,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:o,theme:this.theme,margin:"none",expand:!0},n("duet-button",{ref:e=>this.countryCodeButton=e,slot:"button-left",variation:"input-button-left-secondary",margin:"none",fixed:!0,icon:"action-arrow-down-small",iconSize:"small",iconRight:!0,accessibleLabel:this.buttonAriaLabel[this.language],onClick:this.handleCountryCodeSelectorOpen},n("span",{class:"flag-container"},this.getFlagForButton())),n("slot",{name:"tooltip"}))))}get element(){return t(this)}};c.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}span.flag-container{display:flex;align-items:center;justify-content:center;width:30px;height:30px}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-phone-input-container{position:relative;width:100%;height:100%}";export{c as duet_phone_input}