@scania/tegel 1.3.0 → 1.3.2

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -1115,11 +1134,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [
@@ -35,7 +35,7 @@
   "scripts": {
     "build": "stencil build --docs",
     "start": "stencil build --dev --watch --serve",
-    "test": "docker run --rm --network host -v $(pwd):/work/ -w /work/ mcr.microsoft.com/playwright:v1.39.0-jammy /bin/bash -c 'npm install && npx playwright test && exit'",
+    "test": "node docker-test-runner.js",
     "update-snapshots": "docker run --rm --network host -v $(pwd):/work/ -w /work/ mcr.microsoft.com/playwright:v1.39.0-jammy /bin/bash -c 'npm install && npx playwright test --update-snapshots && exit'",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
@@ -48,8 +48,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@stencil/core": "^4.4.0",
-    "dotenv": "^16.0.3",
+    "@stencil/core": "^4.7.1",
     "prettier": "^2.7.1"
   },
   "devDependencies": {

package/dist/tegel/p-25f306a0.js

@@ -1,2 +0,0 @@
-let e,t,n,l=!1,o=!1,s=!1,i=!1,c=!1;const r="http://www.w3.org/1999/xlink",f={},u=e=>"object"==(e=typeof e)||"function"===e;function a(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const d=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,c=!1;const r=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!u(l))&&(l+=""),i&&c?r[r.length-1].t+=l:r.push(i?v(null,l):l),c=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,y);const a=v(e,null);return a.l=t,r.length>0&&(a.o=r),a.i=o,a.u=s,a},v=(e,t)=>({v:0,p:e,t,$:null,o:null,l:null,i:null,u:null}),p={},y={forEach:(e,t)=>e.map($).forEach(t),map:(e,t)=>e.map($).map(t).map(h)},$=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.p,vtext:e.t}),h=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),d(e.vtag,t,...e.vchildren||[])}const t=v(e.vtag,e.vtext);return t.l=e.vattrs,t.o=e.vchildren,t.i=e.vkey,t.u=e.vname,t},m=e=>re(e).h,b=(e,t,n)=>{const l=m(e);return{emit:e=>w(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},w=(e,t,n)=>{const l=me.ce(t,n);return e.dispatchEvent(l),l},g=new WeakMap,k=e=>"sc-"+e.m,j=(e,t,n,l,o,s)=>{if(n!==l){let i=ae(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=O(n),s=O(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const f=u(l);if((i||f&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let a=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(r,t):e.removeAttribute(t)):(!i||4&s||o)&&!f&&(l=!0===l?"":l,a?e.setAttributeNS(r,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):ae($e,c)?c.slice(2):c[2]+t.slice(3),n&&me.rel(e,t,n,!1),l&&me.ael(e,t,l,!1)}},S=/\s/,O=e=>e?e.split(S):[],C=(e,t,n,l)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,s=e&&e.l||f,i=t.l||f;for(l in s)l in i||j(o,l,s[l],void 0,n,t.v);for(l in i)j(o,l,s[l],i[l],n,t.v)},M=(o,c,r,f)=>{const u=c.o[r];let a,d,v,p=0;if(l||(s=!0,"slot"===u.p&&(e&&f.classList.add(e+"-s"),u.v|=u.o?2:1)),null!==u.t)a=u.$=he.createTextNode(u.t);else if(1&u.v)a=u.$=he.createTextNode("");else{if(i||(i="svg"===u.p),a=u.$=he.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.v?"slot-fb":u.p),i&&"foreignObject"===u.p&&(i=!1),C(null,u,i),null!=e&&a["s-si"]!==e&&a.classList.add(a["s-si"]=e),u.o)for(p=0;p<u.o.length;++p)d=M(o,u,p,a),d&&a.appendChild(d);"svg"===u.p?i=!1:"foreignObject"===a.tagName&&(i=!0)}return a["s-hn"]=n,3&u.v&&(a["s-sr"]=!0,a["s-cr"]=t,a["s-sn"]=u.u||"",v=o&&o.o&&o.o[r],v&&v.p===u.p&&o.$&&x(o.$,!1)),a},x=(e,t)=>{me.v|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(F(o).insertBefore(o,E(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&x(o,t)}me.v&=-2},R=(e,t,l,o,s,i)=>{let c,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=M(null,l,s,e),c&&(o[s].$=c,r.insertBefore(c,E(t))))},P=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;U(t),e&&(o=!0,e["s-ol"]?e["s-ol"].remove():x(e,!0),e.remove())}}},T=(e,t)=>e.p===t.p&&("slot"===e.p?e.u===t.u:e.i===t.i),E=e=>e&&e["s-ol"]||e,F=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,L=(e,t)=>{const n=t.$=e.$,l=e.o,o=t.o,s=t.p,c=t.t;let r;null===c?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||C(e,t,i),null!==l&&null!==o?((e,t,n,l)=>{let o,s,i=0,c=0,r=0,f=0,u=t.length-1,a=t[0],d=t[u],v=l.length-1,p=l[0],y=l[v];for(;i<=u&&c<=v;)if(null==a)a=t[++i];else if(null==d)d=t[--u];else if(null==p)p=l[++c];else if(null==y)y=l[--v];else if(T(a,p))L(a,p),a=t[++i],p=l[++c];else if(T(d,y))L(d,y),d=t[--u],y=l[--v];else if(T(a,y))"slot"!==a.p&&"slot"!==y.p||x(a.$.parentNode,!1),L(a,y),e.insertBefore(a.$,d.$.nextSibling),a=t[++i],y=l[--v];else if(T(d,p))"slot"!==a.p&&"slot"!==y.p||x(d.$.parentNode,!1),L(d,p),e.insertBefore(d.$,a.$),d=t[--u],p=l[++c];else{for(r=-1,f=i;f<=u;++f)if(t[f]&&null!==t[f].i&&t[f].i===p.i){r=f;break}r>=0?(s=t[r],s.p!==p.p?o=M(t&&t[c],n,r,e):(L(s,p),t[r]=void 0,o=s.$),p=l[++c]):(o=M(t&&t[c],n,c,e),p=l[++c]),o&&F(a.$).insertBefore(o,E(a.$))}i>u?R(e,null==l[v+1]?null:l[v+1].$,n,l,c,v):c>v&&P(t,i,u)})(n,l,t,o):null!==o?(null!==e.t&&(n.textContent=""),R(n,null,t,o,0,o.length-1)):null!==l&&P(l,0,l.length-1),i&&"svg"===s&&(i=!1)):(r=n["s-cr"])?r.parentNode.textContent=c:e.t!==c&&(n.data=c)},N=e=>{const t=e.childNodes;let n,l,o,s,i,c;for(l=0,o=t.length;l<o;l++)if(n=t[l],1===n.nodeType){if(n["s-sr"])for(i=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(c=t[s].nodeType,t[s]["s-hn"]!==n["s-hn"]||""!==i){if(1===c&&i===t[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===c||3===c&&""!==t[s].textContent.trim()){n.hidden=!0;break}N(n)}},W=[],A=e=>{let t,n,l,s,i,c,r=0;const f=e.childNodes,u=f.length;for(;r<u;r++){if(t=f[r],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],c=l.length-1;c>=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(D(n,s)?(i=W.find((e=>e.k===n)),o=!0,n["s-sn"]=n["s-sn"]||s,i?i.j=t:W.push({j:t,k:n}),n["s-sr"]&&W.map((e=>{D(e.k,n["s-sn"])&&(i=W.find((e=>e.k===n)),i&&!e.j&&(e.j=i.j))}))):W.some((e=>e.k===n))||W.push({k:n}));1===t.nodeType&&A(t)}},D=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,U=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(U)},H=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},q=(e,t)=>{if(e.v|=16,!(4&e.v))return H(e,e.O),Me((()=>V(e,t)));e.v|=512},V=(e,t)=>{const n=e.C;let l;return t&&(e.v|=256,e.M&&(e.M.map((([e,t])=>K(n,e,t))),e.M=void 0),l=K(n,"componentWillLoad")),l=_(l,(()=>K(n,"componentWillRender"))),_(l,(()=>B(e,n,t)))},_=(e,t)=>z(e)?e.then(t):t(),z=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,B=async(e,t,n)=>{var l;const o=e.h,s=o["s-rc"];n&&(e=>{const t=e.R,n=e.h,l=t.v,o=((e,t)=>{var n;const l=k(t),o=ye.get(l);if(e=11===e.nodeType?e:he,o)if("string"==typeof o){let t,s=g.get(e=e.head||e);if(s||g.set(e,s=new Set),!s.has(l)){{t=he.createElement("style"),t.innerHTML=o;const l=null!==(n=me.P)&&void 0!==n?n:a(he);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}s&&s.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(e);G(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],n=()=>I(e);0===t.length?n():(Promise.all(t).then(n),e.v|=4,t.length=0)}},G=(i,c,r,f)=>{try{c=c.render(),i.v&=-17,i.v|=2,((i,c,r=!1)=>{const f=i.h,u=i.R,a=i.T||v(null,null),y=(e=>e&&e.p===p)(c)?c:d(null,null,c);if(n=f.tagName,u.F&&(y.l=y.l||{},u.F.map((([e,t])=>y.l[t]=f[e]))),r&&y.l)for(const e of Object.keys(y.l))f.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(y.l[e]=f[e]);if(y.p=null,y.v|=4,i.T=y,y.$=a.$=f.shadowRoot||f,e=f["s-sc"],t=f["s-cr"],l=0!=(1&u.v),o=!1,L(a,y),me.v|=1,s){let e,t,n,l,o,s;A(y.$);let i=0;for(;i<W.length;i++)e=W[i],t=e.k,t["s-ol"]||(n=he.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<W.length;i++)if(e=W[i],t=e.k,e.j){for(l=e.j.parentNode,o=e.j.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&N(y.$),me.v&=-2,W.length=0})(i,c,f)}catch(e){de(e,i.h)}return null},I=e=>{const t=e.h,n=e.C,l=e.O;K(n,"componentDidRender"),64&e.v?K(n,"componentDidUpdate"):(e.v|=64,Q(t),K(n,"componentDidLoad"),e.L(t),l||J()),e.N(t),e.S&&(e.S(),e.S=void 0),512&e.v&&Ce((()=>q(e,!1))),e.v&=-517},J=()=>{Q(he.documentElement),Ce((()=>w($e,"appload",{detail:{namespace:"tegel"}})))},K=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){de(e)}},Q=e=>e.classList.add("hydrated"),X=(e,t,n)=>{var l;if(t.W){e.watchers&&(t.A=e.watchers);const o=Object.entries(t.W),s=e.prototype;if(o.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(s,e,{get(){return((e,t)=>re(this).D.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=re(e),s=o.h,i=o.D.get(t),c=o.v,r=o.C;if(n=((e,t)=>null==e||u(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.W[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.D.set(t,n),r)){if(l.A&&128&c){const e=l.A[t];e&&e.map((e=>{try{r[e](n,i,t)}catch(e){de(e,s)}}))}2==(18&c)&&q(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(s,e,{value(...t){const n=re(this);return n.U.then((()=>n.C[e](...t)))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,l,o){me.jmp((()=>{const i=n.get(e);if(this.hasOwnProperty(i))o=this[i],delete this[i];else{if(s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==o)return;if(null==i){const n=re(this),s=null==n?void 0:n.v;if(!(8&s)&&128&s&&o!==l){const s=n.C,i=t.A[e];null==i||i.forEach((t=>{null!=s[t]&&s[t].call(s,o,l,e)}))}return}}this[i]=(null!==o||"boolean"!=typeof this[i])&&o}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=t.A)&&void 0!==l?l:{}),...o.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.F.push([e,o]),o}))]))}}return e},Y=e=>{K(e,"connectedCallback")},Z=e=>{K(e,"disconnectedCallback")},ee=(e,t={})=>{var n;const l=[],o=t.exclude||[],s=$e.customElements,i=he.head,c=i.querySelector("meta[charset]"),r=he.createElement("style"),f=[];let u,d=!0;Object.assign(me,t),me.H=new URL(t.resourcesUrl||"./",he.baseURI).href,e.map((e=>{e[1].map((n=>{var i;const c={v:n[0],m:n[1],W:n[2],q:n[3]};c.W=n[2],c.q=n[3],c.F=[],c.A=null!==(i=n[4])&&void 0!==i?i:{};const r=t.transformTagName?t.transformTagName(c.m):c.m,a=class extends HTMLElement{constructor(e){super(e),ue(e=this,c),1&c.v&&e.attachShadow({mode:"open",delegatesFocus:!!(16&c.v)})}connectedCallback(){u&&(clearTimeout(u),u=null),d?f.push(this):me.jmp((()=>(e=>{if(0==(1&me.v)){const t=re(e),n=t.R,l=()=>{};if(1&t.v)ne(e,t,n.q),(null==t?void 0:t.C)?Y(t.C):(null==t?void 0:t.V)&&t.V.then((()=>Y(t.C)));else{t.v|=1,12&n.v&&(e=>{const t=e["s-cr"]=he.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){H(t,t.O=n);break}}n.W&&Object.entries(n.W).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.v)){t.v|=32;{if((o=pe(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.A=o.watchers,X(o,n,2),o.isProxied=!0);const e=()=>{};t.v|=8;try{new o(t)}catch(e){de(e)}t.v&=-9,t.v|=128,e(),Y(t.C)}if(o.style){let e=o.style;const t=k(n);if(!ye.has(t)){const l=()=>{};((e,t,n)=>{let l=ye.get(e);we&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,ye.set(e,l)})(t,e,!!(1&n.v)),l()}}}const s=t.O,i=()=>q(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){me.jmp((()=>(async()=>{if(0==(1&me.v)){const e=re(this);e._&&(e._.map((e=>e())),e._=void 0),(null==e?void 0:e.C)?Z(e.C):(null==e?void 0:e.V)&&e.V.then((()=>Z(e.C)))}})()))}componentOnReady(){return re(this).V}};c.B=e[0],o.includes(r)||s.get(r)||(l.push(r),s.define(r,X(a,c,1)))}))}));{r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles","");const e=null!==(n=me.P)&&void 0!==n?n:a(he);null!=e&&r.setAttribute("nonce",e),i.insertBefore(r,c?c.nextSibling:i.firstChild)}d=!1,f.length?f.map((e=>e.connectedCallback())):me.jmp((()=>u=setTimeout(J,30)))},te=(e,t)=>t,ne=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=oe(e,n),i=le(t,o),c=se(n);me.ael(s,l,i,c),(t._=t._||[]).push((()=>me.rel(s,l,i,c)))}))},le=(e,t)=>n=>{try{256&e.v?e.C[t](n):(e.M=e.M||[]).push([t,n])}catch(e){de(e)}},oe=(e,t)=>4&t?he:8&t?$e:16&t?he.body:e,se=e=>0!=(2&e),ie=e=>me.P=e,ce=new WeakMap,re=e=>ce.get(e),fe=(e,t)=>ce.set(t.C=e,t),ue=(e,t)=>{const n={v:0,h:e,R:t,D:new Map};return n.U=new Promise((e=>n.N=e)),n.V=new Promise((e=>n.L=e)),e["s-p"]=[],e["s-rc"]=[],ne(e,n,t.q),ce.set(e,n)},ae=(e,t)=>t in e,de=(e,t)=>(0,console.error)(e,t),ve=new Map,pe=e=>{const t=e.m.replace(/-/g,"_"),n=e.B,l=ve.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(ve.set(n,e),e[t])),de)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},ye=new Map,$e="undefined"!=typeof window?window:{},he=$e.document||{head:{}},me={v:0,H:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},be=e=>Promise.resolve(e),we=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ge=[],ke=[],je=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&me.v?Ce(Oe):me.raf(Oe))},Se=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){de(e)}e.length=0},Oe=()=>{Se(ge),Se(ke),(c=ge.length>0)&&me.raf(Oe)},Ce=e=>be().then(e),Me=je(ke,!0);export{te as F,p as H,ee as b,b as c,m as g,d as h,be as p,fe as r,ie as s}

package/dist/tegel/p-3a930215.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as s,H as e,g as i}from"./p-25f306a0.js";const l=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(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((o=>{o===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,o,s,e,i;if("auto"===this.openDirection||!this.openDirection){const l=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(i=null===(e=(s=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(s).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((o=>o.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 t?this.filter?null==t?void 0:t.join(", "):null==t?void 0:t.toString():""},this.setValueAttribute=()=>{var t,o,s;""===(null===(t=this.value)||void 0===t?void 0:t.toString())&&(this.value=null),this.host.setAttribute("value",null!==(s=null===(o=this.value)||void 0===o?void 0:o.map((t=>t)).toString())&&void 0!==s?s:null)},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase(),s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.filter((t=>(t.textContent.toLowerCase().includes(o.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,o;this.tdsChange.emit({name:this.name,value:null!==(o=null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString())&&void 0!==o?o: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,o){let s;s="string"==typeof t?[t]:t,!this.multiselect&&s.length>1&&(console.warn("Tried to select multiple items, but multiselect is not enabled."),s=[s[0]]),this.internalReset();for(let t=0;t<s.length;t++)this.getChildren().some((o=>o.value===s[t]))||s.splice(t,1);return this.value=s,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 o,s;let e;return this.multiselect?null===(o=this.getChildren())||void 0===o||o.forEach((o=>{var s;return o.value===t&&(this.value=null===(s=this.value)||void 0===s?void 0:s.filter((t=>t!==o.value)),e=o.textContent.trim(),o.setSelected(!1)),o})):this.reset(),this.handleChange(),this.setValueAttribute(),null===(s=this.value)||void 0===s?void 0:s.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:o}=document;if(!o)return;const s=this.getChildren();if("ArrowDown"===t.key){const t=o.nextElementSibling?s.findIndex((t=>t===o.nextElementSibling)):0;s[((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(s,t)].focus()}else"ArrowUp"===t.key?s[((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(s,o.nextElementSibling?this.getChildren().findIndex((t=>t===o.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((o=>{t.value!==o?this.multiselect||t.setSelected(!1):t.setSelected(!0)}))}))}render(){var t,o,i,l;return((t,o,s,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=o,i.value=s||""})(this.host,this.name,null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString(),this.disabled),s(e,{role:"select",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},this.label&&"outside"===this.labelPosition&&s("div",{class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{class:`dropdown-select ${this.size} ${this.disabled?"disabled":""}`},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${(null===(o=this.value)||void 0===o?void 0:o.length)?"selected":""}\n                    `},this.label),s("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)}})),s("tds-icon",{onClick:()=>{this.open=!this.open,this.open&&this.inputElement.focus()},class:this.open?"open":"closed",name:"chevron_down",size:"16px"})):s("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},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("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),s("div",{class:`placeholder ${this.size}`},(null===(l=this.value)||void 0===l?void 0:l.length)?this.getValue():this.placeholder),s("tds-icon",{class:this.open?"open":"closed",name:"chevron_down",size:"16px"})))),s("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":""}`},s("slot",null),0===this.filterResult&&s("div",{class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{class:`helper ${this.error?"error":""} ${this.disabled?"disabled":""}`},this.error&&s("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);line-height:1.3}: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.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background: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.error{border-bottom:1px solid var(--tds-negative)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}: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-5b9f499d.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as i}from"./p-25f306a0.js";const e=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return o(i,{role:"listitem"},o("div",{class:`inline-tab-item  ${this.selected?"selected":""}\n           ${this.disabled?"disabled":""}`},o("slot",null)))}};e.style=':host{box-sizing:border-box;z-index:200;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(.first){margin-left:32px}:host(.last){margin-right:32px}';export{e as tds_inline_tab}

package/dist/tegel/p-6adb65cb.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,H as i}from"./p-25f306a0.js";const e=class{constructor(t){o(this,t)}render(){return t(i,null,t("div",null))}};e.style=":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}";export{e as tds_side_menu_overlay}

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

@@ -1 +0,0 @@
-import{r as s,c,h as t,H as i,g as p}from"./p-25f306a0.js";import{g as o}from"./p-f7ce52e9.js";import{h}from"./p-ae110fc2.js";const d=class{constructor(t){s(this,t),this.tdsChange=c(this,"tdsChange",6),this.tdsClick=c(this,"tdsClick",6),this.handleChange=()=>{this.checked=!this.checked,this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value})},this.handleClick=()=>{this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=o(),this.checked=!1,this.name=void 0,this.value=void 0}renderInputAttributes(){return"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()}}render(){const s=this.renderInputAttributes(),c=h("prefix",this.host),p=h("label",this.host),o=h("suffix",this.host);return t(i,null,t("div",{class:"component"},t("div",{class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:c,suffix:o}},t("input",Object.assign({type:this.type,id:this.chipId},s)),t("label",{onClick:s=>s.stopPropagation(),htmlFor:this.chipId},c&&t("slot",{name:"prefix"}),p&&t("slot",{name:"label"}),o&&t("slot",{name:"suffix"})))))}get host(){return p(this)}};d.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.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.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{d as tds_chip}

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

@@ -1 +0,0 @@
-import{r as t,h as o,H as a}from"./p-25f306a0.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return o(a,{role:"listitem"},o("div",{class:`navigation-tab-item  ${this.selected?"selected":""}\n           ${this.disabled?"disabled":""}`},o("slot",null)))}};i.style=':host{box-sizing:border-box;z-index:200;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-navigation-tabs-tab-color) !important;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 4px}:host ::slotted(*:focus-visible)::before{content:"";position:absolute;left:0;right:0;top:26px;bottom:26px;outline:2px solid var(--tds-blue-400)}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);z-index:1}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-navigation-tabs-tab-color-disabled)}:host .disabled ::slotted(*){opacity:var(--tds-navigation-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(.first){margin-left:32px}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}

package/dist/types/components/block/block.d.ts

@@ -1,11 +0,0 @@
-/**
- * @slot <default> - <b>Unnamed slot.</b> For the content.
- */
-export declare class TdsBlock {
-  host: HTMLElement;
-  /** Mode variant of the component, based on current mode. */
-  modeVariant: 'primary' | 'secondary';
-  children: Array<HTMLTdsBlockElement>;
-  setModeVariantOnChildBlocks(): void;
-  render(): any;
-}

package/dist/types/components/header/header-launcher/header-launcher.d.ts

@@ -1,15 +0,0 @@
-/**
- * @slot <default> - <b>Unnamed slot.</b> For a launcher list (or grid) element.
- */
-export declare class TdsHeaderLauncher {
-  host: HTMLElement;
-  open: boolean;
-  buttonEl?: HTMLTdsHeaderLauncherButtonElement;
-  hasListTypeMenu: boolean;
-  private uuid;
-  private ariaAttributes;
-  onAnyClick(event: MouseEvent): void;
-  componentDidLoad(): void;
-  toggleLauncher(): void;
-  render(): any;
-}

package/dist/types/components/popover-canvas/popover-canvas.d.ts

@@ -1,27 +0,0 @@
-import type { Placement } from '@popperjs/core';
-import { Attributes } from '../../types/Attributes';
-/**
- * @slot <default> - <b>Unnamed slot.</b> For the contents of the popover.
- */
-export declare class TdsPopoverCanvas {
-  host: HTMLTdsPopoverCanvasElement;
-  /** The CSS-selector for an element that will trigger the Popover */
-  selector: string;
-  /** Element that will trigger the Popover (takes priority over selector) */
-  referenceEl?: HTMLElement | null;
-  /** Controls whether the Popover is shown or not. If this is set hiding and showing
-   * will be decided by this prop and will need to be controlled from the outside.
-   */
-  show: boolean;
-  /** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */
-  placement: Placement;
-  /** Sets the offset skidding */
-  offsetSkidding: number;
-  /** Sets the offset distance */
-  offsetDistance: number;
-  /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
-  modifiers: Object[];
-  inheritedAttributes: Attributes;
-  componentWillLoad(): void;
-  render(): any;
-}

package/dist/types/components/popover-core/popover-core.d.ts

@@ -1,46 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import type { Placement, Instance } from '@popperjs/core';
-export declare class TdsPopoverCore {
-  host: HTMLTdsPopoverCoreElement;
-  /** The CSS-selector for an element that will trigger the pop-over */
-  selector: string;
-  /** Element that will trigger the pop-over (takes priority over selector) */
-  referenceEl?: HTMLElement | null;
-  /** Decides if the Popover Menu should be visible from the start */
-  show: boolean;
-  /** Decides the placement of the Popover Menu */
-  placement: Placement;
-  /** Sets the offset skidding */
-  offsetSkidding: number;
-  /** Sets the offset distance */
-  offsetDistance: number;
-  /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
-  modifiers: Object[];
-  /** What triggers the popover to show */
-  trigger: 'click' | 'hover' | 'hover-popover';
-  /** Decides if the popover should hide automatically.
-   * Alternatevly it can be hidden externally based on emitted events. */
-  autoHide: boolean;
-  renderedShowValue: boolean;
-  popperInstance: Instance | null;
-  target?: HTMLElement | null;
-  isShown: boolean;
-  /** @internal Show event. */
-  tdsShow: EventEmitter<{}>;
-  /** @internal Close event. */
-  tdsClose: EventEmitter<{}>;
-  onAnyClick(event: MouseEvent): void;
-  onShowChange(newValue: boolean): void;
-  onReferenceElChanged(newValue: HTMLElement, oldValue: HTMLElement): void;
-  onTriggerChanged(newValue: 'click' | 'hover' | 'hover-popover'): void;
-  private setIsShown;
-  private onClickTarget;
-  private handleShow;
-  private handleHide;
-  private initialize;
-  private cleanUp;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

package/dist/types/components/popover-menu/popover-menu.d.ts

@@ -1,28 +0,0 @@
-import type { Placement } from '@popperjs/core';
-import { Attributes } from '../../types/Attributes';
-/**
- * @slot <default> - <b>Unnamed slot.</b> For the list of menu items.
- */
-export declare class TdsPopoverMenu {
-  host: HTMLTdsPopoverMenuElement;
-  /** The CSS-selector for an element that will trigger the pop-over */
-  selector: string;
-  /** Element that will trigger the pop-over (takes priority over selector) */
-  referenceEl?: HTMLElement | null;
-  /** Controls whether the Popover is shown or not. If this is set hiding and showing
-   * will be decided by this prop and will need to be controlled from the outside. This
-   * also means that clicking outside of the popover won't close it.
-   */
-  show: boolean;
-  /** Decides the placement of the Popover Menu */
-  placement: Placement;
-  /** Sets the offset skidding */
-  offsetSkidding: number;
-  /** Sets the offset distance */
-  offsetDistance: number;
-  /** If true this unsets the width (160px) of the Popover Menu */
-  fluidWidth: boolean;
-  inheritedAttributes: Attributes;
-  componentWillLoad(): void;
-  render(): any;
-}

package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts

@@ -1,24 +0,0 @@
-import { CollapseEvent } from '../side-menu';
-/**
- * @slot <default> - <b>Unnamed slot.</b> For injecting a native <code>&lt;button</code> and <code>&lt;a></code> element.
- * */
-export declare class TdsSideMenuItem {
-  host: HTMLTdsSideMenuItemElement;
-  /** If the item should appear selected. */
-  selected: boolean;
-  /** If the item should appear active. Can be used when the item is
-   * triggering a dropdown, and the dropdown is open, for example. */
-  active: boolean;
-  collapsed: boolean;
-  private sideMenuEl;
-  private slotEl;
-  updateSlotted(searchPredicate: (element: HTMLElement) => boolean, mutationCallback: (element: HTMLElement) => void): void;
-  /**
-   * This function is needed because we can't use CSS selectors to style something in the light dom
-   */
-  updateSlottedElements(): void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
-  render(): any;
-}

package/dist/types/components/side-menu/side-menu.d.ts

@@ -1,45 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export type CollapseEvent = {
-  collapsed: boolean;
-};
-type Props = {
-  collapsed: boolean;
-};
-export type InternalTdsSideMenuPropChange = {
-  changed: Array<keyof Props>;
-} & Partial<Props>;
-/**
- * @slot overlay - Used of injection of tds-side-menu-overlay
- * @slot close-button - Used for injection of tds-side-menu-close-button that is show when in mobile view
- * @slot <default> - <b>Unnamed slot.</b> For primary content of the side menu - like buttons.
- * Used for nesting main content of Side Menu, e.g. <code><tds-side-menu-item></code> and <code><tds-side-menu-dropdown></code> components
- * @slot end - Used for items that are presented at the bottom of the Side Menu, e.g. profile settings
- * @slot sticky-end - Used for tds-side-menu-collapse-button component
- * */
-export declare class TdsSideMenu {
-  host: HTMLTdsSideMenuElement;
-  /** Applicable only for mobile. If the Side Menu is open or not. */
-  open: boolean;
-  /** Applicable only for desktop. If the Side Menu should always be shown. */
-  persistent: boolean;
-  /** If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed.
-   * NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tds-Collapse event. */
-  collapsed: boolean;
-  isUpperSlotEmpty: boolean;
-  isCollapsed: boolean;
-  private matchesLgBreakpointMq;
-  handleMatchesLgBreakpointChange: (e: MediaQueryListEvent) => void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  onCollapsedChange(newVal: boolean): void;
-  /** Event that is emitted when the Side Menu is collapsed. */
-  tdsCollapse: EventEmitter<CollapseEvent>;
-  /** @internal Broadcasts collapsed state to child components. */
-  internalTdsCollapse: EventEmitter<CollapseEvent>;
-  /** @internal Broadcasts collapsed state to child components. */
-  internalTdsSideMenuPropChange: EventEmitter<InternalTdsSideMenuPropChange>;
-  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
-  render(): any;
-}
-export {};

package/dist/types/components/table/table-body/table-body.d.ts

@@ -1,24 +0,0 @@
-import { InternalTdsTablePropChange } from '../table/table';
-/**
- * @slot <default> - <b>Unnamed slot.</b> For table rows.
- * @slot no-result - Slot for no result message when using filtering.
- */
-export declare class TdsTableBody {
-  host: HTMLElement;
-  multiselect: boolean;
-  enablePaginationTableBody: boolean;
-  expandableRows: boolean;
-  multiselectArray: any[];
-  multiselectArrayJSON: string;
-  mainCheckboxStatus: boolean;
-  columnsNumber: number;
-  tableId: string;
-  tableEl: HTMLTdsTableElement;
-  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-  bodyCheckBoxClicked: () => void;
-  bodyCheckboxListener(): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  render(): any;
-}

package/dist/types/components/table/table-body-cell/table-body-cell.d.ts

@@ -1,27 +0,0 @@
-import { InternalTdsTablePropChange } from '../table/table';
-/**
- * @slot <default> - <b>Unnamed slot.</b> For the cell contents.
- */
-export declare class TdsTableBodyCell {
-  /** Value that will be presented as text inside a cell */
-  cellValue: string | number;
-  /** Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering */
-  cellKey: any;
-  /** Disables internal padding. Useful when passing other components to cell. */
-  disablePadding: boolean;
-  textAlignState: string;
-  activeSorting: boolean;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  whiteBackground: boolean;
-  tableId: string;
-  host: HTMLElement;
-  tableEl: HTMLTdsTableElement;
-  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-  internalTdsHoverListener(event: CustomEvent<any>): void;
-  internalTdsTextAlignListener(event: CustomEvent<any>): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  render(): any;
-}

package/dist/types/components/table/table-body-row/table-body-row.d.ts

@@ -1,28 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { InternalTdsTablePropChange } from '../table/table';
-/**
- * @slot <default> - <b>Unnamed slot.</b> For the cells.
- */
-export declare class TdsTableBodyRow {
-  /** Marks the row as selected, used for multiselect table. */
-  selected: boolean;
-  multiselect: boolean;
-  mainCheckBoxStatus: boolean;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  tableId: string;
-  host: HTMLElement;
-  tableEl: HTMLTdsTableElement;
-  /** Event emitted when a row is selected/deselected. */
-  tdsSelect: EventEmitter<{
-    tableId: string;
-    checked: boolean;
-    selectedRows: any[];
-  }>;
-  handleCheckboxChange(event: any): Promise<void>;
-  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  render(): any;
-}

package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts

@@ -1,29 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { InternalTdsTablePropChange } from '../table/table';
-/**
- * @slot <default> - <b>Unnamed slot.</b> For the cells.
- * @slot expand-row - Slot for the expanded row.
- */
-export declare class TdsTableBodyRowExpandable {
-  /** In case that automatic count of columns does not work, user can manually set this one.
-   *  Take in mind that expandable control is column too */
-  colSpan: number;
-  isExpanded: boolean;
-  tableId: string;
-  columnsNumber: number;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  modeVariant: 'primary' | 'secondary';
-  host: HTMLElement;
-  tableEl: HTMLTdsTableElement;
-  /** @internal Sends out expanded status which is used by the Table header component */
-  internalTdsRowExpanded: EventEmitter<any>;
-  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  sendValue(): void;
-  onChangeHandler(event: any): void;
-  render(): any;
-}

package/dist/types/components/table/table-header/table-header.d.ts

@@ -1,39 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { InternalTdsTablePropChange } from '../table/table';
-/**
- * @slot <default> - <b>Unnamed slot.</b> For the header cells.
- */
-export declare class TdsTableHeaderRow {
-  /** @deprecated Deprecated, use selected instead.. */
-  allSelected: boolean;
-  /** Prop for controling the checked/unchecked state of the "All selected"-checkbox. */
-  selected: boolean;
-  /** Prop for controling the indeterminate state of the "All selected"-checkbox. */
-  indeterminate: boolean;
-  multiselect: boolean;
-  expandableRows: boolean;
-  mainCheckboxSelected: boolean;
-  mainExpendSelected: boolean;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  whiteBackground: boolean;
-  enableToolbarDesign: boolean;
-  tableId: string;
-  host: HTMLElement;
-  tableEl: HTMLTdsTableElement;
-  /** Event emitted when the status of the select all checkbox changes. */
-  tdsSelectAll: EventEmitter<{
-    tableId: string;
-    checked: boolean;
-    selectedRows: any[];
-  }>;
-  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-  internalTdsRowExpandedListener(event: CustomEvent<any>): void;
-  bodyExpandClicked(): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  handleCheckboxChange(event: any): Promise<void>;
-  render(): any;
-}

package/dist/types/components/table/table-header-cell/table-header-cell.d.ts

@@ -1,56 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { InternalTdsTablePropChange } from '../table/table';
-export declare class TdsTableHeaderCell {
-  /** The value of column key, usually comes from JSON, needed for sorting */
-  cellKey: string;
-  /** Text that displays in column cell */
-  cellValue: string;
-  /** In case noMinWidth is set, the user has to specify width value for each column. */
-  customWidth: string;
-  /** Enables sorting on that column */
-  sortable: boolean;
-  /** Setting for text align, default is left. Other accepted values are "right" or "end". */
-  textAlign: string;
-  textAlignState: string;
-  sortingDirection: 'asc' | 'desc';
-  sortedByMyKey: boolean;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  multiselect: boolean;
-  enableToolbarDesign: boolean;
-  tableId: string;
-  expandableRows: boolean;
-  host: HTMLElement;
-  tableEl: HTMLTdsTableElement;
-  /** Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to in order to implement custom-sorting logic. */
-  tdsSort: EventEmitter<{
-    tableId: string;
-    columnKey: string;
-    sortingDirection: 'asc' | 'desc';
-  }>;
-  /**  @internal Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to in order to implement custom-sorting logic. */
-  internalSortButtonClicked: EventEmitter<{
-    tableId: string;
-    key: string;
-  }>;
-  /** @internal Sends unique Table identifier,column key and text align value so the body cells with a same key take the same text alignment as header cell */
-  internalTdsTextAlign: EventEmitter<any>;
-  /** @internal Sends unique Table identifier, column key so the body cells with the same key change background when user hovers over header cell */
-  internalTdsHover: EventEmitter<{
-    tableId: string;
-    key: string;
-  }>;
-  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-  updateOptionsContent(event: CustomEvent<{
-    tableId: string;
-    key: string;
-  }>): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  sortButtonClick: () => void;
-  headerCellContent: () => any;
-  onHeadCellHover: (key: any) => void;
-  render(): any;
-}

package/dist/types/components/table/table-toolbar/table-toolbar.d.ts

@@ -1,29 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { InternalTdsTablePropChange } from '../table/table';
-/**
- * @slot end - Slot for the end (right side) of the Table Toolbar.
- */
-export declare class TdsTableToolbar {
-  /** Adds title to the Table */
-  tableTitle: string;
-  /** Enables preview of searchbar */
-  filter: boolean;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  whiteBackground: boolean;
-  tableId: string;
-  host: HTMLElement;
-  tableEl: HTMLTdsTableElement;
-  /** Used for sending users' input to the main parent tds-table the component,
-   * can also be listened to in order to implement custom sorting logic. */
-  tdsFilter: EventEmitter<{
-    tableId: string;
-    query: string;
-  }>;
-  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  handleSearch(event: any): void;
-  render(): any;
-}