@duetds/components 9.4.2 → 9.5.0

package/lib/esm-es5/duet-toolbar-item.entry.js

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,a){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function n(e){try{u(a.next(e))}catch(e){i(e)}}function s(e){try{u(a["throw"](e))}catch(e){i(e)}}function u(e){e.done?r(e.value):o(e.value).then(n,s)}u((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,o,i,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(t){return u([e,t])}}function u(s){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(r=0)),r)try{if(a=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];o=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(e,t,a,r){function o(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,i){function n(e){try{u(r.next(e))}catch(e){i(e)}}function s(e){try{u(r["throw"](e))}catch(e){i(e)}}function u(e){e.done?a(e.value):o(e.value).then(n,s)}u((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(t){return u([e,t])}}function u(s){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(a=0)),a)try{if(r=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;o=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(s[0]===6&&a.label<i[1]){a.label=i[1];i=s;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(s);break}if(i[2])a.ops.pop();a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e];o=0}finally{r=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-ed83a687.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-47ea468e.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-d2c8afdc.js";import"./slot-utils-035ffb1f.js";import"./string-utils-192eb3c8.js";var duetToolbarItemCss='*,*::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%}.duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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;white-space:nowrap;cursor:pointer}.duet-toolbar-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-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item:focus.primary{box-shadow:0 0 0 4px rgba(8, 42, 77, 0.3), 0 0 0 1px #033866}.duet-theme-turva .duet-toolbar-item:focus.primary,.duet-toolbar-item:focus.primary.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{position:absolute;top:0;left:11px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{background:rgb(247, 178, 40)}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.secondary[aria-expanded=true]{background:rgb(3, 56, 102)}.duet-toolbar-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-toolbar-item.duet-theme-turva.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item:hover.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-item:hover.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.active{color:rgb(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-item.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}';var DuetToolbarItemStyle0=duetToolbarItemCss;var DuetToolbarItem=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false;this.badge=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e;var t=this;var r=this.url?"a":"button";var a=this.variation==="primary"||this.variation==="negative"||this.theme==="turva"&&this.variation==="secondary"?"primary":this.variation==="secondary"?"secondary":"default";return h(Host,{key:"fb158728efc0bdd81c51f1d460075fb44285a8a1",role:"listitem"},h(r,{key:"96916988666e74411d5cb7b047b6223e11b3c84e",target:!this.url?null:this.external?"_blank":"_self",ref:function(e){return t.itemElement=e},class:(e={"duet-toolbar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[a]=true,e),href:this.url,role:"".concat(r==="a"?"link":"button"),"aria-current":this.active?"true":"false","aria-label":this.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&h("div",{key:"e78b1d52ea395b96e1d08fd76fa8f79038d25165",class:"duet-toolbar-icon"},h("duet-icon",{key:"d17013e6997e2b39349287e65497bb8d4c44ba21",size:"x-small",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),this.badge&&h("div",{key:"a64289c5923a1bf0e7caac725c3c73b0774b2f37",class:"duet-toolbar-badge"})),h("slot",{key:"9f998077db9c78e6a8e9638a45b93f77b93de320"}),(this.trailingIcon||this.url&&this.external)&&h("div",{key:"09f85c3d0046e30b20f7f819f2bc7e21ef6b4b24",class:"duet-toolbar-icon"},h("duet-icon",{key:"9794cce5544abb7000ab9e608aa44333b62c0495",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!(this.url&&this.external),rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.url&&this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"}),this.badge&&this.trailingIcon!=="action-arrow-down-small"&&h("div",{key:"f6a86fcdb6f02444ced9aa44a346bbb61557cb80",class:"duet-toolbar-badge"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarItem.style=DuetToolbarItemStyle0;export{DuetToolbarItem as duet_toolbar_item};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-9dbc7c3d.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-8a9d5323.js";import"./slot-utils-9633ef1e.js";import"./string-utils-192eb3c8.js";var duetToolbarItemCss='*,*::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%}.duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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;white-space:nowrap;cursor:pointer}.duet-toolbar-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-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item:focus.primary{box-shadow:0 0 0 4px rgba(8, 42, 77, 0.3), 0 0 0 1px #033866}.duet-theme-turva .duet-toolbar-item:focus.primary,.duet-toolbar-item:focus.primary.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{position:absolute;top:0;left:11px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{background:rgb(247, 178, 40)}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.secondary[aria-expanded=true]{background:rgb(3, 56, 102)}.duet-toolbar-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-toolbar-item.duet-theme-turva.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item:hover.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-item:hover.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.active{color:rgb(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-item.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}';var DuetToolbarItemStyle0=duetToolbarItemCss;var DuetToolbarItem=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false;this.badge=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e;var t=this;var a=this.url?"a":"button";var r=this.variation==="primary"||this.variation==="negative"||this.theme==="turva"&&this.variation==="secondary"?"primary":this.variation==="secondary"?"secondary":"default";return h(Host,{key:"c0d5061e7e445fe00600142c5ab9487d8a14be1c",role:"listitem"},h(a,{key:"74aee7fa6cd8f841f47393875699e69880e1ddca",target:!this.url?null:this.external?"_blank":"_self",ref:function(e){return t.itemElement=e},class:(e={"duet-toolbar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[r]=true,e),href:this.url,role:"".concat(a==="a"?"link":"button"),"aria-current":this.active?"true":"false","aria-label":this.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&h("div",{key:"bbd475ae20380e88619c9c5e66a863cd42f1ddd9",class:"duet-toolbar-icon"},h("duet-icon",{key:"771702c41bdcfc96e85998faf3e491e06a89d858",size:"x-small",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),this.badge&&h("div",{key:"5d8ef6d9d2423149d40ab6fe7d76962dee157f54",class:"duet-toolbar-badge"})),h("slot",{key:"f8e1cd47bf03ee4665d3ba89aaca4f159cd64a79"}),(this.trailingIcon||this.url&&this.external)&&h("div",{key:"850853f0ba43f5fcdbecdfc136abc16503adfe03",class:"duet-toolbar-icon"},h("duet-icon",{key:"1691701310387fd3b9fc66a3e52a0773e17690f9",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!(this.url&&this.external),rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.url&&this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"}),this.badge&&this.trailingIcon!=="action-arrow-down-small"&&h("div",{key:"eefea78c580bc96af908ae976d2aa95a6dbf3a9b",class:"duet-toolbar-badge"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarItem.style=DuetToolbarItemStyle0;export{DuetToolbarItem as duet_toolbar_item};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-ed83a687.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetToolbarLinkCss='*,*::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%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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;white-space:nowrap}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}';var DuetToolbarLinkStyle0=duetToolbarLinkCss;var DuetToolbarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;var t=this.variation==="negative"?"negative":"white";return h(Host,{key:"258aa71d94e0e3959eef224ab891ceb4db3886ad",role:"listitem"},h("a",{key:"e3557495157f9c6212582f47cf027f1f8389d7e9",class:(e={"duet-toolbar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[t]=true,e),href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"28195a63fb2020c70155284152086fa6fd4be0a1",size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",{key:"85fdc84a09716bf992dbb7325b9677ed74fec706"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarLink.style=DuetToolbarLinkStyle0;export{DuetToolbarLink as duet_toolbar_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetToolbarLinkCss='*,*::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%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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;white-space:nowrap}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}';var DuetToolbarLinkStyle0=duetToolbarLinkCss;var DuetToolbarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;var t=this.variation==="negative"?"negative":"white";return h(Host,{key:"a9bad03bed8baaf152e894e7a55ff4320e88a642",role:"listitem"},h("a",{key:"7d14f4577994ee4bfc3086ba9f5ed9cc5d47c881",class:(e={"duet-toolbar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[t]=true,e),href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"36472408f3522a7a24312231b7986c550acdca94",size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",{key:"05f975b4b50d0c7d3077501d0f226bff12562381"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarLink.style=DuetToolbarLinkStyle0;export{DuetToolbarLink as duet_toolbar_link};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-ed83a687.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetToolbarCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}";var DuetToolbarStyle0=duetToolbarCss;var DuetToolbar=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;var t=this.variation==="primary"||this.variation==="negative"||this.theme==="turva"&&this.variation==="secondary"?"primary":this.variation==="secondary"?"secondary":"default";return h(Host,{key:"562a3b82275cd77dc7f90d6c53776923965415e0"},h("nav",{key:"074728e56d1f75a560331c1a4a8f12cea3343aa8",class:(e={"duet-toolbar":true,"duet-theme-turva":this.theme==="turva"},e[t]=true,e),"aria-label":this.accessibleLabel},h("div",{key:"f2379c6e218e998c32f8b8a808d3ba1a9fc0602c",class:"container"},h("div",{key:"6a7a09168fc5ad7f0b8fac5019fca192d800a4dc",class:"list",role:"list"},h("slot",{key:"45621a40c7ecdb2e834ea94b6e72eeb434113b8f",name:"left"})),h("div",{key:"32c6e4b3e88e5a5226d9d6a33d93dfe16079335c",class:"list",role:"list"},h("slot",{key:"75e255dcc244d524f02921fc033d9e07789f8e00",name:"right"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbar.style=DuetToolbarStyle0;export{DuetToolbar as duet_toolbar};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetToolbarCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}";var DuetToolbarStyle0=duetToolbarCss;var DuetToolbar=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;var t=this.variation==="primary"||this.variation==="negative"||this.theme==="turva"&&this.variation==="secondary"?"primary":this.variation==="secondary"?"secondary":"default";return h(Host,{key:"6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8"},h("nav",{key:"8937fd46b558b273ee838a47b14b9810c074829d",class:(e={"duet-toolbar":true,"duet-theme-turva":this.theme==="turva"},e[t]=true,e),"aria-label":this.accessibleLabel},h("div",{key:"c8aa7075e8ab33484f13a8ef7ac8b2127b30ffe2",class:"container"},h("div",{key:"76d2daf0e82846945f3510cbc21fc26e8d29936c",class:"list",role:"list"},h("slot",{key:"12bced2c765270ea94a844b9c68d993e9d43f245",name:"left"})),h("div",{key:"fed6a6058becea2b85d0131488e212967ee9530f",class:"list",role:"list"},h("slot",{key:"e51cf22766660164cbd150a6203d8e55929dd40c",name:"right"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbar.style=DuetToolbarStyle0;export{DuetToolbar as duet_toolbar};

package/lib/esm-es5/duet-tooltip-button_2.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,o,r){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,n){function a(t){try{s(r.next(t))}catch(t){n(t)}}function u(t){try{s(r["throw"](t))}catch(t){n(t)}}function s(t){t.done?o(t.value):i(t.value).then(a,u)}s((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,i,n,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(e){return s([t,e])}}function s(u){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(o=0)),o)try{if(r=1,i&&(n=u[0]&2?i["return"]:u[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,u[1])).done)return n;if(i=0,n)u=[u[0]&2,n.value];switch(u[0]){case 0:case 1:n=u;break;case 4:o.label++;return{value:u[1],done:false};case 5:o.label++;i=u[1];u=[0];continue;case 7:u=o.ops.pop();o.trys.pop();continue;default:if(!(n=o.trys,n=n.length>0&&n[n.length-1])&&(u[0]===6||u[0]===2)){o=0;continue}if(u[0]===3&&(!n||u[1]>n[0]&&u[1]<n[3])){o.label=u[1];break}if(u[0]===6&&o.label<n[1]){o.label=n[1];n=u;break}if(n&&o.label<n[2]){o.label=n[2];o.ops.push(u);break}if(n[2])o.ops.pop();o.trys.pop();continue}u=e.call(t,o)}catch(t){u=[6,t];i=0}finally{r=n=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-ed83a687.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{F as FocusGuard}from"./focus-utils-b09f6029.js";import{T as Teleport}from"./teleport-546f382d.js";var duetTooltipButtonCss='*,*::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-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}';var DuetTooltipButtonStyle0=duetTooltipButtonCss;var DuetTooltipButton=function(){function t(t){registerInstance(this,t);this.label="";this.accessibleLabel=undefined;this.theme="";this.negative=false;this.active=undefined;this.tooltipId=undefined}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){subscribeTabbingChange(this)};t.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.buttonElement){this.buttonElement.focus(t)}return[2]}))}))};t.prototype.render=function(){var t=this;return h(Host,{key:"2a4a781b1045443be8dca56d456bab9ff7d9cdc4"},h("button",{key:"da62c139588718b4a57ff95d607cc65683219d20",ref:function(e){return t.buttonElement=e},"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":true,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":this.theme==="turva","duet-tooltip-button-negative":this.negative}},h("svg",{key:"9464bd42026038aa453d5035bb27519ebd90bae9","aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},h("path",{key:"fb7040dfd935553c00e6920989b23fc68fb296d5",d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),h("circle",{key:"ac6c40e508076470433d4ddff60250249e6667d6",cx:"11.625",cy:"7.125",r:"1.125"}),h("path",{key:"4994c9b2523e6629b91505cb4aaa8d9a43b6aa9a",d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?h("span",{class:"duet-tooltip-label"},this.label):h("duet-visually-hidden",null,this.accessibleLabel)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTooltipButton.style=DuetTooltipButtonStyle0;var duetTooltipPopupCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;z-index:950}.duet-tooltip{position:relative;width:282px;min-height:48px;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(8, 42, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.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);border-color:rgb(222, 224, 228);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(222, 224, 228)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}';var DuetTooltipPopupStyle0=duetTooltipPopupCss;var DuetTooltipPopup=function(){function t(t){var e=this;registerInstance(this,t);this.tooltipPopupClosed=createEvent(this,"tooltipPopupClosed",7);this.handleCloseClick=function(){e.tooltipPopupClosed.emit()};this.theme="";this.active=undefined;this.tooltipId=undefined;this.arrowStyles=undefined;this.placement=undefined;this.accessibleCloseLabel=undefined}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){subscribeTabbingChange(this);if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}};t.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};t.prototype.getArrowElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.arrowEl]}))}))};t.prototype.getContentElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.contentEl]}))}))};t.prototype.setFocusOnContentElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.contentEl.focus();return[2]}))}))};t.prototype.render=function(){var t,e;var o=this;return h(Host,{key:"5937d404a3288b6afe2b9c8e1d47147e96eef933"},h("div",{key:"bc2694a70963dabcaddce627d1abfe51dc36ebac",class:{"duet-tooltip":true,"duet-theme-turva":this.theme==="turva","duet-tooltip-active":this.active===true}},h(FocusGuard,{key:"461ee4e709c80fae34d04f2bba0fd60e6305f594",moveFocusTo:this.buttonEl}),h("div",{key:"47e8f609387722060e93fc37558a219c2bad2ed6",ref:function(t){return o.contentEl=t},class:"duet-tooltip-content-area",tabindex:0,id:this.tooltipId},h("slot",{key:"64350c3d73d2560711890254d8be979f07c27f1b"})),h("div",{key:"0544215577fd0b4e6be97eadcbad8f58114ffb38",ref:function(t){return o.arrowEl=t},class:(t={arrow:true},t[this.placement]=true,t),style:this.arrowStyles},h("div",{key:"1076a224b4a4f9d455271245e7bd879689a96bf4",class:(e={"arrow-container":true},e[this.placement]=true,e)})),h("button",{key:"bf275bd1c1597e42ab29ce57338a37e8ff534bfc",type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:function(t){return o.buttonEl=t}},h("duet-icon",{key:"e06529abd6465f5e65f57f85ba2392c1df82d59f",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),h("duet-visually-hidden",{key:"43cabf152e52e237b886642e66a30875973fac6f"},this.accessibleCloseLabel)),h(FocusGuard,{key:"47ef9a81ce996efe8d52d06f36799c5a4f3b26cc",moveFocusTo:this.contentEl})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTooltipPopup.style=DuetTooltipPopupStyle0;export{DuetTooltipButton as duet_tooltip_button,DuetTooltipPopup as duet_tooltip_popup};
+ */import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-1a6cee61.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{F as FocusGuard}from"./focus-utils-7bc146cd.js";import{T as Teleport}from"./teleport-546f382d.js";var duetTooltipButtonCss='*,*::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-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}';var DuetTooltipButtonStyle0=duetTooltipButtonCss;var DuetTooltipButton=function(){function t(t){registerInstance(this,t);this.label="";this.accessibleLabel=undefined;this.theme="";this.negative=false;this.active=undefined;this.tooltipId=undefined}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){subscribeTabbingChange(this)};t.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.buttonElement){this.buttonElement.focus(t)}return[2]}))}))};t.prototype.render=function(){var t=this;return h(Host,{key:"41e46d97560f847907ab8e0579f54ed4f710454b"},h("button",{key:"04bbaa44c4a90a0da3558c11604ebcb204830ade",ref:function(e){return t.buttonElement=e},"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":true,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":this.theme==="turva","duet-tooltip-button-negative":this.negative}},h("svg",{key:"03203d8047a49b233de788ee7434811708a8d1af","aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},h("path",{key:"32c2fc2cb086463e7711b179d5282c9711029dfe",d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),h("circle",{key:"29008bcb7893ae4896b9371711faeeba022fb0bd",cx:"11.625",cy:"7.125",r:"1.125"}),h("path",{key:"8029a29e34ef3994fc8dc402432329bb4eb1e517",d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?h("span",{class:"duet-tooltip-label"},this.label):h("duet-visually-hidden",null,this.accessibleLabel)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTooltipButton.style=DuetTooltipButtonStyle0;var duetTooltipPopupCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;z-index:950}.duet-tooltip{position:relative;width:282px;min-height:48px;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(8, 42, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.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);border-color:rgb(222, 224, 228);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(222, 224, 228)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}';var DuetTooltipPopupStyle0=duetTooltipPopupCss;var DuetTooltipPopup=function(){function t(t){var e=this;registerInstance(this,t);this.tooltipPopupClosed=createEvent(this,"tooltipPopupClosed",7);this.handleCloseClick=function(){e.tooltipPopupClosed.emit()};this.theme="";this.active=undefined;this.tooltipId=undefined;this.arrowStyles=undefined;this.placement=undefined;this.accessibleCloseLabel=undefined}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){subscribeTabbingChange(this);if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}};t.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};t.prototype.getArrowElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.arrowEl]}))}))};t.prototype.getContentElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.contentEl]}))}))};t.prototype.setFocusOnContentElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.contentEl.focus();return[2]}))}))};t.prototype.render=function(){var t,e;var o=this;return h(Host,{key:"dcefd2a138b0d6599a09ff8a72f293ad6c7e891c"},h("div",{key:"e3ef1db922edbb62bb6164583422409cca33423b",class:{"duet-tooltip":true,"duet-theme-turva":this.theme==="turva","duet-tooltip-active":this.active===true}},h(FocusGuard,{key:"a69785a224b6d332ddef3b3a58a1de92180f0630",moveFocusTo:this.buttonEl}),h("div",{key:"6b9dc31cc5430f788a1a185750bf09135af9d12a",ref:function(t){return o.contentEl=t},class:"duet-tooltip-content-area",tabindex:0,id:this.tooltipId},h("slot",{key:"248ab704fdde7e7f1a9485df5fec73e4577ef454"})),h("div",{key:"47938f76464592121f5516b83e4efeda81b35cc7",ref:function(t){return o.arrowEl=t},class:(t={arrow:true},t[this.placement]=true,t),style:this.arrowStyles},h("div",{key:"d619ec83554676708f8d9bc56dfb7bfa9edaaa8d",class:(e={"arrow-container":true},e[this.placement]=true,e)})),h("button",{key:"2e6b1c12e407e9724d6fd14e8c17c6e1471cce7b",type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:function(t){return o.buttonEl=t}},h("duet-icon",{key:"a32ec01897dc04fa3e70b1b2f0f46d59bf55f9b3",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),h("duet-visually-hidden",{key:"be53bde5da4a21dd4641a190587e0cb3f27bd7e6"},this.accessibleCloseLabel)),h(FocusGuard,{key:"7e378988bbb34cc60540a9c475346f0f2faf0544",moveFocusTo:this.contentEl})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTooltipPopup.style=DuetTooltipPopupStyle0;export{DuetTooltipButton as duet_tooltip_button,DuetTooltipPopup as duet_tooltip_popup};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{u(n.next(t))}catch(t){o(t)}}function a(t){try{u(n["throw"](t))}catch(t){o(t)}}function u(t){t.done?i(t.value):s(t.value).then(r,a)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,s,o,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return u([t,e])}}function u(a){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(i=0)),i)try{if(n=1,s&&(o=a[0]&2?s["return"]:a[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,a[1])).done)return o;if(s=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];s=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-ed83a687.js";import{m as media_query_medium,a as media_query_large}from"./tokens-84fb2357.js";import{c as computePosition,f as flip,s as shift,a as arrow,b as autoUpdate}from"./floating-ui.dom.esm-ebc91b33.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-d2c8afdc.js";import"./string-utils-192eb3c8.js";var duetTooltipCss="*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{position:absolute}";var DuetTooltipStyle0=duetTooltipCss;var DuetTooltip=function(){function t(t){var e=this;registerInstance(this,t);this.mql=[window.matchMedia(media_query_medium.replace(/'/g,"")),window.matchMedia(media_query_large.replace(/'/g,""))];this.tooltipId=createID("DuetTooltip");this.aboutString={fi:"aiheesta",en:"about",sv:"om"};this.openTooltip=function(){e.active=true;setTimeout((function(){e.contentEl.focus({preventScroll:true});e.buttonActive=true}),200)};this.closeTooltip=function(t){if(t===void 0){t=false}e.active=false;if(t){setTimeout((function(){e.buttonEl.setFocus({preventScroll:true})}),200)}setTimeout((function(){e.buttonActive=false}));setTimeout((function(){e.updatePlacement()}),200)};this.toggleOpen=function(){e.active?e.closeTooltip():e.openTooltip()};this.updatePlacement=function(){return __awaiter(e,void 0,void 0,(function(){var t,e,i,n,s;return __generator(this,(function(o){switch(o.label){case 0:i=true;if(this.breakpoint==="large"&&!this.mql[1].matches){i=false}else if(this.breakpoint==="medium"&&!this.mql[0].matches){i=false}n=i?"top-start":"top-end";if(this.direction==="left"){n="top-end"}else if(this.direction==="right"){n="top-start"}return[4,computePosition(this.buttonEl,this.popupElement,{placement:n,middleware:[flip(),shift({padding:5}),arrow({element:this.arrowEl})]})];case 1:s=o.sent();this.tooltipY=s.y;this.tooltipX=s.x;this.placement=s.placement;this.arrowY=(t=s.middlewareData.arrow)===null||t===void 0?void 0:t.y;this.arrowX=(e=s.middlewareData.arrow)===null||e===void 0?void 0:e.x;return[2]}}))}))};this.placement="bottom";this.tooltipY=undefined;this.tooltipX=undefined;this.arrowX=undefined;this.arrowY=undefined;this.buttonActive=undefined;this.theme="";this.language=getLanguage();this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"};this.accessibleLabel=getLocaleString(this.accessibleLabelDefault,this.language);this.accessibleAboutLabel=undefined;this.accessibleInputLabel=undefined;this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"};this.accessibleCloseLabel=getLocaleString(this.accessibleCloseLabelDefault,this.language);this.label="";this.breakpoint="medium";this.direction="auto";this.positionVertical="0";this.positionHorizontal="0";this.active=false;this.negative=false}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.buttonActive=this.active};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=this;return[4,this.popupElement.getArrowElement()];case 1:t.arrowEl=i.sent();e=this;return[4,this.popupElement.getContentElement()];case 2:e.contentEl=i.sent();this.updatePlacement();if(!this.active)return[3,4];this.openTooltip();return[4,this.handleActiveChange(this.active)];case 3:i.sent();i.label=4;case 4:this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body});this.intersectionObserver.observe(this.element);return[2]}}))}))};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}])};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.handleDocumentClick=function(t){var e=this;if(!this.active){return}var i=t.composedPath();var n=i.every((function(t){return t!==e.element&&t!==e.contentEl}));if(n){this.closeTooltip()}};t.prototype.handleKeyDown=function(t){if(this.active&&isEscapeKey(t)){this.closeTooltip(true)}};t.prototype.handlePopupClose=function(){if(this.active){this.closeTooltip(true)}};t.prototype.handleActiveChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t){this.autoUpdateCleanup=autoUpdate(this.buttonEl,this.popupElement,this.updatePlacement)}else{this.autoUpdateCleanup()}return[2]}))}))};t.prototype.render=function(){var t=this;var e={transform:"translateY(".concat(this.positionVertical,") translateX(").concat(this.positionHorizontal,")"),zIndex:this.active?"201":""};var i={position:"relative",overflow:this.active?"visible":"hidden"};var n={top:"".concat(this.tooltipY,"px"),left:"".concat(this.tooltipX,"px"),display:"block","pointer-events":this.active?"auto":"none"};var s={top:this.arrowY?"".concat(this.arrowY,"px"):undefined,left:this.arrowX?"".concat(this.arrowX,"px"):undefined};return h(Host,{style:e},h("duet-tooltip-button",{ref:function(e){return t.buttonEl=e},active:this.buttonActive,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel&&"".concat(this.accessibleInputLabel,", ").concat(this.accessibleLabel)||this.accessibleAboutLabel&&"".concat(this.accessibleLabel," ").concat(this.aboutString[this.language]," ").concat(this.accessibleAboutLabel)||this.accessibleLabel,onClick:this.toggleOpen,theme:this.theme,negative:this.negative}),h("div",{style:i},h("duet-tooltip-popup",{ref:function(e){return t.popupElement=e},active:this.active,tooltipId:this.tooltipId,arrowStyles:s,style:n,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel,theme:this.theme},h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["handleActiveChange"]}},enumerable:false,configurable:true});return t}();DuetTooltip.style=DuetTooltipStyle0;export{DuetTooltip as duet_tooltip};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";import{m as media_query_medium,a as media_query_large}from"./tokens-84fb2357.js";import{c as computePosition,f as flip,s as shift,a as arrow,b as autoUpdate}from"./floating-ui.dom.esm-ebc91b33.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-8a9d5323.js";import"./string-utils-192eb3c8.js";var duetTooltipCss="*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{position:absolute}";var DuetTooltipStyle0=duetTooltipCss;var DuetTooltip=function(){function t(t){var e=this;registerInstance(this,t);this.mql=[window.matchMedia(media_query_medium.replace(/'/g,"")),window.matchMedia(media_query_large.replace(/'/g,""))];this.tooltipId=createID("DuetTooltip");this.aboutString={fi:"aiheesta",en:"about",sv:"om"};this.openTooltip=function(){e.active=true;setTimeout((function(){e.contentEl.focus({preventScroll:true});e.buttonActive=true}),200)};this.closeTooltip=function(t){if(t===void 0){t=false}e.active=false;if(t){setTimeout((function(){e.buttonEl.setFocus({preventScroll:true})}),200)}setTimeout((function(){e.buttonActive=false}));setTimeout((function(){e.updatePlacement()}),200)};this.toggleOpen=function(){e.active?e.closeTooltip():e.openTooltip()};this.updatePlacement=function(){return __awaiter(e,void 0,void 0,(function(){var t,e,i,n,s;return __generator(this,(function(o){switch(o.label){case 0:i=true;if(this.breakpoint==="large"&&!this.mql[1].matches){i=false}else if(this.breakpoint==="medium"&&!this.mql[0].matches){i=false}n=i?"top-start":"top-end";if(this.direction==="left"){n="top-end"}else if(this.direction==="right"){n="top-start"}return[4,computePosition(this.buttonEl,this.popupElement,{placement:n,middleware:[flip(),shift({padding:5}),arrow({element:this.arrowEl})]})];case 1:s=o.sent();this.tooltipY=s.y;this.tooltipX=s.x;this.placement=s.placement;this.arrowY=(t=s.middlewareData.arrow)===null||t===void 0?void 0:t.y;this.arrowX=(e=s.middlewareData.arrow)===null||e===void 0?void 0:e.x;return[2]}}))}))};this.placement="bottom";this.tooltipY=undefined;this.tooltipX=undefined;this.arrowX=undefined;this.arrowY=undefined;this.buttonActive=undefined;this.theme="";this.language=getLanguage();this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"};this.accessibleLabel=getLocaleString(this.accessibleLabelDefault,this.language);this.accessibleAboutLabel=undefined;this.accessibleInputLabel=undefined;this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"};this.accessibleCloseLabel=getLocaleString(this.accessibleCloseLabelDefault,this.language);this.label="";this.breakpoint="medium";this.direction="auto";this.positionVertical="0";this.positionHorizontal="0";this.active=false;this.negative=false}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.buttonActive=this.active};t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=this;return[4,this.popupElement.getArrowElement()];case 1:t.arrowEl=i.sent();e=this;return[4,this.popupElement.getContentElement()];case 2:e.contentEl=i.sent();this.updatePlacement();if(!this.active)return[3,4];this.openTooltip();return[4,this.handleActiveChange(this.active)];case 3:i.sent();i.label=4;case 4:this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body});this.intersectionObserver.observe(this.element);return[2]}}))}))};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}])};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.handleDocumentClick=function(t){var e=this;if(!this.active){return}var i=t.composedPath();var n=i.every((function(t){return t!==e.element&&t!==e.contentEl}));if(n){this.closeTooltip()}};t.prototype.handleKeyDown=function(t){if(this.active&&isEscapeKey(t)){this.closeTooltip(true)}};t.prototype.handlePopupClose=function(){if(this.active){this.closeTooltip(true)}};t.prototype.handleActiveChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t){this.autoUpdateCleanup=autoUpdate(this.buttonEl,this.popupElement,this.updatePlacement)}else{this.autoUpdateCleanup()}return[2]}))}))};t.prototype.render=function(){var t=this;var e={transform:"translateY(".concat(this.positionVertical,") translateX(").concat(this.positionHorizontal,")"),zIndex:this.active?"201":""};var i={position:"relative",overflow:this.active?"visible":"hidden"};var n={top:"".concat(this.tooltipY,"px"),left:"".concat(this.tooltipX,"px"),display:"block","pointer-events":this.active?"auto":"none"};var s={top:this.arrowY?"".concat(this.arrowY,"px"):undefined,left:this.arrowX?"".concat(this.arrowX,"px"):undefined};return h(Host,{style:e},h("duet-tooltip-button",{ref:function(e){return t.buttonEl=e},active:this.buttonActive,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel&&"".concat(this.accessibleInputLabel,", ").concat(this.accessibleLabel)||this.accessibleAboutLabel&&"".concat(this.accessibleLabel," ").concat(this.aboutString[this.language]," ").concat(this.accessibleAboutLabel)||this.accessibleLabel,onClick:this.toggleOpen,theme:this.theme,negative:this.negative}),h("div",{style:i},h("duet-tooltip-popup",{ref:function(e){return t.popupElement=e},active:this.active,tooltipId:this.tooltipId,arrowStyles:s,style:n,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel,theme:this.theme},h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["handleActiveChange"]}},enumerable:false,configurable:true});return t}();DuetTooltip.style=DuetTooltipStyle0;export{DuetTooltip as duet_tooltip};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-ed83a687.js";import{s as sizeHeader}from"./tokens.module-a746651a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-d2c8afdc.js";import"./string-utils-192eb3c8.js";var duetTrayCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);visibility:hidden;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}';var DuetTrayStyle0=duetTrayCss;var topOffset=parseFloat(sizeHeader)*2*16;var DuetTray=function(){function e(e){var t=this;registerInstance(this,e);this.isTicking=false;this.expandableId=createID("DuetTray");this.animationLoop=function(){t.hiddenState=window.pageYOffset<topOffset;t.isTicking=false};this.toggleExpandable=function(e){e.preventDefault();t.expanded=!t.expanded};this.expanded=false;this.hiddenState=false;this.language=getLanguage();this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"};this.accessibleCloseLabel=getLocaleString(this.accessibleCloseLabelDefaults,this.language);this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"};this.accessibleOpenLabel=getLocaleString(this.accessibleOpenLabelDefaults,this.language);this.theme="";this.active=false;this.autoHide=true;this.responsive=true}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]);subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this)};e.prototype.getFrame=function(){if(!this.isTicking&&this.autoHide&&this.active){requestAnimationFrame(this.animationLoop);this.isTicking=true}};e.prototype.handleBodyClick=function(e){if(this.expanded){this.expanded=this.element.contains(e.target)}};e.prototype.render=function(){var e=this;return h("div",{key:"422e3ef16e6442e5e64ddeb7cf159aba8480bb0c",class:{"duet-tray":true,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":this.theme==="turva","duet-tray-is-expandable":this.hasAdditionalContent}},h("div",{key:"2a123be4ba03f0ca7097365d9d28501f3e55dfb1",class:"duet-tray-default-content",role:"status"},h("slot",{key:"170a493490fc917470b22039d4d9205c4925ad48"})),this.hasAdditionalContent&&h(Fragment,{key:"398d11e06e1f271c565170e15ecb307741e1d9c5"},h("button",{key:"ee94b64530befedfd2d8388fd4ad18d49f32e1f3","aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:function(t){return e.toggleExpandable(t)},class:{"duet-tray-button":true,"duet-tray-is-expanded":this.expanded}},h("duet-icon",{key:"af7c543c625487955c4c06b3904ace9e0042bcc1",name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),h("duet-visually-hidden",{key:"4800b309084526993db20f4e98b9ecd45e6831d0"},this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),h("div",{key:"7cd6e21a5665066901ea37827c47e5569bc9ff5e",id:this.expandableId,class:{"duet-tray-expandable":true,active:this.expanded}},h("div",{key:"a8912419d82f6acb7eb4e8c4de5a3b083ab059cb",class:"duet-tray-expandable-content"},h("slot",{key:"9de06515af6bd91e8b82b45e7dfec1ead9b8092d",name:"additional"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetTray.style=DuetTrayStyle0;export{DuetTray as duet_tray};
+import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-1a6cee61.js";import{s as sizeHeader}from"./tokens.module-a746651a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-8a9d5323.js";import"./string-utils-192eb3c8.js";var duetTrayCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);visibility:hidden;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}';var DuetTrayStyle0=duetTrayCss;var topOffset=parseFloat(sizeHeader)*2*16;var DuetTray=function(){function e(e){var t=this;registerInstance(this,e);this.isTicking=false;this.expandableId=createID("DuetTray");this.animationLoop=function(){t.hiddenState=window.pageYOffset<topOffset;t.isTicking=false};this.toggleExpandable=function(e){e.preventDefault();t.expanded=!t.expanded};this.expanded=false;this.hiddenState=false;this.language=getLanguage();this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"};this.accessibleCloseLabel=getLocaleString(this.accessibleCloseLabelDefaults,this.language);this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"};this.accessibleOpenLabel=getLocaleString(this.accessibleOpenLabelDefaults,this.language);this.theme="";this.active=false;this.autoHide=true;this.responsive=true}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]);subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this)};e.prototype.getFrame=function(){if(!this.isTicking&&this.autoHide&&this.active){requestAnimationFrame(this.animationLoop);this.isTicking=true}};e.prototype.handleBodyClick=function(e){if(this.expanded){this.expanded=this.element.contains(e.target)}};e.prototype.render=function(){var e=this;return h("div",{key:"62a748ef2e433a9c2d08652ec04a9a10971a3ac9",class:{"duet-tray":true,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":this.theme==="turva","duet-tray-is-expandable":this.hasAdditionalContent}},h("div",{key:"d33fb1333ae4950b44ab3c86e803548c6a468552",class:"duet-tray-default-content",role:"status"},h("slot",{key:"d6ebec5a86056d4e1dbe077afbe5f7ef37984c0c"})),this.hasAdditionalContent&&h(Fragment,{key:"49232fadf33105d0aa26fd5fb7b6e666eedc0b1a"},h("button",{key:"0859a84faede30184a5f6e731f98fb6aea8f8d5c","aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:function(t){return e.toggleExpandable(t)},class:{"duet-tray-button":true,"duet-tray-is-expanded":this.expanded}},h("duet-icon",{key:"4e5480e755aa9cb9237b6b8f2e8f95270cd9f4d0",name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),h("duet-visually-hidden",{key:"f0dbe2e47e92902228f9ef20810b22486b40db60"},this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),h("div",{key:"15c7bb123ddd408339dee76a90706e40e485c6ac",id:this.expandableId,class:{"duet-tray-expandable":true,active:this.expanded}},h("div",{key:"44cd2bb16519b7c134baeb4042a2e960ddaaf229",class:"duet-tray-expandable-content"},h("slot",{key:"3e88358f56fb1479159dd0aabc7bd20dc702ece2",name:"additional"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetTray.style=DuetTrayStyle0;export{DuetTray as duet_tray};

package/lib/esm-es5/duet-upload-aria-status.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-ed83a687.js";var DuetUploadAriaStatus=function(){function e(e){var t=this;registerInstance(this,e);this.replacePlaceHolders=function(e){var r=function(e){return e>1?"".concat(e," ").concat(t.statusMessageLabel.files):"".concat(e," ").concat(t.statusMessageLabel.file)};return e.replace("{filesUploaded}",r(t.valid)).replace("{filesInProgress}",r(t.inprogress)).replace("{filesTotal}",r(t.total)).replace("{filesWithErrors}",r(t.invalid))};this.getStatusMessage=function(){var e=t.statusMessageLabel,r=e.done,a=e.inProgress,n=e.doneWithErrors,i=e.inProgressWithErrors;var s=t.invalid>0;var u=t.inprogress>0;var l=t.inprogress>0&&s;var f=t.valid===t.total&&!u&&!s;var d=t.valid+t.invalid===t.total&&!u;if(f){t.statusMessage=t.replacePlaceHolders(r);return}else if(l){t.statusMessage=t.replacePlaceHolders(i);return}else if(u){t.statusMessage=t.replacePlaceHolders(a);return}else if(d){t.statusMessage=t.replacePlaceHolders(n);return}return};this.statusMessage=null;this.statusMessageLabel=null;this.accessibleAriaLive="polite";this.valid=undefined;this.total=undefined;this.invalid=undefined;this.inprogress=undefined}e.prototype.watchHandler=function(e,t){if(e!==t){this.getStatusMessage()}};e.prototype.render=function(){return h(Host,{key:"86d09688da162133dae76983bbfc285abf03ec4b",role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},h("duet-visually-hidden",{key:"22fb5bc7a884e3d9b63f68b6720cdf9550418082"},this.statusMessage))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}},enumerable:false,configurable:true});return e}();export{DuetUploadAriaStatus as duet_upload_aria_status};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";var DuetUploadAriaStatus=function(){function e(e){var t=this;registerInstance(this,e);this.replacePlaceHolders=function(e){var a=function(e){return e>1?"".concat(e," ").concat(t.statusMessageLabel.files):"".concat(e," ").concat(t.statusMessageLabel.file)};return e.replace("{filesUploaded}",a(t.valid)).replace("{filesInProgress}",a(t.inprogress)).replace("{filesTotal}",a(t.total)).replace("{filesWithErrors}",a(t.invalid))};this.getStatusMessage=function(){var e=t.statusMessageLabel,a=e.done,r=e.inProgress,n=e.doneWithErrors,i=e.inProgressWithErrors;var s=t.invalid>0;var u=t.inprogress>0;var l=t.inprogress>0&&s;var d=t.valid===t.total&&!u&&!s;var f=t.valid+t.invalid===t.total&&!u;if(d){t.statusMessage=t.replacePlaceHolders(a);return}else if(l){t.statusMessage=t.replacePlaceHolders(i);return}else if(u){t.statusMessage=t.replacePlaceHolders(r);return}else if(f){t.statusMessage=t.replacePlaceHolders(n);return}return};this.statusMessage=null;this.statusMessageLabel=null;this.accessibleAriaLive="polite";this.valid=undefined;this.total=undefined;this.invalid=undefined;this.inprogress=undefined}e.prototype.watchHandler=function(e,t){if(e!==t){this.getStatusMessage()}};e.prototype.render=function(){return h(Host,{key:"bdc206d7a5aaa10e9421f53a42ec755da049ac33",role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},h("duet-visually-hidden",{key:"775f92ae2d6d7117959777a7a0127031cda0a30c"},this.statusMessage))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}},enumerable:false,configurable:true});return e}();export{DuetUploadAriaStatus as duet_upload_aria_status};

package/lib/esm-es5/duet-upload-item.entry.js

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,a){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function s(e){try{c(a.next(e))}catch(e){r(e)}}function o(e){try{c(a["throw"](e))}catch(e){r(e)}}function c(e){e.done?n(e.value):i(e.value).then(s,o)}c((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return c([e,t])}}function c(o){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(a=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){n.label=o[1];break}if(o[0]===6&&n.label<r[1]){n.label=r[1];r=o;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(o);break}if(r[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];i=0}finally{a=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function s(e){try{u(i.next(e))}catch(e){r(e)}}function o(e){try{u(i["throw"](e))}catch(e){r(e)}}function u(e){e.done?n(e.value):a(e.value).then(s,o)}u((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return u([e,t])}}function u(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;a=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){n.label=o[1];break}if(o[0]===6&&n.label<r[1]){n.label=r[1];r=o;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(o);break}if(r[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];a=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,g as getElement}from"./index-ed83a687.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getLocaleString}from"./language-utils-d2c8afdc.js";import{a as getI18nError}from"./errorcodes.utils-e55da25d.js";import"./string-utils-192eb3c8.js";var formatBytes=function(e,t){if(t===void 0){t=2}if(e===0){return"0 Bytes"}var n=1024;var a=t<0?0:t;var i=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"];var r=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,r)).toFixed(a))+" "+i[r]};var duetUploadItemCss=".file-link::part(duet-link){text-decoration:none}";var DuetUploadItemStyle0=duetUploadItemCss;var DuetUploadItem=function(){function e(e){var t=this;registerInstance(this,e);this.fileUploadingInfo={fi:"Tiedosto latautuu",sv:"Filen laddas upp",en:"File is uploading"};this.onLinkClick=function(e){var n=t.data,a=n.url,i=n.meta;if(!!t.linkClickEvent){e.preventDefault();t.linkClickEvent.emit({component:"duet-upload",data:{name:t.data.item.name,url:a,meta:i}})}};this.theme="";this.data=undefined;this.type=undefined;this.showLinks=undefined;this.actions=undefined;this.buttonTitles=undefined;this.label=undefined;this.categoryLabel=undefined;this.errorCodes=undefined;this.showCategory=undefined;this.linkClickEvent=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.focusActionButton=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.actionButton)return[3,2];return[4,this.actionButton.setFocus({preventScroll:true})];case 1:e.sent();this.actionButton.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"});e.label=2;case 2:return[2]}}))}))};e.prototype.getFileNameLine=function(){var e=this.data,t=e.item,n=e.size,a=e.uploaded,i=e.url,r=e.progress,s=e.error;var o=t.name;var c=h("span",{class:"duet-upload-item-name"},h("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),o);var u=h("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",formatBytes(n),")");switch(this.type){case"inprogress":return h("span",{class:"duet-upload-item-name",role:"status"},h("duet-paragraph",{class:"duet-upload-item-name",color:"gray-darker",margin:"none",weight:"semi-bold"},h("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),o),h("duet-visually-hidden",null,h("duet-paragraph",null,getLocaleString(this.fileUploadingInfo))),h("duet-progress",{theme:this.theme,progress:Math.ceil(r),"aria-hidden":true}));case"pending":return h("span",{class:"duet-upload-item-name"},h("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),o);case"failure":return h("span",{class:"duet-upload-item-error",role:"status"},h("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},h("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),o),h("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},getI18nError(s.type,this.errorCodes)));default:return a&&i&&this.showLinks?h("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},h("duet-link",{class:"file-link",onClick:this.onLinkClick,url:i},c),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),u):h("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},c,h("duet-spacer",{size:"xx-small",direction:"horizontal"}),u)}};e.prototype.getActionButtonTitle=function(e){if(this.buttonTitles[e.name]===true||this.buttonTitles[e.name]===false){return e}return getLocaleString(this.buttonTitles[e.name])};e.prototype.render=function(){var e=this;var t=this.data,n=t.uid,a=t.meta,i=t.item;var r=a&&a.badges?h("span",null,a.badges.map((function(e){return h("duet-badge",{color:"primary"},e)}))):undefined;var s="".concat(a&&a.badges?a.badges.join(","):""," ").concat(i.name);return h("div",{key:"9a4a5dc0a101ccb013a41d6b87a8c9ed8b0e2d7b",class:{"upload-item-row":true}},this.showCategory&&h("div",{key:"ecdfc43a5217eb4b917c54c728c751d7457fc4b8",class:"item-categories"},h("duet-heading",{key:"d8ebd5747f8a58146523c31cfe9a145fcaccb673",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},getLocaleString(this.categoryLabel)),r),h("div",{key:"8cff3489a1f96f62170c2653c3b10bca450db5e2",class:{"item-name":true,"no-category":!this.showCategory}},!!this.label&&h("duet-heading",{key:"45f4bbb20e7a4d1f6b3ba0022e54c01c4340a740",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},getLocaleString(this.label)),this.getFileNameLine()),h("div",{key:"2e20dafc9e776166217d42e921c942344d61c26f",class:"item-actions"},this.actions.map((function(t){return h("duet-action-button",{actionMeta:Object.assign({},a||{}),actionId:n||null,actionName:t.name,theme:e.theme,iconName:t.icon,iconColor:t.color,iconSize:t.size,background:t.background,"accessible-label":"".concat(s," ").concat(getLocaleString(t.label)," "),accessibleTitle:e.getActionButtonTitle(t),ref:function(t){return e.actionButton=t}})}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetUploadItem.style=DuetUploadItemStyle0;export{DuetUploadItem as duet_upload_item};
+ */import{r as registerInstance,h,g as getElement}from"./index-1a6cee61.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getLocaleString}from"./language-utils-8a9d5323.js";import{a as getI18nError}from"./errorcodes.utils-416994cc.js";import"./string-utils-192eb3c8.js";var formatBytes=function(e,t){if(t===void 0){t=2}if(e===0){return"0 Bytes"}var n=1024;var i=t<0?0:t;var a=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"];var r=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,r)).toFixed(i))+" "+a[r]};var duetUploadItemCss=".file-link::part(duet-link){text-decoration:none}";var DuetUploadItemStyle0=duetUploadItemCss;var DuetUploadItem=function(){function e(e){var t=this;registerInstance(this,e);this.fileUploadingInfo={fi:"Tiedosto latautuu",sv:"Filen laddas upp",en:"File is uploading"};this.onLinkClick=function(e){var n=t.data,i=n.url,a=n.meta;if(!!t.linkClickEvent){e.preventDefault();t.linkClickEvent.emit({component:"duet-upload",data:{name:t.data.item.name,url:i,meta:a}})}};this.theme="";this.data=undefined;this.type=undefined;this.showLinks=undefined;this.actions=undefined;this.buttonTitles=undefined;this.label=undefined;this.categoryLabel=undefined;this.errorCodes=undefined;this.showCategory=undefined;this.linkClickEvent=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.focusActionButton=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.actionButton)return[3,2];return[4,this.actionButton.setFocus({preventScroll:true})];case 1:e.sent();this.actionButton.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"});e.label=2;case 2:return[2]}}))}))};e.prototype.getFileNameLine=function(){var e=this.data,t=e.item,n=e.size,i=e.uploaded,a=e.url,r=e.progress,s=e.error;var o=t.name;var u=h("span",{class:"duet-upload-item-name"},h("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),o);var l=h("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",formatBytes(n),")");switch(this.type){case"inprogress":return h("span",{class:"duet-upload-item-name",role:"status"},h("duet-paragraph",{class:"duet-upload-item-name",color:"gray-darker",margin:"none",weight:"semi-bold"},h("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),o),h("duet-visually-hidden",null,h("duet-paragraph",null,getLocaleString(this.fileUploadingInfo))),h("duet-progress",{theme:this.theme,progress:Math.ceil(r),"aria-hidden":true}));case"pending":return h("span",{class:"duet-upload-item-name"},h("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),o);case"failure":return h("span",{class:"duet-upload-item-error",role:"status"},h("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},h("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),o),h("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},getI18nError(s.type,this.errorCodes)));default:return i&&a&&this.showLinks?h("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},h("duet-link",{class:"file-link",onClick:this.onLinkClick,url:a},u),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),l):h("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},u,h("duet-spacer",{size:"xx-small",direction:"horizontal"}),l)}};e.prototype.getActionButtonTitle=function(e){if(this.buttonTitles[e.name]===true||this.buttonTitles[e.name]===false){return e}return getLocaleString(this.buttonTitles[e.name])};e.prototype.render=function(){var e=this;var t=this.data,n=t.uid,i=t.meta,a=t.item;var r=i&&i.badges?h("span",null,i.badges.map((function(e){return h("duet-badge",{color:"primary"},e)}))):undefined;var s="".concat(i&&i.badges?i.badges.join(","):""," ").concat(a.name);return h("div",{key:"6d84bc2db390b61ac7dbb5f160216ecd90d974a3",class:{"upload-item-row":true}},this.showCategory&&h("div",{key:"179c0bd56688fbc5e2b35d998bc56b1c6c5970b1",class:"item-categories"},h("duet-heading",{key:"47185e8203639e95f3bff7a165fb8e90f940d6f1",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},getLocaleString(this.categoryLabel)),r),h("div",{key:"ad6344397645ec78932b03f2193942650fd79edd",class:{"item-name":true,"no-category":!this.showCategory}},!!this.label&&h("duet-heading",{key:"5254d0756125a0d56d135082905516e98b41033b",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},getLocaleString(this.label)),this.getFileNameLine()),h("div",{key:"89ecd7da40161405ec0d94738ee876bde5f9bf0a",class:"item-actions"},this.actions.map((function(t){return h("duet-action-button",{actionMeta:Object.assign({},i||{}),actionId:n||null,actionName:t.name,theme:e.theme,iconName:t.icon,iconColor:t.color,iconSize:t.size,background:t.background,"accessible-label":"".concat(s," ").concat(getLocaleString(t.label)," "),accessibleTitle:e.getActionButtonTitle(t),ref:function(t){return e.actionButton=t}})}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetUploadItem.style=DuetUploadItemStyle0;export{DuetUploadItem as duet_upload_item};

package/lib/esm-es5/duet-visually-hidden.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-ed83a687.js";var duetVisuallyHiddenCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";var DuetVisuallyHiddenStyle0=duetVisuallyHiddenCss;var DuetVisuallyHidden=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"1a63587b9972cddb552468bea28f8146b8d302df",class:"duet-visually-hidden"},h("slot",{key:"a3e8c6847caa94f67d82569bc769a6397ccc8c56"}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetVisuallyHidden.style=DuetVisuallyHiddenStyle0;export{DuetVisuallyHidden as duet_visually_hidden};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-1a6cee61.js";var duetVisuallyHiddenCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";var DuetVisuallyHiddenStyle0=duetVisuallyHiddenCss;var DuetVisuallyHidden=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"05190fb820e1ab0fe45ada907bdccf668d437daf",class:"duet-visually-hidden"},h("slot",{key:"e8541096543249aae0b11507ad7194c154f149ca"}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetVisuallyHidden.style=DuetVisuallyHiddenStyle0;export{DuetVisuallyHidden as duet_visually_hidden};