npm - @duetds/components - Versions diffs - 7.0.8 → 7.0.10 - Mend

@duetds/components 7.0.8 → 7.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (546) hide show

package/lib/esm-es5/duet-textarea.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,a,r){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function n(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?a(e.value):i(e.value).then(n,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,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 l([e,t])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(a=0)),a)try{if(r=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;i=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){a.label=s[1];break}if(s[0]===6&&a.label<o[1]){a.label=o[1];o=s;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(s);break}if(o[2])a.ops.pop();a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e];i=0}finally{r=o=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,c as createEvent,h,H as Host,g as getElement}from"./index-a223aee0.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{c as cleanValue}from"./input-utils-de45e099.js";var duetTextareaCss='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{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(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(224, 42, 13) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px rgb(144, 149, 153)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px rgb(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px rgb(23, 28, 58)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{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(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}';var CharacterCount=function(e){var t=e.value,a=e.maxlength,r=e.label,i=e.theme;if(a==null){return}var o=t.length;var n=Math.max(a-o,0);var s=n/a<=.1;return h("div",{class:"duet-character-count"},h("duet-caption",{margin:"none",theme:i,size:"small"},h("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},s&&"".concat(n," ").concat(r)),h("span",{"aria-hidden":"true"},o,"/",a)))};var DuetTextarea=function(){function e(e){var t=this;registerInstance(this,e);this.duetInput=createEvent(this,"duetInput",7);this.duetChange=createEvent(this,"duetChange",7);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.textareaId=createID("DuetTextarea");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.labelId=createID("DuetLabel");this.errorId=createID("DuetError");this.characterCountId=createID("DuetCharacterCount");this.disallowPatternRegex=null;this.handleInput=function(e){if(t.disallowPatternRegex){cleanValue(t.nativeInput,t.disallowPatternRegex)}t.value=t.nativeInput.value;t.isCaptionVisible=!!t.caption;t.duetInput.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.handleChange=function(e){t.value=t.nativeInput.value;t.duetChange.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.handleBlur=function(e){t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.handleFocus=function(e){if(t.counter){t.hiddenCounterLabel.textContent="".concat(Math.max(t.maxlength-t.value.length,0),"/").concat(t.maxlength," ").concat(t.counterLabel)}t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.getDescribedBy=function(){var e=[];if(t.isCaptionVisible&&t.topCaptionId){e.push(t.topCaptionId)}if(t.accessibleDescribedBy){e.push(t.accessibleDescribedBy)}if(t.error){e.push(t.errorId)}if(t.counter){e.push(t.characterCountId)}return e.length>0?e.join(" "):null};this.margin="auto";this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.required=false;this.label="label";this.labelHidden=false;this.name=undefined;this.placeholder=undefined;this.caption=undefined;this.echoPlaceholder=false;this.maxlength=undefined;this.minlength=undefined;this.error="";this.role=undefined;this.tooltip="";this.tooltipDirection="auto";this.value="";this.disallowPattern=null;this.counter=false;this.counterLabel=undefined}e.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"g"):null};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;if(this.counter&&this.maxlength==null){console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}if(!this.counter&&this.counterLabel!=null){console.warn("[DUET WARNING]: counter-label is redundant unless used with counter")}if(this.counter&&!this.counterLabel){console.warn("[DUET WARNING]: counter requires counter-label to be set")}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.textareaId;return h(Host,{class:{"duet-m-0":this.margin==="none","duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},h("div",{class:{"duet-textarea-container":true,"duet-theme-turva":this.theme==="turva","duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},h("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",id:this.labelId,for:t},this.label),this.tooltip&&h("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium",theme:this.theme==="turva"?"turva":"default"},this.caption),h("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),h("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:function(t){return e.nativeInput=t},class:{"duet-textarea":true,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),h("duet-grid",{alignment:"stretch"},h("duet-grid-item",{margin:"none",fill:true},h("div",{class:"duet-textarea-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&h("span",null,this.error))),h("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&h(CharacterCount,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&h("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:function(t){e.hiddenCounterLabel=t}})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"]}},enumerable:false,configurable:true});return e}();DuetTextarea.style=duetTextareaCss;export{DuetTextarea as duet_textarea};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5e6959fa.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{c as cleanValue}from"./input-utils-de45e099.js";var duetTextareaCss='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{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(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(224, 42, 13) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px rgb(144, 149, 153)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px rgb(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px rgb(23, 28, 58)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px rgb(224, 42, 13)}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{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(116, 116, 117)}.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}';var CharacterCount=function(e){var t=e.value,a=e.maxlength,r=e.label,i=e.theme;if(a==null){return}var o=t.length;var n=Math.max(a-o,0);var s=n/a<=.1;return h("div",{class:"duet-character-count"},h("duet-caption",{margin:"none",theme:i,size:"small"},h("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},s&&"".concat(n," ").concat(r)),h("span",{"aria-hidden":"true"},o,"/",a)))};var DuetTextarea=function(){function e(e){var t=this;registerInstance(this,e);this.duetInput=createEvent(this,"duetInput",7);this.duetChange=createEvent(this,"duetChange",7);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.textareaId=createID("DuetTextarea");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.labelId=createID("DuetLabel");this.errorId=createID("DuetError");this.characterCountId=createID("DuetCharacterCount");this.disallowPatternRegex=null;this.handleInput=function(e){if(t.disallowPatternRegex){cleanValue(t.nativeInput,t.disallowPatternRegex)}t.value=t.nativeInput.value;t.isCaptionVisible=!!t.caption;t.duetInput.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.handleChange=function(e){t.value=t.nativeInput.value;t.duetChange.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.handleBlur=function(e){t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.handleFocus=function(e){if(t.counter){t.hiddenCounterLabel.textContent="".concat(Math.max(t.maxlength-t.value.length,0),"/").concat(t.maxlength," ").concat(t.counterLabel)}t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.getDescribedBy=function(){var e=[];if(t.isCaptionVisible&&t.topCaptionId){e.push(t.topCaptionId)}if(t.accessibleDescribedBy){e.push(t.accessibleDescribedBy)}if(t.error){e.push(t.errorId)}if(t.counter){e.push(t.characterCountId)}return e.length>0?e.join(" "):null};this.margin="auto";this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.required=false;this.label="label";this.labelHidden=false;this.name=undefined;this.placeholder=undefined;this.caption=undefined;this.echoPlaceholder=false;this.maxlength=undefined;this.minlength=undefined;this.error="";this.role=undefined;this.tooltip="";this.tooltipDirection="auto";this.value="";this.disallowPattern=null;this.counter=false;this.counterLabel=undefined}e.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"g"):null};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;if(this.counter&&this.maxlength==null){console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}if(!this.counter&&this.counterLabel!=null){console.warn("[DUET WARNING]: counter-label is redundant unless used with counter")}if(this.counter&&!this.counterLabel){console.warn("[DUET WARNING]: counter requires counter-label to be set")}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.textareaId;return h(Host,{class:{"duet-m-0":this.margin==="none","duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},h("div",{class:{"duet-textarea-container":true,"duet-theme-turva":this.theme==="turva","duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},h("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",id:this.labelId,for:t},this.label),this.tooltip&&h("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium",theme:this.theme==="turva"?"turva":"default"},this.caption),h("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),h("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:function(t){return e.nativeInput=t},class:{"duet-textarea":true,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),h("duet-grid",{alignment:"stretch"},h("duet-grid-item",{margin:"none",fill:true},h("div",{class:"duet-textarea-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&h("span",null,this.error))),h("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&h(CharacterCount,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&h("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:function(t){e.hiddenCounterLabel=t}})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"]}},enumerable:false,configurable:true});return e}();DuetTextarea.style=duetTextareaCss;export{DuetTextarea as duet_textarea};

package/lib/esm-es5/duet-toggle.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,o){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,d){function n(e){try{u(o.next(e))}catch(e){d(e)}}function r(e){try{u(o["throw"](e))}catch(e){d(e)}}function u(e){e.done?i(e.value):s(e.value).then(n,r)}u((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},o,s,d,n;return n={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function r(e){return function(t){return u([e,t])}}function u(r){if(o)throw new TypeError("Generator is already executing.");while(n&&(n=0,r[0]&&(i=0)),i)try{if(o=1,s&&(d=r[0]&2?s["return"]:r[0]?s["throw"]||((d=s["return"])&&d.call(s),0):s.next)&&!(d=d.call(s,r[1])).done)return d;if(s=0,d)r=[r[0]&2,d.value];switch(r[0]){case 0:case 1:d=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;s=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(d=i.trys,d=d.length>0&&d[d.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!d||r[1]>d[0]&&r[1]<d[3])){i.label=r[1];break}if(r[0]===6&&i.label<d[1]){i.label=d[1];d=r;break}if(d&&i.label<d[2]){i.label=d[2];i.ops.push(r);break}if(d[2])i.ops.pop();i.trys.pop();continue}r=t.call(e,i)}catch(e){r=[6,e];s=0}finally{o=d=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-a223aee0.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";var duetToggleCss='*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-side-label.sc-duet-toggle{display:flex;gap:12px;align-items:center}.duet-side-label.sc-duet-toggle duet-label.sc-duet-toggle{width:auto !important}.duet-reverse-label.sc-duet-toggle{flex-direction:row-reverse}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{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}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(198, 12, 48)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#c8cacc}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#bababa}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#80bbd9}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#e38698}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(23, 28, 58)}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(144, 149, 153);border-radius:24px;transition:background-color 300ms ease}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px #5d6266;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{background-color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px #414142}';var DuetToggle=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.toggleId=createID("DuetToggle");this.onClick=function(e){e.preventDefault();t.setFocus();t.checked=!t.checked};this.theme="";this.margin="auto";this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.label="label";this.labelPosition="top";this.required=false;this.disabled=false;this.checked=false;this.value=undefined;this.identifier=undefined;this.name=undefined;this.role=undefined}e.prototype.checkedChanged=function(e){this.duetChange.emit({checked:e,value:this.value,component:"duet-toggle"})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.toggleId;return h(Host,{onClick:this.disabled?undefined:this.onClick,class:{"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-toggle":true,"duet-theme-turva":this.theme==="turva","duet-side-label":this.labelPosition!=="top","duet-reverse-label":this.labelPosition==="right"}},h("duet-label",{theme:this.theme,for:t,margin:this.labelPosition==="top"?"auto":"none"},this.label),h("label",{class:"duet-switch",htmlFor:t},h("input",{type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled,ref:function(t){return e.nativeInput=t}}),h("div",{class:"duet-slider"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();DuetToggle.style=duetToggleCss;export{DuetToggle as duet_toggle};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5e6959fa.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";var duetToggleCss='*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-side-label.sc-duet-toggle{display:flex;gap:12px;align-items:center}.duet-side-label.sc-duet-toggle duet-label.sc-duet-toggle{width:auto !important}.duet-reverse-label.sc-duet-toggle{flex-direction:row-reverse}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{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}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(198, 12, 48)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#c8cacc}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#bababa}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#80bbd9}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#e38698}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(23, 28, 58)}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(144, 149, 153);border-radius:24px;transition:background-color 300ms ease}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px #5d6266;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{background-color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px #414142}';var DuetToggle=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.toggleId=createID("DuetToggle");this.onClick=function(e){e.preventDefault();t.setFocus();t.checked=!t.checked};this.theme="";this.margin="auto";this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.label="label";this.labelPosition="top";this.required=false;this.disabled=false;this.checked=false;this.value=undefined;this.identifier=undefined;this.name=undefined;this.role=undefined}e.prototype.checkedChanged=function(e){this.duetChange.emit({checked:e,value:this.value,component:"duet-toggle"})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.toggleId;return h(Host,{onClick:this.disabled?undefined:this.onClick,class:{"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-toggle":true,"duet-theme-turva":this.theme==="turva","duet-side-label":this.labelPosition!=="top","duet-reverse-label":this.labelPosition==="right"}},h("duet-label",{theme:this.theme,for:t,margin:this.labelPosition==="top"?"auto":"none"},this.label),h("label",{class:"duet-switch",htmlFor:t},h("input",{type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled,ref:function(t){return e.nativeInput=t}}),h("div",{class:"duet-slider"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();DuetToggle.style=duetToggleCss;export{DuetToggle as duet_toggle};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-a223aee0.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{f as isEscapeKey}from"./keyboard-utils-d237bd5a.js";var duetToolbarDropdownLinkCss='*,*::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;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-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-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-toolbar-dropdown-link.active,.duet-toolbar-dropdown-link.active:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-toolbar-dropdown-link.active.duet-theme-turva,.duet-toolbar-dropdown-link.active:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-toolbar-dropdown-link:hover{background:rgb(230, 242, 248)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}';var DuetToolbarDropdownLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.href="#";this.icon=undefined;this.active=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var o=this.element.closest("duet-toolbar-dropdown");o.open=false;o.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,null,h("a",{class:{"duet-toolbar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:function(o){return e.handleEscape(o)}},this.icon&&h("duet-icon",{name:this.icon,size:"x-small",margin:"none"}),h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarDropdownLink.style=duetToolbarDropdownLinkCss;export{DuetToolbarDropdownLink as duet_toolbar_dropdown_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5e6959fa.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{f as isEscapeKey}from"./keyboard-utils-d237bd5a.js";var duetToolbarDropdownLinkCss='*,*::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;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-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-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-toolbar-dropdown-link.active,.duet-toolbar-dropdown-link.active:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-toolbar-dropdown-link.active.duet-theme-turva,.duet-toolbar-dropdown-link.active:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-toolbar-dropdown-link:hover{background:rgb(230, 242, 248)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}';var DuetToolbarDropdownLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.href="#";this.icon=undefined;this.active=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var o=this.element.closest("duet-toolbar-dropdown");o.open=false;o.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,null,h("a",{class:{"duet-toolbar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:function(o){return e.handleEscape(o)}},this.icon&&h("duet-icon",{name:this.icon,size:"x-small",margin:"none"}),h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarDropdownLink.style=duetToolbarDropdownLinkCss;export{DuetToolbarDropdownLink as duet_toolbar_dropdown_link};

package/lib/esm-es5/duet-toolbar-dropdown.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,n){function r(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,a){function i(e){try{u(n.next(e))}catch(e){a(e)}}function l(e){try{u(n["throw"](e))}catch(e){a(e)}}function u(e){e.done?o(e.value):r(e.value).then(i,l)}u((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return u([e,t])}}function u(l){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,l[0]&&(o=0)),o)try{if(n=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:o.label++;return{value:l[1],done:false};case 5:o.label++;r=l[1];l=[0];continue;case 7:l=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){o=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){o.label=l[1];break}if(l[0]===6&&o.label<a[1]){o.label=a[1];a=l;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(l);break}if(a[2])o.ops.pop();o.trys.pop();continue}l=t.call(e,o)}catch(e){l=[6,e];r=0}finally{n=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function i(t){try{u(n.next(t))}catch(t){a(t)}}function l(t){try{u(n["throw"](t))}catch(t){a(t)}}function u(t){t.done?o(t.value):r(t.value).then(i,l)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(t){return function(e){return u([t,e])}}function u(l){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,l[0]&&(o=0)),o)try{if(n=1,r&&(a=l[0]&2?r["return"]:l[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;if(r=0,a)l=[l[0]&2,a.value];switch(l[0]){case 0:case 1:a=l;break;case 4:o.label++;return{value:l[1],done:false};case 5:o.label++;r=l[1];l=[0];continue;case 7:l=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(l[0]===6||l[0]===2)){o=0;continue}if(l[0]===3&&(!a||l[1]>a[0]&&l[1]<a[3])){o.label=l[1];break}if(l[0]===6&&o.label<a[1]){o.label=a[1];a=l;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(l);break}if(a[2])o.ops.pop();o.trys.pop();continue}l=e.call(t,o)}catch(t){l=[6,t];r=0}finally{n=a=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-a223aee0.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{f as isEscapeKey}from"./keyboard-utils-d237bd5a.js";var duetToolbarDropdownCss='*,*::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-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{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, 77, 128);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(0, 41, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::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-dropdown .items{position:absolute;top:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:rgb(0, 41, 77);background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(245, 245, 247)}';var DuetToolbarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){t.open=!t.open};this.theme="";this.accessibleLabel=undefined;this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var o=e.composedPath().every((function(e){return e!==t.element}));if(o){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){this.open=false;this.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e;var t=this;var o="right";if(this.element&&this.element.parentElement){o=this.element.parentElement.getAttribute("slot")==="left"?"right":"left"}return h(Host,null,h("div",{class:(e={"duet-toolbar-dropdown":true,"duet-theme-turva":this.theme==="turva"},e[o]=true,e)},h("button",{ref:function(e){return t.button=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,id:"button",type:"button",class:{active:this.active,open:this.open},onClick:this.onClick,onKeyUp:function(e){return t.handleEscape(e)}},this.icon&&h("duet-icon",{theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("div",{class:"label"},h("slot",{name:"label"}),h("duet-icon",{class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarDropdown.style=duetToolbarDropdownCss;export{DuetToolbarDropdown as duet_toolbar_dropdown};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5e6959fa.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{f as isEscapeKey}from"./keyboard-utils-d237bd5a.js";var duetToolbarDropdownCss='*,*::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-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{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, 77, 128);text-align:center;text-decoration:none;cursor:pointer}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(0, 41, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::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-dropdown .items{position:absolute;top:102%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;padding:1rem 0;color:rgb(0, 41, 77);background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(245, 245, 247)}';var DuetToolbarDropdown=function(){function t(t){var e=this;registerInstance(this,t);this.onClick=function(){e.open=!e.open};this.theme="";this.accessibleLabel=undefined;this.active=false;this.open=false;this.icon=undefined}t.prototype.handleFocus=function(t){var e=this;var o=t.composedPath().every((function(t){return t!==e.element}));if(o){this.open=false}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.handleEscape=function(t){if(isEscapeKey(t)){this.open=false;this.setFocus()}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.button.focus(t);return[2]}))}))};t.prototype.render=function(){var t;var e=this;var o="right";if(this.element&&this.element.parentElement){o=this.element.parentElement.getAttribute("slot")==="left"?"right":"left"}return h(Host,null,h("div",{class:(t={"duet-toolbar-dropdown":true,"duet-theme-turva":this.theme==="turva"},t[o]=true,t)},h("button",{ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,id:"button",type:"button",class:{active:this.active,open:this.open},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("div",{class:"label"},h("slot",{name:"label"}),h("duet-icon",{class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetToolbarDropdown.style=duetToolbarDropdownCss;export{DuetToolbarDropdown as duet_toolbar_dropdown};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-a223aee0.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.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, 77, 128);text-align:center;text-decoration:none;white-space:nowrap}.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:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-toolbar-link.active{color:rgb(0, 41, 77)}.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)}';var DuetToolbarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,null,h("a",{class:{"duet-toolbar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarLink.style=duetToolbarLinkCss;export{DuetToolbarLink as duet_toolbar_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5e6959fa.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.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, 77, 128);text-align:center;text-decoration:none;white-space:nowrap}.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:hover{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-toolbar-link.active{color:rgb(0, 41, 77)}.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)}';var DuetToolbarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,null,h("a",{class:{"duet-toolbar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarLink.style=duetToolbarLinkCss;export{DuetToolbarLink as duet_toolbar_link};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-a223aee0.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.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;width:100%}.duet-toolbar{position:relative;z-index:2;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(225, 227, 230)}.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.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(228, 228, 230)}";var DuetToolbar=function(){function e(e){registerInstance(this,e);this.theme="";this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);var e=Array.from(this.element.children);for(var t=0,r=e;t<r.length;t++){var o=r[t];if(o.getAttribute("slot")==="left"){for(var n=0,a=Array.from(o.children);n<a.length;n++){var i=a[n];i.setAttribute("role","listitem")}}else if(o.getAttribute("slot")==="right"){for(var l=0,s=Array.from(o.children);l<s.length;l++){var i=s[l];i.setAttribute("role","listitem")}}}};e.prototype.render=function(){return h(Host,null,h("nav",{class:{"duet-toolbar":true,"duet-theme-turva":this.theme==="turva"},"aria-label":this.accessibleLabel},h("div",{class:"container"},h("div",{class:"list",role:"list"},h("slot",{name:"left"})),h("div",{class:"list",role:"list"},h("slot",{name:"right"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbar.style=duetToolbarCss;export{DuetToolbar as duet_toolbar};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5e6959fa.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.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;width:100%}.duet-toolbar{position:relative;z-index:2;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(225, 227, 230)}.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.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(228, 228, 230)}";var DuetToolbar=function(){function e(e){registerInstance(this,e);this.theme="";this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);var e=Array.from(this.element.children);for(var t=0,r=e;t<r.length;t++){var o=r[t];if(o.getAttribute("slot")==="left"){for(var n=0,a=Array.from(o.children);n<a.length;n++){var i=a[n];i.setAttribute("role","listitem")}}else if(o.getAttribute("slot")==="right"){for(var l=0,s=Array.from(o.children);l<s.length;l++){var i=s[l];i.setAttribute("role","listitem")}}}};e.prototype.render=function(){return h(Host,null,h("nav",{class:{"duet-toolbar":true,"duet-theme-turva":this.theme==="turva"},"aria-label":this.accessibleLabel},h("div",{class:"container"},h("div",{class:"list",role:"list"},h("slot",{name:"left"})),h("div",{class:"list",role:"list"},h("slot",{name:"right"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbar.style=duetToolbarCss;export{DuetToolbar as duet_toolbar};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,o,r){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{p(r.next(t))}catch(t){i(t)}}function l(t){try{p(r["throw"](t))}catch(t){i(t)}}function p(t){t.done?o(t.value):n(t.value).then(a,l)}p((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(t){return function(e){return p([t,e])}}function p(l){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(o=0)),o)try{if(r=1,n&&(i=l[0]&2?n["return"]:l[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,l[1])).done)return i;if(n=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:o.label++;return{value:l[1],done:false};case 5:o.label++;n=l[1];l=[0];continue;case 7:l=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){o=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){o.label=l[1];break}if(l[0]===6&&o.label<i[1]){o.label=i[1];i=l;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(l);break}if(i[2])o.ops.pop();o.trys.pop();continue}l=e.call(t,o)}catch(t){l=[6,t];n=0}finally{r=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[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-a223aee0.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{F as FocusGuard}from"./focus-utils-383e1d77.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:hover{color:rgb(0, 77, 128)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(148, 9, 37)}.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 rgb(0, 119, 179) !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 rgb(23, 28, 58) !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 DuetTooltipButton=function(){function t(t){registerInstance(this,t);this.label="";this.accessibleLabel=undefined;this.theme="";this.active=undefined;this.tooltipId=undefined}t.prototype.componentWillLoad=function(){inheritGlobalTheme(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,null,h("button",{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"}},h("svg",{"aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},h("path",{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",{cx:"11.625",cy:"7.125",r:"1.125"}),h("path",{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=duetTooltipButtonCss;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(0, 41, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);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(228, 228, 230);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(225, 227, 230)}.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(228, 228, 230)}.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(225, 227, 230)}.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(228, 228, 230)}.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 rgb(0, 119, 179)}: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 rgb(23, 28, 58)}.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(225, 227, 230);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(228, 228, 230)}.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(0, 41, 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 rgb(0, 119, 179)}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px rgb(23, 28, 58)}';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.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,null,h("div",{class:{"duet-tooltip":true,"duet-theme-turva":this.theme==="turva","duet-tooltip-active":this.active===true}},h(FocusGuard,{moveFocusTo:this.buttonEl}),h("div",{ref:function(t){return o.contentEl=t},class:"duet-tooltip-content-area",tabindex:0,id:this.tooltipId},h("slot",null)),h("div",{ref:function(t){return o.arrowEl=t},class:(t={arrow:true},t[this.placement]=true,t),style:this.arrowStyles},h("div",{class:(e={"arrow-container":true},e[this.placement]=true,e)})),h("button",{type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:function(t){return o.buttonEl=t}},h("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),h("duet-visually-hidden",null,this.accessibleCloseLabel)),h(FocusGuard,{moveFocusTo:this.contentEl})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTooltipPopup.style=duetTooltipPopupCss;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-5e6959fa.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{F as FocusGuard}from"./focus-utils-cec4482a.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:hover{color:rgb(0, 77, 128)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(148, 9, 37)}.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 rgb(0, 119, 179) !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 rgb(23, 28, 58) !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 DuetTooltipButton=function(){function t(t){registerInstance(this,t);this.label="";this.accessibleLabel=undefined;this.theme="";this.active=undefined;this.tooltipId=undefined}t.prototype.componentWillLoad=function(){inheritGlobalTheme(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,null,h("button",{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"}},h("svg",{"aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},h("path",{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",{cx:"11.625",cy:"7.125",r:"1.125"}),h("path",{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=duetTooltipButtonCss;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(0, 41, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);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(228, 228, 230);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(225, 227, 230)}.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(228, 228, 230)}.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(225, 227, 230)}.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(228, 228, 230)}.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 rgb(0, 119, 179)}: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 rgb(23, 28, 58)}.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(225, 227, 230);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(228, 228, 230)}.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(0, 41, 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 rgb(0, 119, 179)}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px rgb(23, 28, 58)}';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.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,null,h("div",{class:{"duet-tooltip":true,"duet-theme-turva":this.theme==="turva","duet-tooltip-active":this.active===true}},h(FocusGuard,{moveFocusTo:this.buttonEl}),h("div",{ref:function(t){return o.contentEl=t},class:"duet-tooltip-content-area",tabindex:0,id:this.tooltipId},h("slot",null)),h("div",{ref:function(t){return o.arrowEl=t},class:(t={arrow:true},t[this.placement]=true,t),style:this.arrowStyles},h("div",{class:(e={"arrow-container":true},e[this.placement]=true,e)})),h("button",{type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:function(t){return o.buttonEl=t}},h("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),h("duet-visually-hidden",null,this.accessibleCloseLabel)),h(FocusGuard,{moveFocusTo:this.contentEl})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTooltipPopup.style=duetTooltipPopupCss;export{DuetTooltipButton as duet_tooltip_button,DuetTooltipPopup as duet_tooltip_popup};

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

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,o){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function r(e){try{l(o.next(e))}catch(e){a(e)}}function s(e){try{l(o["throw"](e))}catch(e){a(e)}}function l(e){e.done?i(e.value):n(e.value).then(r,s)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,n,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(i=0)),i)try{if(o=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];n=0}finally{o=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function r(t){try{l(o.next(t))}catch(t){a(t)}}function s(t){try{l(o["throw"](t))}catch(t){a(t)}}function l(t){t.done?i(t.value):n(t.value).then(r,s)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,n,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(i=0)),i)try{if(o=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];n=0}finally{o=a=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-a223aee0.js";import{m as media_query_medium,a as media_query_large}from"./tokens-f6b32339.js";import{c as computePosition,f as flip,s as shift,a as arrow}from"./floating-ui.dom.esm-6025c98f.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{f as isEscapeKey}from"./keyboard-utils-d237bd5a.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-9d850f6c.js";import{T as Teleport}from"./teleport-6b18ccae.js";import"./string-utils-5954f458.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 DuetTooltip=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_medium.replace(/'/g,"")),window.matchMedia(media_query_large.replace(/'/g,""))];this.tooltipId=createID("DuetTooltip");this.openTooltip=function(){t.active=true;t.focusTarget="tooltip";t.teleport.go()};this.closeTooltip=function(e){if(e===void 0){e=false}t.active=false;if(e){t.focusTarget="trigger"}setTimeout((function(){t.teleport.resume();t.updatePlacement()}),200)};this.toggleOpen=function(){t.active?t.closeTooltip():t.openTooltip()};this.updatePlacement=function(){return __awaiter(t,void 0,void 0,(function(){var e,t,i,o,n;return __generator(this,(function(a){switch(a.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}o=i?"top-start":"top-end";if(this.direction==="left"){o="top-end"}else if(this.direction==="right"){o="top-start"}return[4,computePosition(this.buttonEl,this.popupElement,{placement:o,middleware:[flip(),shift({padding:5}),arrow({element:this.arrowEl})]})];case 1:n=a.sent();this.tooltipY=n.y;this.tooltipX=n.x;this.placement=n.placement;this.arrowY=(e=n.middlewareData.arrow)===null||e===void 0?void 0:e.y;this.arrowX=(t=n.middlewareData.arrow)===null||t===void 0?void 0:t.x;return[2]}}))}))};this.placement="bottom";this.tooltipY=undefined;this.tooltipX=undefined;this.arrowX=undefined;this.arrowY=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.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}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:e=this;return[4,this.popupElement.getArrowElement()];case 1:e.arrowEl=i.sent();t=this;return[4,this.popupElement.getContentElement()];case 2:t.contentEl=i.sent();this.teleport=new Teleport(this.popupElement);{this.updatePlacement()}if(this.active){this.openTooltip()}this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body});this.intersectionObserver.observe(this.element);return[2]}}))}))};e.prototype.componentDidUpdate=function(){var e=this;switch(this.focusTarget){case"tooltip":setTimeout((function(){return e.contentEl.focus({preventScroll:true})}));break;case"trigger":setTimeout((function(){return e.buttonEl.setFocus({preventScroll:true})}));break}this.focusTarget=null};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}])};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.onScroll=function(){var e=this;clearTimeout(this.scrollTimer);this.scrollTimer=setTimeout((function(){if(e.active){e.updatePlacement()}}),100)};e.prototype.handleWindowResize=function(){var e=this;clearTimeout(this.resizeTimer);this.resizeTimer=setTimeout((function(){e.updatePlacement()}),100)};e.prototype.handleDocumentClick=function(e){var t=this;if(!this.active){return}var i=e.composedPath();var o=i.every((function(e){return e!==t.element&&e!==t.contentEl}));if(o){this.closeTooltip()}};e.prototype.handleKeyDown=function(e){if(this.active&&isEscapeKey(e)){this.closeTooltip(true)}};e.prototype.handlePopupClose=function(){if(this.active){this.closeTooltip(true)}};e.prototype.handleActiveChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(e){this.updatePlacement()}else{setTimeout((function(){return t.updatePlacement()}),300)}return[2]}))}))};e.prototype.render=function(){var e=this;var t={transform:"translateY(".concat(this.positionVertical,") translateX(").concat(this.positionHorizontal,")"),zIndex:this.active?"201":""};var i={top:"".concat(this.tooltipY,"px"),left:"".concat(this.tooltipX,"px"),display:"block","pointer-events":this.active?"auto":"none"};var o={top:this.arrowY?"".concat(this.arrowY,"px"):undefined,left:this.arrowX?"".concat(this.arrowX,"px"):undefined};return h(Host,{style:t},h("duet-tooltip-button",{ref:function(t){return e.buttonEl=t},active:this.active,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel?"".concat(this.accessibleInputLabel,", ").concat(this.accessibleLabel):this.accessibleLabel,onClick:this.toggleOpen}),h("duet-tooltip-popup",{ref:function(t){return e.popupElement=t},active:this.active,tooltipId:this.tooltipId,arrowStyles:o,style:i,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel},h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["handleActiveChange"]}},enumerable:false,configurable:true});return e}();DuetTooltip.style=duetTooltipCss;export{DuetTooltip as duet_tooltip};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5e6959fa.js";import{m as media_query_medium,a as media_query_large}from"./tokens-f6b32339.js";import{c as computePosition,f as flip,s as shift,a as arrow}from"./floating-ui.dom.esm-6025c98f.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{f as isEscapeKey}from"./keyboard-utils-d237bd5a.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-9d850f6c.js";import{T as Teleport}from"./teleport-6b18ccae.js";import"./string-utils-5954f458.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 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.openTooltip=function(){e.active=true;e.focusTarget="tooltip";e.teleport.go()};this.closeTooltip=function(t){if(t===void 0){t=false}e.active=false;if(t){e.focusTarget="trigger"}setTimeout((function(){e.teleport.resume();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,o,n;return __generator(this,(function(a){switch(a.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}o=i?"top-start":"top-end";if(this.direction==="left"){o="top-end"}else if(this.direction==="right"){o="top-start"}return[4,computePosition(this.buttonEl,this.popupElement,{placement:o,middleware:[flip(),shift({padding:5}),arrow({element:this.arrowEl})]})];case 1:n=a.sent();this.tooltipY=n.y;this.tooltipX=n.x;this.placement=n.placement;this.arrowY=(t=n.middlewareData.arrow)===null||t===void 0?void 0:t.y;this.arrowX=(e=n.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.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.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}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};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.teleport=new Teleport(this.popupElement);{this.updatePlacement()}if(this.active){this.openTooltip()}this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body});this.intersectionObserver.observe(this.element);return[2]}}))}))};t.prototype.componentDidUpdate=function(){var t=this;switch(this.focusTarget){case"tooltip":setTimeout((function(){return t.contentEl.focus({preventScroll:true})}));break;case"trigger":setTimeout((function(){return t.buttonEl.setFocus({preventScroll:true})}));break}this.focusTarget=null};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}])};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.onScroll=function(){var t=this;clearTimeout(this.scrollTimer);this.scrollTimer=setTimeout((function(){if(t.active){t.updatePlacement()}}),100)};t.prototype.handleWindowResize=function(){var t=this;clearTimeout(this.resizeTimer);this.resizeTimer=setTimeout((function(){t.updatePlacement()}),100)};t.prototype.handleDocumentClick=function(t){var e=this;if(!this.active){return}var i=t.composedPath();var o=i.every((function(t){return t!==e.element&&t!==e.contentEl}));if(o){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(){var e=this;return __generator(this,(function(i){if(t){this.updatePlacement()}else{setTimeout((function(){return e.updatePlacement()}),300)}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={top:"".concat(this.tooltipY,"px"),left:"".concat(this.tooltipX,"px"),display:"block","pointer-events":this.active?"auto":"none"};var o={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.active,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel?"".concat(this.accessibleInputLabel,", ").concat(this.accessibleLabel):this.accessibleLabel,onClick:this.toggleOpen}),h("duet-tooltip-popup",{ref:function(e){return t.popupElement=e},active:this.active,tooltipId:this.tooltipId,arrowStyles:o,style:i,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel},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=duetTooltipCss;export{DuetTooltip as duet_tooltip};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-a223aee0.js";import{s as sizeHeader}from"./tokens.module-ed773027.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-9d850f6c.js";import"./string-utils-5954f458.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(0, 41, 77);visibility:hidden;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}: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 rgb(23, 28, 58)}.duet-tray.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(228, 228, 230)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(0, 41, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}: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 rgb(23, 28, 58)}.duet-tray-button:active{box-shadow:none;opacity:0.75}';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"}])};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(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",{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",{class:"duet-tray-default-content",role:"status"},h("slot",null)),this.hasAdditionalContent&&h(Fragment,null,h("button",{"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",{name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),h("duet-visually-hidden",null,this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),h("div",{id:this.expandableId,class:{"duet-tray-expandable":true,active:this.expanded}},h("div",{class:"duet-tray-expandable-content"},h("slot",{name:"additional"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetTray.style=duetTrayCss;export{DuetTray as duet_tray};
+import{r as registerInstance,h,F as Fragment,g as getElement}from"./index-5e6959fa.js";import{s as sizeHeader}from"./tokens.module-ed773027.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-9d850f6c.js";import"./string-utils-5954f458.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(0, 41, 77);visibility:hidden;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}: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 rgb(23, 28, 58)}.duet-tray.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(228, 228, 230)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(0, 41, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}: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 rgb(23, 28, 58)}.duet-tray-button:active{box-shadow:none;opacity:0.75}';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"}])};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(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",{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",{class:"duet-tray-default-content",role:"status"},h("slot",null)),this.hasAdditionalContent&&h(Fragment,null,h("button",{"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",{name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),h("duet-visually-hidden",null,this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),h("div",{id:this.expandableId,class:{"duet-tray-expandable":true,active:this.expanded}},h("div",{class:"duet-tray-expandable-content"},h("slot",{name:"additional"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetTray.style=duetTrayCss;export{DuetTray as duet_tray};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host}from"./index-a223aee0.js";var DuetUploadAriaStatus=function(){function e(e){var a=this;registerInstance(this,e);this.replacePlaceHolders=function(e){var s=function(e){return e>1?"".concat(e," ").concat(a.statusMessageLabel.files):"".concat(e," ").concat(a.statusMessageLabel.file)};return e.replace("{filesUploaded}",s(a.valid)).replace("{filesInProgress}",s(a.inprogress)).replace("{filesTotal}",s(a.total)).replace("{filesWithErrors}",s(a.invalid))};this.getStatusMessage=function(){var e=a.statusMessageLabel,s=e.done,t=e.inProgress,r=e.doneWithErrors,i=e.inProgressWithErrors;var l=a.invalid>0;var n=a.inprogress>0;var o=a.inprogress>0&&l;var u=a.valid===a.total&&!n&&!l;var c=a.valid+a.invalid===a.total&&!n;if(u){a.statusMessage=a.replacePlaceHolders(s);return}else if(o){a.statusMessage=a.replacePlaceHolders(i);return}else if(n){a.statusMessage=a.replacePlaceHolders(t);return}else if(c){a.statusMessage=a.replacePlaceHolders(r);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,a){if(e!==a){this.getStatusMessage()}};e.prototype.render=function(){return h(Host,{role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},h("duet-visually-hidden",null,this.statusMessage))};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}from"./index-5e6959fa.js";var DuetUploadAriaStatus=function(){function e(e){var a=this;registerInstance(this,e);this.replacePlaceHolders=function(e){var s=function(e){return e>1?"".concat(e," ").concat(a.statusMessageLabel.files):"".concat(e," ").concat(a.statusMessageLabel.file)};return e.replace("{filesUploaded}",s(a.valid)).replace("{filesInProgress}",s(a.inprogress)).replace("{filesTotal}",s(a.total)).replace("{filesWithErrors}",s(a.invalid))};this.getStatusMessage=function(){var e=a.statusMessageLabel,s=e.done,t=e.inProgress,r=e.doneWithErrors,i=e.inProgressWithErrors;var l=a.invalid>0;var n=a.inprogress>0;var o=a.inprogress>0&&l;var u=a.valid===a.total&&!n&&!l;var c=a.valid+a.invalid===a.total&&!n;if(u){a.statusMessage=a.replacePlaceHolders(s);return}else if(o){a.statusMessage=a.replacePlaceHolders(i);return}else if(n){a.statusMessage=a.replacePlaceHolders(t);return}else if(c){a.statusMessage=a.replacePlaceHolders(r);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,a){if(e!==a){this.getStatusMessage()}};e.prototype.render=function(){return h(Host,{role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},h("duet-visually-hidden",null,this.statusMessage))};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 CHANGED Viewed

@@ -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 o(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?n(e.value):i(e.value).then(o,s)}l((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,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(a=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{a=r=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}from"./index-a223aee0.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{g as getLocaleString}from"./language-utils-9d850f6c.js";import{a as getI18nError}from"./errorcodes.utils-47fc5d49.js";import"./string-utils-5954f458.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 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.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,o=e.error;var s=t.name;var l=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"}),s);var c=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"}),s),h("duet-visually-hidden",null,h("duet-paragraph",null,getLocaleString(this.fileUploadingInfo))),h("duet-progress",{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"}),s);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"}),s),h("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},getI18nError(o.type,this.errorCodes)));default:return a&&i&&this.showLinks?h("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},h("duet-link",{onClick:this.onLinkClick,url:i,external:true},l),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),c):h("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},l,h("duet-spacer",{size:"xx-small",direction:"horizontal"}),c)}};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 o="".concat(a&&a.badges?a.badges.join(","):""," ").concat(i.name);return h("div",{class:{"upload-item-row":true}},this.showCategory&&h("div",{class:"item-categories"},h("duet-heading",{class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},getLocaleString(this.categoryLabel)),r),h("div",{class:{"item-name":true,"no-category":!this.showCategory}},!!this.label&&h("duet-heading",{class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},getLocaleString(this.label)),this.getFileNameLine()),h("div",{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(o," ").concat(getLocaleString(t.label)," "),accessibleTitle:false,ref:function(t){return e.actionButton=t}})}))))};return e}();export{DuetUploadItem as duet_upload_item};
+ */import{r as registerInstance,h}from"./index-5e6959fa.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{g as getLocaleString}from"./language-utils-9d850f6c.js";import{a as getI18nError}from"./errorcodes.utils-47fc5d49.js";import"./string-utils-5954f458.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 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.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,o=e.error;var s=t.name;var l=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"}),s);var c=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"}),s),h("duet-visually-hidden",null,h("duet-paragraph",null,getLocaleString(this.fileUploadingInfo))),h("duet-progress",{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"}),s);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"}),s),h("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},getI18nError(o.type,this.errorCodes)));default:return a&&i&&this.showLinks?h("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},h("duet-link",{onClick:this.onLinkClick,url:i,external:true},l),h("duet-spacer",{size:"xx-small",direction:"horizontal"}),c):h("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},l,h("duet-spacer",{size:"xx-small",direction:"horizontal"}),c)}};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 o="".concat(a&&a.badges?a.badges.join(","):""," ").concat(i.name);return h("div",{class:{"upload-item-row":true}},this.showCategory&&h("div",{class:"item-categories"},h("duet-heading",{class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},getLocaleString(this.categoryLabel)),r),h("div",{class:{"item-name":true,"no-category":!this.showCategory}},!!this.label&&h("duet-heading",{class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},getLocaleString(this.label)),this.getFileNameLine()),h("div",{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(o," ").concat(getLocaleString(t.label)," "),accessibleTitle:false,ref:function(t){return e.actionButton=t}})}))))};return e}();export{DuetUploadItem as duet_upload_item};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host}from"./index-a223aee0.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 DuetVisuallyHidden=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{class:"duet-visually-hidden"},h("slot",null))};return e}();DuetVisuallyHidden.style=duetVisuallyHiddenCss;export{DuetVisuallyHidden as duet_visually_hidden};
+import{r as registerInstance,h,H as Host}from"./index-5e6959fa.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 DuetVisuallyHidden=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h(Host,{class:"duet-visually-hidden"},h("slot",null))};return t}();DuetVisuallyHidden.style=duetVisuallyHiddenCss;export{DuetVisuallyHidden as duet_visually_hidden};