@scania/tegel 1.2.0 → 1.3.0

package/dist/collection/stories/Installation/installation.stories.js

@@ -1,218 +0,0 @@
-import hljs from "highlight.js";
-import "../../../.storybook/tegel.syntax.highlighter.css";
-const meta = {
-  title: 'Intro/Installation',
-  parameters: {
-    layout: 'fullscreen',
-    options: {
-      showPanel: false,
-      showToolbar: false,
-    },
-  },
-};
-hljs.highlightAll();
-export default meta;
-export const Installation = {
-  render: () => `
-    <style>
-    article {
-        box-sizing: border-box;
-        max-width: 688px;
-
-        padding: 32px;
-        margin: auto;
-        >* {
-            margin-bottom: 72px;
-        }
-    }
-
-    code {
-        border-radius: 4px;
-    }
-</style>
-<article class="tds-u-p2 tds-body-01">
-    <h2>React</h2>
-    <section>
-        <h4>Typescript</h4>
-        <ol class="tds-body-01">
-            <li>
-                <p>Run <code>npm install @scania/tegel</code></p>
-            </li>
-            <li>
-                <p>In the src folder create a file called <code>register-webcomponents.ts</code></p>
-            </li>
-            <li>
-                <p>Paste the following into that file:</p>
-                <pre>
-<code>import &#123; defineCustomElements, JSX as LocalJSX &#125; from '@scania/tegel/loader';
-import &#123; DetailedHTMLProps, HTMLAttributes &#125; from 'react';
-
-type StencilProps&lt;T&gt; = &#123;
-    [P in keyof T]?:Omit&lt;T[P], 'ref'&gt; | HTMLAttributes&lt;T&gt;;&#125;;
-
-type ReactProps&lt;T&gt; = &#123;
-[P in keyof T]?: DetailedHTMLProps&lt;HTMLAttributes&lt;T[P]&gt;,
-    T[P]&gt;;&#125;;
-
-type StencilToReact&lt;T = LocalJSX.IntrinsicElements,
-    U = HTMLElementTagNameMap&gt; = StencilProps&lt;T&gt; &
-    ReactProps&lt;U&gt;;
-
-declare global &#123;
-    export namespace JSX &#123;
-        interface IntrinsicElements extends StencilToReact &#123;&#125;
-    &#125;
-&#125;
-
-defineCustomElements(window);
-</code>
-</pre>
-            </li>
-            <li>
-                <p>In your index.tsx import <code>register-webcomponents.ts</code></p>
-                <pre>
-<code>import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-import './register-webcomponents';
-
-const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
-root.render(
-&lt;React.StrictMode&gt;
-    &lt;App /&gt;
-&lt;/React.StrictMode&gt;,
-);
-
-reportWebVitals();</code>
-                </pre>
-
-            </li>
-            <li>
-                <p>In your global css file import the tegel stylesheet.</p>
-                <pre>
-            <code>@import url('@scania/tegel/dist/tegel/tegel.css');</code>
-        </pre>
-            </li>
-        </ol>
-    </section>
-    <section>
-        <h4>Javascript</h4>
-        <ol class="tds-body-01">
-            <li>
-                <p>Run <code>npm install @scania/tegel</code></p>
-            </li>
-            <li>
-                <p>In your index.jsx define the custom components:</p>
-                <pre>
-<code>import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-import { defineCustomElements } from '@scania/tegel/loader';
-
-const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
-root.render(
-&lt;React.StrictMode&gt;
-    &lt;App /&gt;
-&lt;/React.StrictMode&gt;,
-);
-
-reportWebVitals();
-defineCustomElements();</code>
-                </pre>
-
-            </li>
-            <li>
-                <p>In your global css file import the tegel stylesheet.</p>
-                <pre>
-            <code>@import url('@scania/tegel/dist/tegel/tegel.css');</code>
-        </pre>
-            </li>
-        </ol>
-    </section>
-    <h2>Angular</h2>
-    <section>
-        <ol class="tds-body-01">
-            <li>
-                <p>Run <code>npm install @scania/tegel</code></p>
-            </li>
-            <li>
-                <p>In your main.ts import and call the function <code>defineCustomElements()</code></p>
-                <pre>
-                    <code>import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { defineCustomElements } from '@scania/tegel/loader';
-import { AppModule } from './app/app.module';
-
-platformBrowserDynamic()
-.bootstrapModule(AppModule)
-.catch((err) => console.error(err));
-
-defineCustomElements(window);</code>
-                </pre>
-            </li>
-            <li>
-                <p>In your app.module.ts import 'CUSTOM_ELEMENTS_SCHEMA'</p>
-                <pre>
-                    <code>import { BrowserModule } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
-import { 
-    CUSTOM_ELEMENTS_SCHEMA,
-    NgModule
-    } from '@angular/core';
-
-@NgModule({
-    declarations: [AppComponent],
-    imports: [BrowserModule],
-    providers: [],
-    bootstrap: [AppComponent],
-    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-
-export class AppModule {}</code>
-                </pre>
-            </li>
-            <li>
-                <p>In your global css file import the tegel stylesheet.</p>
-                <pre>
-                    <code>@import url('@scania/tegel/dist/tegel/tegel.css');</code>
-                </pre>
-            </li>
-        </ol>
-    </section>
-    <h2>HTML</h2>
-    <section>
-        <ol>
-            <li><p>Run <code>npm init</code> to generate a package.json</p></li>
-            <li><p>Run <code>npm install @scania/tegel</code></p></li>
-            <li><p>Import the package and stylesheet in your <code>&lt;head&gt;</code></p>
-                <pre>
-                    <code>&lt;script type="module"&gt;
-    import { defineCustomElements } from 
-        './node_modules/@scania/tegel/loader/index.es2017.js';
-    defineCustomElements();
-&lt;/script&gt;
-&lt;link rel="stylesheet"
-    href="./node_modules/@scania/tegel/dist/tegel/tegel.css"/&gt;</code>
-                <pre>
-            </li>
-            
-        </ol>
-    </section>
-    <h2>Stencil</h2>
-    <section>
-        <ol>
-            <li><p>Run <code>npm install @scania/tegel</code></p></li>
-            <li><p>Import @scania/tegel in your stencil component.</p></li>
-            <li><p>In your global css file import the tegel stylesheet.</p>
-            <pre>
-                <code>@import url('@scania/tegel/dist/tegel/tegel.css');</code>
-            </pre></li>
-            <li><p>And don't forget to set <code>'shadow: false';</code> for your component.</p></li>
-        </ol>
-    </section>
-</article>
-    `,
-};

