@scania/tegel 1.23.0 → 1.24.0-dropdown-numer-beta.0

package/dist/tegel/p-a9654cd4.entry.js

@@ -1 +0,0 @@
-import{r,h as a,H as e}from"./p-2049fab2.js";const s=class{constructor(a){r(this,a),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.header=void 0,this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1}render(){return a(e,{key:"b270c0935bf7eb09d16df32854c5a9411a78fba9"},a("div",{key:"668d8a6a940ce0f972c2398d063640b38e307219",class:`\n        wrapper ${this.variant}\n        ${this.minimal?"minimal":""}\n        ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},!this.noIcon&&a("tds-icon",{key:"bfa6b4c85c649cd3cff00eb121ba9df08b02d65f",name:this.getIconName(),size:"20px"}),a("div",{key:"4239603ea7d58ed79ea6bb4cf212d4405204b2a6",class:"content"},this.header&&a("div",{key:"5c8ad00a65d6310a86a353580e98e45b056c9a96",class:"header"},this.header),!this.minimal&&a("div",{key:"d0087a45aa622374dfcc1b6d791a82b0c14b64cf",class:"extended-message"},a("slot",{key:"8fdfd7079bc6473ea8d8eff72874827f3f9bcae1"})))))}};s.style=":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{background-color:var(--tds-message-type-error-background);border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper.minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .wrapper.minimal .header{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .wrapper.minimal.error .header{color:var(--tds-negative)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--tds-message-color);padding:2px 0}:host .content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .content .extended-message{color:var(--tds-message-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .tds-mode-variant-primary{--tds-message-background:var(--tds-message-background-primary)}:host .tds-mode-variant-secondary{--tds-message-background:var(--tds-message-background-secondary)}";export{s as tds_message}

package/dist/tegel/p-b00bcf39.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as o}from"./p-2049fab2.js";const i=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return e(o,{key:"d15c7d658b9f90d01743d8f4fe6d14714a73e3f8",role:"listitem"},e("div",{key:"cc3324aa2ee065c9c9fd78c0e55c5c096a975d4d",class:`inline-tab-item  ${this.selected?"selected":""}\n           ${this.disabled?"disabled":""}`},e("slot",{key:"68bed317582717cb72d40f6b91d304a3a3df9d47"})))}};i.style=':host{box-sizing:border-box;display:block;position:relative}: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:20px 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:20px;bottom:20px;outline:2px solid var(--tds-blue-400)}:host .inline-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .inline-tab-item{position:relative;margin-right:32px}:host .inline-tab-item:hover{cursor:pointer}:host .inline-tab-item:hover::after{width:100%}:host .inline-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-inline-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-inline-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-inline-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-inline-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-inline-tabs-tab-color-opacity-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{i as tds_inline_tab}

package/dist/tegel/p-b9ac3122.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as s,g as a}from"./p-2049fab2.js";import{i as c}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const i=class{constructor(t){e(this,t),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),c(this.host));const e=Object.assign({},this.ariaAttributes);return t(s,{key:"ee714e05a3585542850f433cd81ed25d95a14070"},t("tds-header-item",{key:"0a7c7b20fa872c1ccd4e0760b9f68743ec6c761f",active:this.active},t("button",Object.assign({key:"1b0c93c04e5206dc47fe3df3a158e16ed624f8e1"},e),t("tds-icon",{key:"11a961f7e11d741108a450ef1a2fa1b22f5520a8",class:"icon",name:"bento",size:"20px"}))))}get host(){return a(this)}};i.style=":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";export{i as tds_header_launcher_button}

package/dist/tegel/p-bda3d846.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as a,g as e}from"./p-2049fab2.js";import{h as s}from"./p-ae110fc2.js";const d=class{constructor(o){t(this,o),this.copyrightText=`Copyright © ${(new Date).getFullYear()} Scania`,this.modeVariant=null}render(){const t=s("top",this.host),e=s("start",this.host),d=s("end",this.host),i=s("copyright",this.host);return o(a,{key:"454d913eea834fa60400c9714370d14425bc24b6",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},o("footer",{key:"77ee89f78b3df1658a6c9e1f5b73273b447aca6d"},t&&o("slot",{key:"6a3c601f7fcd034d659848c3a568460489f874ca",name:"top"}),o("div",{key:"245560e49f1aa3ac1c0d9234f2b53c6c8be12a32",class:"footer-main"},(e||d)&&o("div",{key:"2b3220a69f400b8b609fb423f4136b9fb3d1bf96",class:"footer-main-top"},e&&o("slot",{key:"952412fc57aef7abe5a195ac173a14a48a626c95",name:"start"}),d&&o("slot",{key:"a8b8f6d9c625b7da0ecee95e05a1cda4492b964a",name:"end"})),o("div",{key:"ca1e76bd613fa3662a5822882fc4ddc0e030c606",class:"footer-main-bottom"},o("small",{key:"5c5c3803d71c51b8793993240f00912b89377985",class:"copyright"},i?o("slot",{name:"copyright"}):this.copyrightText),o("div",{key:"2ebada35ffde37a7824b100fe34dd947c525741e",class:"brand"},o("p",{key:"e6233b2ce0d5f36a54f9069a9feec687388bc795"},"Scania"))))))}get host(){return e(this)}};d.style=":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}";export{d as tds_footer}

package/dist/tegel/p-c3513f1f.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,g as e}from"./p-2049fab2.js";const n=class{constructor(o){t(this,o),this.disabled=!1,this.underline=!0}connectedCallback(){this.host.children[0].classList.add("tds-link-component")}render(){return o("span",{key:"d812a60488213cdd31c3ace934ae93c3b3781cf9",class:`        \n          ${this.disabled?"disabled":""}\n          ${this.underline?"":"no-underline"}\n          `},o("slot",{key:"2b9675a2abd7b7c16200cda28fa5ded499c03fcd"}))}get host(){return e(this)}};n.style=":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;outline:2px solid var(--tds-link-focus);outline-offset:-2px}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.no-underline ::slotted(*){text-decoration:none}.no-underline:hover ::slotted(*){text-decoration:none}";export{n as tds_link}

package/dist/tegel/p-cd5219ac.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,g as e}from"./p-2049fab2.js";const a=class{constructor(t){s(this,t)}render(){var s;return null===(s=this.host.children[this.host.children.length-1])||void 0===s||s.classList.add("last"),t("nav",{key:"3f11a51e2918aadfeebe11c6254264f807dcb919"},t("div",{key:"de74067b415ca8a3b46f230840cb3ca18d81fbb1",role:"list",class:"tds-breadcrumb"},t("slot",{key:"81fa5a70cba9e85c7c567193bb035e0d338f97fd"})))}get host(){return e(this)}};a.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}";export{a as tds_breadcrumbs}

package/dist/tegel/p-d1cbe5be.entry.js

@@ -1 +0,0 @@
-import{r as e,c as d,h as a,H as t,g as r}from"./p-2049fab2.js";import{g as s}from"./p-11648030.js";import{h as i}from"./p-ae110fc2.js";const o=class{constructor(t){e(this,t),this.tdsClick=d(this,"tdsClick",6),this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=i("header",this.host),d=i("subheader",this.host),t=i("thumbnail",this.host);return a("div",{class:"card-header"},t&&a("slot",{name:"thumbnail"}),a("div",{class:"header-subheader"},this.header&&a("span",{class:"header"},this.header),e&&a("slot",{name:"header"}),this.subheader&&a("span",{class:"subheader"},this.subheader),d&&a("slot",{name:"subheader"})))},this.getCardContent=()=>{const e=i("body",this.host),d=i("body-image",this.host),t=i("actions",this.host);return a("div",{class:this.stretch&&"stretch"},"below-header"===this.imagePlacement&&this.getCardHeader(),a("div",{class:"card-body"},d&&a("slot",{name:"body-image"}),this.bodyImg&&a("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&a("tds-divider",null),e&&a("slot",{name:"body"})),t&&a("slot",{name:"actions"}))},this.modeVariant=null,this.imagePlacement="below-header",this.header=void 0,this.subheader=void 0,this.bodyImg=void 0,this.bodyImgAlt=void 0,this.bodyDivider=!1,this.clickable=!1,this.stretch=!1,this.cardId=s()}render(){return a(t,{key:"d777b6ef9815b43c55749ff8a03ef5d8cb21cf74",class:this.modeVariant&&`tds-mode-variant-${this.modeVariant}`},this.clickable?a("button",{class:`card ${this.clickable?"clickable":""} ${this.stretch?`${this.imagePlacement}-stretch`:this.imagePlacement}`,onClick:()=>{this.clickable&&this.handleClick()}},this.getCardContent()):a("div",{class:`card ${this.clickable?"clickable":""} ${this.stretch?`${this.imagePlacement}-stretch`:this.imagePlacement}`},this.getCardContent()))}get host(){return r(this)}};o.style=".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .header-subheader{display:flex;flex-direction:column;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}";export{o as tds_card}

package/dist/tegel/p-db00f607.entry.js

@@ -1 +0,0 @@
-import{r,h as o,g as a}from"./p-2049fab2.js";const s=class{constructor(o){r(this,o),this.modeVariant=null}setModeVariantOnChildBlocks(){var r;this.children=Array.from(this.host.children).filter((r=>"TDS-BLOCK"===r.tagName)),null===(r=this.children)||void 0===r||r.forEach((r=>{r.setAttribute("mode-variant",this.modeVariant?"primary"===this.modeVariant?"secondary":"primary":"secondary")}))}render(){return this.setModeVariantOnChildBlocks(),o("div",{key:"a40067afde48258475108cb9785555e7c2bd0a47",class:"tds-block "+(null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:"")},o("slot",{key:"aaf62c59a3a01a0c41a594c15257e4746a049418"}))}get host(){return a(this)}};s.style=".tds-block{box-sizing:border-box;color:var(--tds-block-color);border-radius:4px;padding:16px;font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);background-color:var(--tds-block-background)}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{--tds-block-background:var(--tds-block-background-primary);--tds-block-background-nested:var(--tds-block-background-nested-primary)}.tds-mode-variant-secondary{--tds-block-background:var(--tds-block-background-secondary);--tds-block-background-nested:var(--tds-block-background-nested-secondary)}";export{s as tds_block}

package/dist/tegel/p-dcbd977f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as a}from"./p-2049fab2.js";const i=class{constructor(s){e(this,s),this.heading=void 0,this.subheading=void 0,this.imgSrc=void 0,this.imgAlt=void 0}render(){return s(a,{key:"061364f66ad366cbfb421fa0609020564bd36e83"},s("tds-side-menu-user-image",{key:"01ae0ecb3a011a6a8f50566dc5b683fb56f8d387",src:this.imgSrc,alt:this.imgAlt},s("slot",{key:"5265cabfa2a7533f7e6c8a9a47b1691f8991d3f0",name:"image"})),s("tds-side-menu-user-label",{key:"525ac1f1593b048c266733e24d5dd3f5632ce197",heading:this.heading,subheading:this.subheading}))}};i.style=":host{display:flex;align-items:center;gap:12px;height:68px}:host tds-side-menu-user-image{margin-left:-4px}";export{i as tds_side_menu_user}

package/dist/tegel/p-e86f2d31.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as e}from"./p-2049fab2.js";const d=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1,this.tabWidth=void 0}async setTabWidth(t){this.tabWidth=t}async setSelected(t){this.selected=t}render(){return o(e,{key:"37ae53ec0d9c0bc3674365d14d61c6b1fbafe168",role:"listitem"},o("div",{key:"a977243b499569668ef7428829644f3f2ca23033",class:`${this.disabled?"disabled":""}\n                  ${this.selected?"selected":""}`,style:{width:`${this.tabWidth}px`}},o("slot",{key:"1e8b9cc10f032a64ffef70bb061f57ddc8a4a1a5"})))}};d.style=':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none;border-left:1px solid;border-left-color:transparent}:host ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host div:not(.selected){background-color:var(--tds-folder-tab-background)}:host div:not(.selected) ::slotted(*){border-left-color:var(--tds-folder-tab-divider-color);border-top:2px solid var(--tds-folder-tab-background);color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top-color:var(--tds-folder-tab-background-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-background-selected);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) :not(.selected) ::slotted(*){border-left-color:transparent}';export{d as tds_folder_tab}

package/dist/tegel/p-f45d905c.entry.js

@@ -1 +0,0 @@
-import{r as s,h as o,H as t,g as a}from"./p-2049fab2.js";import{i}from"./p-3fe9cbbf.js";const e=class{constructor(o){s(this,o),this.inheritedAttributes=[],this.selector=void 0,this.referenceEl=void 0,this.defaultShow=!1,this.show=null,this.placement="auto",this.offsetSkidding=0,this.animation="none",this.offsetDistance=8,this.modifiers=[],this.childRef=void 0}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=i(this.host,["style","class"])}render(){var s;return o(t,{key:"13a6fe4800b9efc612ec21d20da5b2c2c9cdc2ce"},o("tds-popover-core",Object.assign({key:"e3912733d09d6b7e5aa8bc2f5f6e87d828a2b07b"},this.inheritedAttributes,{class:{"tds-popover-canvas":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,modifiers:this.modifiers,trigger:"click",ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation}),o("div",{key:"69bfa1b736a60777b578de6a0d4c4959c0a21781"},o("slot",{key:"01776b37392ff7f23d35ff10fa647214d6567d1d"}))))}get host(){return a(this)}};e.style=".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);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-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";export{e as tds_popover_canvas}

package/dist/tegel/p-f841f094.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,H as a,g as d}from"./p-2049fab2.js";import{g as s,i as t}from"./p-9332c225.js";import"./p-52bf0fdf.js";const i=class{constructor(r){e(this,r),this.headingElement=void 0}componentWillLoad(){const e=s(this.host,(e=>t(e)));e?this.headingElement=e:console.warn("Heading element for list not found")}render(){var e;const d={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(e=this.headingElement)||void 0===e?void 0:e.id};return r(a,{key:"8a88bd51ef2e16f9c1ce67bbd7d178692a223c22"},r("div",Object.assign({key:"8e5025c3d1563d5765a3cfce1e3d4f50bdf5caf4"},d),r("slot",{key:"0b4bc10cd7aa8fa1d6c0a15ea9a9997f74ad32c3"})))}get host(){return d(this)}};i.style=".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";export{i as tds_header_launcher_grid}

package/dist/tegel/p-f91c6e9d.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as e}from"./p-2049fab2.js";import{g as i}from"./p-11648030.js";const d=class{constructor(e){s(this,e),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),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.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.sliderId=i()}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s);break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s)}}handleRelease(s){this.thumbGrabbed?(this.thumbGrabbed=!1,this.thumbInnerElement.classList.remove("pressed"),this.updateValue(s),this.trackElement.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),this.trackElement.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}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){const t=parseInt(this.ticks),e=this.trackElement.getBoundingClientRect();let i=0;"mousemove"===s.type||"mouseup"===s.type?i=s.clientX-e.left:"touchmove"===s.type?i=s.touches[0].clientX-e.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&t>0&&(i=this.updateSupposedValueSlot(i)),this.thumbLeft=this.constrainThumb(i),this.thumbElement.style.left=`${this.thumbLeft}px`,this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}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.toString(),this.calculateThumbLeftFromValue(s)}else this.value=Math.round(e+this.thumbLeft/t*(i-e)).toString();this.updateTrack(),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||this.tdsChange.emit({value:this.value})}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.tdsChange.emit({value:this.value}),this.updateTrack()}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(),i=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=i/d*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`)}updateSliderValueOnInputChange(s){let t=parseInt(s.target.value);t!==parseInt(this.value)&&(t<parseFloat(this.min)?t=parseFloat(this.min):t>parseFloat(this.max)&&(t=parseFloat(this.max)),this.forceValueUpdate(String(t)))}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){this.readOnly||(this.thumbGrabbed=!0,this.thumbInnerElement.classList.add("pressed"))}calculateInputSizeFromMax(){return 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=Math.round(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(-parseInt(this.step),s)}stepRight(s){this.controlsStep(parseInt(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);for(let e=1;e<s+1;e++)this.tickValues.push(parseFloat(this.min)+Math.round(t*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(){this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.calculateThumbLeftFromValue(this.value),this.updateTrack()}render(){return e("div",{key:"fd7d051192c33b19e8c68cbeaa50ea43149457bb",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},e("input",{key:"d2fe02893f865f5791736cb5f05b5bcd2494e471",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,value:this.value,disabled:this.disabled}),e("div",{key:"2d436a5654cb20923cd20ed61f9449bd0705edd2",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s}},e("label",{key:"d9d444d15acabbbc23c7b7633e5312f405ff9120",class:this.showTickNumbers&&"offset"},this.label),this.useInput&&e("div",{key:"2f0d0419138851724891e2ab04fef2f3b3e099f1",class:"tds-slider__input-values"},e("div",{key:"7f23007c0f4a1aa6358ffa7c5aaae027d0927b63",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&e("div",{key:"df4a00a40c541b83aa8459dfcdaf22c348e2c80a",class:"tds-slider__controls"},e("div",{key:"96cc419d369098137895b725f97a8fa3d7d50dfc",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s)},e("tds-icon",{key:"09ed43c9f2fe81baeada6a07e4cba18027f04ba1",name:"minus",size:"16px"}))),e("div",{key:"402647683b57076bd4ac3ce3d754585a89a48e08",class:"tds-slider-inner"},this.tickValues.length>0&&e("div",{key:"d80c648eca47c7e52725e967a32fe4a4692a5729",class:"tds-slider__value-dividers-wrapper"},e("div",{key:"030106df49f12a55c1b32a9c1c257f449629644a",class:"tds-slider__value-dividers"},this.tickValues.map((s=>e("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&e("span",null,s)))))),e("div",{key:"fef7013f82a191c32bc3a4d297f5e10a4db127a1",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0"},e("div",{key:"24a583182c45114d1e011bffef0f81f1e4f93a36",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),e("div",{key:"3bea53237beb92f41264386fb5ac181d1e9966a4",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb()},this.tooltip&&e("div",{key:"3ac44629cad3b03524602f9babe7fa4582b38660",class:"tds-slider__value"},this.value,e("svg",{key:"5adbbcc274555d14454c5329f0eea8c072a3db2c",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"248b1f8521b89be4214631e411c0ba9c7bcc07a8",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"}))),e("div",{key:"bc778a9ccd25a5229aa7685cc6c22ed5385b9d98",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&e("div",{key:"077ffffeb0986504a2c9fc4e1b08095ec689402c",class:"tds-slider__input-values"},e("div",{key:"74a528a286e2b49a6739c5817cca8a0436b908b9",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),e("div",{key:"af2a647636c8eecba19637aa92ddda37adc52a1b",class:"tds-slider__input-field-wrapper"},e("input",{key:"02701d15de6119994f7be13b9c9ac69ae6f2269b",size:this.calculateInputSizeFromMax(),class:"tds-slider__input-field",value:this.value,readOnly:this.readOnly,onBlur:s=>this.updateSliderValueOnInputChange(s),onKeyDown:s=>this.handleInputFieldEnterPress(s),type:"number",min:this.min,max:this.max}))),this.useControls&&e("div",{key:"ef215ef613c381601674d4bb7dbea583a3ddde2a",class:"tds-slider__controls"},e("div",{key:"4e553194348daf32529c9c8cedc32b0686ac32ff",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s)},e("tds-icon",{key:"d5d67ea7ff64ed19d28bd078acad56ebda742f93",name:"plus",size:"16px"})))))}static get watchers(){return{value:["handleValueUpdate"]}}};d.style='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-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__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-grey-700);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 input.tds-slider__input-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--tds-grey-600)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--tds-blue-400);outline:0}.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;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 .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;opacity:0.08}.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;opacity:0.16 !important}.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: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.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-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-disabled);pointer-events:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-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-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:default}.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-disabled)}';export{d as tds_slider}

package/dist/tegel/p-fe9b385f.entry.js

@@ -1 +0,0 @@
-import{r as c,c as s,h as t,H as i,g as p}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";import{h as e}from"./p-ae110fc2.js";const o=class{constructor(t){c(this,t),this.tdsChange=s(this,"tdsChange",6),this.tdsClick=s(this,"tdsClick",6),this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?this.checked=!0:console.error("Unsupported type in Chip component!"),this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value}))},this.handleClick=()=>{this.disabled||this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=d(),this.checked=!1,this.name=void 0,this.value=void 0,this.disabled=!1}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}render(){const c=this.renderInputAttributes(),s=e("prefix",this.host),p=e("label",this.host),d=e("suffix",this.host);return t(i,{key:"55b7fc609e99fb0fa5f5298306ca3aa0eed6a2f8"},t("div",{key:"4b791c7f631c7dd60702148943bd6a8caa37d463",class:"component"},t("div",{key:"f119cfec2efac0f10e14b6af442ab420dbf4839a",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:s,suffix:d,disabled:this.disabled}},t("input",Object.assign({key:"f31ded36f63135c096ae85a8048bc195024b3347",type:this.type,id:this.chipId},c)),t("label",{key:"377c2a90bfbf870e1dafaf8f680ccad1a68ae91f",onClick:c=>c.stopPropagation(),htmlFor:this.chipId},s&&t("slot",{key:"ca26c5285118539e6ced83e8c2c3ae10618576e9",name:"prefix"}),p&&t("slot",{key:"dee7bf1815cd513bf6531eb8b0d02ba20b738e9f",name:"label"}),d&&t("slot",{key:"489d7d0ba260cb9ccacef37cb7f9125a1619e4d2",name:"suffix"})))))}get host(){return p(this)}};o.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:16px;cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background-disabled);color:var(--tds-chips-text-disabled);cursor:default;pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-text-checked-disabled)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-text-checked-disabled)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:0 16px;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:0 12px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:0 12px 0 6px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px 0 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:0 16px 0 8px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px 0 16px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-blue-400);outline-offset:-2px;background-color:var(--tds-chips-background-focus)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover)}";export{o as tds_chip}