npm - @scania/tegel - Versions diffs - 1.53.0 → 1.54.0 - Mend

@scania/tegel 1.53.0 → 1.54.0

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 (455) hide show

package/dist/components/tds-link.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as e,H as o,h as n}from"./index.js";const s=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.underline=!0,this.standalone=!1}connectedCallback(){const t=this.host.querySelectorAll("a");t.length>1&&console.warn("tds-link is only intended to wrap one <a> tag");const e=t[0];e&&(this.disabled?(e.setAttribute("tabindex","-1"),e.setAttribute("aria-disabled","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-disabled")))}render(){return n("span",{key:"~~b01482ab25146498fcabba8266dc3ce7b6a94b79~~",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},n("slot",{key:"~~af1c5a41a618246478cdc2e505699921d8fc12ae~~"}))}get host(){return this}static get style(){return":host{display:inline}:host ::slotted(){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(){text-decoration:none}:host .no-underline ::slotted(:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(),.disabled ::slotted(:visited){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}"}},[257,"tds-link",{disabled:[516],underline:[516],standalone:[516]}]);function i(){"undefined"!=typeof customElements&&["tds-link"].forEach((e=>{"tds-link"===e&&(customElements.get(t(e))\|\|customElements.define(t(e),s))}))}i();const a=s,d=i;export{a as TdsLink,d as defineCustomElement}
1	+ import{t,p as e,H as o,h as n}from"./index.js";const s=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.underline=!0,this.standalone=!1}connectedCallback(){const t=this.host.querySelectorAll("a");t.length>1&&console.warn("tds-link is only intended to wrap one <a> tag");const e=t[0];e&&(this.disabled?(e.setAttribute("tabindex","-1"),e.setAttribute("aria-disabled","true")):(e.removeAttribute("tabindex"),e.removeAttribute("aria-disabled")))}render(){return n("span",{key:"7fc71860358da34d0bcf7db534263ceb95a0a34c",class:{disabled:this.disabled,"no-underline":!this.underline,standalone:this.standalone}},n("slot",{key:"481148d319d7dc0447b0568f1bc97ea0f17560b0"}))}get host(){return this}static get style(){return":host{display:inline}:host ::slotted(){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(:hover){color:var(--tds-link-hover);text-decoration:none}:host .no-underline ::slotted(){text-decoration:none}:host .no-underline ::slotted(:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(:focus-visible){color:var(--tds-link-focus);text-decoration:none;box-shadow:0 0 0 1px var(--tds-white), 0 0 0 3px var(--tds-link-focus)}:host ::slotted(:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(),.disabled ::slotted(:visited){opacity:var(--tds-link-opacity-disabled);pointer-events:none}.standalone ::slotted(){font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}"}},[257,"tds-link",{disabled:[516],underline:[516],standalone:[516]}]);function i(){"undefined"!=typeof customElements&&["tds-link"].forEach((e=>{"tds-link"===e&&(customElements.get(t(e))\|\|customElements.define(t(e),s))}))}i();const d=s,a=i;export{d as TdsLink,a as defineCustomElement}

package/dist/components/tds-message.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as r,h as a,a ~~as s~~}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{d as o}from"./p-~~B4-NZ0-T~~.js";const n=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}}}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel\|\|this.variant+" message"}render(){const e=this.header?"tds-message-header-"+i():void 0,t=this.minimal?void 0:"tds-message-content-"+i();return a(s,{key:"~~970813596af95b36b480b7845f99bf772c46ad85~~",role:this.tdsAlertDialog,"aria-describedby":t,"aria-label":this.getAriaLabel(),class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},a("div",{key:"~~9be4eb667886d765cc632cc01ca99436bc5b9c7f~~",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&a("tds-icon",{key:"~~6fc65633c9d6c0c177388e08f123860a1127dbe5~~","aria-hidden":"true","aria-label":""+this.variant,svgTitle:""+this.variant,name:this.getIconName(),size:"20px"}),a("div",{key:"~~54b6b7de2b12c7d2317d29ae823993813843a106~~",class:"content"},this.header&&a("div",{key:"~~9848cbe69b8a70190ad5d1900cd7d66b30e3f3c2~~",class:"header",id:e},this.header),!this.minimal&&a("div",{key:"~~a278772324213ae58cac4521b2bd303081168fff~~",class:"extended-message",id:t},a("slot",{key:"~~572befa769c3d329a48272246915b70c7546c61d~~"})))))}static get style(){return":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:~~4px~~}:host .wrapper.information{border-left:~~4px~~ solid var(--tds-message-border-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:~~4px~~ solid var(--tds-message-border-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:~~4px~~ solid var(--tds-message-border-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:~~4px~~ solid var(--tds-message-border-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;~~color:var(--foreground-text-strong);~~padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{~~color:var(--foreground-text-strong);~~font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}"}},[257,"tds-message",{header:[513],modeVariant:[513,"mode-variant"],variant:[513],noIcon:[516,"no-icon"],minimal:[516],tdsAlertDialog:[513,"tds-alert-dialog"],tdsAriaLabel:[513,"tds-aria-label"]}]);function d(){"undefined"!=typeof customElements&&["tds-message","tds-icon"].forEach((t=>{switch(t){case"tds-message":customElements.get(e(t))\|\|customElements.define(e(t),n);break;case"tds-icon":customElements.get(e(t))\|\|o()}}))}d();const c=n,l=d;export{c as TdsMessage,l as defineCustomElement}
1	+ import{t as e,p as s,H as r,h as t,a}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{d as o}from"./p-B5eSTxGJ.js";const d=s(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1,this.tdsAlertDialog="dialog",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}}}getAriaLabel(){return this.header?this.header:this.tdsAriaLabel\|\|this.variant+" message"}render(){const e=this.header?"tds-message-header-"+i():void 0,s=this.minimal?void 0:"tds-message-content-"+i();return t(a,{key:"c79d924d806e8a2b19f706795d4a08074a9fce95",role:this.tdsAlertDialog,"aria-describedby":s,"aria-label":this.getAriaLabel(),class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant}},t("div",{key:"17a525e4fb1991d668733b28a4e2916b77151908",class:{wrapper:!0,[this.variant]:!0,minimal:this.minimal}},!this.noIcon&&t("tds-icon",{key:"bc440727660747269df18977ead69b2aa25cc40b","aria-hidden":"true","aria-label":""+this.variant,svgTitle:""+this.variant,name:this.getIconName(),size:"20px"}),t("div",{key:"26c5ab6232b2c438c4dd04b718b4ede804495029",class:"content"},this.header&&t("div",{key:"10cb36b42f743e7d8b0f97e66e19455f573a1159",class:"header",id:e},this.header),!this.minimal&&t("div",{key:"0d9ff535f8afad68604eb3e20f360a5f321aebc7",class:"extended-message",id:s},t("slot",{key:"35a5db41848cdfff0adbd4637ea29a0360c8e5d7"})))))}static get style(){return":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:var(--tds-message-border-radius)}:host .wrapper.information{border-left:var(--tds-message-border-width) solid var(--tds-message-border-info);color:var(--tds-message-text-info)}:host .wrapper.information tds-icon{color:var(--tds-message-icon-info)}:host .wrapper.success{background-color:var(--tds-message-background-success);border-left:var(--tds-message-border-width) solid var(--tds-message-border-success);color:var(--tds-message-text-success)}:host .wrapper.success tds-icon{color:var(--tds-message-icon-success)}:host .wrapper.error{background-color:var(--tds-message-background-error);border-left:var(--tds-message-border-width) solid var(--tds-message-border-error);color:var(--tds-message-text-error)}:host .wrapper.error tds-icon{color:var(--tds-message-icon-error)}:host .wrapper.warning{background-color:var(--tds-message-background-warning);border-left:var(--tds-message-border-width) solid var(--tds-message-border-warning);color:var(--tds-message-text-warning)}:host .wrapper.warning tds-icon{color:var(--tds-message-icon-warning)}:host .wrapper.minimal{border:none;padding:0;background-color:transparent}:host .wrapper.minimal tds-icon{padding-right:8px}:host .wrapper.minimal .header{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform)}:host .wrapper.minimal.error .header{color:var(--tds-message-minimal-header-error)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;padding:2px 24px 2px 0;overflow-wrap:anywhere}:host .content .header{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform)}:host .content .extended-message{font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform)}"}},[257,"tds-message",{header:[513],modeVariant:[513,"mode-variant"],variant:[513],noIcon:[516,"no-icon"],minimal:[516],tdsAlertDialog:[513,"tds-alert-dialog"],tdsAriaLabel:[513,"tds-aria-label"]}]);function n(){"undefined"!=typeof customElements&&["tds-message","tds-icon"].forEach((s=>{switch(s){case"tds-message":customElements.get(e(s))\|\|customElements.define(e(s),d);break;case"tds-icon":customElements.get(e(s))\|\|o()}}))}n();const c=d,l=n;export{c as TdsMessage,l as defineCustomElement}