package/dist/tegel/p-016d07b2.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,g as e}from"./p-25f306a0.js";const i=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){this.parentIsTopPart="top"===this.host.closest("tds-footer-group").parentElement.slot}render(){return o("div",{role:"listitem",class:this.parentIsTopPart?"top-part-child":""},o("slot",null))}get host(){return e(this)}};i.style='[role=listitem] ::slotted(a),[role=listitem] ::slotted(button){font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);color:var(--tds-footer-main-links);opacity:var(--tds-footer-main-links-opacity);text-decoration:none}[role=listitem] ::slotted(a:focus-visible),[role=listitem] ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}[role=listitem] ::slotted(a:hover),[role=listitem] ::slotted(button:hover){text-decoration:underline}[role=listitem].top-part-child ::slotted(a),[role=listitem].top-part-child ::slotted(button){color:var(--tds-footer-top-links);font-family:"Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;font-weight:bold;font-size:14px;line-height:18px}[role=listitem].top-part-child ::slotted(a:focus-visible),[role=listitem].top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media all and (max-width: 992px){[role=listitem].top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}[role=listitem].top-part-child ::slotted(a),[role=listitem].top-part-child ::slotted(button){display:block;height:100%;padding:19px 40px;font-weight:normal}[role=listitem].top-part-child ::slotted(a:hover),[role=listitem].top-part-child ::slotted(button:hover){text-decoration:underline;background-color:var(--tds-footer-top-links-background-hover)}[role=listitem].top-part-child ::slotted(a:focus-visible),[role=listitem].top-part-child ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}}';export{i as tds_footer_item}

