@telia-ace/alliance-ui 1.0.16-next.0 → 1.0.16

package/components/{chunk-XPHFAKEI.js → chunk-MA6NFT5S.js}

@@ -1,19 +1,18 @@
-import { spacing, borders, colors, motion, focus } from './chunk-B6YHD7BN.js';
-import { __name, define } from './chunk-NB6ODBZJ.js';
+import { spacing, borders, colors, motion, focus } from './chunk-5A2VXG2P.js';
+import { define, __decorateClass } from './chunk-AW7BCYX5.js';
 import { LitElement, css, html, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
 
 var Table = class extends LitElement {
   static {
-    __name(this, "Table");
-  }
-  static styles = css`
+    this.styles = css`
         :host {
             display: table;
             border-collapse: collapse;
             width: 100%;
         }
     `;
+  }
   render() {
     return html` <alliance-tb>
             <slot></slot>
@@ -23,15 +22,14 @@ var Table = class extends LitElement {
 define("alliance-table", Table);
 var TableBody = class extends LitElement {
   static {
-    __name(this, "TableBody");
-  }
-  static styles = css`
+    this.styles = css`
         :host {
             display: table-row-group;
             vertical-align: middle;
             border-color: inherit;
         }
     `;
+  }
   render() {
     return html`<slot></slot>`;
   }
@@ -39,91 +37,53 @@ var TableBody = class extends LitElement {
 define("alliance-tb", TableBody);
 var TableData = class extends LitElement {
   static {
-    __name(this, "TableData");
-  }
-  static styles = css`
+    this.styles = css`
         :host {
             display: table-cell;
             vertical-align: inherit;
             padding: ${unsafeCSS(spacing.spacing24)};
         }
     `;
+  }
   render() {
     return html` <slot></slot> `;
   }
 };
 define("alliance-td", TableData);
-function _ts_decorate(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-__name(_ts_decorate, "_ts_decorate");
-function _ts_metadata(k, v) {
-  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-    return Reflect.metadata(k, v);
-}
-__name(_ts_metadata, "_ts_metadata");
 var TableHead = class extends LitElement {
-  static {
-    __name(this, "TableHead");
-  }
   constructor() {
     super();
     this.label = "";
   }
-  static styles = css`
+  static {
+    this.styles = css`
         :host {
             display: table-cell;
             padding: ${unsafeCSS(spacing.spacing24)};
         }
     `;
+  }
   render() {
     return html`<telia-heading tag="h4" variant="title-100">${this.label}</telia-heading>`;
   }
 };
-_ts_decorate([
-  property({
-    type: String
-  }),
-  _ts_metadata("design:type", String)
-], TableHead.prototype, "label", void 0);
+__decorateClass([
+  property({ type: String })
+], TableHead.prototype, "label", 2);
 define("alliance-th", TableHead);
-function _ts_decorate2(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-__name(_ts_decorate2, "_ts_decorate");
-function _ts_metadata2(k, v) {
-  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-    return Reflect.metadata(k, v);
-}
-__name(_ts_metadata2, "_ts_metadata");
 var TableRow = class extends LitElement {
-  static {
-    __name(this, "TableRow");
-  }
   constructor() {
     super();
     this.clickable = false;
   }
-  static styles = css`
+  static {
+    this.styles = css`
         :host {
             display: table-row;
             border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};
         }
     `;
+  }
   render() {
     return html`
             ${this.clickable ? clickableStyling : ""}
@@ -131,12 +91,9 @@ var TableRow = class extends LitElement {
         `;
   }
 };
-_ts_decorate2([
-  property({
-    type: Boolean
-  }),
-  _ts_metadata2("design:type", Boolean)
-], TableRow.prototype, "clickable", void 0);
+__decorateClass([
+  property({ type: Boolean })
+], TableRow.prototype, "clickable", 2);
 var clickableStyling = html`<style>
     :host {
         background-color: transparent;
@@ -161,4 +118,4 @@ var clickableStyling = html`<style>
 </style>`;
 define("alliance-tr", TableRow);
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-XPHFAKEI.js.map
+//# sourceMappingURL=chunk-MA6NFT5S.js.map

package/components/chunk-MA6NFT5S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alliance-table/alliance-table.ts","../src/components/alliance-table/alliance-table-body.ts","../src/components/alliance-table/alliance-table-data.ts","../src/components/alliance-table/alliance-table-head.ts","../src/components/alliance-table/alliance-table-row.ts"],"names":["LitElement","css","html","unsafeCSS","property"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,YAAY,KAAK,YAAY;AAI/B,IAAM,QAAN,cAAoB,WAAW;AAAA,EAClC;AAAA,SAAO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhB,SAAS;AACL,WAAO;AAAA;AAAA;AAAA,EAGX;AACJ;AAEA,OAAO,kBAAkB,KAAK;;;ACpB9B,SAAS,cAAAA,aAAY,OAAAC,MAAK,QAAAC,aAAY;AAI/B,IAAM,YAAN,cAAwBF,YAAW;AAAA,EACtC;AAAA,SAAO,SAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhB,SAAS;AACL,WAAOC;AAAA,EACX;AACJ;AAEA,OAAO,eAAe,SAAS;;;AClB/B,SAAS,cAAAF,aAAY,OAAAC,MAAK,QAAAC,OAAM,iBAAiB;AAK1C,IAAM,YAAN,cAAwBF,YAAW;AAAA,EACtC;AAAA,SAAO,SAASC;AAAA;AAAA;AAAA;AAAA,uBAIG,UAAU,QAAQ,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,EAI/C,SAAS;AACL,WAAOC;AAAA,EACX;AACJ;AAEA,OAAO,eAAe,SAAS;;;ACnB/B,SAAS,cAAAF,aAAY,OAAAC,MAAK,QAAAC,OAAM,aAAAC,kBAAiB;AACjD,SAAS,gBAAgB;AAMlB,IAAM,YAAN,cAAwBH,YAAW;AAAA,EACtC,cAAc;AACV,UAAM;AACN,SAAK,QAAQ;AAAA,EACjB;AAAA,EAEA;AAAA,SAAO,SAASC;AAAA;AAAA;AAAA,uBAGGE,WAAU,QAAQ,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,EAO/C,SAAS;AACL,WAAOD,oDAAmD,KAAK,KAAK;AAAA,EACxE;AACJ;AALY;AAAA,EADP,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAbjB,UAcD;AAOZ,OAAO,eAAe,SAAS;;;AC5B/B,SAAS,cAAAF,aAAY,OAAAC,MAAK,QAAAC,OAAM,aAAAC,kBAAiB;AACjD,SAAS,YAAAC,iBAAgB;AAKlB,IAAM,WAAN,cAAuBJ,YAAW;AAAA,EACrC,cAAc;AACV,UAAM;AACN,SAAK,YAAY;AAAA,EACrB;AAAA,EAEA;AAAA,SAAO,SAASC;AAAA;AAAA;AAAA,6BAGSE,WAAU,QAAQ,OAAO,CAAC,UAAUA,WAAU,OAAO,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAOtF,SAAS;AACL,WAAOD;AAAA,cACD,KAAK,YAAY,mBAAmB,EAAE;AAAA;AAAA;AAAA,EAGhD;AACJ;AARY;AAAA,EADPE,UAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAblB,SAcD;AAUZ,IAAM,mBAAmBF;AAAA;AAAA;AAAA,uCAGcC,WAAU,OAAO,WAAW,CAAC,IAAIA,WAAU,OAAO,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOpEA,WAAU,OAAO,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,4BAIzBA,WAAU,OAAO,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,yBAI5BA,WAAU,MAAM,gBAAgB,CAAC,IAAIA,WAAU,MAAM,UAAU,CAAC;AAAA,0BAC/DA,WAAU,QAAQ,QAAQ,CAAC;AAAA;AAAA;AAIrD,OAAO,eAAe,QAAQ","sourcesContent":["import { LitElement, css, html } from 'lit';\n\nimport { define } from '@/utils';\n\nexport class Table extends LitElement {\n    static styles = css`\n        :host {\n            display: table;\n            border-collapse: collapse;\n            width: 100%;\n        }\n    `;\n\n    render() {\n        return html` <alliance-tb>\n            <slot></slot>\n        </alliance-tb>`;\n    }\n}\n\ndefine('alliance-table', Table);\n","import { LitElement, css, html } from 'lit';\n\nimport { define } from '@/utils';\n\nexport class TableBody extends LitElement {\n    static styles = css`\n        :host {\n            display: table-row-group;\n            vertical-align: middle;\n            border-color: inherit;\n        }\n    `;\n\n    render() {\n        return html`<slot></slot>`;\n    }\n}\n\ndefine('alliance-tb', TableBody);\n","import { LitElement, css, html, unsafeCSS } from 'lit';\n\nimport { define } from '@/utils';\nimport { spacing } from '@/voca/foundations';\n\nexport class TableData extends LitElement {\n    static styles = css`\n        :host {\n            display: table-cell;\n            vertical-align: inherit;\n            padding: ${unsafeCSS(spacing.spacing24)};\n        }\n    `;\n\n    render() {\n        return html` <slot></slot> `;\n    }\n}\n\ndefine('alliance-td', TableData);\n","import { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\nimport '@/voca/components/telia-heading';\nimport { spacing } from '@/voca/foundations';\n\nexport class TableHead extends LitElement {\n    constructor() {\n        super();\n        this.label = '';\n    }\n\n    static styles = css`\n        :host {\n            display: table-cell;\n            padding: ${unsafeCSS(spacing.spacing24)};\n        }\n    `;\n\n    @property({ type: String })\n    declare label: string;\n\n    render() {\n        return html`<telia-heading tag=\"h4\" variant=\"title-100\">${this.label}</telia-heading>`;\n    }\n}\n\ndefine('alliance-th', TableHead);\n","import { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\nimport { borders, colors, focus, motion, spacing } from '@/voca/foundations';\n\nexport class TableRow extends LitElement {\n    constructor() {\n        super();\n        this.clickable = false;\n    }\n\n    static styles = css`\n        :host {\n            display: table-row;\n            border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n        }\n    `;\n\n    @property({ type: Boolean })\n    declare clickable: boolean;\n\n    render() {\n        return html`\n            ${this.clickable ? clickableStyling : ''}\n            <slot></slot>\n        `;\n    }\n}\n\nconst clickableStyling = html`<style>\n    :host {\n        background-color: transparent;\n        transition: background-color ${unsafeCSS(motion.duration150)} ${unsafeCSS(motion.easeIn)};\n        cursor: pointer;\n    }\n\n    :host(:hover),\n    :host(:focus-visible),\n    :host(:focus) {\n        background-color: ${unsafeCSS(colors.gray200)};\n    }\n\n    :host(:active) {\n        background-color: ${unsafeCSS(colors.gray300)};\n    }\n\n    :host(:focus-visible) {\n        outline: solid ${unsafeCSS(focus.focusBorderWidth)} ${unsafeCSS(focus.focusColor)};\n        outline-offset: ${unsafeCSS(spacing.spacing4)};\n    }\n</style>`;\n\ndefine('alliance-tr', TableRow);\n"]}

package/components/index.js

@@ -1,10 +1,11 @@
-import './chunk-WYQTL7R3.js';
-import './chunk-ADFC4JKF.js';
-import './chunk-LYU2K33W.js';
+import './chunk-2PC6L5RK.js';
+import './chunk-4546RD56.js';
+import './chunk-CZPHL6EU.js';
 import './chunk-JQ76TOQT.js';
-import './chunk-XPHFAKEI.js';
+import './chunk-IFHLWFVT.js';
+import './chunk-MA6NFT5S.js';
 import './chunk-P2AWWJPH.js';
-import './chunk-B6YHD7BN.js';
-import './chunk-NB6ODBZJ.js';
+import './chunk-5A2VXG2P.js';
+import './chunk-AW7BCYX5.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/alliance-ui",
-  "version": "1.0.16-next.0",
+  "version": "1.0.16",
   "description": "UI components used by ACE Alliance apps.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -40,9 +40,10 @@
     }
   },
   "dependencies": {
-    "@telia-ace/alliance-internal-client-utilities": "1.0.5-next.0",
+    "@floating-ui/dom": "^1.5.3",
     "@teliads/components": "^22.1.1",
-    "lit": "^3.0.0"
+    "lit": "^3.0.0",
+    "@telia-ace/alliance-internal-client-utilities": "^1.0.5"
   },
   "devDependencies": {
     "tsup": "^7.2.0"

package/voca/foundations/index.js

@@ -3,9 +3,8 @@ export { borders, breakpoints, colors, grid, layers, motion, shadows, spacing, t
 import focus from '@teliads/components/foundations/focus/variables.json';
 export { default as focus } from '@teliads/components/foundations/focus/variables.json';
 
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var addCssVariables = /* @__PURE__ */ __name(() => {
+// src/voca/foundations/index.ts
+var addCssVariables = () => {
   const styleId = "voca-foundations-style-tag";
   const existing = document.getElementById(styleId);
   const element = document.createElement("style");
@@ -185,7 +184,7 @@ var addCssVariables = /* @__PURE__ */ __name(() => {
     return;
   }
   return document.head.append(element);
-}, "addCssVariables");
+};
 
 export { addCssVariables };
 //# sourceMappingURL=out.js.map

package/voca/foundations/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/voca/foundations/index.ts"],"names":["borders","breakpoints","colors","grid","layers","motion","shadows","spacing","typography","focus","addCssVariables","styleId","existing","document","getElementById","element","createElement","id","variables","weightNormal","weightMedium","weightBold","spacing0","spacing2","spacing4","spacing8","spacing12","spacing16","spacing20","spacing24","spacing32","spacing48","spacing64","spacing80","spacing96","spacing128","none","sm","md","lg","duration50","duration100","duration150","duration200","duration250","duration300","duration350","duration400","duration500","duration1500","duration2000","easeIn","easeOut","easeInOut","base","dropdown","header","modal","widthNone","widthXs","widthSm","widthMd","radiusNone","radiusDefault","radiusSm","radiusLg","radiusFull","breakpointSm","breakpointMd","breakpointLg","breakpointXl","purple100","purple200","purple300","purple400","purple500","purple600","purple700","purple800","purple850","purple900","beige50","beige100","beige200","beige300","beige400","beige500","beige600","beige700","beige800","beige900","gray50","gray100","gray200","gray300","gray400","gray500","gray600","gray700","gray800","gray900","green100","green200","green300","green400","green500","green600","green700","green800","green900","red100","red200","red300","red400","red500","red600","red700","red800","red900","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","white","black","functionalBlack","gutter","gutterMedium","gutterLarge","pagePadding","pagePaddingM","pagePaddingL","pagePaddingXl","focusBorderWidth","focusColor","variableString","Object","keys","map","key","join","innerHTML","head","replaceChild","append"],"mappings":"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","sourcesContent":["import {\n    borders,\n    breakpoints,\n    colors,\n    grid,\n    layers,\n    motion,\n    shadows,\n    spacing,\n    typography,\n} from '@teliads/components/foundations';\nimport focus from '@teliads/components/foundations/focus/variables.json';\n\nexport { borders, breakpoints, colors, grid, layers, motion, shadows, spacing, typography, focus };\n\nexport const addCssVariables = () => {\n    const styleId = 'voca-foundations-style-tag';\n    const existing = document.getElementById(styleId);\n    const element = document.createElement('style');\n    element.id = styleId;\n\n    const variables: Record<string, string> = {\n        '--font-telia-heading':\n            'TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif',\n        '--font-telia-sans': 'TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif',\n        '--font-normal': typography.weightNormal,\n        '--font-medium': typography.weightMedium,\n        '--font-bold': typography.weightBold,\n\n        '--spacing-0': spacing.spacing0,\n        '--spacing-2': spacing.spacing2,\n        '--spacing-4': spacing.spacing4,\n        '--spacing-8': spacing.spacing8,\n        '--spacing-12': spacing.spacing12,\n        '--spacing-16': spacing.spacing16,\n        '--spacing-20': spacing.spacing20,\n        '--spacing-24': spacing.spacing24,\n        '--spacing-32': spacing.spacing32,\n        '--spacing-48': spacing.spacing48,\n        '--spacing-64': spacing.spacing64,\n        '--spacing-80': spacing.spacing80,\n        '--spacing-96': spacing.spacing96,\n        '--spacing-128': spacing.spacing128,\n\n        '--box-shadow-none': shadows.none,\n        '--box-shadow-sm': shadows.sm,\n        '--box-shadow-md': shadows.md,\n        '--box-shadow-lg': shadows.lg,\n\n        '--duration-50': motion.duration50,\n        '--duration-100': motion.duration100,\n        '--duration-150': motion.duration150,\n        '--duration-200': motion.duration200,\n        '--duration-250': motion.duration250,\n        '--duration-300': motion.duration300,\n        '--duration-350': motion.duration350,\n        '--duration-400': motion.duration400,\n        '--duration-500': motion.duration500,\n        '--duration-1500': motion.duration1500,\n        '--duration-2000': motion.duration2000,\n\n        '--timing-ease-in': motion.easeIn,\n        '--timing-ease-out': motion.easeOut,\n        '--timing-ease-in-out': motion.easeInOut,\n\n        '--layer-base': layers.base,\n        '--layer-dropdown': layers.dropdown,\n        '--layer-header': layers.header,\n        '--layer-modal': layers.modal,\n\n        '--border-width-none': borders.widthNone,\n        '--border-width-xs': borders.widthXs,\n        '--border-width-sm': borders.widthSm,\n        '--border-width-md': borders.widthMd,\n\n        '--border-radius-none': borders.radiusNone,\n        '--border-radius-default': borders.radiusDefault,\n        '--border-radius-sm': borders.radiusSm,\n        '--border-radius-lg': borders.radiusLg,\n        '--border-radius-full': borders.radiusFull,\n\n        '--screen-size-sm': breakpoints.breakpointSm,\n        '--screen-size-md': breakpoints.breakpointMd,\n        '--screen-size-lg': breakpoints.breakpointLg,\n        '--screen-size-xl': breakpoints.breakpointXl,\n\n        '--purple-100': colors.purple100,\n        '--purple-200': colors.purple200,\n        '--purple-300': colors.purple300,\n        '--purple-400': colors.purple400,\n        '--purple-500': colors.purple500,\n        '--purple-600': colors.purple600,\n        '--purple-700': colors.purple700,\n        '--purple-800': colors.purple800,\n        '--purple-850': colors.purple850,\n        '--purple-900': colors.purple900,\n\n        '--beige-50': colors.beige50,\n        '--beige-100': colors.beige100,\n        '--beige-200': colors.beige200,\n        '--beige-300': colors.beige300,\n        '--beige-400': colors.beige400,\n        '--beige-500': colors.beige500,\n        '--beige-600': colors.beige600,\n        '--beige-700': colors.beige700,\n        '--beige-800': colors.beige800,\n        '--beige-900': colors.beige900,\n\n        '--gray-50': colors.gray50,\n        '--gray-100': colors.gray100,\n        '--gray-200': colors.gray200,\n        '--gray-300': colors.gray300,\n        '--gray-400': colors.gray400,\n        '--gray-500': colors.gray500,\n        '--gray-600': colors.gray600,\n        '--gray-700': colors.gray700,\n        '--gray-800': colors.gray800,\n        '--gray-900': colors.gray900,\n\n        '--green-100': colors.green100,\n        '--green-200': colors.green200,\n        '--green-300': colors.green300,\n        '--green-400': colors.green400,\n        '--green-500': colors.green500,\n        '--green-600': colors.green600,\n        '--green-700': colors.green700,\n        '--green-800': colors.green800,\n        '--green-900': colors.green900,\n\n        '--red-100': colors.red100,\n        '--red-200': colors.red200,\n        '--red-300': colors.red300,\n        '--red-400': colors.red400,\n        '--red-500': colors.red500,\n        '--red-600': colors.red600,\n        '--red-700': colors.red700,\n        '--red-800': colors.red800,\n        '--red-900': colors.red900,\n\n        '--orange-100': colors.orange100,\n        '--orange-200': colors.orange200,\n        '--orange-300': colors.orange300,\n        '--orange-400': colors.orange400,\n        '--orange-500': colors.orange500,\n        '--orange-600': colors.orange600,\n        '--orange-700': colors.orange700,\n        '--orange-800': colors.orange800,\n        '--orange-900': colors.orange900,\n\n        '--blue-100': colors.blue100,\n        '--blue-200': colors.blue200,\n        '--blue-300': colors.blue300,\n        '--blue-400': colors.blue400,\n        '--blue-500': colors.blue500,\n        '--blue-600': colors.blue600,\n        '--blue-700': colors.blue700,\n        '--blue-800': colors.blue800,\n        '--blue-900': colors.blue900,\n\n        '--white': colors.white,\n        '--black': colors.black,\n        '--functional-black': colors.functionalBlack,\n\n        /* DEPRECATED */\n        '--grid-gutter': grid.gutter,\n        '--grid-gutter-medium': grid.gutterMedium,\n        '--grid-gutter-large': grid.gutterLarge,\n        '--grid-page-padding': grid.pagePadding,\n        '--grid-page-padding-m': grid.pagePaddingM,\n        '--grid-page-padding-l': grid.pagePaddingL,\n\n        '--grid-gutter-sm': grid.gutter,\n        '--grid-gutter-md': grid.gutterMedium,\n        '--grid-gutter-lg': grid.gutterLarge,\n        '--grid-page-padding-sm': grid.pagePadding,\n        '--grid-page-padding-md': grid.pagePaddingM,\n        '--grid-page-padding-lg': grid.pagePaddingL,\n        '--grid-page-padding-xl': grid.pagePaddingXl,\n\n        // The following are not available in JS variables for some reason\n        '--functional-transparent': 'transparent',\n        '--transparent-black-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-black-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-black-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-black-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-black-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-black-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-black-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-black-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-black-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-black-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-black-900': 'rgba(0, 0, 0, 0.9)',\n        '--transparent-white-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-white-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-white-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-white-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-white-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-white-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-white-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-white-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-white-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-white-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-white-900': 'rgba(0, 0, 0, 0.9)',\n\n        '--focus-border': `${focus.focusBorderWidth} solid ${focus.focusColor}`,\n    };\n\n    const variableString = Object.keys(variables)\n        .map((key) => `${key}:${variables[key]};`)\n        .join('');\n\n    element.innerHTML = `\n        :root {\n            ${variableString}\n        }\n    `;\n\n    if (existing) {\n        document.head.replaceChild(element, existing);\n        return;\n    }\n    return document.head.append(element);\n};\n"]}
+{"version":3,"sources":["../../src/voca/foundations/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    borders,\n    breakpoints,\n    colors,\n    grid,\n    layers,\n    motion,\n    shadows,\n    spacing,\n    typography,\n} from '@teliads/components/foundations';\nimport focus from '@teliads/components/foundations/focus/variables.json';\n\nexport { borders, breakpoints, colors, grid, layers, motion, shadows, spacing, typography, focus };\n\nexport const addCssVariables = () => {\n    const styleId = 'voca-foundations-style-tag';\n    const existing = document.getElementById(styleId);\n    const element = document.createElement('style');\n    element.id = styleId;\n\n    const variables: Record<string, string> = {\n        '--font-telia-heading':\n            'TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif',\n        '--font-telia-sans': 'TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif',\n        '--font-normal': typography.weightNormal,\n        '--font-medium': typography.weightMedium,\n        '--font-bold': typography.weightBold,\n\n        '--spacing-0': spacing.spacing0,\n        '--spacing-2': spacing.spacing2,\n        '--spacing-4': spacing.spacing4,\n        '--spacing-8': spacing.spacing8,\n        '--spacing-12': spacing.spacing12,\n        '--spacing-16': spacing.spacing16,\n        '--spacing-20': spacing.spacing20,\n        '--spacing-24': spacing.spacing24,\n        '--spacing-32': spacing.spacing32,\n        '--spacing-48': spacing.spacing48,\n        '--spacing-64': spacing.spacing64,\n        '--spacing-80': spacing.spacing80,\n        '--spacing-96': spacing.spacing96,\n        '--spacing-128': spacing.spacing128,\n\n        '--box-shadow-none': shadows.none,\n        '--box-shadow-sm': shadows.sm,\n        '--box-shadow-md': shadows.md,\n        '--box-shadow-lg': shadows.lg,\n\n        '--duration-50': motion.duration50,\n        '--duration-100': motion.duration100,\n        '--duration-150': motion.duration150,\n        '--duration-200': motion.duration200,\n        '--duration-250': motion.duration250,\n        '--duration-300': motion.duration300,\n        '--duration-350': motion.duration350,\n        '--duration-400': motion.duration400,\n        '--duration-500': motion.duration500,\n        '--duration-1500': motion.duration1500,\n        '--duration-2000': motion.duration2000,\n\n        '--timing-ease-in': motion.easeIn,\n        '--timing-ease-out': motion.easeOut,\n        '--timing-ease-in-out': motion.easeInOut,\n\n        '--layer-base': layers.base,\n        '--layer-dropdown': layers.dropdown,\n        '--layer-header': layers.header,\n        '--layer-modal': layers.modal,\n\n        '--border-width-none': borders.widthNone,\n        '--border-width-xs': borders.widthXs,\n        '--border-width-sm': borders.widthSm,\n        '--border-width-md': borders.widthMd,\n\n        '--border-radius-none': borders.radiusNone,\n        '--border-radius-default': borders.radiusDefault,\n        '--border-radius-sm': borders.radiusSm,\n        '--border-radius-lg': borders.radiusLg,\n        '--border-radius-full': borders.radiusFull,\n\n        '--screen-size-sm': breakpoints.breakpointSm,\n        '--screen-size-md': breakpoints.breakpointMd,\n        '--screen-size-lg': breakpoints.breakpointLg,\n        '--screen-size-xl': breakpoints.breakpointXl,\n\n        '--purple-100': colors.purple100,\n        '--purple-200': colors.purple200,\n        '--purple-300': colors.purple300,\n        '--purple-400': colors.purple400,\n        '--purple-500': colors.purple500,\n        '--purple-600': colors.purple600,\n        '--purple-700': colors.purple700,\n        '--purple-800': colors.purple800,\n        '--purple-850': colors.purple850,\n        '--purple-900': colors.purple900,\n\n        '--beige-50': colors.beige50,\n        '--beige-100': colors.beige100,\n        '--beige-200': colors.beige200,\n        '--beige-300': colors.beige300,\n        '--beige-400': colors.beige400,\n        '--beige-500': colors.beige500,\n        '--beige-600': colors.beige600,\n        '--beige-700': colors.beige700,\n        '--beige-800': colors.beige800,\n        '--beige-900': colors.beige900,\n\n        '--gray-50': colors.gray50,\n        '--gray-100': colors.gray100,\n        '--gray-200': colors.gray200,\n        '--gray-300': colors.gray300,\n        '--gray-400': colors.gray400,\n        '--gray-500': colors.gray500,\n        '--gray-600': colors.gray600,\n        '--gray-700': colors.gray700,\n        '--gray-800': colors.gray800,\n        '--gray-900': colors.gray900,\n\n        '--green-100': colors.green100,\n        '--green-200': colors.green200,\n        '--green-300': colors.green300,\n        '--green-400': colors.green400,\n        '--green-500': colors.green500,\n        '--green-600': colors.green600,\n        '--green-700': colors.green700,\n        '--green-800': colors.green800,\n        '--green-900': colors.green900,\n\n        '--red-100': colors.red100,\n        '--red-200': colors.red200,\n        '--red-300': colors.red300,\n        '--red-400': colors.red400,\n        '--red-500': colors.red500,\n        '--red-600': colors.red600,\n        '--red-700': colors.red700,\n        '--red-800': colors.red800,\n        '--red-900': colors.red900,\n\n        '--orange-100': colors.orange100,\n        '--orange-200': colors.orange200,\n        '--orange-300': colors.orange300,\n        '--orange-400': colors.orange400,\n        '--orange-500': colors.orange500,\n        '--orange-600': colors.orange600,\n        '--orange-700': colors.orange700,\n        '--orange-800': colors.orange800,\n        '--orange-900': colors.orange900,\n\n        '--blue-100': colors.blue100,\n        '--blue-200': colors.blue200,\n        '--blue-300': colors.blue300,\n        '--blue-400': colors.blue400,\n        '--blue-500': colors.blue500,\n        '--blue-600': colors.blue600,\n        '--blue-700': colors.blue700,\n        '--blue-800': colors.blue800,\n        '--blue-900': colors.blue900,\n\n        '--white': colors.white,\n        '--black': colors.black,\n        '--functional-black': colors.functionalBlack,\n\n        /* DEPRECATED */\n        '--grid-gutter': grid.gutter,\n        '--grid-gutter-medium': grid.gutterMedium,\n        '--grid-gutter-large': grid.gutterLarge,\n        '--grid-page-padding': grid.pagePadding,\n        '--grid-page-padding-m': grid.pagePaddingM,\n        '--grid-page-padding-l': grid.pagePaddingL,\n\n        '--grid-gutter-sm': grid.gutter,\n        '--grid-gutter-md': grid.gutterMedium,\n        '--grid-gutter-lg': grid.gutterLarge,\n        '--grid-page-padding-sm': grid.pagePadding,\n        '--grid-page-padding-md': grid.pagePaddingM,\n        '--grid-page-padding-lg': grid.pagePaddingL,\n        '--grid-page-padding-xl': grid.pagePaddingXl,\n\n        // The following are not available in JS variables for some reason\n        '--functional-transparent': 'transparent',\n        '--transparent-black-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-black-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-black-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-black-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-black-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-black-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-black-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-black-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-black-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-black-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-black-900': 'rgba(0, 0, 0, 0.9)',\n        '--transparent-white-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-white-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-white-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-white-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-white-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-white-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-white-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-white-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-white-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-white-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-white-900': 'rgba(0, 0, 0, 0.9)',\n\n        '--focus-border': `${focus.focusBorderWidth} solid ${focus.focusColor}`,\n    };\n\n    const variableString = Object.keys(variables)\n        .map((key) => `${key}:${variables[key]};`)\n        .join('');\n\n    element.innerHTML = `\n        :root {\n            ${variableString}\n        }\n    `;\n\n    if (existing) {\n        document.head.replaceChild(element, existing);\n        return;\n    }\n    return document.head.append(element);\n};\n"]}

package/components/chunk-ADFC4JKF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/alliance-modal/alliance-modal.ts"],"names":["close","LitElement","css","html","unsafeCSS","property","state","repeat","Modal","constructor","header","actions","required","scrollMode","hasSubHeader","styles","parseInt","layers","modal","colors","black","white","borders","radiusLg","shadows","md","breakpoints","breakpointLg","spacing","spacing24","spacing32","widthXs","gray200","spacing20","spacing128","spacing16","containStyling","contain","scrollStyling","subHeaderStyling","closeButton","onCloseClick","svg","footer","length","disabled","variant","action","label","onBackdropClick","onKeyDown","event","defaultPrevented","key","onSubHeaderSlotChange","connectedCallback","window","addEventListener","disconnectedCallback","removeEventListener","CustomEvent","bubbles","composed","detail","cancelable","dispatchEvent","render","type","String","attribute","Array","Boolean","define"],"mappings":"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","sourcesContent":["import type { ButtonVariantType } from '@teliads/components/dist/types/types/ButtonVariant';\nimport { close } from '@teliads/components/icons';\nimport { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\n\nimport { define } from '@/utils';\nimport '@/voca/components/telia-button';\nimport '@/voca/components/telia-heading';\nimport '@/voca/components/telia-icon';\nimport { borders, breakpoints, colors, layers, shadows, spacing } from '@/voca/foundations';\n\nexport type Action = {\n    variant: ButtonVariantType;\n    label: string;\n    action: string;\n    disabled?: boolean;\n};\n\n/**\n * Event dispatched when clicking the close button, the backdrop, an action button or pressing escape.\n *\n * Event: `action`\n *\n * Detail: Object containing the property `action`.\n */\nexport type ActionEvent = CustomEvent<{ action: string }>;\n\nexport class Modal extends LitElement {\n    constructor() {\n        super();\n        this.header = '';\n        this.actions = [];\n        this.required = false;\n        this.scrollMode = 'outside';\n        this.hasSubHeader = false;\n    }\n\n    static styles = css`\n        :host {\n            display: block;\n            inset: 0;\n            z-index: ${unsafeCSS(parseInt(layers.modal) - 2)};\n        }\n\n        .backdrop {\n            inset: 0;\n            z-index: ${unsafeCSS(parseInt(layers.modal) - 1)};\n            background-color: ${unsafeCSS(colors.black)};\n            opacity: 0.3;\n        }\n\n        .container {\n            margin: 0 auto;\n            display: flex;\n            justify-content: center;\n            height: 100%;\n            width: 100%;\n        }\n\n        dialog {\n            background-color: ${unsafeCSS(colors.white)};\n            border-radius: ${unsafeCSS(borders.radiusLg)};\n            box-shadow: ${unsafeCSS(shadows.md)};\n            z-index: ${unsafeCSS(parseInt(layers.modal))};\n            max-width: ${unsafeCSS(breakpoints.breakpointLg)};\n            position: static;\n            padding: 0;\n            border: none;\n        }\n\n        .header {\n            position: relative;\n            display: flex;\n            align-items: center;\n            padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n            border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n            min-height: 40px;\n        }\n\n        .header telia-button {\n            position: absolute;\n            top: ${unsafeCSS(spacing.spacing20)};\n            right: ${unsafeCSS(spacing.spacing24)};\n        }\n\n        .sub-header {\n            padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n            border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n            display: none;\n        }\n\n        .body {\n            min-width: calc(${unsafeCSS(spacing.spacing128)} * 2);\n        }\n\n        .footer {\n            display: flex;\n            justify-content: flex-end;\n            gap: ${unsafeCSS(spacing.spacing16)};\n        }\n    `;\n\n    @property({ type: String, attribute: 'header' })\n    declare header: string;\n\n    @property({ type: Array })\n    declare actions: Action[];\n\n    @property({ type: Boolean, attribute: 'required' })\n    declare required: boolean;\n\n    @property({ type: String, attribute: 'scroll-mode' })\n    declare scrollMode: 'outside' | 'inside';\n\n    @state()\n    declare hasSubHeader: boolean;\n\n    // Internal usage only\n    // Used in Storybook to contain modal in story\n    @property({ type: Boolean, attribute: 'contain' })\n    declare contain?: boolean;\n\n    containStyling = () => {\n        if (!this.contain) {\n            return html`<style>\n                :host {\n                    position: fixed;\n                }\n\n                .backdrop {\n                    position: absolute;\n                }\n            </style>`;\n        }\n\n        return html`<style>\n            :host {\n                height: 500px;\n                position: static;\n            }\n            .backdrop {\n                position: absolute;\n            }\n        </style>`;\n    };\n\n    scrollStyling = () => {\n        if (this.scrollMode === 'inside') {\n            return html`<style>\n                .container {\n                    align-items: center;\n                }\n\n                dialog {\n                    max-height: 80%;\n                    display: flex;\n                    flex-direction: column;\n                }\n\n                .body {\n                    flex: 1;\n                    padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n                    height: 80%;\n                    overflow-x: hidden;\n                    overflow-y: auto;\n                }\n\n                .footer {\n                    border-top: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n                    padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n                }\n            </style>`;\n        }\n\n        return html`<style>\n            .container {\n                overflow-x: hidden;\n                overflow-y: overlay;\n                align-items: flex-start;\n            }\n\n            dialog {\n                display: block;\n                margin: ${unsafeCSS(spacing.spacing128)} ${unsafeCSS(spacing.spacing24)};\n            }\n\n            .footer,\n            .body {\n                margin: ${unsafeCSS(spacing.spacing24)} 0;\n                padding: 0 ${unsafeCSS(spacing.spacing32)};\n            }\n        </style>`;\n    };\n\n    subHeaderStyling = () => {\n        if (this.hasSubHeader) {\n            return html`<style>\n                div.sub-header {\n                    display: block;\n                }\n            </style>`;\n        }\n    };\n\n    closeButton = () => {\n        if (this.required) {\n            return '';\n        }\n\n        return html`<telia-button\n            size=\"sm\"\n            variant=\"text\"\n            data-testid=\"close-modal-button\"\n            @click=${this.onCloseClick}\n            ><telia-icon size=\"md\" svg=\"${close.svg}\"\n        /></telia-button>`;\n    };\n\n    footer = () => {\n        if (!this.actions.length) {\n            return '';\n        }\n\n        return html`\n            <div class=\"footer\">\n                ${repeat(\n                    this.actions,\n                    ({ disabled, variant, action, label }) => html`\n                        <telia-button\n                            disabled=\"${disabled ? 'true' : 'false'}\"\n                            variant=\"${variant || 'primary'}\"\n                            size=\"sm\"\n                            @click=${() => this.action(action)}\n                            data-testid=\"${action}-action-button\"\n                        >\n                            ${label}\n                        </telia-button>\n                    `,\n                )}\n            </div>\n        `;\n    };\n\n    onBackdropClick = () => {\n        if (this.required) {\n            return;\n        }\n\n        return this.action('close');\n    };\n\n    onCloseClick = () => {\n        if (this.required) {\n            return;\n        }\n\n        return this.action('close');\n    };\n\n    onKeyDown = (event: KeyboardEvent) => {\n        if (event.defaultPrevented) {\n            return;\n        }\n\n        if (!this.required && event.key === 'Escape') {\n            this.action('close');\n        }\n    };\n\n    // The slotchange event is only triggered if slot changes content\n    // So if event is triggered, that means sub-header is populated and should be shown\n    onSubHeaderSlotChange = () => {\n        this.hasSubHeader = true;\n    };\n\n    connectedCallback() {\n        super.connectedCallback();\n        window.addEventListener('keydown', this.onKeyDown);\n    }\n\n    disconnectedCallback() {\n        window.removeEventListener('keydown', this.onKeyDown);\n        super.disconnectedCallback();\n    }\n\n    action = (action: string) => {\n        const event: ActionEvent = new CustomEvent('action', {\n            bubbles: true,\n            composed: true,\n            detail: { action },\n            cancelable: true,\n        });\n        return this.dispatchEvent(event);\n    };\n\n    render() {\n        return html`\n            ${this.containStyling()} ${this.scrollStyling()} ${this.subHeaderStyling()}\n            <div class=\"backdrop\" @click=${this.onBackdropClick}></div>\n            <div class=\"container\">\n                <dialog open>\n                    <div class=\"header\">\n                        <telia-heading tag=\"h3\" variant=\"title-100\">${this.header}</telia-heading>\n                        ${this.closeButton()}\n                    </div>\n                    <div class=\"sub-header\">\n                        <slot name=\"sub-header\" @slotchange=${this.onSubHeaderSlotChange}></slot>\n                    </div>\n                    <div class=\"body\">\n                        <slot></slot>\n                    </div>\n                    ${this.footer()}\n                </dialog>\n            </div>\n        `;\n    }\n}\n\ndefine('alliance-modal', Modal);\n"]}

package/components/chunk-B6YHD7BN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/voca/foundations/index.ts"],"names":["borders","breakpoints","colors","grid","layers","motion","shadows","spacing","typography","focus"],"mappings":";AAAA,SACIA,SACAC,aACAC,QACAC,MACAC,QACAC,QACAC,SACAC,SACAC,kBACG;AACP,OAAOC,WAAW","sourcesContent":["import {\n    borders,\n    breakpoints,\n    colors,\n    grid,\n    layers,\n    motion,\n    shadows,\n    spacing,\n    typography,\n} from '@teliads/components/foundations';\nimport focus from '@teliads/components/foundations/focus/variables.json';\n\nexport { borders, breakpoints, colors, grid, layers, motion, shadows, spacing, typography, focus };\n\nexport const addCssVariables = () => {\n    const styleId = 'voca-foundations-style-tag';\n    const existing = document.getElementById(styleId);\n    const element = document.createElement('style');\n    element.id = styleId;\n\n    const variables: Record<string, string> = {\n        '--font-telia-heading':\n            'TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif',\n        '--font-telia-sans': 'TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif',\n        '--font-normal': typography.weightNormal,\n        '--font-medium': typography.weightMedium,\n        '--font-bold': typography.weightBold,\n\n        '--spacing-0': spacing.spacing0,\n        '--spacing-2': spacing.spacing2,\n        '--spacing-4': spacing.spacing4,\n        '--spacing-8': spacing.spacing8,\n        '--spacing-12': spacing.spacing12,\n        '--spacing-16': spacing.spacing16,\n        '--spacing-20': spacing.spacing20,\n        '--spacing-24': spacing.spacing24,\n        '--spacing-32': spacing.spacing32,\n        '--spacing-48': spacing.spacing48,\n        '--spacing-64': spacing.spacing64,\n        '--spacing-80': spacing.spacing80,\n        '--spacing-96': spacing.spacing96,\n        '--spacing-128': spacing.spacing128,\n\n        '--box-shadow-none': shadows.none,\n        '--box-shadow-sm': shadows.sm,\n        '--box-shadow-md': shadows.md,\n        '--box-shadow-lg': shadows.lg,\n\n        '--duration-50': motion.duration50,\n        '--duration-100': motion.duration100,\n        '--duration-150': motion.duration150,\n        '--duration-200': motion.duration200,\n        '--duration-250': motion.duration250,\n        '--duration-300': motion.duration300,\n        '--duration-350': motion.duration350,\n        '--duration-400': motion.duration400,\n        '--duration-500': motion.duration500,\n        '--duration-1500': motion.duration1500,\n        '--duration-2000': motion.duration2000,\n\n        '--timing-ease-in': motion.easeIn,\n        '--timing-ease-out': motion.easeOut,\n        '--timing-ease-in-out': motion.easeInOut,\n\n        '--layer-base': layers.base,\n        '--layer-dropdown': layers.dropdown,\n        '--layer-header': layers.header,\n        '--layer-modal': layers.modal,\n\n        '--border-width-none': borders.widthNone,\n        '--border-width-xs': borders.widthXs,\n        '--border-width-sm': borders.widthSm,\n        '--border-width-md': borders.widthMd,\n\n        '--border-radius-none': borders.radiusNone,\n        '--border-radius-default': borders.radiusDefault,\n        '--border-radius-sm': borders.radiusSm,\n        '--border-radius-lg': borders.radiusLg,\n        '--border-radius-full': borders.radiusFull,\n\n        '--screen-size-sm': breakpoints.breakpointSm,\n        '--screen-size-md': breakpoints.breakpointMd,\n        '--screen-size-lg': breakpoints.breakpointLg,\n        '--screen-size-xl': breakpoints.breakpointXl,\n\n        '--purple-100': colors.purple100,\n        '--purple-200': colors.purple200,\n        '--purple-300': colors.purple300,\n        '--purple-400': colors.purple400,\n        '--purple-500': colors.purple500,\n        '--purple-600': colors.purple600,\n        '--purple-700': colors.purple700,\n        '--purple-800': colors.purple800,\n        '--purple-850': colors.purple850,\n        '--purple-900': colors.purple900,\n\n        '--beige-50': colors.beige50,\n        '--beige-100': colors.beige100,\n        '--beige-200': colors.beige200,\n        '--beige-300': colors.beige300,\n        '--beige-400': colors.beige400,\n        '--beige-500': colors.beige500,\n        '--beige-600': colors.beige600,\n        '--beige-700': colors.beige700,\n        '--beige-800': colors.beige800,\n        '--beige-900': colors.beige900,\n\n        '--gray-50': colors.gray50,\n        '--gray-100': colors.gray100,\n        '--gray-200': colors.gray200,\n        '--gray-300': colors.gray300,\n        '--gray-400': colors.gray400,\n        '--gray-500': colors.gray500,\n        '--gray-600': colors.gray600,\n        '--gray-700': colors.gray700,\n        '--gray-800': colors.gray800,\n        '--gray-900': colors.gray900,\n\n        '--green-100': colors.green100,\n        '--green-200': colors.green200,\n        '--green-300': colors.green300,\n        '--green-400': colors.green400,\n        '--green-500': colors.green500,\n        '--green-600': colors.green600,\n        '--green-700': colors.green700,\n        '--green-800': colors.green800,\n        '--green-900': colors.green900,\n\n        '--red-100': colors.red100,\n        '--red-200': colors.red200,\n        '--red-300': colors.red300,\n        '--red-400': colors.red400,\n        '--red-500': colors.red500,\n        '--red-600': colors.red600,\n        '--red-700': colors.red700,\n        '--red-800': colors.red800,\n        '--red-900': colors.red900,\n\n        '--orange-100': colors.orange100,\n        '--orange-200': colors.orange200,\n        '--orange-300': colors.orange300,\n        '--orange-400': colors.orange400,\n        '--orange-500': colors.orange500,\n        '--orange-600': colors.orange600,\n        '--orange-700': colors.orange700,\n        '--orange-800': colors.orange800,\n        '--orange-900': colors.orange900,\n\n        '--blue-100': colors.blue100,\n        '--blue-200': colors.blue200,\n        '--blue-300': colors.blue300,\n        '--blue-400': colors.blue400,\n        '--blue-500': colors.blue500,\n        '--blue-600': colors.blue600,\n        '--blue-700': colors.blue700,\n        '--blue-800': colors.blue800,\n        '--blue-900': colors.blue900,\n\n        '--white': colors.white,\n        '--black': colors.black,\n        '--functional-black': colors.functionalBlack,\n\n        /* DEPRECATED */\n        '--grid-gutter': grid.gutter,\n        '--grid-gutter-medium': grid.gutterMedium,\n        '--grid-gutter-large': grid.gutterLarge,\n        '--grid-page-padding': grid.pagePadding,\n        '--grid-page-padding-m': grid.pagePaddingM,\n        '--grid-page-padding-l': grid.pagePaddingL,\n\n        '--grid-gutter-sm': grid.gutter,\n        '--grid-gutter-md': grid.gutterMedium,\n        '--grid-gutter-lg': grid.gutterLarge,\n        '--grid-page-padding-sm': grid.pagePadding,\n        '--grid-page-padding-md': grid.pagePaddingM,\n        '--grid-page-padding-lg': grid.pagePaddingL,\n        '--grid-page-padding-xl': grid.pagePaddingXl,\n\n        // The following are not available in JS variables for some reason\n        '--functional-transparent': 'transparent',\n        '--transparent-black-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-black-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-black-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-black-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-black-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-black-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-black-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-black-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-black-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-black-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-black-900': 'rgba(0, 0, 0, 0.9)',\n        '--transparent-white-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-white-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-white-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-white-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-white-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-white-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-white-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-white-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-white-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-white-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-white-900': 'rgba(0, 0, 0, 0.9)',\n\n        '--focus-border': `${focus.focusBorderWidth} solid ${focus.focusColor}`,\n    };\n\n    const variableString = Object.keys(variables)\n        .map((key) => `${key}:${variables[key]};`)\n        .join('');\n\n    element.innerHTML = `\n        :root {\n            ${variableString}\n        }\n    `;\n\n    if (existing) {\n        document.head.replaceChild(element, existing);\n        return;\n    }\n    return document.head.append(element);\n};\n"]}

package/components/chunk-LYU2K33W.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/alliance-paginator/alliance-page-selector.ts","../src/components/alliance-paginator/utils.ts","../src/components/alliance-paginator/alliance-paginator.ts","../src/voca/components/telia-label.ts","../src/components/alliance-paginator/alliance-paginator-button.ts"],"names":["LitElement","css","html","unsafeCSS","property","repeat","DOTS","range","start","end","length","Array","from","_","idx","getLastPage","pages","listPages","lastPage","i","pageToSelectValue","page","selectValueToPage","selectValue","value","split","Error","parseInt","getPagination","itemCount","pageSize","siblingCount","currentPage","totalPageCount","Math","ceil","totalPageNumbers","leftSiblingIndex","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","firstPageIndex","lastPageIndex","leftItemCount","leftRange","rightItemCount","rightRange","middleRange","PageSelect","constructor","styles","spacing","spacing16","spacing24","borders","radiusFull","widthXs","colors","purple850","motion","duration150","white","purple700","black","focus","focusBorderWidth","focusColor","spacing4","onChange","e","nextPage","currentTarget","event","CustomEvent","bubbles","composed","detail","previousPage","cancelable","dispatchEvent","render","type","Number","attribute","define","state","Paginator","initialPage","spacing8","breakpoints","breakpointLg","connectedCallback","attributeChangedCallback","name","changePage","defaultNotPrevented","next","previous","onPageSelect","pageNumber","chevronLeft","chevronRight","Icon","PaginatorButton","selected","disabled","clickable","renderContent","icon","svg","String","Boolean"],"mappings":";;;;;;;;;;;;;;AAAA,SAASA,YAAYC,KAAKC,MAAMC,iBAAiB;AACjD,SAASC,gBAAgB;AACzB,SAASC,cAAc;;;ACCvB,IAAMC,OAAO;AAEb,IAAMC,QAAQ,wBAACC,OAAeC,QAAAA;AAC1B,QAAMC,SAASD,MAAMD,QAAQ;AAK7B,SAAOG,MAAMC,KAAK;IAAEF;EAAO,GAAG,CAACG,GAAGC,QAAQA,MAAMN,KAAAA;AACpD,GAPc;AAkBP,SAASO,YAAYC,OAAY;AACpC,SAAOA,MAAMA,MAAMN,SAAS,CAAA;AAChC;AAFgBK;AAIT,SAASE,UAAUC,UAAgB;AACtC,SAAOP,MAAMC,KAAK;IAAEF,QAAQQ;EAAS,GAAG,CAACL,GAAGM,MAAAA;AACxC,WAAOC,kBAAkBD,IAAI,GAAGD,QAAAA;EACpC,CAAA;AACJ;AAJgBD;AAMT,SAASG,kBAAkBC,MAAcH,UAAgB;AAC5D,SAAO,GAAGG,IAAAA,MAAUH,QAAAA;AACxB;AAFgBE;AAIT,SAASE,kBAAkBC,aAAmB;AACjD,QAAMC,QAAQD,YAAYE,MAAM,GAAA,EAAK,CAAA;AAErC,MAAI,OAAOD,UAAU,UAAU;AAC3B,UAAM,IAAIE,MAAM,yCAAA;EACpB;AAEA,SAAOC,SAASH,KAAAA;AACpB;AARgBF;AAUT,SAASM,cAAc,EAAEC,WAAWC,UAAUC,cAAcC,YAAW,GAAQ;AAClF,QAAMC,iBAAiBC,KAAKC,KAAKN,YAAYC,QAAAA;AAG7C,QAAMM,mBAAmBL,eAAe;AAOxC,MAAIK,oBAAoBH,gBAAgB;AACpC,WAAO1B,MAAM,GAAG0B,cAAAA;EACpB;AAKA,QAAMI,mBAAmBH,KAAKI,IAAIN,cAAcD,cAAc,CAAA;AAC9D,QAAMQ,oBAAoBL,KAAKM,IAAIR,cAAcD,cAAcE,cAAAA;AAK/D,QAAMQ,qBAAqBJ,mBAAmB;AAC9C,QAAMK,sBAAsBH,oBAAoBN,iBAAiB;AAEjE,QAAMU,iBAAiB;AACvB,QAAMC,gBAAgBX;AAKtB,MAAI,CAACQ,sBAAsBC,qBAAqB;AAC5C,UAAMG,gBAAgB,IAAI,IAAId;AAC9B,UAAMe,YAAYvC,MAAM,GAAGsC,aAAAA;AAE3B,WAAO;SAAIC;MAAWxC;MAAM2B;;EAChC;AAKA,MAAIQ,sBAAsB,CAACC,qBAAqB;AAC5C,UAAMK,iBAAiB,IAAI,IAAIhB;AAC/B,UAAMiB,aAAazC,MAAM0B,iBAAiBc,iBAAiB,GAAGd,cAAAA;AAC9D,WAAO;MAACU;MAAgBrC;SAAS0C;;EACrC;AAKA,MAAIP,sBAAsBC,qBAAqB;AAC3C,UAAMO,cAAc1C,MAAM8B,kBAAkBE,iBAAAA;AAC5C,WAAO;MAACI;MAAgBrC;SAAS2C;MAAa3C;MAAMsC;;EACxD;AAEA,SAAOrC,MAAM,GAAG0B,cAAAA;AACpB;AA1DgBL;;;;;;;;;;;;;;;;;;;AD5BT,IAAMsB,aAAN,cAAyBlD,WAAAA;SAAAA;;;EAC5BmD,cAAc;AACV,UAAK;AACL,SAAKnB,cAAc;AACnB,SAAKd,WAAW;EACpB;EACA,OAAOkC,SAASnD;;uBAEGE,UAAUkD,QAAQC,SAAS,CAAA,IAAKnD,UAAUkD,QAAQE,SAAS,CAAA;6BACrDpD,UAAUqD,QAAQC,UAAU,CAAA;sBACnCtD,UAAUqD,QAAQE,OAAO,CAAA,UAAWvD,UAAUwD,OAAOC,SAAS,CAAA;;qBAE/DzD,UAAUwD,OAAOC,SAAS,CAAA;;;;;;;yBAOtBzD,UAAUkD,QAAQC,SAAS,CAAA;2BACzBnD,UAAUkD,QAAQC,SAAS,CAAA;;wBAE9BnD,UAAU0D,OAAOC,WAAW,CAAA;mCACjB3D,UAAU0D,OAAOC,WAAW,CAAA;;;;;;;;;gCAS/B3D,UAAUwD,OAAOC,SAAS,CAAA;qBACrCzD,UAAUwD,OAAOI,KAAK,CAAA;;;;gCAIX5D,UAAUwD,OAAOK,SAAS,CAAA;;;;gCAI1B7D,UAAUwD,OAAOI,KAAK,CAAA;qBACjC5D,UAAUwD,OAAOM,KAAK,CAAA;;;;;;;;;6BASd9D,UAAU+D,MAAMC,gBAAgB,CAAA,IAAKhE,UAAU+D,MAAME,UAAU,CAAA;8BAC9DjE,UAAUkD,QAAQgB,QAAQ,CAAA;;;EAUpDC,WAAW,CACPC,MAAAA;AAIA,UAAMC,WAAWlD,kBAAkBiD,EAAEE,cAAcjD,KAAK;AAExD,UAAMkD,QAAyB,IAAIC,YAAY,eAAe;MAC1DC,SAAS;MACTC,UAAU;MACVC,QAAQ;QAAEN;QAAUO,cAAc,KAAK/C;MAAY;MACnDgD,YAAY;IAChB,CAAA;AACA,SAAKC,cAAcP,KAAAA;EACvB;EAEAQ,SAAS;AACL,WAAOhF;;;0BAGW,KAAKoE,QAAQ;yBACdlD,kBAAkB,KAAKY,aAAa,KAAKd,QAAQ,CAAA;;kBAExDb,OACEY,UAAU,KAAKC,QAAQ,GACvB,CAACG,SAASnB,sBAAsBmB,IAAAA,KAASA,IAAAA,WAAe,CAAA;;;EAIxE;AACJ;;EApCKjB,SAAS;IAAE+E,MAAMC;IAAQC,WAAW;EAAe,CAAA;;GAxD3CnC,WAAAA,WAAAA,eAAAA,MAAAA;;EA2DR9C,SAAS;IAAE+E,MAAMC;IAAQC,WAAW;EAAY,CAAA;;GA3DxCnC,WAAAA,WAAAA,YAAAA,MAAAA;AA8FboC,OAAO,0BAA0BpC,UAAAA;;;AEjHjC,SAASlD,cAAAA,aAAYC,OAAAA,MAAKC,QAAAA,OAAMC,aAAAA,kBAAiB;AACjD,SAASC,YAAAA,WAAUmF,aAAa;AAChC,SAASlF,UAAAA,eAAc;;;ACDvB,OAAO;;;;;;;;;;;;;;;;;;;ADoBA,IAAMmF,YAAN,cAAwBxF,YAAAA;SAAAA;;;EAC3BmD,cAAc;AACV,UAAK;AACL,SAAKtB,YAAY;AACjB,SAAKC,WAAW;AAChB,SAAK2D,cAAc;AACnB,SAAK1D,eAAe;AACpB,SAAKC,cAAc,KAAKyD;AACxB,SAAKzE,QAAQ,CAAA;EACjB;EACA,OAAOoC,SAASnD;;;;;mBAKDE,WAAUkD,QAAQqC,QAAQ,CAAA;;;;;;;;qBAQxBvF,WAAUwD,OAAOK,SAAS,CAAA;;;;;;;;;;;iCAWd7D,WAAUwF,YAAYC,YAAY,CAAA;;;;;;;;;;;EAY/DC,oBAAoB;AAChB,UAAMA,kBAAAA;AAEN,SAAK7D,cAAc,KAAKyD;AACxB,SAAKzE,QAAQY,cAAc;MACvBC,WAAW,KAAKA;MAChBC,UAAU,KAAKA;MACfC,cAAc,KAAKA;MACnBC,aAAa,KAAKA;IACtB,CAAA;EACJ;EAEA8D,yBAAyBC,MAAclF,GAAkBW,OAAsB;AAC3E,UAAMsE,yBAAyBC,MAAMlF,GAAGW,KAAAA;AAExC,QAAIuE,SAAS,gBAAgB;AACzB,WAAK/D,cAAc,KAAKyD;IAC5B;AAEA,SAAKzE,QAAQY,cAAc;MACvBC,WAAW,KAAKA;MAChBC,UAAU,KAAKA;MACfC,cAAc,KAAKA;MACnBC,aAAa,KAAKA;MAClB,CAAC+D,IAAAA,GAAOvE;IACZ,CAAA;EACJ;EAoBAwE,aAAa,CAACxB,aAAAA;AACV,QACIA,aAAa,KAAKxC;IAClBwC,WAAW;IACXA,WAAY,KAAKxD,MAAM,KAAKA,MAAMN,SAAS,CAAA,GAC7C;AACE;IACJ;AAEA,UAAMgE,QAAyB,IAAIC,YAAY,eAAe;MAC1DC,SAAS;MACTC,UAAU;MACVC,QAAQ;QAAEN;QAAUO,cAAc,KAAK/C;MAAY;MACnDgD,YAAY;IAChB,CAAA;AACA,UAAMiB,sBAAsB,KAAKhB,cAAcP,KAAAA;AAE/C,QAAIuB,qBAAqB;AACrB,WAAKjE,cAAcwC;AAEnB,WAAKxD,QAAQY,cAAc;QACvBC,WAAW,KAAKA;QAChBC,UAAU,KAAKA;QACfC,cAAc,KAAKA;QACnBC,aAAa,KAAKA;MACtB,CAAA;IACJ;EACJ;EAEAkE,OAAO,MAAA;AACH,SAAKF,WAAW,KAAKhE,cAAc,CAAA;EACvC;EAEAmE,WAAW,MAAA;AACP,SAAKH,WAAW,KAAKhE,cAAc,CAAA;EACvC;EAEAoE,eAAe,CAAC1B,UAA2B,KAAKsB,WAAWtB,MAAMI,OAAON,QAAQ;EAEhFU,SAAS;AACL,WAAOhF;;yBAEU,KAAKiG,QAAQ;4BACV,KAAKnE,gBAAgB,CAAA;;;;cAInC3B,QAAO,KAAKW,OAAO,CAACqF,eAClBA,eAAe,QACTnG,wCACAA;iCACWmG,UAAAA;mCACE,MAAM,KAAKL,WAAWK,UAAAA,CAAAA;sCACnB,KAAKrE,gBAAgBqE,UAAAA;oDACP,CAAA;;;+BAIrB,KAAKrE,WAAW;4BACnBjB,YAAY,KAAKC,KAAK,CAAA;+BACnB,KAAKoF,YAAY;;;;;yBAKvB,KAAKF,IAAI;4BACN,KAAKlE,gBAAgBjB,YAAY,KAAKC,KAAK,CAAA;;;;EAInE;AACJ;;EAzFKZ,UAAS;IAAE+E,MAAMC;IAAQC,WAAW;EAAa,CAAA;;GA1EzCG,UAAAA,WAAAA,aAAAA,MAAAA;;EA6ERpF,UAAS;IAAE+E,MAAMC;IAAQC,WAAW;EAAY,CAAA;;GA7ExCG,UAAAA,WAAAA,YAAAA,MAAAA;;EAgFRpF,UAAS;IAAE+E,MAAMC;IAAQC,WAAW;EAAe,CAAA;;GAhF3CG,UAAAA,WAAAA,eAAAA,MAAAA;;EAmFRpF,UAAS;IAAE+E,MAAMC;IAAQC,WAAW;EAAgB,CAAA;;GAnF5CG,UAAAA,WAAAA,gBAAAA,MAAAA;;EAsFRD,MAAAA;;GAtFQC,UAAAA,WAAAA,eAAAA,MAAAA;;EAyFRD,MAAAA;sCACc,UAAA,cAAA,SAAA,KAAA;GA1FNC,UAAAA,WAAAA,SAAAA,MAAAA;AAqKbF,OAAO,sBAAsBE,SAAAA;;;AE1L7B,SAASc,aAAaC,oBAAoB;AAC1C,SAASvG,cAAAA,aAAYE,QAAAA,aAAY;AACjC,SAASE,YAAAA,iBAAgB;;;;;;;;;;;;;;;;;;UAMpBoG,OAAAA;;;GAAAA,SAAAA,OAAAA,CAAAA,EAAAA;AAKE,IAAMC,kBAAN,cAA8BzG,YAAAA;SAAAA;;;EACjCmD,cAAc;AACV,UAAK;AACL,SAAKuD,WAAW;AAChB,SAAKC,WAAW;AAChB,SAAKC,YAAY;EACrB;EAgBQC,gBAAgB;AACpB,QAAI,KAAKC,SAAI,QAAgB;AACzB,aAAO5G,mCAAkCoG,YAAYS,GAAG;IAC5D;AAEA,QAAI,KAAKD,SAAI,SAAiB;AAC1B,aAAO5G,mCAAkCqG,aAAaQ,GAAG;IAC7D;AAEA,WAAO7G,cAAa,KAAKmB,IAAI;EACjC;EAEA6D,SAAS;AASL,WAAOhF,gCAA+B,KAAKyG,QAAQ,YAAY,KAAKD,WAAW,YAAY,iBAAA,IAAqB,KAAKG,cAAa,CAAA;EACtI;AACJ;;EAtCKzG,UAAS;IAAE+E,MAAMqB;EAAK,CAAA;;GAPdC,gBAAAA,WAAAA,QAAAA,MAAAA;;EAURrG,UAAS;IAAE+E,MAAM6B;EAAO,CAAA;;GAVhBP,gBAAAA,WAAAA,QAAAA,MAAAA;;EAaRrG,UAAS;IAAE+E,MAAM8B;EAAQ,CAAA;;GAbjBR,gBAAAA,WAAAA,YAAAA,MAAAA;;EAgBRrG,UAAS;IAAE+E,MAAM8B;EAAQ,CAAA;;GAhBjBR,gBAAAA,WAAAA,YAAAA,MAAAA;;EAmBRrG,UAAS;IAAE+E,MAAM8B;EAAQ,CAAA;;GAnBjBR,gBAAAA,WAAAA,aAAAA,MAAAA;AA+CbnB,OAAO,6BAA6BmB,eAAAA","sourcesContent":["import { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\n\nimport { define } from '@/utils';\nimport '@/voca/components/telia-button';\nimport { borders, colors, focus, motion, spacing } from '@/voca/foundations';\n\nimport { listPages, pageToSelectValue, selectValueToPage } from './utils';\n\n/**\n * Event dispatched when selecting a page.\n *\n * Event: `change-page`\n *\n * Detail: Object containing the properties `nextPage` and `previousPage`.\n */\nexport type SelectPageEvent = CustomEvent<{ nextPage: number; previousPage: number }>;\n\nexport class PageSelect extends LitElement {\n    constructor() {\n        super();\n        this.currentPage = 0;\n        this.lastPage = 0;\n    }\n    static styles = css`\n        :host select {\n            padding: ${unsafeCSS(spacing.spacing16)} ${unsafeCSS(spacing.spacing24)};\n            border-radius: ${unsafeCSS(borders.radiusFull)};\n            border: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.purple850)};\n            background-color: transparent;\n            color: ${unsafeCSS(colors.purple850)};\n            text-align: center;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            display: inline-flex;\n            font-family: 'TeliaSans', Helvetica, Arial, 'Lucida Grande', sans-serif;\n            font-size: ${unsafeCSS(spacing.spacing16)};\n            line-height: ${unsafeCSS(spacing.spacing16)};\n            transition:\n                color ${unsafeCSS(motion.duration150)} ease,\n                background-color ${unsafeCSS(motion.duration150)} ease;\n\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            appearance: none;\n            outline: none;\n        }\n\n        :host select:hover {\n            background-color: ${unsafeCSS(colors.purple850)};\n            color: ${unsafeCSS(colors.white)};\n        }\n\n        :host select:active {\n            background-color: ${unsafeCSS(colors.purple700)};\n        }\n\n        :host select option {\n            background-color: ${unsafeCSS(colors.white)};\n            color: ${unsafeCSS(colors.black)};\n            text-align: center;\n        }\n\n        :host select::-ms-expand {\n            display: none;\n        }\n\n        :host select:focus-visible {\n            outline: solid ${unsafeCSS(focus.focusBorderWidth)} ${unsafeCSS(focus.focusColor)};\n            outline-offset: ${unsafeCSS(spacing.spacing4)};\n        }\n    `;\n\n    @property({ type: Number, attribute: 'current-page' })\n    declare currentPage: number;\n\n    @property({ type: Number, attribute: 'last-page' })\n    declare lastPage: number;\n\n    onChange = (\n        e: Event & {\n            currentTarget: HTMLSelectElement;\n        },\n    ) => {\n        const nextPage = selectValueToPage(e.currentTarget.value);\n\n        const event: SelectPageEvent = new CustomEvent('select-page', {\n            bubbles: true,\n            composed: true,\n            detail: { nextPage, previousPage: this.currentPage },\n            cancelable: true,\n        });\n        this.dispatchEvent(event);\n    };\n\n    render() {\n        return html`\n            <select\n                id=\"select\"\n                @change=${this.onChange}\n                .value=${pageToSelectValue(this.currentPage, this.lastPage)}\n            >\n                ${repeat(\n                    listPages(this.lastPage),\n                    (page) => html`<option value=\"${page}\">${page}</option>`,\n                )}\n            </select>\n        `;\n    }\n}\n\ndefine('alliance-page-selector', PageSelect);\n","/* \n  Pagination logic taken from https://www.freecodecamp.org/news/build-a-custom-pagination-component-in-react/\n*/\nconst DOTS = '...';\n\nconst range = (start: number, end: number) => {\n    const length = end - start + 1;\n    /*\n        Create an array of certain length and set the elements within it from\n      start value to end value.\n    */\n    return Array.from({ length }, (_, idx) => idx + start);\n};\n\ntype Args = {\n    itemCount: number;\n    pageSize: number;\n    siblingCount: number;\n    currentPage: number;\n};\n\nexport type Pages = (number | '...')[];\n\nexport function getLastPage(pages: Pages): number {\n    return pages[pages.length - 1] as number;\n}\n\nexport function listPages(lastPage: number): string[] {\n    return Array.from({ length: lastPage }, (_, i) => {\n        return pageToSelectValue(i + 1, lastPage);\n    });\n}\n\nexport function pageToSelectValue(page: number, lastPage: number): string {\n    return `${page} / ${lastPage}`;\n}\n\nexport function selectValueToPage(selectValue: string): number {\n    const value = selectValue.split('/')[0];\n\n    if (typeof value !== 'string') {\n        throw new Error('Could not parse page value from select.');\n    }\n\n    return parseInt(value);\n}\n\nexport function getPagination({ itemCount, pageSize, siblingCount, currentPage }: Args): Pages {\n    const totalPageCount = Math.ceil(itemCount / pageSize);\n\n    // Pages count is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS\n    const totalPageNumbers = siblingCount + 5;\n\n    /*\n        Case 1:\n        If the number of pages is less than the page numbers we want to show in our\n        paginationComponent, we return the range [1..totalPageCount]\n      */\n    if (totalPageNumbers >= totalPageCount) {\n        return range(1, totalPageCount);\n    }\n\n    /*\n          Calculate left and right sibling index and make sure they are within range 1 and totalPageCount\n      */\n    const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n    const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);\n\n    /*\n        We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2\n      */\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\n\n    const firstPageIndex = 1;\n    const lastPageIndex = totalPageCount;\n\n    /*\n          Case 2: No left dots to show, but rights dots to be shown\n      */\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n        const leftItemCount = 3 + 2 * siblingCount;\n        const leftRange = range(1, leftItemCount);\n\n        return [...leftRange, DOTS, totalPageCount];\n    }\n\n    /*\n          Case 3: No right dots to show, but left dots to be shown\n      */\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n        const rightItemCount = 3 + 2 * siblingCount;\n        const rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);\n        return [firstPageIndex, DOTS, ...rightRange];\n    }\n\n    /*\n          Case 4: Both left and right dots to be shown\n      */\n    if (shouldShowLeftDots && shouldShowRightDots) {\n        const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n        return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];\n    }\n\n    return range(1, totalPageCount);\n}\n","import { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\n\nimport { define } from '@/utils';\nimport '@/voca/components/telia-button';\nimport '@/voca/components/telia-label';\nimport { breakpoints, colors, spacing } from '@/voca/foundations';\n\nimport type { SelectPageEvent } from './alliance-page-selector';\nimport { type Pages, getLastPage, getPagination } from './utils';\n\n/**\n * Event dispatched when pressing a page button.\n *\n * Event: `change-page`\n *\n * Detail: Object containing the properties `nextPage` and `previousPage`.\n */\nexport type ChangePageEvent = CustomEvent<{ nextPage: number; previousPage: number }>;\n\nexport class Paginator extends LitElement {\n    constructor() {\n        super();\n        this.itemCount = 0;\n        this.pageSize = 50;\n        this.initialPage = 1;\n        this.siblingCount = 2;\n        this.currentPage = this.initialPage;\n        this.pages = [];\n    }\n    static styles = css`\n        :host {\n            display: flex;\n            flex-direction: row;\n            place-items: center;\n            gap: ${unsafeCSS(spacing.spacing8)};\n        }\n\n        :host telia-label {\n            display: none;\n        }\n\n        :host .telia-label {\n            color: ${unsafeCSS(colors.purple700)};\n        }\n\n        :host alliance-paginator-button[page] {\n            display: none;\n        }\n\n        span {\n            display: block;\n        }\n\n        @container (min-width: ${unsafeCSS(breakpoints.breakpointLg)}) {\n            :host telia-label,\n            :host alliance-paginator-button[page] {\n                display: block;\n            }\n\n            :host alliance-page-selector {\n                display: none;\n            }\n        }\n    `;\n\n    connectedCallback() {\n        super.connectedCallback();\n\n        this.currentPage = this.initialPage;\n        this.pages = getPagination({\n            itemCount: this.itemCount,\n            pageSize: this.pageSize,\n            siblingCount: this.siblingCount,\n            currentPage: this.currentPage,\n        });\n    }\n\n    attributeChangedCallback(name: string, _: string | null, value: string | null) {\n        super.attributeChangedCallback(name, _, value);\n\n        if (name === 'initial-page') {\n            this.currentPage = this.initialPage;\n        }\n\n        this.pages = getPagination({\n            itemCount: this.itemCount,\n            pageSize: this.pageSize,\n            siblingCount: this.siblingCount,\n            currentPage: this.currentPage,\n            [name]: value,\n        });\n    }\n\n    @property({ type: Number, attribute: 'item-count' })\n    declare itemCount: number;\n\n    @property({ type: Number, attribute: 'page-size' })\n    declare pageSize: number;\n\n    @property({ type: Number, attribute: 'initial-page' })\n    declare initialPage: number;\n\n    @property({ type: Number, attribute: 'sibling-count' })\n    declare siblingCount: number;\n\n    @state()\n    declare currentPage: number;\n\n    @state()\n    declare pages: Pages;\n\n    changePage = (nextPage: number) => {\n        if (\n            nextPage === this.currentPage || // Next page is the same\n            nextPage < 1 || // Next page is 0\n            nextPage > (this.pages[this.pages.length - 1] as number) // Next page is outside of available pages\n        ) {\n            return;\n        }\n\n        const event: ChangePageEvent = new CustomEvent('change-page', {\n            bubbles: true,\n            composed: true,\n            detail: { nextPage, previousPage: this.currentPage },\n            cancelable: true,\n        });\n        const defaultNotPrevented = this.dispatchEvent(event);\n\n        if (defaultNotPrevented) {\n            this.currentPage = nextPage;\n\n            this.pages = getPagination({\n                itemCount: this.itemCount,\n                pageSize: this.pageSize,\n                siblingCount: this.siblingCount,\n                currentPage: this.currentPage,\n            });\n        }\n    };\n\n    next = () => {\n        this.changePage(this.currentPage + 1);\n    };\n\n    previous = () => {\n        this.changePage(this.currentPage - 1);\n    };\n\n    onPageSelect = (event: SelectPageEvent) => this.changePage(event.detail.nextPage);\n\n    render() {\n        return html`\n            <alliance-paginator-button\n                @click=${this.previous}\n                ?disabled=${this.currentPage === 1}\n                icon=\"left\"\n            ></alliance-paginator-button>\n\n            ${repeat(this.pages, (pageNumber) =>\n                pageNumber === '...'\n                    ? html`<telia-label>...</telia-label>`\n                    : html`<alliance-paginator-button\n                          page=${pageNumber}\n                          @click=${() => this.changePage(pageNumber)}\n                          ?selected=${this.currentPage === pageNumber}\n                      ></alliance-paginator-button>`,\n            )}\n\n            <alliance-page-selector\n                current-page=${this.currentPage}\n                last-page=${getLastPage(this.pages)}\n                @select-page=${this.onPageSelect}\n            >\n            </alliance-page-selector>\n\n            <alliance-paginator-button\n                @click=${this.next}\n                ?disabled=${this.currentPage === getLastPage(this.pages)}\n                icon=\"right\"\n            ></alliance-paginator-button>\n        `;\n    }\n}\n\ndefine('alliance-paginator', Paginator);\n","// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-label';\n","import { chevronLeft, chevronRight } from '@teliads/components/icons';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\nimport '@/voca/components/telia-button';\nimport '@/voca/components/telia-icon';\n\nenum Icon {\n    Left = 'left',\n    Right = 'right',\n}\n\nexport class PaginatorButton extends LitElement {\n    constructor() {\n        super();\n        this.selected = false;\n        this.disabled = false;\n        this.clickable = true;\n    }\n    @property({ type: Icon })\n    declare icon?: Icon;\n\n    @property({ type: String })\n    declare page?: string;\n\n    @property({ type: Boolean })\n    declare selected: boolean;\n\n    @property({ type: Boolean })\n    declare disabled: boolean;\n\n    @property({ type: Boolean })\n    declare clickable: boolean;\n\n    private renderContent() {\n        if (this.icon === Icon.Left) {\n            return html`<telia-icon size=\"sm\" svg=\"${chevronLeft.svg}\" />`;\n        }\n\n        if (this.icon === Icon.Right) {\n            return html`<telia-icon size=\"sm\" svg=\"${chevronRight.svg}\" />`;\n        }\n\n        return html`<span>${this.page}</span>`;\n    }\n\n    render() {\n        /*\n            Ignore prettier on next line because Voca \n            uses textContent on the telia-button element\n            to detect whether or not it only contains an\n            icon - which does not take account for white space...\n            https://github.com/telia-company/design-system/issues/813\n        */\n        // prettier-ignore\n        return html`<telia-button ?disabled=${this.disabled} variant=${this.selected ? 'primary' : 'tertiary-purple'}>${this.renderContent()}</telia-button> `;\n    }\n}\n\ndefine('alliance-paginator-button', PaginatorButton);\n"]}

package/components/chunk-NB6ODBZJ.js

@@ -1,13 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/utils.ts
-var define = /* @__PURE__ */ __name((tag, ...args) => {
-  if (!customElements.get(tag)) {
-    return customElements.define(tag, ...args);
-  }
-}, "define");
-
-export { __name, define };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-NB6ODBZJ.js.map

package/components/chunk-NB6ODBZJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils.ts"],"names":["define","tag","args","customElements","get"],"mappings":";;;;AAAO,IAAMA,SAAuC,wBAACC,QAAQC,SAAAA;AACzD,MAAI,CAACC,eAAeC,IAAIH,GAAAA,GAAM;AAC1B,WAAOE,eAAeH,OAAOC,KAAAA,GAAQC,IAAAA;EACzC;AACJ,GAJoD","sourcesContent":["export const define: typeof customElements.define = (tag, ...args) => {\n    if (!customElements.get(tag)) {\n        return customElements.define(tag, ...args);\n    }\n};\n"]}

package/components/chunk-WYQTL7R3.js

@@ -1,167 +0,0 @@
-import { __name, define } from './chunk-NB6ODBZJ.js';
-import { createCapabilityPath, onEnter } from '@telia-ace/alliance-internal-client-utilities';
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
-
-function _ts_decorate(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-__name(_ts_decorate, "_ts_decorate");
-function _ts_metadata(k, v) {
-  if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-    return Reflect.metadata(k, v);
-}
-__name(_ts_metadata, "_ts_metadata");
-function isOnCurrentPath(path = "") {
-  const cleanedPath = location.href.replace(location.origin, "");
-  return cleanedPath.startsWith(path);
-}
-__name(isOnCurrentPath, "isOnCurrentPath");
-var Link = class extends LitElement {
-  static {
-    __name(this, "Link");
-  }
-  constructor() {
-    super();
-    this.args = {};
-    this.download = false;
-    this.target = "_self";
-    this.href = this._href = "";
-    this.capability = "launch";
-    this.active = false;
-  }
-  navigate = () => {
-    if (this.active) {
-      return;
-    }
-    history.pushState({}, "", this._href);
-    window.dispatchEvent(new Event("popstate"));
-  };
-  clickHandler = (event) => {
-    if (this.href || this.download) {
-      return;
-    }
-    event.preventDefault();
-    this.navigate();
-  };
-  updateActive = () => {
-    this.active = isOnCurrentPath(this._href);
-  };
-  connectedCallback() {
-    super.connectedCallback();
-    window.addEventListener("popstate", this.updateActive);
-    this.computeHref();
-  }
-  disconnectedCallback() {
-    window.removeEventListener("popstate", this.updateActive);
-    super.disconnectedCallback();
-  }
-  attributeChangedCallback(_1, _2, _3) {
-    super.attributeChangedCallback(_1, _2, _3);
-    setTimeout(() => this.computeHref());
-  }
-  computeHref = () => {
-    if (this.href) {
-      return this._href = this.href;
-    }
-    if (!this.app) {
-      throw new Error("The app property is required when creating a capability link!");
-    }
-    this._href = createCapabilityPath(this.app, this.capability, this.args);
-    this.updateActive();
-  };
-  render() {
-    return html`<a
-            part="anchor"
-            rel=${this.rel}
-            .target=${this.target}
-            .href=${this._href}
-            ?download=${this.download}
-            ?active=${this.active}
-            @click=${this.clickHandler}
-            @keydown=${onEnter(this.clickHandler)}
-        >
-            <slot></slot>
-        </a>`;
-  }
-};
-_ts_decorate([
-  property({
-    type: String,
-    attribute: true,
-    reflect: true
-  }),
-  _ts_metadata("design:type", String)
-], Link.prototype, "capability", void 0);
-_ts_decorate([
-  property({
-    type: String,
-    attribute: true,
-    reflect: true
-  }),
-  _ts_metadata("design:type", String)
-], Link.prototype, "app", void 0);
-_ts_decorate([
-  property({
-    type: Object,
-    attribute: true,
-    reflect: true
-  }),
-  _ts_metadata("design:type", typeof SerializeableObject === "undefined" ? Object : SerializeableObject)
-], Link.prototype, "args", void 0);
-_ts_decorate([
-  property({
-    type: String,
-    attribute: true,
-    reflect: true
-  }),
-  _ts_metadata("design:type", String)
-], Link.prototype, "href", void 0);
-_ts_decorate([
-  property({
-    type: String
-  }),
-  _ts_metadata("design:type", String)
-], Link.prototype, "target", void 0);
-_ts_decorate([
-  property({
-    type: String,
-    attribute: true,
-    reflect: true
-  }),
-  _ts_metadata("design:type", String)
-], Link.prototype, "rel", void 0);
-_ts_decorate([
-  property({
-    type: Boolean,
-    attribute: true,
-    reflect: true
-  }),
-  _ts_metadata("design:type", Boolean)
-], Link.prototype, "download", void 0);
-_ts_decorate([
-  property({
-    type: String,
-    attribute: false,
-    reflect: false
-  }),
-  _ts_metadata("design:type", String)
-], Link.prototype, "_href", void 0);
-_ts_decorate([
-  property({
-    type: Boolean,
-    attribute: true,
-    reflect: true
-  }),
-  _ts_metadata("design:type", Boolean)
-], Link.prototype, "active", void 0);
-define("alliance-link", Link);
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-WYQTL7R3.js.map