package/dist/components/tds-modal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as o,H as s,c as d,h as a,a as i}from"./index.js";import{h as e}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-B4-NZ0-T.js";const n=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsClose=d(this,"tdsClose",7),this.tdsOpen=d(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented\|\|(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented\|\|(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]\|\|"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector\|\|this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.headerId="tds-modal-header-"+r(),this.bodyId="tds-modal-body-"+r()}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}initializeWithProps(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&e("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector\|\|this.referenceEl\|\|console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}connectedCallback(){this.initializeWithProps()}componentWillLoad(){this.initializeWithProps()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector\|\|this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s\|\|s.scrollTo(0,0)}focusFirstElement(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])',d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey\|\|(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=e("header",this.host),o=e("actions",this.host),s=this.header\|\|t;return a(i,{key:"9b6d05e3f91850245f4e5de015286ccf46acdbd4",class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},a("div",{key:"628a621eb1563bdf719680119c92e84719d2d057",class:"tds-modal-backdrop"}),a("div",{key:"1835e48a649635b855c65a4238c2cb8adc496630",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":this.bodyId,"aria-labelledby":s?this.headerId:void 0,class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},a("div",{key:"49a81905f9fadefaf5407bb9c0b47eb1acdab3df",class:"header"},this.header&&a("h1",{key:"2d61b4ab70694e4d43d7a7173345b8d65b932670",id:this.headerId,class:"header-text"},this.header),t&&a("slot",{key:"655a49d64666a2ad7662d246f5062addf682decd",name:"header"}),this.closable&&a("button",{key:"4b694826ac8513d7ea62ff1c555092e6162b71b9",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},a("tds-icon",{key:"02e7f0dbaa91e9dc0b4c73155bfc0c29f7510a36",name:"cross",size:"20px"}))),a("div",{key:"ec6300db10150ccc29728501d6c435d1b13dcb83",id:this.bodyId,class:"body"},a("slot",{key:"b472e9edcc14a9900a614c4366d85fe7f05c5864",name:"body"})),o&&a("slot",{key:"8f6742f6084b93c1c44b310158340eddad3744fb",name:"actions"})))}get host(){return this}static get watchers(){return{show:[{handleShowPropChange:0}]}}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--background-elevation-layer-02);margin:auto;position:relative;border-radius:var(--radius-narrow);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal {box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--background-elevation-layer-02);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--background-elevation-layer-02);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(),.tds-modal-lg slot[name=actions]::slotted(),.tds-modal-sm slot[name=actions]::slotted(){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--background-elevation-layer-02);z-index:1}.header .header-text{font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--foreground-text-strong);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--foreground-text-strong);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;inset:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop {box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--foreground-text-strong);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--foreground-text-strong)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;inset:0;padding:0 16px;z-index:700;pointer-events:none}:host {box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}"}},[257,"tds-modal",{header:[513],prevent:[516],size:[513],actionsPosition:[513,"actions-position"],selector:[513],referenceEl:[16],show:[516],closable:[516],tdsAlertDialog:[513,"tds-alert-dialog"],isShown:[32],activeElementIndex:[32],showModal:[64],closeModal:[64],isOpen:[64],initializeModal:[64],cleanupModal:[64]},[[10,"keydown","handleFocusTrap"]],{show:[{handleShowPropChange:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-modal","tds-icon"].forEach((o=>{switch(o){case"tds-modal":customElements.get(t(o))\|\|customElements.define(t(o),n);break;case"tds-icon":customElements.get(t(o))\|\|l()}}))}h();const c=n,b=h;export{c as TdsModal,b as defineCustomElement}
1	+ import{t,p as o,H as s,c as d,h as a,a as i}from"./index.js";import{h as e}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-B5eSTxGJ.js";const n=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsClose=d(this,"tdsClose",7),this.tdsOpen=d(this,"tdsOpen",7),this.prevent=!1,this.size="md",this.actionsPosition="static",this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0,this.handleClose=t=>{this.tdsClose.emit(t).defaultPrevented\|\|(this.isShown=!1,this.returnFocusOnClose())},this.handleShow=()=>{this.tdsOpen.emit().defaultPrevented\|\|(this.isShown=!0,this.onOpen())},this.handleOverlayClick=t=>{const o=t.composedPath()[0];("tds-modal-close"===o.classList[0]\|\|"tds-modal-backdrop"===o.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector\|\|this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&this.initializeReferenceElement(o)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.headerId="tds-modal-header-"+r(),this.bodyId="tds-modal-body-"+r()}async showModal(){this.isShown=!0,this.onOpen()}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}async isOpen(){return this.isShown}handleShowPropChange(t,o){t!==o&&void 0!==t&&(this.isShown=t,t?this.onOpen():this.returnFocusOnClose())}initializeWithProps(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&e("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. "),this.selector\|\|this.referenceEl\|\|console.warn('Tegel Modal: Missing focus origin. Please provide either a "referenceEl" or a "selector" to ensure focus returns to the element that opened the modal. If the modal is opened programmatically, this message can be ignored.')}connectedCallback(){this.initializeWithProps()}componentWillLoad(){this.initializeWithProps()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector\|\|this.referenceEl){const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;o&&o.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;const o=null!==(t=this.referenceEl)&&void 0!==t?t:this.selector?document.querySelector(this.selector):null;if(!o)return;const s=["BUTTON","A","INPUT"],d=s.includes(o.tagName)?o:o.querySelector(s.join(","));d&&(d.classList.remove("active"),d.focus())}getFocusableElements(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';return[...Array.from(null!==(o=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]),...Array.from(this.host.querySelectorAll(s))]}resetScrollPosition(){var t;const o=this.host.shadowRoot,s=null!==(t=null==o?void 0:o.querySelector(".tds-modal__actions-sticky .body"))&&void 0!==t?t:null==o?void 0:o.querySelector(".tds-modal");null==s\|\|s.scrollTo(0,0)}focusFirstElement(){var t,o;const s='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])',d=Array.from(this.host.querySelectorAll(s));if(d.length>0)d[0].focus(),this.activeElementIndex=this.getFocusableElements().indexOf(d[0]);else{const d=Array.from(null!==(o=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelectorAll(s))&&void 0!==o?o:[]);d.length>0&&(d[0].focus(),this.activeElementIndex=0)}}onOpen(){this.focusFirstElement(),requestAnimationFrame((()=>{this.resetScrollPosition()}))}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const o=this.getFocusableElements();0!==o.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=o.length-1)),t.shiftKey\|\|(this.activeElementIndex+=1,this.activeElementIndex===o.length&&(this.activeElementIndex=0)),o[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=e("header",this.host),o=e("actions",this.host),s=this.header\|\|t;return a(i,{key:"20741ea474c8b88e25a59068cd10100261d63451",class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},a("div",{key:"2c6c1c5320497a3ed90bbc46a9d9ca3ed914d4e6",class:"tds-modal-backdrop"}),a("div",{key:"659497b7a21b93ba848057156b1a3067f5d78794",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":this.bodyId,"aria-labelledby":s?this.headerId:void 0,class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`,tabindex:"-1"},a("div",{key:"d037cdebcd50b2f7c3f55b5df8e0ed68a7be012d",class:"header"},this.header&&a("h1",{key:"8afef0fc7e08b2539ad52d6ca5ca642c453a62d9",id:this.headerId,class:"header-text"},this.header),t&&a("slot",{key:"61452661a701b7bf009ffc742a06e67153c49b5d",name:"header"}),this.closable&&a("button",{key:"e463fc6163130169a07e4a6862c54f77b71c708e",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},a("tds-icon",{key:"7d2a6bbba2250ff93a22e3df4fcffc85d4393d9d",name:"cross",size:"20px"}))),a("div",{key:"a20383b91b69484dbe33b7359fd0ac54b4f6e542",id:this.bodyId,class:"body"},a("slot",{key:"0372c76d89764c5dac0facca7c70599b982447de",name:"body"})),o&&a("slot",{key:"e1aff202176a07dff1d70e9cca4ba93d4de9ed73",name:"actions"})))}get host(){return this}static get watchers(){return{show:[{handleShowPropChange:0}]}}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}.tds-modal{box-sizing:border-box;box-shadow:var(--tds-modal-box-shadow);background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:var(--tds-modal-border-radius);max-height:85vh;overflow-y:auto;pointer-events:auto}.tds-modal {box-sizing:border-box}.tds-modal:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.tds-modal::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.tds-modal::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-modal::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-modal{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:24px 16px 16px;display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(),.tds-modal-lg slot[name=actions]::slotted(),.tds-modal-sm slot[name=actions]::slotted(){display:flex}}.header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header .header-text{font-family:var(--headline-05-font-family);font-size:var(--headline-05-font-size);line-height:var(--headline-05-line-height);font-weight:var(--headline-05-font-weight);letter-spacing:var(--headline-05-letter-spacing);text-transform:var(--headline-05-text-transform);color:var(--tds-modal-text-color);margin:0;flex:1}.body{font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--tds-modal-body-text-color);overflow-y:visible;padding:0 16px 16px}.body:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}.body::-webkit-scrollbar{width:var(--tds-scrollbar-width)}.body::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.body::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.body{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-modal-backdrop{box-sizing:border-box;position:fixed;inset:0;background-color:var(--tds-modal-backdrop-background);pointer-events:auto}.tds-modal-backdrop {box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-text-color);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media (min-width: 320px){.tds-modal-close{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close{margin-left:48px}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:16px}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:48px}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon-color)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;inset:0;padding:0 16px;z-index:700;pointer-events:none}:host {box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}"}},[257,"tds-modal",{header:[513],prevent:[516],size:[513],actionsPosition:[513,"actions-position"],selector:[513],referenceEl:[16],show:[516],closable:[516],tdsAlertDialog:[513,"tds-alert-dialog"],isShown:[32],activeElementIndex:[32],showModal:[64],closeModal:[64],isOpen:[64],initializeModal:[64],cleanupModal:[64]},[[10,"keydown","handleFocusTrap"]],{show:[{handleShowPropChange:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-modal","tds-icon"].forEach((o=>{switch(o){case"tds-modal":customElements.get(t(o))\|\|customElements.define(t(o),n);break;case"tds-icon":customElements.get(t(o))\|\|l()}}))}h();const c=n,b=h;export{c as TdsModal,b as defineCustomElement}

package/dist/components/tds-navigation-tab.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as o,H as e,h as a,a as i}from"./index.js";const s=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const e=t[o];e.getAttribute("aria-controls")\|\|console.warn("Tegel navigation-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==e.getAttribute("role")&&console.warn('Tegel navigation-tab component: Interactive elements should have attribute role="tab"'),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}}render(){return a(i,{key:"~~3fb20c6c5e5839eafbd7acc8e63d9b9ffeb531bd~~"},a("div",{key:"~~c04745d7b4bb9dc4efb3aa17a27f57a3219ac0d0~~",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},a("slot",{key:"~~2bdb886f7e601878878f77a1ee6e68f3b34a25e9~~"})))}get host(){return this}static get style(){return':host{box-sizing:border-box;display:block}:host {box-sizing:border-box}:host ::slotted(){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 0}:host ::slotted(:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--~~tds-~~focus-~~outline~~-color);box-shadow:0 0 0 1px var(--~~tds~~-~~white~~);outline-offset:1px;z-index:1}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover ::slotted(){color:var(--tds-navigation-tabs-tab-color-hover)}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .navigation-tab-item:hover:focus-within::after{bottom:3px}:host .selected ::slotted(){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled ::slotted(){color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(:hover){cursor:not-allowed;color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(:focus-visible){outline:none}:host(.last){margin-right:32px}'}},[257,"tds-navigation-tab",{disabled:[516],selected:[32],setSelected:[64]}]);function n(){"undefined"!=typeof customElements&&["tds-navigation-tab"].forEach((o=>{"tds-navigation-tab"===o&&(customElements.get(t(o))\|\|customElements.define(t(o),s))}))}n();const r=s,d=n;export{r as TdsNavigationTab,d as defineCustomElement}
1	+ import{t,p as o,H as e,h as a,a as i}from"./index.js";const s=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const e=t[o];e.getAttribute("aria-controls")\|\|console.warn("Tegel navigation-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==e.getAttribute("role")&&console.warn('Tegel navigation-tab component: Interactive elements should have attribute role="tab"'),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}}render(){return a(i,{key:"7a5504183a5719b59900c52e6193755245e6caf9"},a("div",{key:"5c514ced6f952df12067c414396ce2b8398c6cb9",class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},a("slot",{key:"382acd34bdd7a3a7be15fb539978be51c5040482"})))}get host(){return this}static get style(){return':host{box-sizing:border-box;display:block}:host {box-sizing:border-box}:host ::slotted(){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 0}:host ::slotted(:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover ::slotted(){color:var(--tds-navigation-tabs-tab-color-hover)}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .navigation-tab-item:hover:focus-within::after{bottom:3px}:host .selected ::slotted(){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled ::slotted(){color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(:hover){cursor:not-allowed;color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(:focus-visible){outline:none}:host(.last){margin-right:32px}'}},[257,"tds-navigation-tab",{disabled:[516],selected:[32],setSelected:[64]}]);function n(){"undefined"!=typeof customElements&&["tds-navigation-tab"].forEach((o=>{"tds-navigation-tab"===o&&(customElements.get(t(o))\|\|customElements.define(t(o),s))}))}n();const r=s,d=n;export{r as TdsNavigationTab,d as defineCustomElement}

package/dist/components/tds-navigation-tabs.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as a}from"./p-~~B4-NZ0-T~~.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=e,this.scrollableWidth=e-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.~~map~~(((t,s)=>{const e=()=>{t.disabled\|\|this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented\|\|(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};~~return~~ t.addEventListener("click",e),this.clickHandlers.set(t,e),t}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){return this.tabElements[t].disabled\|\|(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,e)=>(e===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements.length>0&&(this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last"))}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return o(l,{key:"~~15c4bdd05aa8bcac2840a3f95b380ab03698428b~~",role:"tablist",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant},style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"~~55e2cc99927d5483c94cee6b15c651d77fdbfc52~~",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"~~f8ad88de0b631afc63ec51a20accb49b5d8f4334~~","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"~~19201f741465bff936960c4c6d8cb4f35317f648~~",name:"chevron_left",size:"20px"})),o("slot",{key:"~~f54a35402ec90a5e2cccfa4b5f51f56b95882e43~~",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"~~3d4d90efd57fb27de82491aab28e7e98674ddbdf~~","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"~~6ac4687c083d820662deea8d39b4b42cc0ab5a8d~~",name:"chevron_right",size:"20px"}))))}get host(){return this}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}static get style(){return':host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus::before,:host .scroll-left-button:focus::before{content:"";position:absolute;inset:3px;outline:2px solid var(--~~tds-~~focus-~~outline~~-color);box-shadow:0 0 0 1px var(--~~tds~~-~~white~~);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-navigation-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],leftPadding:[514,"left-padding"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-navigation-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-navigation-tabs":customElements.get(t(s))\|\|customElements.define(t(s),r);break;case"tds-icon":customElements.get(t(s))\|\|a()}}))}h();const n=r,c=h;export{n as TdsNavigationTabs,c as defineCustomElement}
1	+ import{t,p as s,H as e,c as i,h as o,a as l}from"./index.js";import{d as a}from"./p-B5eSTxGJ.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=i(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.leftPadding=32,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let e=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);e+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=e,this.scrollableWidth=e-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.forEach(((t,s)=>{const e=()=>{t.disabled\|\|this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented\|\|(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};t.addEventListener("click",e),this.clickHandlers.set(t,e)}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){return this.tabElements[t].disabled\|\|(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,e)=>(e===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements.length>0&&(this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last"))}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return o(l,{key:"51abe74f3232ae4a5d6c72b812e0aa635add4b14",role:"tablist",class:{["tds-mode-variant-"+this.modeVariant]:null!==this.modeVariant},style:{"--padding-left":this.leftPadding+"px"}},o("div",{key:"451ad11eef8ce9ce0995d28ea26dcb58bf9614c8",class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{key:"7a9e4b4843596a0ca08df81020cbbe1f74378709","aria-label":this.tdsScrollLeftAriaLabel,class:{"scroll-left-button":!0,show:this.showLeftScroll},onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("tds-icon",{key:"b186b2aeeef040c89a250778b644b7f19b330629",name:"chevron_left",size:"20px"})),o("slot",{key:"fc4dbf7ab2742e9ff6c53ee744236263ba7b4545",onSlotchange:()=>this.handleSlotChange()}),o("button",{key:"8c6861920474f0159f3dee041fd4d6da60675e29","aria-label":this.tdsScrollRightAriaLabel,class:{"scroll-right-button":!0,show:this.showRightScroll},onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("tds-icon",{key:"0d7e9b2ec1cf42ed65abf6d9db65a0b6e3be67a1",name:"chevron_right",size:"20px"}))))}get host(){return this}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}static get style(){return':host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-navigation-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-navigation-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus::before,:host .scroll-left-button:focus::before{content:"";position:absolute;inset:3px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}'}},[257,"tds-navigation-tabs",{modeVariant:[513,"mode-variant"],defaultSelectedIndex:[514,"default-selected-index"],selectedIndex:[514,"selected-index"],leftPadding:[514,"left-padding"],tdsScrollLeftAriaLabel:[513,"tds-scroll-left-aria-label"],tdsScrollRightAriaLabel:[513,"tds-scroll-right-aria-label"],showLeftScroll:[32],showRightScroll:[32],selectTab:[64],reinitialize:[64]},void 0,{selectedIndex:[{handleSelectedIndexUpdate:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-navigation-tabs","tds-icon"].forEach((s=>{switch(s){case"tds-navigation-tabs":customElements.get(t(s))\|\|customElements.define(t(s),r);break;case"tds-icon":customElements.get(t(s))\|\|a()}}))}n();const h=r,c=n;export{h as TdsNavigationTabs,c as defineCustomElement}

package/dist/components/tds-popover-canvas.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{T as o,d as r}from"./p-~~Cr5AJ7EI~~.js";const s=o,p=r;export{s as TdsPopoverCanvas,p as defineCustomElement}
1	+ import{T as o,d as s}from"./p-B1QdNOPI.js";const p=o,r=s;export{p as TdsPopoverCanvas,r as defineCustomElement}

package/dist/components/tds-popover-core.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{T as o,d as s}from"./p-~~CkGDaQ3D~~.js";const a=o,p=s;export{a as TdsPopoverCore,p as defineCustomElement}
1	+ import{T as o,d as s}from"./p-CJtN1EIg.js";const t=o,p=s;export{t as TdsPopoverCore,p as defineCustomElement}

package/dist/components/tds-popover-menu-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as o,H as t,h as s,a as d}from"./index.js";const r=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.disabled=!1}render(){return s(d,{key:"~~d9c07d0eddc8991d88566d050a6642dfd712b1e2~~",role:"menuitem","aria-disabled":this.disabled?"true":"false"},s("div",{key:"~~d2d32632e70b207dff4bc0d6616e17abaff6f3a8~~",class:{wrapper:!0,disabled:this.disabled}},s("slot",{key:"~~725c727348687e663e6225837a2a135d177b6d4a~~"})))}static get style(){return':host{box-sizing:border-box;display:block}:host {box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{cursor:not-allowed;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host .wrapper.disabled ::slotted(){pointer-events:none}:host ::slotted(:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(:focus-visible)::before{z-index:-1;content:"";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}'}},[257,"tds-popover-menu-item",{disabled:[516]}]);function i(){"undefined"!=typeof customElements&&["tds-popover-menu-item"].forEach((o=>{"tds-popover-menu-item"===o&&(customElements.get(e(o))\|\|customElements.define(e(o),r))}))}i();const a=r,n=i;export{a as TdsPopoverMenuItem,n as defineCustomElement}
1	+ import{t as e,p as o,H as t,h as s,a as r}from"./index.js";const i=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.disabled=!1}render(){return s(r,{key:"4430006568263a71e6e1d1430bae39e41632a9a1",role:"menuitem","aria-disabled":this.disabled?"true":"false"},s("div",{key:"0e93bdfe29a0b9cf40450f0509004529c029d8ed",class:{wrapper:!0,disabled:this.disabled}},s("slot",{key:"b7e7f60a411dcb6e1dfc9869ab71963981b509c8"})))}static get style(){return':host{box-sizing:border-box;display:block}:host {box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{cursor:not-allowed;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host .wrapper.disabled ::slotted(){pointer-events:none}:host ::slotted(:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(:focus-visible)::before{z-index:-1;content:"";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}'}},[257,"tds-popover-menu-item",{disabled:[516]}]);function d(){"undefined"!=typeof customElements&&["tds-popover-menu-item"].forEach((o=>{"tds-popover-menu-item"===o&&(customElements.get(e(o))\|\|customElements.define(e(o),i))}))}d();const a=i,n=d;export{a as TdsPopoverMenuItem,n as defineCustomElement}

package/dist/components/tds-popover-menu.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as s,H as t,h as o,a as i}from"./index.js";import{i as d}from"./p-CF8bH08v.js";import{d as r}from"./p-~~CkGDaQ3D~~.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.show=null,this.defaultShow=!1,this.placement="auto",this.animation="none",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.modeVariant=null,this.inheritedAttributes={}}async close(){var e;null===(e=this.childRef)\|\|void 0===e\|\|e.close()}componentWillLoad(){this.inheritedAttributes=d(this.host,["style","class"])}render(){var e;return o(i,{key:"~~64ec6f8414b86992f27ff31ec121691a95473803~~",class:{["tds-mode-variant-"+this.modeVariant]:!!this.modeVariant}},o("tds-popover-core",{key:"~~258d5feba20e366b690fb0b168686cd7525cfd7c~~",class:{"tds-popover-menu":!0,[null!==(e=this.inheritedAttributes.class)&&void 0!==e?e:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:e=>{this.childRef=e},defaultShow:this.defaultShow,animation:this.animation},o("div",{key:"~~fad95fd95dcfff966690a5617421b06de8c5ebc6~~",role:"menu"},o("slot",{key:"~~ae26c985ac08249cfca316afdce6e870be3650e4~~"}))))}get host(){return this}static get style(){return".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}"}},[262,"tds-popover-menu",{selector:[513],referenceEl:[16],show:[516],defaultShow:[516,"default-show"],placement:[513],animation:[513],offsetSkidding:[514,"offset-skidding"],offsetDistance:[514,"offset-distance"],fluidWidth:[516,"fluid-width"],modeVariant:[513,"mode-variant"],childRef:[32],close:[64]}]);function p(){"undefined"!=typeof customElements&&["tds-popover-menu","tds-popover-core"].forEach((s=>{switch(s){case"tds-popover-menu":customElements.get(e(s))\|\|customElements.define(e(s),n);break;case"tds-popover-core":customElements.get(e(s))\|\|r()}}))}p();const a=n,c=p;export{a as TdsPopoverMenu,c as defineCustomElement}
1	+ import{t as e,p as s,H as t,h as o,a as i}from"./index.js";import{i as d}from"./p-CF8bH08v.js";import{d as r}from"./p-CJtN1EIg.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.show=null,this.defaultShow=!1,this.placement="auto",this.animation="none",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.modeVariant=null,this.inheritedAttributes={}}async close(){var e;null===(e=this.childRef)\|\|void 0===e\|\|e.close()}componentWillLoad(){this.inheritedAttributes=d(this.host,["style","class"])}render(){var e;return o(i,{key:"e71360b2b92f4e3169d6cfb44ed38d2fe58bc0b0",class:{["tds-mode-variant-"+this.modeVariant]:!!this.modeVariant}},o("tds-popover-core",{key:"654e0e5a910573029f358e1b8b32e439b775d089",class:{"tds-popover-menu":!0,[null!==(e=this.inheritedAttributes.class)&&void 0!==e?e:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:e=>{this.childRef=e},defaultShow:this.defaultShow,animation:this.animation},o("div",{key:"4c51db7d403f1797f6d101a5a0af11b54ab20c23",role:"menu"},o("slot",{key:"953b09a826b6fb5a5b8537b07eb383737f5232f1"}))))}get host(){return this}static get style(){return".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}"}},[262,"tds-popover-menu",{selector:[513],referenceEl:[16],show:[516],defaultShow:[516,"default-show"],placement:[513],animation:[513],offsetSkidding:[514,"offset-skidding"],offsetDistance:[514,"offset-distance"],fluidWidth:[516,"fluid-width"],modeVariant:[513,"mode-variant"],childRef:[32],close:[64]}]);function p(){"undefined"!=typeof customElements&&["tds-popover-menu","tds-popover-core"].forEach((s=>{switch(s){case"tds-popover-menu":customElements.get(e(s))\|\|customElements.define(e(s),n);break;case"tds-popover-core":customElements.get(e(s))\|\|r()}}))}p();const a=n,c=p;export{a as TdsPopoverMenu,c as defineCustomElement}

package/dist/components/tds-radio-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t,p as o,H as d,c as r,h as s}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";const i=o(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=r(this,"tdsChange",6),this.radioId=a(),this.checked=!1,this.required=!1,this.disabled=!1,this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})}}async focusElement(){this.inputElement&&this.inputElement.focus()}render(){return s("div",{key:"~~a3229a9edf154a3e32b78e0733ad5a62becef457~~",class:"tds-radio-button"},s("input",{key:"~~a71bb9cc727bf29e9926fe5c862bda5e5bfeeccd~~",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,class:"tds-form-input",type:"radio",role:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange(),tabIndex:this.tdsTabIndex}),s("label",{key:"~~485aa7388b35ad21ef70e1c7b57f68fcd01d3f75~~",htmlFor:this.radioId},s("slot",{key:"~~429a9107b3a39af5aa731116e1961821a90852f4~~",name:"label"})))}get host(){return this}static get style(){return'.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:20px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) 6px;cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:20px;height:20px;top:2px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:50%;top:50%;transform:translate(-50%, -50%)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{background-color:var(--tds-radio-button-background-focus);box-shadow:0 0 0 1px var(--tds-radio-button-background-focus);animation:rb-focus var(--tds-motion-duration-moderate-02) var(--tds-motion-easing-enter) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::after{outline:1px solid var(--tds-radio-button-interaction-outline)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;background-color:transparent;width:16px;height:16px;left:2px;top:4px;box-shadow:inset 0 0 0 1px var(--tds-radio-button-border-color-disabled-after)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);clip-path:inset(1px 1px round 50%)}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}'}},[262,"tds-radio-button",{name:[513],value:[513],radioId:[513,"radio-id"],checked:[516],required:[516],disabled:[516],tdsAriaLabel:[513,"tds-aria-label"],tdsTabIndex:[514,"tds-tab-index"],focusElement:[64]}]);function e(){"undefined"!=typeof customElements&&["tds-radio-button"].forEach((o=>{"tds-radio-button"===o&&(customElements.get(t(o))\|\|customElements.define(t(o),i))}))}e();const n=i,b=e;export{n as TdsRadioButton,b as defineCustomElement}
1	+ import{t,p as o,H as d,c as r,h as s}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";const a=o(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=r(this,"tdsChange",6),this.radioId=i(),this.checked=!1,this.required=!1,this.disabled=!1,this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})}}async focusElement(){this.inputElement&&this.inputElement.focus()}render(){return s("div",{key:"bfa799e8b8659e2a7262b239bdcc2535776fc9b3",class:"tds-radio-button"},s("input",{key:"5f0b88e6e2d1af55fb8c47edfd378e422bf9a38c",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,class:"tds-form-input",type:"radio",role:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange(),tabIndex:this.tdsTabIndex}),s("label",{key:"345dc77a437f9e4bd9936fadf8c774c5aa56fd5b",htmlFor:this.radioId},s("slot",{key:"a5828506e8b5f408a0873cdcb9a57a68f27b0351",name:"label"})))}get host(){return this}static get style(){return'.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:20px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) 6px;cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:20px;height:20px;top:2px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:50%;top:50%;transform:translate(-50%, -50%)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{background-color:var(--tds-radio-button-background-focus);box-shadow:0 0 0 1px var(--tds-radio-button-background-focus);animation:rb-focus var(--tds-motion-duration-moderate-02) var(--tds-motion-easing-enter) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::after{outline:1px solid var(--tds-radio-button-interaction-outline)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;background-color:transparent;width:16px;height:16px;left:2px;top:4px;box-shadow:inset 0 0 0 1px var(--tds-radio-button-border-color-disabled-after)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);clip-path:inset(1px 1px round 50%)}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}'}},[262,"tds-radio-button",{name:[513],value:[513],radioId:[513,"radio-id"],checked:[516],required:[516],disabled:[516],tdsAriaLabel:[513,"tds-aria-label"],tdsTabIndex:[514,"tds-tab-index"],focusElement:[64]}]);function e(){"undefined"!=typeof customElements&&["tds-radio-button"].forEach((o=>{"tds-radio-button"===o&&(customElements.get(t(o))\|\|customElements.define(t(o),a))}))}e();const n=a,b=e;export{n as TdsRadioButton,b as defineCustomElement}

package/dist/components/tds-side-menu-close-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as s,h as o,a as r}from"./index.js";import{i as d}from"./p-Q3W78DlP.js";import{d as n}from"./p-~~B4-NZ0-T~~.js";const i=t(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const t=this.host.closest("tds-side-menu"),s=t?t.id:"",n=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},s&&{"aria-controls":s}),d(this.host)),{onClick:e.handleClick});return o(r,{key:"~~3f7eef53ce8d066635998152e1684bd8a0034bbb~~"},o("button",Object.assign({key:"~~71029ead3db82331818f75bc165f4aaa85de4db3~~"},n),o("tds-icon",{key:"~~eb93cbf265c4a57f02a1457e65379c872bd442f5~~",name:"cross",size:"20px",svgTitle:"Cross"})))}get host(){return this}static get style(){return":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}"}},[1,"tds-side-menu-close-button"]);function a(){"undefined"!=typeof customElements&&["tds-side-menu-close-button","tds-icon"].forEach((t=>{switch(t){case"tds-side-menu-close-button":customElements.get(e(t))\|\|customElements.define(e(t),i);break;case"tds-icon":customElements.get(e(t))\|\|n()}}))}a();const c=i,b=a;export{c as TdsSideMenuCloseButton,b as defineCustomElement}
1	+ import{t as e,p as t,H as s,h as o,a as r}from"./index.js";import{i as d}from"./p-Q3W78DlP.js";import{d as n}from"./p-B5eSTxGJ.js";const i=t(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const t=this.host.closest("tds-side-menu"),s=t?t.id:"",n=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},s&&{"aria-controls":s}),d(this.host)),{onClick:e.handleClick});return o(r,{key:"a80081722122221e86fa54f3813cc0c07d786cac"},o("button",Object.assign({key:"a992413c973d0288aafda2ac7f4ea803597ec58d"},n),o("tds-icon",{key:"f94e646b7106e5c85766fa9d6ecec523f97e75ee",name:"cross",size:"20px",svgTitle:"Cross"})))}get host(){return this}static get style(){return":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}"}},[1,"tds-side-menu-close-button"]);function a(){"undefined"!=typeof customElements&&["tds-side-menu-close-button","tds-icon"].forEach((t=>{switch(t){case"tds-side-menu-close-button":customElements.get(e(t))\|\|customElements.define(e(t),i);break;case"tds-icon":customElements.get(e(t))\|\|n()}}))}a();const c=i,l=a;export{c as TdsSideMenuCloseButton,l as defineCustomElement}

package/dist/components/tds-side-menu-collapse-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as s,c as i,h as o,a}from"./index.js";import{d}from"./p-~~Df03ehYR~~.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsCollapse=i(this,"tdsCollapse",3),this.internalTdsCollapse=i(this,"internalTdsCollapse",6),this.collapsed=!1,this.handleClick=()=>{this.tdsCollapse.emit({collapsed:!this.collapsed}).defaultPrevented\|\|(this.collapsed=!this.collapsed,this.internalTdsCollapse.emit({collapsed:this.collapsed}))}}collapseSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)\|\|void 0===e?void 0:e.collapsed)}render(){return o(a,{key:"~~af4793f3c8b8c5cc028ebcc26ddbfcc33ae1471e~~"},o("div",{key:"~~2f1b46a087dce36ca41171f93643c1f6216aeac7~~",class:{wrapper:!0,"state-collapsed":this.collapsed}},o("tds-side-menu-item",{key:"~~17de6280d2f2e695592d4e44b5918c3860d3fe80~~",class:{button:!0}},o("button",{key:"~~6d9fdaa1c0006305e1ff1388311e94b5868bbc3f~~",type:"button","aria-expanded":this.collapsed?"false":"true",onClick:()=>{this.handleClick()}},o("svg",{key:"~~ad898232c2d2965b08eb2a44d19d65c0039ff298~~",class:"icon",slot:"icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},o("path",{key:"~~5f6e67ff24fa04d193efebadec616feb6c0d6683~~","fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z",fill:"currentColor"})),!this.collapsed&&o("slot",{key:"~~3793bcbed80fac4010820fbfd6752083e74a93d7~~"})))))}get host(){return this}static get style(){return":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}"}},[257,"tds-side-menu-collapse-button",{collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function l(){"undefined"!=typeof customElements&&["tds-side-menu-collapse-button","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-collapse-button":customElements.get(e(t))\|\|customElements.define(e(t),n);break;case"tds-side-menu-item":customElements.get(e(t))\|\|d()}}))}l();const c=n,r=l;export{c as TdsSideMenuCollapseButton,r as defineCustomElement}
1	+ import{t as e,p as t,H as s,c as a,h as i,a as o}from"./index.js";import{d as n}from"./p-B0Pz58BS.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsCollapse=a(this,"tdsCollapse",3),this.internalTdsCollapse=a(this,"internalTdsCollapse",6),this.collapsed=!1,this.handleClick=()=>{this.tdsCollapse.emit({collapsed:!this.collapsed}).defaultPrevented\|\|(this.collapsed=!this.collapsed,this.internalTdsCollapse.emit({collapsed:this.collapsed}))}}collapseSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)\|\|void 0===e?void 0:e.collapsed)}render(){return i(o,{key:"59f91f966f40d58d3681e3c5b33dbfc967395855"},i("div",{key:"affa1128cba719622182b54cea5bac8a38533078",class:{wrapper:!0,"state-collapsed":this.collapsed}},i("tds-side-menu-item",{key:"8db28ce899b50691ee207e646cf3aeaa110776d3",class:{button:!0}},i("button",{key:"e115958e959fcf5eee38432cf6ea273c336b9385",type:"button","aria-expanded":this.collapsed?"false":"true",onClick:()=>{this.handleClick()}},i("svg",{key:"87abc0c869f4724a23c1f7773f552040a0b55d9c",class:"icon",slot:"icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},i("path",{key:"24b1125910d89627e206b9cd66eab1729a378970","fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z",fill:"currentColor"})),!this.collapsed&&i("slot",{key:"c8f86c70c764bba8c3275838c9da69ef37e20719"})))))}get host(){return this}static get style(){return":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}"}},[257,"tds-side-menu-collapse-button",{collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function d(){"undefined"!=typeof customElements&&["tds-side-menu-collapse-button","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-collapse-button":customElements.get(e(t))\|\|customElements.define(e(t),l);break;case"tds-side-menu-item":customElements.get(e(t))\|\|n()}}))}d();const c=l,r=d;export{c as TdsSideMenuCollapseButton,r as defineCustomElement}

package/dist/components/tds-side-menu-dropdown-list-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as o,p as t,H as e,h as n,a as s}from"./index.js";const d=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}connectedCallback(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(o=this.sideMenuEl)\|\|void 0===o?void 0:o.collapsed)}componentDidLoad(){var o,t;const e=this.host.closest("tds-side-menu-dropdown");let n=null,s=null;e&&(n=e.querySelector("tds-side-menu-user"),s=null===(o=e.shadowRoot)\|\|void 0===o?void 0:o.querySelector('slot[name="icon"]'));const d=null==s?void 0:s.assignedElements(),i=!!d&&(null==d?void 0:d.length)>0,c="tds-side-menu-user-image"===(null===(t=null==d?void 0:d[0])\|\|void 0===t?void 0:t.tagName.toLowerCase());i&&!c&&(this.dropdownHasIcon=!0),n&&(this.dropdownHasUser=!0)}render(){return n(s,{key:"~~4eae7681164a0f704d68968ad5de8891a85ed00f~~",role:"listitem"},n("div",{key:"~~c379c94a80baf76e17ced30f79b261f601f6947b~~",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},n("slot",{key:"~~a0d00e60086cc058eebbb0a48bb69cc77159f689~~"})))}get host(){return this}static get style(){return':host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--~~tds-~~focus-~~outline~~-color);box-shadow:inset 0 0 0 3px var(--~~tds~~-~~white~~);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}'}},[257,"tds-side-menu-dropdown-list-item",{selected:[516],dropdownHasIcon:[32],dropdownHasUser:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown-list-item"].forEach((t=>{"tds-side-menu-dropdown-list-item"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),d))}))}i();const c=d,r=i;export{c as TdsSideMenuDropdownListItem,r as defineCustomElement}
1	+ import{t as o,p as t,H as e,h as n,a as s}from"./index.js";const d=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}connectedCallback(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(o=this.sideMenuEl)\|\|void 0===o?void 0:o.collapsed)}componentDidLoad(){var o,t;const e=this.host.closest("tds-side-menu-dropdown");let n=null,s=null;e&&(n=e.querySelector("tds-side-menu-user"),s=null===(o=e.shadowRoot)\|\|void 0===o?void 0:o.querySelector('slot[name="icon"]'));const d=null==s?void 0:s.assignedElements(),i=!!d&&(null==d?void 0:d.length)>0,c="tds-side-menu-user-image"===(null===(t=null==d?void 0:d[0])\|\|void 0===t?void 0:t.tagName.toLowerCase());i&&!c&&(this.dropdownHasIcon=!0),n&&(this.dropdownHasUser=!0)}render(){return n(s,{key:"389c5c54a7ea7c93b693a0b26999c61eea342c29",role:"listitem"},n("div",{key:"8602175fba3ef6e2b63105f6eb98228e616e279f",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},n("slot",{key:"015bbc6eed42e13af47829d5b794412140de3f7d"})))}get host(){return this}static get style(){return':host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}'}},[257,"tds-side-menu-dropdown-list-item",{selected:[516],dropdownHasIcon:[32],dropdownHasUser:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown-list-item"].forEach((t=>{"tds-side-menu-dropdown-list-item"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),d))}))}i();const c=d,r=i;export{c as TdsSideMenuDropdownListItem,r as defineCustomElement}

package/dist/components/tds-side-menu-dropdown-list.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as s,h as d,a as o}from"./index.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)\|\|void 0===e?void 0:e.collapsed)}render(){return d(o,{key:"~~be6eed63bf245e92c16a6ff6eae4df18dbaf66fa~~",role:"list","aria-expanded":this.collapsed?"false":"true"},d("div",{key:"~~40ea53b550c7d0b73cc678f0a10fa144f4dd67f1~~",class:{"state-collapsed":this.collapsed}},d("slot",{key:"~~73460a96d9b3e4ebacaf6ac5f21061c091eed16e~~"})))}get host(){return this}static get style(){return":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}"}},[257,"tds-side-menu-dropdown-list",{collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"]]]);function a(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown-list"].forEach((t=>{"tds-side-menu-dropdown-list"===t&&(customElements.get(e(t))\|\|customElements.define(e(t),n))}))}a();const i=n,r=a;export{i as TdsSideMenuDropdownList,r as defineCustomElement}
1	+ import{t as e,p as t,H as s,h as d,a as o}from"./index.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)\|\|void 0===e?void 0:e.collapsed)}render(){return d(o,{key:"d985f058553315e92f7954d3f78938a2f0f409fb",role:"list","aria-expanded":this.collapsed?"false":"true"},d("div",{key:"9509f0eb97e2c69e6ea8c5aac4369557967de871",class:{"state-collapsed":this.collapsed}},d("slot",{key:"c893832f1bdb8556dd856ce3ef02e53174b216a3"})))}get host(){return this}static get style(){return":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}"}},[257,"tds-side-menu-dropdown-list",{collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"]]]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown-list"].forEach((t=>{"tds-side-menu-dropdown-list"===t&&(customElements.get(e(t))\|\|customElements.define(e(t),n))}))}i();const a=n,r=i;export{a as TdsSideMenuDropdownList,r as defineCustomElement}

package/dist/components/tds-side-menu-dropdown.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as s,h as n,F as o,a as d}from"./index.js";import{d as a}from"./p-~~B4-NZ0-T~~.js";import{d as i}from"./p-~~Df03ehYR~~.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultOpen=!1,this.selected=!1,this.open=!1,this.hoverState={isHovered:!1,updatedAt:0},this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key\|\|(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)\|\|void 0===e?void 0:e.isHovered:this.open}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)\|\|void 0===e?void 0:e.collapsed),this.open=this.defaultOpen}render(){return n(d,{key:"~~50c612a2b879888b42b82ec240278387ffda56df~~"},n("div",{key:"~~23d34aac941bee3c0f7e7453b8648dfaceb5fafd~~",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},n("tds-side-menu-item",{key:"~~6cb6ef033a8a01bb2baf0b1350499130774a848d~~",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},n("button",{key:"~~1fa2e1851fdf25882eec6e4cb6e6900b5fdbfa6b~~"},n("slot",{key:"~~06288061e3bb3ccd7124352d66bbcca3614e86bc~~",name:"icon"}),!this.collapsed&&n(o,{key:"~~bcd4934b4760634a04694f46d22bb09c4f7cb71e~~"},this.buttonLabel,n("slot",{key:"~~e2891dc859881c40b9577e07535f0c84c2d0f5a7~~",name:"label"}),n("tds-icon",{key:"~~fa3257d02ad80e08485fe731915b76ba0241e976~~",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),n("div",{key:"~~a708a6796fec8851df925da395e011a90e3da118~~",class:"menu",tabindex:this.collapsed?"0":void 0},this.collapsed&&n("h3",{key:"~~5efc24406b5933e512bafd39e5aee55c1e342403~~",class:"heading-collapsed"},this.buttonLabel,n("slot",{key:"~~bfa6381aeb8b9d5ce937d6687d9f8eb08166aa37~~",name:"label"})),n("slot",{key:"~~3d8266b0e0b37a00f389a0cd126920bac15f9532~~"}))))}get host(){return this}static get style(){return":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}"}},[257,"tds-side-menu-dropdown",{defaultOpen:[516,"default-open"],buttonLabel:[513,"button-label"],selected:[516],open:[516],hoverState:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"],[0,"keydown","handleKeyDown"]]]);function r(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown","tds-icon","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-dropdown":customElements.get(e(t))\|\|customElements.define(e(t),l);break;case"tds-icon":customElements.get(e(t))\|\|a();break;case"tds-side-menu-item":customElements.get(e(t))\|\|i()}}))}r();const c=l,h=r;export{c as TdsSideMenuDropdown,h as defineCustomElement}
1	+ import{t as e,p as t,H as s,h as d,F as n,a as o}from"./index.js";import{d as a}from"./p-B5eSTxGJ.js";import{d as i}from"./p-B0Pz58BS.js";const l=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultOpen=!1,this.selected=!1,this.open=!1,this.hoverState={isHovered:!1,updatedAt:0},this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}onEventPointerEnter(){this.setHoverStateOpen()}onEventFocus(){this.setHoverStateOpen()}onEventPointerLeave(){this.setHoverStateClosed()}onEventBlur(){this.setHoverStateClosed()}handleKeyDown(e){"Enter"!==e.key&&" "!==e.key\|\|(e.preventDefault(),this.open=!this.open)}setHoverStateOpen(){this.hoverState={isHovered:!0,updatedAt:Date.now()}}setHoverStateClosed(){const e=Date.now();setTimeout((()=>{this.hoverState.isHovered&&this.hoverState.updatedAt<e&&(this.hoverState={isHovered:!1,updatedAt:Date.now()})}),150)}getIsOpenState(){var e;return this.collapsed?null===(e=this.hoverState)\|\|void 0===e?void 0:e.isHovered:this.open}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)\|\|void 0===e?void 0:e.collapsed),this.open=this.defaultOpen}render(){return d(o,{key:"3b981429fcffc3beeaf27fc02749c1f91e2ad0a7"},d("div",{key:"fa903821594e9455976a95a106567ce201fff460",class:{wrapper:!0,"state-open":this.getIsOpenState(),"state-collapsed":this.collapsed}},d("tds-side-menu-item",{key:"7311dba31c07faf5e3ab6e8fbe43098e3cd4729e",class:"button",active:this.getIsOpenState(),selected:this.selected,onClick:()=>{this.open=!this.open},"aria-expanded":this.getIsOpenState()?"true":"false"},d("button",{key:"cdce10537cd846ef7bee33f13ed582d7a39d6784"},d("slot",{key:"9bb1ea14f3420971368e20e2483d75d23510cecf",name:"icon"}),!this.collapsed&&d(n,{key:"0b3af3ca2a2634c2d03d454a03d293e49d77dd2f"},this.buttonLabel,d("slot",{key:"7d73d0a257727105e1277655490857f6fddf8ad3",name:"label"}),d("tds-icon",{key:"f6e4df62b16bf9311c440c20bd23511747994b16",class:"dropdown-icon",name:"chevron_down",size:"16px",svgTitle:"Chevron Down"})))),d("div",{key:"fb2c087d9cd78f65e3bfa5855c6225b37678c8aa",class:"menu",tabindex:this.collapsed?"0":void 0},this.collapsed&&d("h3",{key:"54839ed4efcbe4f8d47427f2060fd28c1ed44024",class:"heading-collapsed"},this.buttonLabel,d("slot",{key:"d46bcd0a83719e0726c7a154344fccaa7f7a930c",name:"label"})),d("slot",{key:"17e538b327856f34df06abff4038b702a28c8407"}))))}get host(){return this}static get style(){return":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:69px;position:absolute;left:var(--side-menu-width);box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-sidebar-side-menu-subnav-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(tds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}"}},[257,"tds-side-menu-dropdown",{defaultOpen:[516,"default-open"],buttonLabel:[513,"button-label"],selected:[516],open:[516],hoverState:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"],[0,"keydown","handleKeyDown"]]]);function c(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown","tds-icon","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-dropdown":customElements.get(e(t))\|\|customElements.define(e(t),l);break;case"tds-icon":customElements.get(e(t))\|\|a();break;case"tds-side-menu-item":customElements.get(e(t))\|\|i()}}))}c();const r=l,h=c;export{r as TdsSideMenuDropdown,h as defineCustomElement}

package/dist/components/tds-side-menu-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{T as o,d as s}from"./p-~~Df03ehYR~~.js";const p=o,r=s;export{p as TdsSideMenuItem,r as defineCustomElement}
1	+ import{T as o,d as s}from"./p-B0Pz58BS.js";const p=o,r=s;export{p as TdsSideMenuItem,r as defineCustomElement}

package/dist/components/tds-side-menu-overlay.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as s,h as n,a as o}from"./index.js";const c=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(o,{key:"~~693cd7bcfce973514588c8dfc0539842ace940f9~~"},n("div",{key:"~~c28a261eec2eac0fe59cae512b32262ed5da4388~~"}))}static get style(){return":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}"}},[1,"tds-side-menu-overlay"]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-overlay"].forEach((t=>{"tds-side-menu-overlay"===t&&(customElements.get(e(t))\|\|customElements.define(e(t),c))}))}i();const d=c,r=i;export{d as TdsSideMenuOverlay,r as defineCustomElement}
1	+ import{t as e,p as t,H as s,h as d,a as n}from"./index.js";const o=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(n,{key:"9411dd666b13dd136817d7e68479288f2e02cbc0"},d("div",{key:"2275c980cfa9c5de70bfacd5447e718ecfeb301c"}))}static get style(){return":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}"}},[1,"tds-side-menu-overlay"]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-overlay"].forEach((t=>{"tds-side-menu-overlay"===t&&(customElements.get(e(t))\|\|customElements.define(e(t),o))}))}i();const c=o,r=i;export{c as TdsSideMenuOverlay,r as defineCustomElement}

package/dist/components/tds-side-menu-user-image.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{T as o,d as r}from"./p-~~Dh4rW_04~~.js";const s=o,p=r;export{s as TdsSideMenuUserImage,p as defineCustomElement}
1	+ import{T as o,d as s}from"./p-BGW6utqb.js";const t=o,p=s;export{t as TdsSideMenuUserImage,p as defineCustomElement}

package/dist/components/tds-side-menu-user-label.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{T as o,d as s}from"./p-~~D7QKvdhL~~.js";const p=o,r=s;export{p as TdsSideMenuUserLabel,r as defineCustomElement}
1	+ import{T as o,d as s}from"./p-DgETo9IA.js";const p=o,r=s;export{p as TdsSideMenuUserLabel,r as defineCustomElement}

package/dist/components/tds-side-menu-user.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as s,H as t,h as a,a as d}from"./index.js";import{d as i}from"./p-~~Dh4rW_04~~.js";import{d as m}from"./p-~~D7QKvdhL~~.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(d,{key:"~~85fe09b4f6ac3b7d99da2d6256c758900329653a~~"},a("tds-side-menu-user-image",{key:"~~236bce6eb1c8c09b7eb8473cdf9d62e882cf4e12~~",src:this.imgSrc,alt:this.imgAlt},a("slot",{key:"~~1cf9eca61491dd7f8a4d7a63e3eaeb6e6f64e625~~",name:"image"})),a("tds-side-menu-user-label",{key:"~~0f202ad7a287f3c3eae6c87bc7880fd03a183969~~",heading:this.heading,subheading:this.subheading}))}static get style(){return":host{display:flex;align-items:center;gap:16px;height:68px}"}},[257,"tds-side-menu-user",{heading:[513],subheading:[513],imgSrc:[513,"img-src"],imgAlt:[513,"img-alt"]}]);function c(){"undefined"!=typeof customElements&&["tds-side-menu-user","tds-side-menu-user-image","tds-side-menu-user-label"].forEach((s=>{switch(s){case"tds-side-menu-user":customElements.get(e(s))\|\|customElements.define(e(s),n);break;case"tds-side-menu-user-image":customElements.get(e(s))\|\|i();break;case"tds-side-menu-user-label":customElements.get(e(s))\|\|m()}}))}c();const r=n,u=c;export{r as TdsSideMenuUser,u as defineCustomElement}
1	+ import{t as e,p as s,H as t,h as a,a as d}from"./index.js";import{d as i}from"./p-BGW6utqb.js";import{d as m}from"./p-DgETo9IA.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(d,{key:"ac72381d5a600698ac717ef744c229193363e242"},a("tds-side-menu-user-image",{key:"030471a55c8b9025db44465a25909e41cb3afee7",src:this.imgSrc,alt:this.imgAlt},a("slot",{key:"06f493b819882f1dbdcf75955ddee998f4899572",name:"image"})),a("tds-side-menu-user-label",{key:"9a4a6cafebdca7d879a02522d84825f2454b3cf6",heading:this.heading,subheading:this.subheading}))}static get style(){return":host{display:flex;align-items:center;gap:16px;height:68px}"}},[257,"tds-side-menu-user",{heading:[513],subheading:[513],imgSrc:[513,"img-src"],imgAlt:[513,"img-alt"]}]);function u(){"undefined"!=typeof customElements&&["tds-side-menu-user","tds-side-menu-user-image","tds-side-menu-user-label"].forEach((s=>{switch(s){case"tds-side-menu-user":customElements.get(e(s))\|\|customElements.define(e(s),n);break;case"tds-side-menu-user-image":customElements.get(e(s))\|\|i();break;case"tds-side-menu-user-label":customElements.get(e(s))\|\|m()}}))}u();const r=n,c=u;export{r as TdsSideMenuUser,c as defineCustomElement}

package/dist/components/tds-side-menu.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as e,p as t,H as s,c as o,h as d,a as i}from"./index.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsCollapse=o(this,"tdsCollapse",7),this.internalTdsCollapse=o(this,"internalTdsCollapse",6),this.internalTdsSideMenuPropChange=o(this,"internalTdsSideMenuPropChange",6),this.open=!1,this.persistent=!1,this.collapsed=!1,this.isMobile=!1,this.isUpperSlotEmpty=!1,this.isCollapsed=!1,this.initialCollapsedState=!1,this.activeElementIndex=0,this.handleMatchesLgBreakpointChange=e=>{const t=!e.matches;this.isMobile=t,t?this.collapsed=!1:(this.open=!1,this.collapsed=this.initialCollapsedState)}}handleKeyDown(e){"Escape"===e.key&&this.isMobile&&this.open&&(this.open=!1)}connectedCallback(){this.matchesLgBreakpointMq=window.matchMedia("(min-width: 992px)"),this.matchesLgBreakpointMq.addEventListener("change",this.handleMatchesLgBreakpointChange),this.isMobile=!this.matchesLgBreakpointMq.matches,this.isCollapsed=this.collapsed,this.initialCollapsedState=this.collapsed}componentDidLoad(){var e;const t=(null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])")).assignedElements();(null==t?void 0:t.length)>0\|\|(this.isUpperSlotEmpty=!0),this.isMobile&&(this.collapsed=!1)}disconnectedCallback(){this.matchesLgBreakpointMq&&this.matchesLgBreakpointMq.removeEventListener("change",this.handleMatchesLgBreakpointChange)}onCollapsedChange(e){this.internalTdsSideMenuPropChange.emit({changed:["collapsed"],collapsed:e}),this.isCollapsed=e}onOpenChange(e){if(this.isMobile)if(e)setTimeout((()=>{const e=this.getFocusableElements();e.length>0&&(this.activeElementIndex=0,e[0].focus())}),100);else{const e=document.querySelector("tds-header-hamburger");if(e&&e.shadowRoot){const t=e.shadowRoot.querySelector("button");t&&t.focus()}}else e&&(this.open=!1)}getFocusableElements(){var e,t,s;const o='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])',d=Array.from(null!==(t=null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelectorAll(o))&&void 0!==t?t:[]),i=Array.from(this.host.querySelectorAll(o)),n=this.host.querySelector('[slot="close-button"]');let a;n&&(a=null===(s=n.shadowRoot)\|\|void 0===s?void 0:s.querySelector("button"));const r=[...d,...i];return a&&r.push(a),r}handleFocusTrap(e){if(!this.open\|\|!this.isMobile)return;if("Tab"!==e.key)return;const t=this.getFocusableElements();0!==t.length&&(e.preventDefault(),e.shiftKey?(this.activeElementIndex-=1,this.activeElementIndex<0&&(this.activeElementIndex=t.length-1)):(this.activeElementIndex+=1,this.activeElementIndex>=t.length&&(this.activeElementIndex=0)),t[this.activeElementIndex].focus())}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}render(){return d(i,{key:"4c7ef20dafaa84ba2939889e40dd245ffd683356",class:{"menu-opened":this.open,"menu-persistent":this.persistent,"menu-collapsed":this.collapsed},"aria-expanded":(this.isMobile?this.open:!this.collapsed)?"true":"false"},d("div",{key:"515a38e098d2ede1ff846cc60176c451037a0356",class:{wrapper:!0,"state-upper-slot-empty":this.isUpperSlotEmpty,"state-open":this.open,"state-closed":!this.open}},d("slot",{key:"0e6ab143ebc6f67ee8b8ab1573c02d070ce8d64f",name:"overlay"}),d("aside",{key:"e5bc037a75037723300bac0df3c424a7ca3597b6",class:"menu"},d("div",{key:"d65d5c36e1151b27d1d859cb4e7a53bb390133c0",role:"navigation"},d("slot",{key:"70277663e55908f048e807d3d07241c530f5c60f",name:"close-button"}),d("div",{key:"af81aa4f22189716330f1b9563148fd7adfd4ab1",class:"tds-side-menu-wrapper"},d("ul",{key:"38f9cb307b71cbded62856926266829d531bbcec",class:"tds-side-menu-list tds-side-menu-list-upper"},d("li",{key:"7333761276459f88d8a52e1e824f9e2c7e62a3e4"},d("slot",{key:"4109ca83e6a124c6f251468ec28905efee2a0ef7"}))),d("ul",{key:"e5617092ca8c634f1d03815ca47291d5238d2162",class:"tds-side-menu-list tds-side-menu-list-end"},d("li",{key:"cc0fd0bc724cb5f0157d15e7617fb1630408d73a"},d("slot",{key:"aa8b19131f05427331b02dfb8137b63d8d1b771f",name:"end"})))),d("slot",{key:"bb232a44cc190df59e1f9b104669a15b976d8ba0",name:"sticky-end"})))))}get host(){return this}static get watchers(){return{collapsed:[{onCollapsedChange:0}],open:[{onOpenChange:0}]}}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:69px;box-sizing:border-box}:host(.menu-persistent):host(.menu-collapsed) .menu{width:68px}:host(.menu-persistent) slot[name=end]::slotted(){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);overflow-y:auto}aside .tds-side-menu-wrapper:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:var(--tds-scrollbar-width)}aside .tds-side-menu-wrapper::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{border-radius:~~40px~~;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){aside .tds-side-menu-wrapper{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}aside [role=navigation]{height:100%;display:flex;flex-direction:column}aside li{list-style:none;padding:0;margin:0}"}},[257,"tds-side-menu",{open:[1540],persistent:[516],collapsed:[1540],isMobile:[32],isUpperSlotEmpty:[32],isCollapsed:[32],initialCollapsedState:[32],activeElementIndex:[32]},[[8,"keydown","handleKeyDown"],[10,"keydown","handleFocusTrap"],[16,"internalTdsCollapse","collapsedSideMenuEventHandler"]],{collapsed:[{onCollapsedChange:0}],open:[{onOpenChange:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-side-menu"].forEach((t=>{"tds-side-menu"===t&&(customElements.get(e(t))\|\|customElements.define(e(t),n))}))}a();const r=n,l=a;export{r as TdsSideMenu,l as defineCustomElement}
1	+ import{t as e,p as t,H as s,c as o,h as d,a as i}from"./index.js";const a=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsCollapse=o(this,"tdsCollapse",7),this.internalTdsCollapse=o(this,"internalTdsCollapse",6),this.internalTdsSideMenuPropChange=o(this,"internalTdsSideMenuPropChange",6),this.open=!1,this.persistent=!1,this.collapsed=!1,this.isMobile=!1,this.isUpperSlotEmpty=!1,this.isCollapsed=!1,this.initialCollapsedState=!1,this.activeElementIndex=0,this.handleMatchesLgBreakpointChange=e=>{const t=!e.matches;this.isMobile=t,t?this.collapsed=!1:(this.open=!1,this.collapsed=this.initialCollapsedState)}}handleKeyDown(e){"Escape"===e.key&&this.isMobile&&this.open&&(this.open=!1)}connectedCallback(){this.matchesLgBreakpointMq=window.matchMedia("(min-width: 992px)"),this.matchesLgBreakpointMq.addEventListener("change",this.handleMatchesLgBreakpointChange),this.isMobile=!this.matchesLgBreakpointMq.matches,this.isCollapsed=this.collapsed,this.initialCollapsedState=this.collapsed}componentDidLoad(){var e;const t=(null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelector("slot:not([name])")).assignedElements();(null==t?void 0:t.length)>0\|\|(this.isUpperSlotEmpty=!0),this.isMobile&&(this.collapsed=!1)}disconnectedCallback(){this.matchesLgBreakpointMq&&this.matchesLgBreakpointMq.removeEventListener("change",this.handleMatchesLgBreakpointChange)}onCollapsedChange(e){this.internalTdsSideMenuPropChange.emit({changed:["collapsed"],collapsed:e}),this.isCollapsed=e}onOpenChange(e){if(this.isMobile)if(e)setTimeout((()=>{const e=this.getFocusableElements();e.length>0&&(this.activeElementIndex=0,e[0].focus())}),100);else{const e=document.querySelector("tds-header-hamburger");if(e&&e.shadowRoot){const t=e.shadowRoot.querySelector("button");t&&t.focus()}}else e&&(this.open=!1)}getFocusableElements(){var e,t,s;const o='a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])',d=Array.from(null!==(t=null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelectorAll(o))&&void 0!==t?t:[]),i=Array.from(this.host.querySelectorAll(o)),a=this.host.querySelector('[slot="close-button"]');let n;a&&(n=null===(s=a.shadowRoot)\|\|void 0===s?void 0:s.querySelector("button"));const r=[...d,...i];return n&&r.push(n),r}handleFocusTrap(e){if(!this.open\|\|!this.isMobile)return;if("Tab"!==e.key)return;const t=this.getFocusableElements();0!==t.length&&(e.preventDefault(),e.shiftKey?(this.activeElementIndex-=1,this.activeElementIndex<0&&(this.activeElementIndex=t.length-1)):(this.activeElementIndex+=1,this.activeElementIndex>=t.length&&(this.activeElementIndex=0)),t[this.activeElementIndex].focus())}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}render(){return d(i,{key:"4c7ef20dafaa84ba2939889e40dd245ffd683356",class:{"menu-opened":this.open,"menu-persistent":this.persistent,"menu-collapsed":this.collapsed},"aria-expanded":(this.isMobile?this.open:!this.collapsed)?"true":"false"},d("div",{key:"515a38e098d2ede1ff846cc60176c451037a0356",class:{wrapper:!0,"state-upper-slot-empty":this.isUpperSlotEmpty,"state-open":this.open,"state-closed":!this.open}},d("slot",{key:"0e6ab143ebc6f67ee8b8ab1573c02d070ce8d64f",name:"overlay"}),d("aside",{key:"e5bc037a75037723300bac0df3c424a7ca3597b6",class:"menu"},d("div",{key:"d65d5c36e1151b27d1d859cb4e7a53bb390133c0",role:"navigation"},d("slot",{key:"70277663e55908f048e807d3d07241c530f5c60f",name:"close-button"}),d("div",{key:"af81aa4f22189716330f1b9563148fd7adfd4ab1",class:"tds-side-menu-wrapper"},d("ul",{key:"38f9cb307b71cbded62856926266829d531bbcec",class:"tds-side-menu-list tds-side-menu-list-upper"},d("li",{key:"7333761276459f88d8a52e1e824f9e2c7e62a3e4"},d("slot",{key:"4109ca83e6a124c6f251468ec28905efee2a0ef7"}))),d("ul",{key:"e5617092ca8c634f1d03815ca47291d5238d2162",class:"tds-side-menu-list tds-side-menu-list-end"},d("li",{key:"cc0fd0bc724cb5f0157d15e7617fb1630408d73a"},d("slot",{key:"aa8b19131f05427331b02dfb8137b63d8d1b771f",name:"end"})))),d("slot",{key:"bb232a44cc190df59e1f9b104669a15b976d8ba0",name:"sticky-end"})))))}get host(){return this}static get watchers(){return{collapsed:[{onCollapsedChange:0}],open:[{onOpenChange:0}]}}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:69px;box-sizing:border-box}:host(.menu-persistent):host(.menu-collapsed) .menu{width:68px}:host(.menu-persistent) slot[name=end]::slotted(){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);overflow-y:auto}aside .tds-side-menu-wrapper:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:var(--tds-scrollbar-width)}aside .tds-side-menu-wrapper::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}aside .tds-side-menu-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){aside .tds-side-menu-wrapper{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}aside [role=navigation]{height:100%;display:flex;flex-direction:column}aside li{list-style:none;padding:0;margin:0}"}},[257,"tds-side-menu",{open:[1540],persistent:[516],collapsed:[1540],isMobile:[32],isUpperSlotEmpty:[32],isCollapsed:[32],initialCollapsedState:[32],activeElementIndex:[32]},[[8,"keydown","handleKeyDown"],[10,"keydown","handleFocusTrap"],[16,"internalTdsCollapse","collapsedSideMenuEventHandler"]],{collapsed:[{onCollapsedChange:0}],open:[{onOpenChange:0}]}]);function n(){"undefined"!=typeof customElements&&["tds-side-menu"].forEach((t=>{"tds-side-menu"===t&&(customElements.get(e(t))\|\|customElements.define(e(t),a))}))}n();const r=a,l=n;export{r as TdsSideMenu,l as defineCustomElement}

package/dist/components/tds-slider.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as s,p as t,H as e,c as i,h as d}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-B4-NZ0-T.js";import{d as a}from"./p-CkGDaQ3D.js";import{d as o}from"./p-DDTzvbMK.js";import{d as n}from"./p-BVWWo6dK.js";const h=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsInput=i(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=r(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);return parseFloat(t?(Math.round(s/t)t).toFixed(((""+t).split(".")[1]\|\|"").length):s.toFixed())}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)\|\|void 0===e\|\|e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)\|\|void 0===i\|\|i.focus()):(s.target===this.trackElement\|\|s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)\|\|void 0===t\|\|t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly\|\|this.disabled\|\|this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly\|\|this.disabled\|\|this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)\|\|void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type\|\|"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=this.thumbLeft+"px"),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=""+s,this.calculateThumbLeftFromValue(s)}else this.value=""+this.roundToStep(e+this.thumbLeft/t(i-e));this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type\|\|(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth();this.thumbLeft=(t-parseFloat(this.min))/(parseFloat(this.max)-parseFloat(this.min))e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=this.thumbLeft+"px",this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(""+d)}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(""+r)}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly\|\|(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)\|\|void 0===s\|\|s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8this.max.length+"px":s.setAttribute("size",""+this.max.length))}controlsStep(s,t){if(this.readOnly\|\|this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=""+i,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=((""+parseFloat(this.step)).split(".")[1]\|\|"").length;for(let i=1;i<=s;i++)this.tickValues.push(parseFloat((parseFloat(this.min)+ti).toFixed(e)));this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded&&"undefined"!=typeof ResizeObserver){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue\|\|(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded\|\|(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label\|\|this.tdsAriaLabel;return d("div",{key:"8b3642548f48ff352395b4d3ebdf84abf464b51d",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},d("input",{key:"9f35e897044114dd9a5c97a66e9a335d4c09975d",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),d("div",{key:"74fe5f97050ae8fa970d0d2d00145a1f20b9d728",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),d("div",{key:"2af5ddfcb4cceb921ca8299438b6bc9b40bf1dd6",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},d("label",{key:"7461b0e104ee03cf51c9e84ab8af06df78b6b12b",id:this.sliderId+"-label",class:{offset:this.showTickNumbers}},this.label),this.useInput&&d("div",{key:"ce065240c807cf75544efd3ecc2c5b1b45e0b987",class:"tds-slider__input-values"},d("div",{key:"ac8b1a0d7cd44e079e7739e9697912a7f8c65c62",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&d("div",{key:"e85dfafe22e306fa8f9c2a0ee2c094caa0937abf",class:"tds-slider__controls"},d("div",{key:"b21861744b1ba29cc6d5566d2d466c507b55f54e",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled\|\|this.readOnly?"-1":"0"},d("tds-icon",{key:"b31ed68e1b5a96d85951c928abf4dae472889050",name:"minus",size:"16px"}))),d("div",{key:"b4c46afe353a403e2f2ebb35e40bad3946f83e23",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&d("div",{key:"0c4662ea24810f52b6415f4bf205e1dff4250d7c",class:"tds-slider__value-dividers-wrapper"},d("div",{key:"39f70859eecd83a4f962288e7d06f61719260297",class:"tds-slider__value-dividers"},this.tickValues.map((s=>d("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&d("span",null,s)))))),d("div",{key:"9f6214318aaaec0c792a94b3241dbcd9ce321130",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},d("div",{key:"d70dbc3e02dda21538a1c709ee9fb94bf1517766",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),d("div",{key:"aa5ceb99150a8387e9b01becd054e3beee185955",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":this.sliderId+"-label","aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&d("div",{key:"b1b3ecfbedd63039e66aabc10db98b7b25c04b6d",class:"tds-slider__value"},this.value,d("svg",{key:"80e22bbb6b56c85f754c7cfae63f21d7adb7eb56",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("path",{key:"4ce11c849ba43904f2d2d1540bb60c12a1e695ee",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),d("div",{key:"44205e90c8ff3e6506e155a66b6ce53aa191f25e",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&d("div",{key:"099b5dfac47680c3a2d882273856689d9bdd3953",class:"tds-slider__input-values"},d("div",{key:"68f0c9d23bbadfe61a7edcb8ab38ed7a22b3a7b1",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),d("div",{key:"481a52db19f0bc035c43a252e005e5304a27bf9e",class:"tds-slider__input-field-wrapper"},d("tds-text-field",{key:"5361928ed0dcf9cb5cb873a0b769ea0af76c809c",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&d("div",{key:"abaa88dc33a0193360999df8ba6fe04569ff12aa",class:"tds-slider__controls"},d("div",{key:"294ebb18d08ea797ee481f38f2b8c7f57b368ce2",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled\|\|this.readOnly?"-1":"0"},d("tds-icon",{key:"637b1f5eb5744749b534be62848c2a5f33a20475",name:"plus",size:"16px"})))))}get host(){return this}static get watchers(){return{value:[{handleValueUpdate:0}]}}static get style(){return'tds-slider{box-sizing:border-box;width:100%}tds-slider {box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}'}},[0,"tds-slider",{label:[513],value:[1537],min:[513],max:[513],ticks:[513],showTickNumbers:[516,"show-tick-numbers"],tooltip:[516],disabled:[516],readOnly:[516,"read-only"],controls:[516],input:[516],step:[513],name:[513],thumbSize:[513,"thumb-size"],snap:[516],tdsAriaLabel:[513,"tds-aria-label"],sliderId:[513,"slider-id"],tdsReadOnlyAriaLabel:[513,"tds-read-only-aria-label"],reset:[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{value:[{handleValueUpdate:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-slider","tds-icon","tds-popover-core","tds-text-field","tds-tooltip"].forEach((t=>{switch(t){case"tds-slider":customElements.get(s(t))\|\|customElements.define(s(t),h);break;case"tds-icon":customElements.get(s(t))\|\|l();break;case"tds-popover-core":customElements.get(s(t))\|\|a();break;case"tds-text-field":customElements.get(s(t))\|\|o();break;case"tds-tooltip":customElements.get(s(t))\|\|n()}}))}c();const u=h,p=c;export{u as TdsSlider,p as defineCustomElement}
1	+ import{t as s,p as t,H as e,c as i,h as d}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-B5eSTxGJ.js";import{d as a}from"./p-CJtN1EIg.js";import{d as o}from"./p-BcKywCnz.js";import{d as n}from"./p-Dlj2h0pg.js";const h=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsInput=i(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=r(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);return parseFloat(t?(Math.round(s/t)t).toFixed(((""+t).split(".")[1]\|\|"").length):s.toFixed())}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)\|\|void 0===e\|\|e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)\|\|void 0===i\|\|i.focus()):(s.target===this.trackElement\|\|s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)\|\|void 0===t\|\|t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly\|\|this.disabled\|\|this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly\|\|this.disabled\|\|this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)\|\|void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type\|\|"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=this.thumbLeft+"px"),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=""+s,this.calculateThumbLeftFromValue(s)}else this.value=""+this.roundToStep(e+this.thumbLeft/t(i-e));this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type\|\|(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth();this.thumbLeft=(t-parseFloat(this.min))/(parseFloat(this.max)-parseFloat(this.min))e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=this.thumbLeft+"px",this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(""+d)}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(""+r)}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly\|\|(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)\|\|void 0===s\|\|s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8this.max.length+"px":s.setAttribute("size",""+this.max.length))}controlsStep(s,t){if(this.readOnly\|\|this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=""+i,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=((""+parseFloat(this.step)).split(".")[1]\|\|"").length;for(let i=1;i<=s;i++)this.tickValues.push(parseFloat((parseFloat(this.min)+ti).toFixed(e)));this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded&&"undefined"!=typeof ResizeObserver){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue\|\|(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded\|\|(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label\|\|this.tdsAriaLabel;return d("div",{key:"6e6e00002da855b43067454de0a55af6802bdad0",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},d("input",{key:"4d7f1b28864c9cca7c3183f4531aac19917f0fa9",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),d("div",{key:"6bac81bc86f6d00f5961211ec401689e67f5a720",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),d("div",{key:"7d4ac685ad9f519eb6007ba1ef4bc6ab9ff58a9b",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},d("label",{key:"5338721c62889199ee0ecad2632eac2fd37485d0",id:this.sliderId+"-label",class:{offset:this.showTickNumbers}},this.label),this.useInput&&d("div",{key:"5ee4f8ac092f9ea0aa5f687b98e294955fe062c1",class:"tds-slider__input-values"},d("div",{key:"97e64f78a68451a2186372264e3e1503954bb67c",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&d("div",{key:"89c03fd539fdcd689f7d76e1ed9beb8188e61f69",class:"tds-slider__controls"},d("div",{key:"82c8b4780f47925918a16cc11e4bf7a37b9de687",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled\|\|this.readOnly?"-1":"0"},d("tds-icon",{key:"e190b8ec6e617ea516a022d55e8075c4eb796507",name:"minus",size:"16px"}))),d("div",{key:"5b4f71b02daa36e964df0af18124217f217fce78",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&d("div",{key:"1d6d917ab5107a47852a16988f621b62e57a5795",class:"tds-slider__value-dividers-wrapper"},d("div",{key:"133fd1ed3c566377f524b683a15aaa831aa03f40",class:"tds-slider__value-dividers"},this.tickValues.map((s=>d("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&d("span",null,s)))))),d("div",{key:"40f727734b17f3933e0f7bc179354e205534af8d",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},d("div",{key:"b6b56223be25e8493e0884c5fb2f4ef786fb4a87",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),d("div",{key:"74890de4d56ca2fa851212adeccb745c48b7b659",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":this.sliderId+"-label","aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&d("div",{key:"a02dff8e8707d5a0d42882b9eb30c94d65c004fe",class:"tds-slider__value"},this.value,d("svg",{key:"026cecebd18db87d4fbeb942c223e83ce2c5a21b",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("path",{key:"f31a00952f88e45747cfd0dc7353f4a484846afc",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),d("div",{key:"6fcb3b1bf4dfa6fb081008680f3944736cfce6eb",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&d("div",{key:"c0b0dc771ccf46a5d5d119a0b3c44f5bceef6ad4",class:"tds-slider__input-values"},d("div",{key:"20a61bcb6e157416c42fe6fd54b32c2e10da09cc",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),d("div",{key:"8c983dc792027814e7e27c41c2e507333ea6afba",class:"tds-slider__input-field-wrapper"},d("tds-text-field",{key:"6309046324fa52c8d4ade33dd3450eef5b2aa04b",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&d("div",{key:"4f410440b2e830bfac5f908b563dbfc061e28519",class:"tds-slider__controls"},d("div",{key:"a3f1215891059fa3c83b499ba5597aa1758d0906",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled\|\|this.readOnly?"-1":"0"},d("tds-icon",{key:"0e5323b7f52360b34943580113386f408dd6d57e",name:"plus",size:"16px"})))))}get host(){return this}static get watchers(){return{value:[{handleValueUpdate:0}]}}static get style(){return'tds-slider{box-sizing:border-box;width:100%}tds-slider {box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}'}},[0,"tds-slider",{label:[513],value:[1537],min:[513],max:[513],ticks:[513],showTickNumbers:[516,"show-tick-numbers"],tooltip:[516],disabled:[516],readOnly:[516,"read-only"],controls:[516],input:[516],step:[513],name:[513],thumbSize:[513,"thumb-size"],snap:[516],tdsAriaLabel:[513,"tds-aria-label"],sliderId:[513,"slider-id"],tdsReadOnlyAriaLabel:[513,"tds-read-only-aria-label"],reset:[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{value:[{handleValueUpdate:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-slider","tds-icon","tds-popover-core","tds-text-field","tds-tooltip"].forEach((t=>{switch(t){case"tds-slider":customElements.get(s(t))\|\|customElements.define(s(t),h);break;case"tds-icon":customElements.get(s(t))\|\|l();break;case"tds-popover-core":customElements.get(s(t))\|\|a();break;case"tds-text-field":customElements.get(s(t))\|\|o();break;case"tds-tooltip":customElements.get(s(t))\|\|n()}}))}c();const u=h,p=c;export{u as TdsSlider,p as defineCustomElement}

package/dist/components/tds-spinner.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{t as s,p as r,H as n,h as e}from"./index.js";const i=r(class extends n{constructor(s){super(),!1!==s&&this.__registerHost(),this.size="lg",this.variant="standard"}render(){return e("div",{key:"~~6bc92547f2513496d52ff297e0edc981c5dd7d89~~","aria-live":"assertive",role:"status","aria-label":"loading"},e("svg",{key:"~~4997ea9dffe315deb470c76df65a3da2a5e576a0~~",class:"tds-spinner-svg tds-spinner-svg-"+this.size,"aria-hidden":"true"},e("circle",{key:"~~90dd9b3586801519aa62977c27099306f587db6e~~",class:"tds-spinner-circle tds-spinner-circle-"+this.variant})))}static get style(){return":root{--spinner-background-inverted:var(--tds-white)}:root,.scania,.scania .tds-mode-light{--spinner-background:var(--tds-blue-400)}.scania .tds-mode-dark{--spinner-background:var(--tds-blue-400)}.traton,.traton .tds-mode-light{--spinner-background:rgba(0, 72, 82, 1)}.traton .tds-mode-dark{--spinner-background:rgba(194, 191, 182, 1)}:root{--spinner-speed:1.8s;--spinner-speed-lg:2s;--spinner-radius-xs:8px;--spinner-radius-sm:12px;--spinner-radius-md:26px;--spinner-radius-lg:42px;--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width-xs:3px;--spinner-stroke-width-sm:4px;--spinner-stroke-width-md:6px;--spinner-stroke-width-lg:8px;--spinner-stroke-width:var(--spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host {box-sizing:border-box}.tds-spinner-svg{display:block;width:calc(var(--spinner-radius) 2);height:calc(var(--spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.tds-spinner-svg-xs{--spinner-radius:var(--spinner-radius-xs);--spinner-stroke-width:var(--spinner-stroke-width-xs);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-sm{--spinner-radius:var(--spinner-radius-sm);--spinner-stroke-width:var(--spinner-stroke-width-sm);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-md{--spinner-radius:var(--spinner-radius-md);--spinner-stroke-width:var(--spinner-stroke-width-md);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-lg{--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width:var(--spinner-stroke-width-lg);--spinner-animation-speed:var(--spinner-speed-lg)}.tds-spinner-circle{cx:var(--spinner-radius);cy:var(--spinner-radius);r:calc(var(--spinner-radius) - var(--spinner-stroke-width) / 2);fill:none;--spinner-stroke-dash:calc((2 * var(--PI)) * var(--spinner-radius));stroke-dasharray:var(--spinner-stroke-dash);stroke-width:var(--spinner-stroke-width);animation:dash var(--spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.tds-spinner-circle-standard{stroke:var(--spinner-background)}.tds-spinner-circle-inverted{stroke:var(--spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--spinner-stroke-dash))}to{stroke-dashoffset:var(--spinner-stroke-dash)}}"}},[0,"tds-spinner",{size:[513],variant:[513]}]);function a(){"undefined"!=typeof customElements&&["tds-spinner"].forEach((r=>{"tds-spinner"===r&&(customElements.get(s(r))\|\|customElements.define(s(r),i))}))}a();const d=i,t=a;export{d as TdsSpinner,t as defineCustomElement}
1	+ import{t as s,p as r,H as n,h as e}from"./index.js";const i=r(class extends n{constructor(s){super(),!1!==s&&this.__registerHost(),this.size="lg",this.variant="standard"}render(){return e("div",{key:"2c2007a71f25d2a5dcd5ca10b2481ff1543c4429","aria-live":"assertive",role:"status","aria-label":"loading"},e("svg",{key:"c463a22e2322b03cfb14e3dc20c7c8d010182d38",class:"tds-spinner-svg tds-spinner-svg-"+this.size,"aria-hidden":"true"},e("circle",{key:"d4705e28049e64a6b230ecdb245ea5238c1b8b51",class:"tds-spinner-circle tds-spinner-circle-"+this.variant})))}static get style(){return":root{--spinner-background-inverted:var(--tds-white)}:root,.scania,.scania .tds-mode-light{--spinner-background:var(--tds-blue-400)}.scania .tds-mode-dark{--spinner-background:var(--tds-blue-400)}.traton,.traton .tds-mode-light{--spinner-background:rgba(0, 72, 82, 1)}.traton .tds-mode-dark{--spinner-background:rgba(194, 191, 182, 1)}:root{--spinner-speed:1.8s;--spinner-speed-lg:2s;--spinner-radius-xs:8px;--spinner-radius-sm:12px;--spinner-radius-md:26px;--spinner-radius-lg:42px;--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width-xs:3px;--spinner-stroke-width-sm:4px;--spinner-stroke-width-md:6px;--spinner-stroke-width-lg:8px;--spinner-stroke-width:var(--spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host {box-sizing:border-box}.tds-spinner-svg{display:block;width:calc(var(--spinner-radius) 2);height:calc(var(--spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.tds-spinner-svg-xs{--spinner-radius:var(--spinner-radius-xs);--spinner-stroke-width:var(--spinner-stroke-width-xs);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-sm{--spinner-radius:var(--spinner-radius-sm);--spinner-stroke-width:var(--spinner-stroke-width-sm);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-md{--spinner-radius:var(--spinner-radius-md);--spinner-stroke-width:var(--spinner-stroke-width-md);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-lg{--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width:var(--spinner-stroke-width-lg);--spinner-animation-speed:var(--spinner-speed-lg)}.tds-spinner-circle{cx:var(--spinner-radius);cy:var(--spinner-radius);r:calc(var(--spinner-radius) - var(--spinner-stroke-width) / 2);fill:none;--spinner-stroke-dash:calc((2 * var(--PI)) * var(--spinner-radius));stroke-dasharray:var(--spinner-stroke-dash);stroke-width:var(--spinner-stroke-width);animation:dash var(--spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.tds-spinner-circle-standard{stroke:var(--spinner-background)}.tds-spinner-circle-inverted{stroke:var(--spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--spinner-stroke-dash))}to{stroke-dashoffset:var(--spinner-stroke-dash)}}"}},[0,"tds-spinner",{size:[513],variant:[513]}]);function a(){"undefined"!=typeof customElements&&["tds-spinner"].forEach((r=>{"tds-spinner"===r&&(customElements.get(s(r))\|\|customElements.define(s(r),i))}))}a();const t=i,d=a;export{t as TdsSpinner,d as defineCustomElement}