package/dist/tegel/p-1a978a31.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as i}from"./p-25f306a0.js";import{g as d}from"./p-f7ce52e9.js";const e=class{constructor(i){s(this,i),this.tdsChange=t(this,"tdsChange",6),this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.minusElement=null,this.plusElement=null,this.inputElement=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.eventListenersAdded=!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=d()}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight()}}handleMouseUp(){this.thumbGrabbed&&(this.thumbGrabbed=!1,this.thumbInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleTouchEnd(){this.thumbGrabbed&&(this.thumbGrabbed=!1,this.thumbInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleMouseMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleTouchMove(s){s.preventDefault(),this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.updateValueForced(s),this.updateTrack()}updateSupposedValueSlot(s){const t=parseInt(this.ticks),i=this.getTrackWidth(),d=Math.round(i/(t+1)),e=Math.round(s/d)*d;let r=0;return e>=0&&e<=i?r=e:e>i?r=i:e<0&&(r=0),this.supposedValueSlot=Math.round(r/d),e}thumbCore(s){const t=parseInt(this.ticks),i=this.trackElement.getBoundingClientRect();let d=0;"mousemove"===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&&t>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement.style.left=`${this.thumbLeft}px`,this.updateValue()}updateTrack(){const s=this.getTrackWidth();this.trackFillElement.style.width=this.thumbLeft/s*100+"%"}dispatchChangeEvent(){this.tdsChange.emit({value:this.value})}updateValue(){const s=this.getTrackWidth(),t=parseInt(this.ticks);if(this.useSnapping&&t){const s=this.tickValues[this.supposedValueSlot];this.value=`${s}`,this.calculateThumbLeftFromValue(s)}else{const t=this.thumbLeft/s;this.value=`${Math.trunc(this.getMin()+t*(this.getMax()-this.getMin()))}`}this.updateTrack(),this.dispatchChangeEvent()}updateValueForced(s){this.value=s,this.dispatchChangeEvent()}getMin(){return parseFloat(this.min)}getMax(){return parseFloat(this.max)}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,i=this.getTrackWidth(),d=t-this.getMin(),e=this.getMax()-this.getMin();this.thumbLeft=d/e*i,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement.style.left=`${this.thumbLeft}px`}componentDidLoad(){this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.eventListenersAdded||(this.eventListenersAdded=!0,this.thumbElement.addEventListener("mousedown",(s=>{s.preventDefault(),this.grabThumb()})),this.thumbElement.addEventListener("touchstart",(()=>{this.grabThumb()})),this.useControls&&(this.minusElement.addEventListener("click",(()=>{this.stepLeft()})),this.plusElement.addEventListener("click",(()=>{this.stepRight()}))),this.inputElement&&this.inputElement.addEventListener("keydown",(s=>{if(s.stopPropagation(),"Enter"===s.key){let s=parseInt(this.inputElement.value);s<this.getMin()?s=this.getMin():s>this.getMax()&&(s=this.getMax()),this.calculateThumbLeftFromValue(s),this.updateValueForced(s),this.updateTrack(),this.inputElement.blur(),this.wrapperElement.focus()}}))),this.calculateThumbLeftFromValue(this.value),this.updateTrack()}grabThumb(){this.readOnly||(this.thumbGrabbed=!0,this.thumbInnerElement.classList.add("pressed"))}calculateInputSizeFromMax(){return this.max.length}controlsStep(s){if(this.readOnly||this.disabled)return;const t=parseInt(this.ticks);if(this.useSnapping&&t>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>t+1&&(this.supposedValueSlot=t+1),this.updateValue();else{const t=this.getTrackWidth(),i=this.thumbLeft/t;let d=this.getMin()+i*(this.getMax()-this.getMin());d+=s,d=Math.round(d),d<this.getMin()?d=this.getMin():d>this.getMax()&&(d=this.getMax()),this.value=`${d}`,this.calculateThumbLeftFromValue(this.value),this.updateValueForced(d),this.updateTrack()}}stepLeft(){this.controlsStep(-parseInt(this.step))}stepRight(){this.controlsStep(parseInt(this.step))}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[this.getMin()];const t=(this.getMax()-this.getMin())/(s+1);for(let i=1;i<s+1;i++)this.tickValues.push(this.getMin()+Math.round(t*i));this.tickValues.push(this.getMax())}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,this.getMin()>this.getMax()&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}render(){return i("div",{class:"tds-slider-wrapper "+(this.readOnly?"read-only":"")},i("input",{class:"tds-slider-native-element",type:"range",value:this.value,name:this.name,min:this.min,max:this.max,disabled:this.disabled}),i("div",{class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s}},i("label",{class:this.showTickNumbers&&"offset"},this.label),this.useInput&&i("div",{class:"tds-slider__input-values"},i("div",{ref:s=>{this.minusElement=s},class:"tds-slider__input-value min-value"},this.min)),this.useControls&&i("div",{class:"tds-slider__controls"},i("div",{ref:s=>{this.minusElement=s},class:"tds-slider__control tds-slider__control-minus"},i("tds-icon",{name:"minus",size:"16px"}))),i("div",{class:"tds-slider-inner"},this.tickValues.length>0&&i("div",{class:"tds-slider__value-dividers-wrapper"},i("div",{class:"tds-slider__value-dividers"},this.tickValues.map((s=>i("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&i("span",null,s)))))),i("div",{class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0"},i("div",{class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),i("div",{class:"tds-slider__thumb",ref:s=>{this.thumbElement=s}},this.tooltip&&i("div",{class:"tds-slider__value"},this.value,i("svg",{width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{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"}))),i("div",{class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&i("div",{class:"tds-slider__input-values"},i("div",{ref:s=>{this.minusElement=s},class:"tds-slider__input-value"},this.max),i("div",{class:"tds-slider__input-field-wrapper"},i("input",{onFocus:s=>{this.readOnly&&(s.preventDefault(),this.inputElement.blur())},size:this.calculateInputSizeFromMax(),class:"tds-slider__input-field",value:this.value,ref:s=>{this.inputElement=s}}))),this.useControls&&i("div",{class:"tds-slider__controls"},i("div",{ref:s=>{this.plusElement=s},class:"tds-slider__control tds-slider__control-plus"},i("tds-icon",{name:"plus",size:"16px"})))))}static get watchers(){return{value:["handleValueUpdate"]}}};e.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}.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 .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{e as tds_slider}

package/dist/tegel/p-78f42968.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as o,H as e,g as r}from"./p-25f306a0.js";import{g as a}from"./p-f7ce52e9.js";import{h as i}from"./p-ae110fc2.js";const n=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.handleClose=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!1)},this.toastId=a(),this.header=void 0,this.subheader=void 0,this.variant="information",this.hidden=!1,this.toastRole="alert"}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}render(){const t=i("header",this.host),s=i("subheader",this.host),r=i("actions",this.host);return o(e,{toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:this.hidden?"hide":"show"},o("div",{class:`\n            wrapper\n            ${this.variant}`},o("tds-icon",{name:this.getIconName(),size:"20px"}),o("div",{class:"content"},o("div",{class:"header-subheader"},this.header&&o("div",{class:"header"},this.header),t&&o("slot",{name:"header"}),this.subheader&&o("div",{class:"subheader"},this.subheader),s&&o("slot",{name:"subheader"})),r&&o("div",{class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},o("slot",{name:"actions"}))),o("button",{onClick:()=>{this.handleClose()},class:"close"},o("tds-icon",{name:"cross",size:"20px"}))))}get host(){return r(this)}};n.style=":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);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{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 button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 0;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important;max-width:252px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{margin-top:12px}:host slot[name=actions]::slotted(*){color:var(--tds-toast-link-color)}:host .tds-mode-variant-primary{--tds-toast-background:var(--tds-toast-background-primary)}:host .tds-mode-variant-secondary{--tds-toast-background:var(--tds-toast-background-secondary)}";export{n as tds_toast}

package/dist/tegel/p-80b501e3.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as o,H as e,g as i}from"./p-25f306a0.js";const l=class{constructor(o){t(this,o),this.tdsChange=s(this,"tdsChange",6),this.tdsFocus=s(this,"tdsFocus",6),this.tdsBlur=s(this,"tdsBlur",6),this.tdsInput=s(this,"tdsInput",6),this.setDefaultOption=()=>{Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName)).forEach((t=>(this.multiselect?this.defaultValue.split(",").forEach((s=>{s===t.value&&(t.setSelected(!0),this.value=this.value?[...this.value,t.value]:[t.value])})):this.defaultValue===t.value?(t.setSelected(!0),this.value=[t.value]):t.setSelected(!1),this.setValueAttribute(),t)))},this.getChildren=()=>Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName)),this.getOpenDirection=()=>{var t,s,o,e,i;if("auto"===this.openDirection||!this.openDirection){const l=null!==(s=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==s?s:0;return(null!==(i=null===(e=(o=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(o).top)&&void 0!==i?i:0)+l+57>window.innerHeight?"up":"down"}return this.openDirection},this.getSelectedChildren=()=>{var t;return null===(t=this.value)||void 0===t?void 0:t.map((t=>this.getChildren().find((s=>s.value===t)))).filter(Boolean)},this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.trim()))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return this.filter?null==t?void 0:t.join(", "):null==t?void 0:t.toString()},this.setValueAttribute=()=>{var t,s,o;""===(null===(t=this.value)||void 0===t?void 0:t.toString())&&(this.value=null),this.host.setAttribute("value",null!==(o=null===(s=this.value)||void 0===s?void 0:s.map((t=>t)).toString())&&void 0!==o?o:null)},this.handleFilter=t=>{this.tdsInput.emit(t);const s=t.target.value.toLowerCase(),o=this.getChildren();""===s?(o.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=o.filter((t=>(t.textContent.toLowerCase().includes(s.toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.handleChange=()=>{var t,s;this.tdsChange.emit({name:this.name,value:null!==(s=null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString())&&void 0!==s?s:null})},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.error=!1,this.multiselect=!1,this.filter=!1,this.noResultText="No result",this.defaultValue=void 0,this.open=!1,this.value=void 0,this.filterResult=void 0,this.filterFocus=void 0}async reset(){this.internalReset(),this.handleChange()}async setValue(t,s){let o;o="string"==typeof t?[t]:t,!this.multiselect&&o.length>1&&(console.warn("Tried to select multiple items, but multiselect is not enabled."),o=[o[0]]),this.internalReset();for(let t=0;t<o.length;t++)this.getChildren().some((s=>s.value===o[t]))||o.splice(t,1);return this.value=o,this.setValueAttribute(),this.selectChildrenAsSelectedBasedOnSelectionProp(),this.handleChange(),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async appendValue(t){this.setValue(this.multiselect&&this.value?[...this.value,t]:t)}async removeValue(t){var s,o;let e;return this.multiselect?null===(s=this.getChildren())||void 0===s||s.forEach((s=>{var o;return s.value===t&&(this.value=null===(o=this.value)||void 0===o?void 0:o.filter((t=>t!==s.value)),e=s.textContent.trim(),s.setSelected(!1)),s})):this.reset(),this.handleChange(),this.setValueAttribute(),null===(o=this.value)||void 0===o?void 0:o.map((t=>({value:t,label:e})))}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){const{activeElement:s}=document;if(!s)return;const o=this.getChildren();if("ArrowDown"===t.key){const t=s.nextElementSibling?o.findIndex((t=>t===s.nextElementSibling)):0;o[((t,s)=>{if(void 0===t[s])return 0;for(let o=s;o<t.length;o++)if(!t[o].disabled)return o})(o,t)].focus()}else"ArrowUp"===t.key?o[((t,s)=>{if(void 0===t[s])return t.length-1;for(let o=s;o>=0;o--)if(!t[o].disabled)return o})(o,s.nextElementSibling?this.getChildren().findIndex((t=>t===s.previousElementSibling)):0)].focus():"Escape"===t.key&&(this.open=!1)}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.getValue()))}componentWillLoad(){this.defaultValue&&this.setDefaultOption()}internalReset(){this.getChildren().forEach((t=>(t.setSelected(!1),t))),this.value=null,this.setValueAttribute()}selectChildrenAsSelectedBasedOnSelectionProp(){this.getChildren().forEach((t=>{this.value.forEach((s=>{t.value!==s?this.multiselect||t.setSelected(!1):t.setSelected(!0)}))}))}render(){var t,s,i,l;return((t,s,o,e)=>{let i=t.querySelector("input");t.querySelector("input")||(i=t.ownerDocument.createElement("input"),i.type="hidden",t.appendChild(i)),i.disabled=e,i.name=s,i.value=o||""})(this.host,this.name,null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString(),this.disabled),o(e,{role:"select",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},this.label&&"outside"===this.labelPosition&&o("div",{class:"label-outside "+(this.disabled?"disabled":"")},this.label),o("div",{class:`dropdown-select ${this.size} ${this.disabled?"disabled":""}`},this.filter?o("div",{class:`filter ${this.filterFocus?"focus":""}\n            ${this.disabled?"disabled":""}`},o("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${(null===(s=this.value)||void 0===s?void 0:s.length)?"selected":""}\n                    `},this.label),o("input",{ref:t=>this.inputElement=t,class:"inside"===this.labelPosition?"placeholder":"",type:"text",placeholder:this.placeholder,value:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.handleBlur(t)},onFocus:t=>{this.open=!0,this.filterFocus=!0,this.handleFocus(t)},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),o("tds-icon",{onClick:()=>{this.open=!this.open},class:this.open?"open":"closed",name:"chevron_down",size:"16px"})):o("button",{onClick:()=>{this.open=!this.open},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n                ${this.value?"value":"placeholder"}\n                ${this.open?"open":"closed"}\n                ${this.error?"error":""}\n                `,disabled:this.disabled},o("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${(null===(i=this.value)||void 0===i?void 0:i.length)?"selected":""}\n                    `},this.label),o("div",{class:`placeholder ${this.size}`},(null===(l=this.value)||void 0===l?void 0:l.length)?this.getValue():this.placeholder),o("tds-icon",{class:this.open?"open":"closed",name:"chevron_down",size:"16px"})))),o("div",{ref:t=>this.dropdownList=t,class:`dropdown-list\n            ${this.size}\n            ${this.open?"open":"closed"}\n            ${this.getOpenDirection()}\n            ${this.label&&"outside"===this.labelPosition?"label-outside":""}`},o("slot",null),0===this.filterResult&&o("div",{class:`no-result ${this.size}`},this.noResultText)),this.helper&&o("div",{class:`helper ${this.error?"error":""} ${this.disabled?"disabled":""}`},this.error&&o("tds-icon",{name:"error",size:"16px"}),this.helper))}get host(){return i(this)}static get watchers(){return{open:["handleOpenState"]}}};l.style=':host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:4px 4px 0 0}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color)}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom-color:var(--tds-dropdown-border-bottom-open)}:host button:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom-color:transparent}:host .filter.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{margin-right:16px}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;margin-top:1px;width:100%;transform-origin:top;transition:transform 0.2s ease-in-out;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:0 0 4px 4px;overflow-y:auto}:host .dropdown-list::-webkit-scrollbar{width:4px;background-color:inherit}:host .dropdown-list::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}:host .dropdown-list ::-webkit-scrollbar-button{height:0;width:0}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:4px 4px 0 0}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);visibility:hidden}:host .dropdown-list.open{transform:scaleY(1)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host tds-icon{transition:transform 0.2s ease-in-out}:host tds-icon.open{transform:rotateZ(180deg)}';export{l as tds_dropdown}

package/dist/tegel/p-8f1a037c.entry.js

@@ -1 +0,0 @@
-import{r as c,c as e,h as t,g as o}from"./p-25f306a0.js";import{g as s}from"./p-f7ce52e9.js";const d=class{constructor(t){c(this,t),this.tdsChange=e(this,"tdsChange",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.handleChange=()=>{this.checked=!this.checked,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,value:this.value})},this.name=void 0,this.checkboxId=s(),this.disabled=!1,this.required=!1,this.checked=!1,this.value=void 0}async toggleCheckbox(){return this.checked=!this.checked,{checkboxId:this.checkboxId,checked:this.checked}}handleFocus(c){this.tdsFocus.emit(c)}handleBlur(c){this.tdsBlur.emit(c)}render(){return t("div",{class:"tds-checkbox"},t("input",{"aria-checked":this.checked,"aria-required":this.required,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:c=>this.handleFocus(c),onBlur:c=>this.handleBlur(c),onChange:()=>{this.handleChange()}}),t("label",{htmlFor:this.checkboxId},t("slot",{name:"label"})))}get host(){return o(this)}};d.style='.sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:24px;height:24px;left:0;top:0;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-grey-600);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}';export{d as tds_checkbox}

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

@@ -1 +0,0 @@
-import{r as t,c as o,h as s,H as i,g as d}from"./p-25f306a0.js";const e=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.componentWillRender=()=>{this.parentElement="TDS-DROPDOWN"===this.host.parentElement.tagName?this.host.parentElement:this.host.getRootNode().host,this.multiselect=this.parentElement.multiselect,this.size=this.parentElement.size,this.label=this.host.textContent.trim()},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.value),this.parentElement.close(),this.tdsSelect.emit({value:this.value,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.value),this.selected=!0,this.tdsSelect.emit({value:this.value,selected:this.selected})):(this.parentElement.removeValue(this.value),this.selected=!1,this.tdsSelect.emit({value:this.value,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.value=void 0,this.disabled=!1,this.selected=!1,this.multiselect=void 0,this.size="lg"}async setSelected(t){this.selected=t}render(){return s(i,{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected},s("div",{class:`dropdown-option \n          ${this.size}\n          ${this.selected?"selected":""}\n          ${this.disabled?"disabled":""}\n          `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},disabled:this.disabled,checked:this.selected},s("div",{slot:"label"},s("slot",null)))):s("button",{onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return d(this)}};e.style=":host{display:block;background-color:var(--tds-dropdown-option-background)}:host .dropdown-option{display:flex;align-items:center;color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option.lg{height:47px}:host .dropdown-option.md{height:47px}:host .dropdown-option.sm{height:39px}:host .dropdown-option button{all:unset;width:100%;height:100%}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%;padding:0 16px}:host .dropdown-option:hover{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";export{e as tds_dropdown_option}

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

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-25f306a0.js";const r=class{constructor(e){t(this,e),this.current=!1}render(){return e("div",{role:"listitem",class:this.current?"current":""},e("slot",null))}};r.style='@charset "UTF-8";[role=listitem] ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}[role=listitem]:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}[role=listitem]:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}[role=listitem].current ::slotted(*),[role=listitem] [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}[role=listitem].current:hover ::slotted(*),[role=listitem] [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}[role=listitem] ::slotted(*)::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host(:last-of-type) ::slotted(*)::after{display:none}';export{r as tds_breadcrumb}

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

@@ -1 +0,0 @@
-import{r as t,h as e,H as o,g as i}from"./p-25f306a0.js";const s=class{constructor(e){t(this,e),this.index=void 0,this.state="upcoming",this.hideLabel=void 0,this.size=void 0,this.orientation=void 0,this.labelPosition=void 0}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabel=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]===this.orientation&&"vertical"===t.detail[e]&&(this.labelPosition="aside"),this[e]=t.detail[e]}))}render(){return e(o,null,e("div",{role:"listitem",class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabel?"hide-labels":""}`},e("div",{class:`${this.state} content-container`},"success"===this.state||"error"===this.state?e("tds-icon",{name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):this.index),!this.hideLabel&&e("div",{class:`label ${this.size} ${this.state}`},e("slot",{name:"label"}))))}get el(){return i(this)}};s.style=':host{position:relative;display:table-cell}:host tds-icon{line-height:1}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 24px);right:0;top:18px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;right:calc(50% + 24px);left:0;top:18px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:auto;right:-10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:-10px;right:auto}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 16px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:0;right:calc(50% + 24px);top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:auto;right:-10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:-10px;right:auto}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);display:flex;justify-content:center;align-items:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-negative);color:var(--tds-negative)}:host [role=listitem] .content-container.success{background-color:var(--tds-positive);border-color:var(--tds-positive);color:var(--tds-white)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(.last) [role=listitem].sm::after,:host(.last) [role=listitem].lg::after{display:none}:host(.last) [role=listitem].sm.vertical::before{display:none}:host(.first) [role=listitem].sm::before,:host(.first) [role=listitem].lg::before{display:none}';export{s as tds_step}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as s,H as a,g as o}from"./p-25f306a0.js";const l=["multiselect","expandableRows","verticalDividers","compactDesign","noMinWidth"],d=class{constructor(s){t(this,s),this.tdsSelectAll=e(this,"tdsSelectAll",6),this.allSelected=!1,this.multiselect=!1,this.expandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}internalTdsRowExpandedListener(t){this.tableId===t.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){const t=this.host.parentElement.querySelector("tds-table-body").getElementsByClassName("tds-table__row-extend--active").length,e=this.host.parentElement.querySelector("tds-table-body").getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=e===t}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){l.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}async handleCheckboxChange(t){this.allSelected=t.detail.checked,this.tdsSelectAll.emit({tableId:this.tableId,checked:t.detail.checked,selectedRows:await this.tableEl.getSelectedRows()})}render(){return s(a,{class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},s("tr",null,this.multiselect&&s("th",{class:"tds-table__header-cell tds-table__header-cell--checkbox"},s("div",{class:"tds-form-label tds-form-label--table"},s("tds-checkbox",{checked:this.allSelected,onTdsChange:t=>this.handleCheckboxChange(t)}))),this.expandableRows&&s("th",{class:"tds-table__header-cell tds-table__header-cell--checkbox"}),s("slot",null)))}get host(){return o(this)}};d.style=":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--tds-table-header-background-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";export{d as tds_table_header}

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

@@ -1 +0,0 @@
-import{r as s,h as r,g as t}from"./p-25f306a0.js";const e=class{constructor(r){s(this,r)}render(){return r("nav",null,r("div",{role:"list",class:"tds-breadcrumb"},r("slot",null)))}get el(){return t(this)}};e.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{e as tds_breadcrumbs}