@telia-ace/alliance-ui 1.0.14 → 1.0.15-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -2
- package/components/alliance-link.d.ts +2 -0
- package/components/alliance-link.js +4 -150
- package/components/alliance-link.js.map +1 -1
- package/components/alliance-modal.d.ts +12 -0
- package/components/alliance-modal.js +7 -237
- package/components/alliance-modal.js.map +1 -1
- package/components/alliance-paginator.d.ts +13 -0
- package/components/alliance-paginator.js +6 -308
- package/components/alliance-paginator.js.map +1 -1
- package/components/alliance-table.d.ts +2 -0
- package/components/alliance-table.js +6 -144
- package/components/alliance-table.js.map +1 -1
- package/components/alliance-view.d.ts +32 -0
- package/components/alliance-view.js +291 -0
- package/components/alliance-view.js.map +1 -0
- package/components/chunk-ADFC4JKF.js +315 -0
- package/components/chunk-ADFC4JKF.js.map +1 -0
- package/components/chunk-B6YHD7BN.js +4 -0
- package/components/chunk-B6YHD7BN.js.map +1 -0
- package/components/chunk-JQ76TOQT.js +4 -0
- package/components/chunk-JQ76TOQT.js.map +1 -0
- package/components/chunk-LYU2K33W.js +464 -0
- package/components/chunk-LYU2K33W.js.map +1 -0
- package/components/chunk-NB6ODBZJ.js +13 -0
- package/components/chunk-NB6ODBZJ.js.map +1 -0
- package/components/chunk-P2AWWJPH.js +3 -0
- package/components/chunk-P2AWWJPH.js.map +1 -0
- package/components/chunk-WYQTL7R3.js +167 -0
- package/components/chunk-WYQTL7R3.js.map +1 -0
- package/components/chunk-XPHFAKEI.js +164 -0
- package/components/chunk-XPHFAKEI.js.map +1 -0
- package/components/index.d.ts +2 -6
- package/components/index.js +10 -18
- package/components/index.js.map +1 -1
- package/package.json +9 -13
- package/voca/components/telia-accordion-item.d.ts +1 -1
- package/voca/components/telia-accordion-item.js +3 -70
- package/voca/components/telia-accordion-item.js.map +1 -1
- package/voca/components/telia-accordion.d.ts +2 -1
- package/voca/components/telia-accordion.js +3 -104
- package/voca/components/telia-accordion.js.map +1 -1
- package/voca/components/telia-badge.d.ts +2 -1
- package/voca/components/telia-badge.js +3 -83
- package/voca/components/telia-badge.js.map +1 -1
- package/voca/components/telia-button.d.ts +2 -1
- package/voca/components/telia-button.js +3 -6
- package/voca/components/telia-button.js.map +1 -1
- package/voca/components/telia-card-frame-link.d.ts +2 -1
- package/voca/components/telia-card-frame-link.js +3 -46
- package/voca/components/telia-card-frame-link.js.map +1 -1
- package/voca/components/telia-card-frame.d.ts +2 -1
- package/voca/components/telia-card-frame.js +3 -4
- package/voca/components/telia-card-frame.js.map +1 -1
- package/voca/components/telia-checkbox.d.ts +2 -1
- package/voca/components/telia-checkbox.js +3 -102
- package/voca/components/telia-checkbox.js.map +1 -1
- package/voca/components/telia-chip-choice.d.ts +2 -1
- package/voca/components/telia-chip-choice.js +3 -70
- package/voca/components/telia-chip-choice.js.map +1 -1
- package/voca/components/telia-chip-filter.d.ts +2 -1
- package/voca/components/telia-chip-filter.js +3 -50
- package/voca/components/telia-chip-filter.js.map +1 -1
- package/voca/components/telia-col.d.ts +2 -1
- package/voca/components/telia-col.js +3 -47
- package/voca/components/telia-col.js.map +1 -1
- package/voca/components/telia-color-dot.d.ts +2 -1
- package/voca/components/telia-color-dot.js +3 -39
- package/voca/components/telia-color-dot.js.map +1 -1
- package/voca/components/telia-counter-badge.d.ts +2 -1
- package/voca/components/telia-counter-badge.js +3 -45
- package/voca/components/telia-counter-badge.js.map +1 -1
- package/voca/components/telia-cta-link.d.ts +2 -1
- package/voca/components/telia-cta-link.js +3 -58
- package/voca/components/telia-cta-link.js.map +1 -1
- package/voca/components/telia-date-picker.d.ts +2 -1
- package/voca/components/telia-date-picker.js +3 -591
- package/voca/components/telia-date-picker.js.map +1 -1
- package/voca/components/telia-divider.d.ts +2 -1
- package/voca/components/telia-divider.js +3 -46
- package/voca/components/telia-divider.js.map +1 -1
- package/voca/components/telia-field-assistive-text.d.ts +2 -1
- package/voca/components/telia-field-assistive-text.js +3 -4
- package/voca/components/telia-field-assistive-text.js.map +1 -1
- package/voca/components/telia-field-error.d.ts +2 -1
- package/voca/components/telia-field-error.js +3 -7
- package/voca/components/telia-field-error.js.map +1 -1
- package/voca/components/telia-field-valid.d.ts +2 -1
- package/voca/components/telia-field-valid.js +3 -7
- package/voca/components/telia-field-valid.js.map +1 -1
- package/voca/components/telia-fieldset.d.ts +2 -1
- package/voca/components/telia-fieldset.js +3 -56
- package/voca/components/telia-fieldset.js.map +1 -1
- package/voca/components/telia-focus-trap.d.ts +2 -1
- package/voca/components/telia-focus-trap.js +3 -78
- package/voca/components/telia-focus-trap.js.map +1 -1
- package/voca/components/telia-form.d.ts +2 -1
- package/voca/components/telia-form.js +3 -59
- package/voca/components/telia-form.js.map +1 -1
- package/voca/components/telia-grid.d.ts +2 -1
- package/voca/components/telia-grid.js +3 -29
- package/voca/components/telia-grid.js.map +1 -1
- package/voca/components/telia-heading.d.ts +2 -1
- package/voca/components/telia-heading.js +3 -4
- package/voca/components/telia-heading.js.map +1 -1
- package/voca/components/telia-icon.d.ts +2 -1
- package/voca/components/telia-icon.js +3 -5
- package/voca/components/telia-icon.js.map +1 -1
- package/voca/components/telia-image.d.ts +2 -1
- package/voca/components/telia-image.js +3 -42
- package/voca/components/telia-image.js.map +1 -1
- package/voca/components/telia-label.d.ts +2 -1
- package/voca/components/telia-label.js +3 -4
- package/voca/components/telia-label.js.map +1 -1
- package/voca/components/telia-link-image.d.ts +2 -1
- package/voca/components/telia-link-image.js +3 -55
- package/voca/components/telia-link-image.js.map +1 -1
- package/voca/components/telia-link.d.ts +2 -1
- package/voca/components/telia-link.js +3 -5
- package/voca/components/telia-link.js.map +1 -1
- package/voca/components/telia-list.d.ts +2 -1
- package/voca/components/telia-list.js +3 -69
- package/voca/components/telia-list.js.map +1 -1
- package/voca/components/telia-logo.d.ts +2 -1
- package/voca/components/telia-logo.js +3 -54
- package/voca/components/telia-logo.js.map +1 -1
- package/voca/components/telia-notification.d.ts +2 -1
- package/voca/components/telia-notification.js +3 -87
- package/voca/components/telia-notification.js.map +1 -1
- package/voca/components/telia-overlay.d.ts +2 -1
- package/voca/components/telia-overlay.js +3 -31
- package/voca/components/telia-overlay.js.map +1 -1
- package/voca/components/telia-p.d.ts +2 -1
- package/voca/components/telia-p.js +3 -51
- package/voca/components/telia-p.js.map +1 -1
- package/voca/components/telia-pictogram.d.ts +2 -1
- package/voca/components/telia-pictogram.js +3 -112
- package/voca/components/telia-pictogram.js.map +1 -1
- package/voca/components/telia-radio-button.d.ts +2 -1
- package/voca/components/telia-radio-button.js +3 -54
- package/voca/components/telia-radio-button.js.map +1 -1
- package/voca/components/telia-row.d.ts +2 -1
- package/voca/components/telia-row.js +3 -37
- package/voca/components/telia-row.js.map +1 -1
- package/voca/components/telia-search-input.d.ts +2 -1
- package/voca/components/telia-search-input.js +3 -134
- package/voca/components/telia-search-input.js.map +1 -1
- package/voca/components/telia-select.d.ts +2 -1
- package/voca/components/telia-select.js +3 -114
- package/voca/components/telia-select.js.map +1 -1
- package/voca/components/telia-skeleton.d.ts +2 -1
- package/voca/components/telia-skeleton.js +3 -32
- package/voca/components/telia-skeleton.js.map +1 -1
- package/voca/components/telia-status-badge.d.ts +2 -1
- package/voca/components/telia-status-badge.js +3 -58
- package/voca/components/telia-status-badge.js.map +1 -1
- package/voca/components/telia-style-link.d.ts +2 -1
- package/voca/components/telia-style-link.js +3 -4
- package/voca/components/telia-style-link.js.map +1 -1
- package/voca/components/telia-tab-content.d.ts +2 -1
- package/voca/components/telia-tab-content.js +3 -44
- package/voca/components/telia-tab-content.js.map +1 -1
- package/voca/components/telia-tab-header.d.ts +2 -1
- package/voca/components/telia-tab-header.js +3 -6
- package/voca/components/telia-tab-header.js.map +1 -1
- package/voca/components/telia-tab.d.ts +2 -1
- package/voca/components/telia-tab.js +3 -160
- package/voca/components/telia-tab.js.map +1 -1
- package/voca/components/telia-text-input.d.ts +2 -1
- package/voca/components/telia-text-input.js +3 -14
- package/voca/components/telia-text-input.js.map +1 -1
- package/voca/components/telia-text-spacing.d.ts +2 -1
- package/voca/components/telia-text-spacing.js +3 -29
- package/voca/components/telia-text-spacing.js.map +1 -1
- package/voca/components/telia-textarea.d.ts +2 -1
- package/voca/components/telia-textarea.js +3 -111
- package/voca/components/telia-textarea.js.map +1 -1
- package/voca/components/telia-toggle.d.ts +2 -1
- package/voca/components/telia-toggle.js +3 -143
- package/voca/components/telia-toggle.js.map +1 -1
- package/voca/components/telia-visually-hidden.d.ts +2 -1
- package/voca/components/telia-visually-hidden.js +3 -4
- package/voca/components/telia-visually-hidden.js.map +1 -1
- package/voca/foundations/component-library-styling.d.ts +2 -1
- package/voca/foundations/component-library-styling.js +3 -3
- package/voca/foundations/component-library-styling.js.map +1 -1
- package/voca/foundations/index.d.ts +6 -4
- package/voca/foundations/index.js +161 -162
- package/voca/foundations/index.js.map +1 -1
- package/voca/icons/index.js +3 -338
- package/voca/icons/index.js.map +1 -1
- package/chunks/check-circle-filled-42095247.js +0 -5
- package/chunks/check-circle-filled-42095247.js.map +0 -1
- package/chunks/chevron-down-50d47dd6.js +0 -5
- package/chunks/chevron-down-50d47dd6.js.map +0 -1
- package/chunks/chevron-right-788ce8a9.js +0 -6
- package/chunks/chevron-right-788ce8a9.js.map +0 -1
- package/chunks/close-7d423291.js +0 -5
- package/chunks/close-7d423291.js.map +0 -1
- package/chunks/close-ac6e4f1c.js +0 -5
- package/chunks/close-ac6e4f1c.js.map +0 -1
- package/chunks/error-9925a844.js +0 -7
- package/chunks/error-9925a844.js.map +0 -1
- package/chunks/error-filled-8de50bdd.js +0 -5
- package/chunks/error-filled-8de50bdd.js.map +0 -1
- package/chunks/getSvgContent-f2389ce0.js +0 -14
- package/chunks/getSvgContent-f2389ce0.js.map +0 -1
- package/chunks/index-514c4fef.js +0 -213
- package/chunks/index-514c4fef.js.map +0 -1
- package/chunks/index-eef143db.js +0 -531
- package/chunks/index-eef143db.js.map +0 -1
- package/chunks/query-assigned-elements-6cda07f5.js +0 -856
- package/chunks/query-assigned-elements-6cda07f5.js.map +0 -1
- package/chunks/repeat-aaedbe31.js +0 -143
- package/chunks/repeat-aaedbe31.js.map +0 -1
- package/chunks/stringCombiner-10b57054.js +0 -50
- package/chunks/stringCombiner-10b57054.js.map +0 -1
- package/chunks/telia-button-c9ba09a9.js +0 -86
- package/chunks/telia-button-c9ba09a9.js.map +0 -1
- package/chunks/telia-card-frame-340f3315.js +0 -39
- package/chunks/telia-card-frame-340f3315.js.map +0 -1
- package/chunks/telia-field-assistive-text-173ba2fb.js +0 -32
- package/chunks/telia-field-assistive-text-173ba2fb.js.map +0 -1
- package/chunks/telia-field-error-f978aeb3.js +0 -40
- package/chunks/telia-field-error-f978aeb3.js.map +0 -1
- package/chunks/telia-field-valid-5d8f121e.js +0 -39
- package/chunks/telia-field-valid-5d8f121e.js.map +0 -1
- package/chunks/telia-heading-38ae44ae.js +0 -104
- package/chunks/telia-heading-38ae44ae.js.map +0 -1
- package/chunks/telia-icon-d0e7c715.js +0 -73
- package/chunks/telia-icon-d0e7c715.js.map +0 -1
- package/chunks/telia-label-f4c1eb47.js +0 -36
- package/chunks/telia-label-f4c1eb47.js.map +0 -1
- package/chunks/telia-link-42cb2e68.js +0 -51
- package/chunks/telia-link-42cb2e68.js.map +0 -1
- package/chunks/telia-style-link-bb7bfd94.js +0 -56
- package/chunks/telia-style-link-bb7bfd94.js.map +0 -1
- package/chunks/telia-tab-header-890fc7c8.js +0 -98
- package/chunks/telia-tab-header-890fc7c8.js.map +0 -1
- package/chunks/telia-text-input-289394d8.js +0 -169
- package/chunks/telia-text-input-289394d8.js.map +0 -1
- package/chunks/telia-visually-hidden-9015e8cd.js +0 -34
- package/chunks/telia-visually-hidden-9015e8cd.js.map +0 -1
- package/chunks/telia-vst2-dfb33a56.js +0 -41
- package/chunks/telia-vst2-dfb33a56.js.map +0 -1
- package/chunks/uniqueId-0daf01ec.js +0 -5
- package/chunks/uniqueId-0daf01ec.js.map +0 -1
- package/chunks/variables-ecb680f0.js +0 -8
- package/chunks/variables-ecb680f0.js.map +0 -1
- package/components/alliance-link/alliance-link.d.ts +0 -27
- package/components/alliance-link/index.d.ts +0 -1
- package/components/alliance-modal/alliance-modal.d.ts +0 -43
- package/components/alliance-modal/index.d.ts +0 -2
- package/components/alliance-paginator/alliance-page-selector.d.ts +0 -22
- package/components/alliance-paginator/alliance-paginator-button.d.ts +0 -17
- package/components/alliance-paginator/alliance-paginator.d.ts +0 -32
- package/components/alliance-paginator/index.d.ts +0 -4
- package/components/alliance-paginator/utils.d.ts +0 -13
- package/components/alliance-table/alliance-table-body.d.ts +0 -5
- package/components/alliance-table/alliance-table-data.d.ts +0 -5
- package/components/alliance-table/alliance-table-head.d.ts +0 -7
- package/components/alliance-table/alliance-table-row.d.ts +0 -6
- package/components/alliance-table/alliance-table.d.ts +0 -5
- package/components/alliance-table/index.d.ts +0 -5
- package/style.css +0 -1
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { p as i, H as r, h as t } from "./index-eef143db.js";
|
|
2
|
-
import { e as l } from "./error-filled-8de50bdd.js";
|
|
3
|
-
import { d as a } from "./telia-icon-d0e7c715.js";
|
|
4
|
-
import { d as s } from "./telia-vst2-dfb33a56.js";
|
|
5
|
-
const o = ':host{display:block}.telia-field-error{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;color:#e4175c;display:flex;flex-direction:row}.telia-field-error__icon{flex:none;line-height:1.5;margin:calc(0.4rem * var(--voca-rem-multiplier)) calc(0.4rem * var(--voca-rem-multiplier)) 0 0;vertical-align:middle}', n = /* @__PURE__ */ i(class extends r {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(), this.__registerHost(), this.__attachShadow(), this.dataTestid = null, this.relevant = "additions text", this.dataTrackingId = "telia-field-error";
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return t("div", { class: "telia-field-error", "aria-live": "assertive", "aria-relevant": this.relevant }, t("telia-icon", { class: "telia-field-error__icon", size: "sm", svg: l.svg }), t("slot", null), t("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
11
|
-
}
|
|
12
|
-
static get style() {
|
|
13
|
-
return o;
|
|
14
|
-
}
|
|
15
|
-
}, [1, "telia-field-error", {
|
|
16
|
-
dataTestid: [1, "data-testid"],
|
|
17
|
-
relevant: [1]
|
|
18
|
-
}]);
|
|
19
|
-
function c() {
|
|
20
|
-
if (typeof customElements > "u")
|
|
21
|
-
return;
|
|
22
|
-
["telia-field-error", "telia-icon", "telia-vst"].forEach((e) => {
|
|
23
|
-
switch (e) {
|
|
24
|
-
case "telia-field-error":
|
|
25
|
-
customElements.get(e) || customElements.define(e, n);
|
|
26
|
-
break;
|
|
27
|
-
case "telia-icon":
|
|
28
|
-
customElements.get(e) || a();
|
|
29
|
-
break;
|
|
30
|
-
case "telia-vst":
|
|
31
|
-
customElements.get(e) || s();
|
|
32
|
-
break;
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
c();
|
|
37
|
-
export {
|
|
38
|
-
c as d
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=telia-field-error-f978aeb3.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-field-error-f978aeb3.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-field-error2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { e as errorFilled } from './error-filled.js';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaFieldErrorCss = \":host{display:block}.telia-field-error{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;color:#e4175c;display:flex;flex-direction:row}.telia-field-error__icon{flex:none;line-height:1.5;margin:calc(0.4rem * var(--voca-rem-multiplier)) calc(0.4rem * var(--voca-rem-multiplier)) 0 0;vertical-align:middle}\";\n\nconst TeliaFieldError = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Test id set for web component host */\n this.dataTestid = null;\n /** Required change type in fields for screen reader */\n this.relevant = 'additions text';\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-field-error';\n }\n render() {\n return (h(\"div\", { class: \"telia-field-error\", \"aria-live\": \"assertive\", \"aria-relevant\": this.relevant }, h(\"telia-icon\", { class: \"telia-field-error__icon\", size: \"sm\", svg: errorFilled.svg }), h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaFieldErrorCss; }\n}, [1, \"telia-field-error\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"relevant\": [1]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-field-error\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-field-error\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaFieldError);\n }\n break;\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaFieldError as T, defineCustomElement as d };\n"],"names":["teliaFieldErrorCss","TeliaFieldError","proxyCustomElement","HTMLElement","h","errorFilled","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;;AAKA,MAAMA,IAAqB,+ZAErBC,IAAgC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACjF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,aAAa,MAElB,KAAK,WAAW,kBAEhB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAE,OAAO,EAAE,OAAO,qBAAqB,aAAa,aAAa,iBAAiB,KAAK,SAAQ,GAAIA,EAAE,cAAc,EAAE,OAAO,2BAA2B,MAAM,MAAM,KAAKC,EAAY,IAAK,CAAA,GAAGD,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC7Q;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAqB;AACnD,GAAG,CAAC,GAAG,qBAAqB;AAAA,EACxB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,CAAC;AACf,CAAA,CAAC;AACJ,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,qBAAqB,cAAc,WAAW,EACvD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAe;AAEhD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAqB;","x_google_ignoreList":[0]}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { p as t, H as i, h as s } from "./index-eef143db.js";
|
|
2
|
-
import { c as l } from "./check-circle-filled-42095247.js";
|
|
3
|
-
import { d as o } from "./telia-icon-d0e7c715.js";
|
|
4
|
-
import { d as r } from "./telia-vst2-dfb33a56.js";
|
|
5
|
-
const c = ":host{color:#008641;display:inline-block;height:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}", a = /* @__PURE__ */ t(class extends i {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(), this.__registerHost(), this.__attachShadow();
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return s("telia-icon", { size: "md", svg: l.svg });
|
|
11
|
-
}
|
|
12
|
-
static get style() {
|
|
13
|
-
return c;
|
|
14
|
-
}
|
|
15
|
-
}, [1, "telia-field-valid", {
|
|
16
|
-
dataTestid: [1, "data-testid"]
|
|
17
|
-
}]);
|
|
18
|
-
function n() {
|
|
19
|
-
if (typeof customElements > "u")
|
|
20
|
-
return;
|
|
21
|
-
["telia-field-valid", "telia-icon", "telia-vst"].forEach((e) => {
|
|
22
|
-
switch (e) {
|
|
23
|
-
case "telia-field-valid":
|
|
24
|
-
customElements.get(e) || customElements.define(e, a);
|
|
25
|
-
break;
|
|
26
|
-
case "telia-icon":
|
|
27
|
-
customElements.get(e) || o();
|
|
28
|
-
break;
|
|
29
|
-
case "telia-vst":
|
|
30
|
-
customElements.get(e) || r();
|
|
31
|
-
break;
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
n();
|
|
36
|
-
export {
|
|
37
|
-
n as d
|
|
38
|
-
};
|
|
39
|
-
//# sourceMappingURL=telia-field-valid-5d8f121e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-field-valid-5d8f121e.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-field-valid2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { c as checkCircleFilled } from './check-circle-filled.js';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaFieldValidCss = \":host{color:#008641;display:inline-block;height:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaFieldValid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n }\n render() {\n return h(\"telia-icon\", { size: \"md\", svg: checkCircleFilled.svg });\n }\n static get style() { return teliaFieldValidCss; }\n}, [1, \"telia-field-valid\", {\n \"dataTestid\": [1, \"data-testid\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-field-valid\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-field-valid\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaFieldValid);\n }\n break;\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaFieldValid as T, defineCustomElement as d };\n"],"names":["teliaFieldValidCss","TeliaFieldValid","proxyCustomElement","HTMLElement","h","checkCircleFilled","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;;AAKA,MAAMA,IAAqB,8IAErBC,IAAgC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACjF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc;AAAA,EACpB;AAAA,EACD,SAAS;AACP,WAAOC,EAAE,cAAc,EAAE,MAAM,MAAM,KAAKC,EAAkB,IAAG,CAAE;AAAA,EAClE;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAqB;AACnD,GAAG,CAAC,GAAG,qBAAqB;AAAA,EACxB,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,qBAAqB,cAAc,WAAW,EACvD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAe;AAEhD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAqB;","x_google_ignoreList":[0]}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { p as r, H as n, h as a, a as c } from "./index-eef143db.js";
|
|
2
|
-
import { d as m } from "./telia-vst2-dfb33a56.js";
|
|
3
|
-
const l = {
|
|
4
|
-
H1: "h1",
|
|
5
|
-
H2: "h2",
|
|
6
|
-
H3: "h3",
|
|
7
|
-
H4: "h4",
|
|
8
|
-
H5: "h5",
|
|
9
|
-
H6: "h6"
|
|
10
|
-
};
|
|
11
|
-
Object.values(l);
|
|
12
|
-
const s = {
|
|
13
|
-
TITLE100: "title-100",
|
|
14
|
-
TITLE200: "title-200",
|
|
15
|
-
TITLE300: "title-300",
|
|
16
|
-
TITLE400: "title-400",
|
|
17
|
-
TITLE500: "title-500",
|
|
18
|
-
TITLE600: "title-600",
|
|
19
|
-
TITLE700: "title-700",
|
|
20
|
-
SUBSECTION100: "subsection-100"
|
|
21
|
-
}, o = `:host{display:block}h1,h2,h3,h4,h5,h6{hyphens:auto;margin:0;max-width:60ch}.subsection-100{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25}.title-100{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-100{font-size:calc(
|
|
22
|
-
calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 *
|
|
23
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
24
|
-
)}}@media screen and (min-width: 90em){.title-100{font-size:calc(2rem * var(--voca-rem-multiplier))}}.title-200{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-200{font-size:calc(
|
|
25
|
-
calc(2rem * var(--voca-rem-multiplier)) + 0.4 *
|
|
26
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
27
|
-
)}}@media screen and (min-width: 90em){.title-200{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.title-300{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(2.4rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-300{font-size:calc(
|
|
28
|
-
calc(2.4rem * var(--voca-rem-multiplier)) + 0.8 *
|
|
29
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
30
|
-
)}}@media screen and (min-width: 90em){.title-300{font-size:calc(3.2rem * var(--voca-rem-multiplier))}}.title-400{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(2.8rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-400{font-size:calc(
|
|
31
|
-
calc(2.8rem * var(--voca-rem-multiplier)) + 1.2 *
|
|
32
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
33
|
-
)}}@media screen and (min-width: 90em){.title-400{font-size:calc(4rem * var(--voca-rem-multiplier))}}.title-500{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(3.2rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-500{font-size:calc(
|
|
34
|
-
calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 *
|
|
35
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
36
|
-
)}}@media screen and (min-width: 90em){.title-500{font-size:calc(4.8rem * var(--voca-rem-multiplier))}}.title-600{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(3.6rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-600{font-size:calc(
|
|
37
|
-
calc(3.6rem * var(--voca-rem-multiplier)) + 2 *
|
|
38
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
39
|
-
)}}@media screen and (min-width: 90em){.title-600{font-size:calc(5.6rem * var(--voca-rem-multiplier))}}.title-700{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-700{font-size:calc(
|
|
40
|
-
calc(4rem * var(--voca-rem-multiplier)) + 2.4 *
|
|
41
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
42
|
-
)}}@media screen and (min-width: 90em){.title-700{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-25{font-family:"TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(3.2rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-25{font-size:calc(
|
|
43
|
-
calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 *
|
|
44
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
45
|
-
)}}@media screen and (min-width: 90em){.display-25{font-size:calc(4.8rem * var(--voca-rem-multiplier))}}.display-50{font-family:"TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(3.6rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-50{font-size:calc(
|
|
46
|
-
calc(3.6rem * var(--voca-rem-multiplier)) + 2 *
|
|
47
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
48
|
-
)}}@media screen and (min-width: 90em){.display-50{font-size:calc(5.6rem * var(--voca-rem-multiplier))}}.display-100{font-family:"TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-100{font-size:calc(
|
|
49
|
-
calc(4rem * var(--voca-rem-multiplier)) + 2.4 *
|
|
50
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
51
|
-
)}}@media screen and (min-width: 90em){.display-100{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-200{font-family:"TeliaSansHeading", "TeliaSans", "HelveticaNeue", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4.8rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-200{font-size:calc(
|
|
52
|
-
calc(4.8rem * var(--voca-rem-multiplier)) + 3.2 *
|
|
53
|
-
(100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
|
|
54
|
-
)}}@media screen and (min-width: 90em){.display-200{font-size:calc(8rem * var(--voca-rem-multiplier))}}`, t = /* @__PURE__ */ r(class extends n {
|
|
55
|
-
constructor() {
|
|
56
|
-
super(), this.__registerHost(), this.__attachShadow(), this.variant = s.TITLE100, this.dataTrackingId = "telia-heading";
|
|
57
|
-
}
|
|
58
|
-
validateTag(e) {
|
|
59
|
-
this.validateHTag(e);
|
|
60
|
-
}
|
|
61
|
-
connectedCallback() {
|
|
62
|
-
this.validateHTag(this.tag);
|
|
63
|
-
}
|
|
64
|
-
render() {
|
|
65
|
-
const e = this.tag.toString();
|
|
66
|
-
return a(c, { class: `telia-heading--${this.variant}` }, a(e, { class: this.variant }, a("slot", null)), a("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
67
|
-
}
|
|
68
|
-
validateHTag(e) {
|
|
69
|
-
if (t.tags.indexOf(e) < 0)
|
|
70
|
-
throw new Error(`Illegal value for 'tag': ${e}. Please use ${t.tags.join(", ")}`);
|
|
71
|
-
}
|
|
72
|
-
static get watchers() {
|
|
73
|
-
return {
|
|
74
|
-
tag: ["validateTag"]
|
|
75
|
-
};
|
|
76
|
-
}
|
|
77
|
-
static get style() {
|
|
78
|
-
return o;
|
|
79
|
-
}
|
|
80
|
-
}, [1, "telia-heading", {
|
|
81
|
-
tag: [1],
|
|
82
|
-
variant: [1]
|
|
83
|
-
}]);
|
|
84
|
-
t.tags = Object.values(l);
|
|
85
|
-
function d() {
|
|
86
|
-
if (typeof customElements > "u")
|
|
87
|
-
return;
|
|
88
|
-
["telia-heading", "telia-vst"].forEach((i) => {
|
|
89
|
-
switch (i) {
|
|
90
|
-
case "telia-heading":
|
|
91
|
-
customElements.get(i) || customElements.define(i, t);
|
|
92
|
-
break;
|
|
93
|
-
case "telia-vst":
|
|
94
|
-
customElements.get(i) || m();
|
|
95
|
-
break;
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
d();
|
|
100
|
-
export {
|
|
101
|
-
l as H,
|
|
102
|
-
d
|
|
103
|
-
};
|
|
104
|
-
//# sourceMappingURL=telia-heading-38ae44ae.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-heading-38ae44ae.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-heading2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\n// Create a const where all members have a readonly value\n// and literal type by using const assertion.\nconst HTag = {\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n};\nObject.values(HTag);\n\n// Create a const where all members have a readonly value\n// and literal type by using const assertion.\nconst TitleVariant = {\n TITLE100: 'title-100',\n TITLE200: 'title-200',\n TITLE300: 'title-300',\n TITLE400: 'title-400',\n TITLE500: 'title-500',\n TITLE600: 'title-600',\n TITLE700: 'title-700',\n SUBSECTION100: 'subsection-100',\n};\n\nconst teliaHeadingCss = \":host{display:block}h1,h2,h3,h4,h5,h6{hyphens:auto;margin:0;max-width:60ch}.subsection-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25}.title-100{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-100{font-size:calc(\\n calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.title-100{font-size:calc(2rem * var(--voca-rem-multiplier))}}.title-200{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-200{font-size:calc(\\n calc(2rem * var(--voca-rem-multiplier)) + 0.4 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.title-200{font-size:calc(2.4rem * var(--voca-rem-multiplier))}}.title-300{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2.4rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-300{font-size:calc(\\n calc(2.4rem * var(--voca-rem-multiplier)) + 0.8 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.title-300{font-size:calc(3.2rem * var(--voca-rem-multiplier))}}.title-400{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(2.8rem * var(--voca-rem-multiplier));line-height:1.25}@media screen and (min-width: 37.5em){.title-400{font-size:calc(\\n calc(2.8rem * var(--voca-rem-multiplier)) + 1.2 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.title-400{font-size:calc(4rem * var(--voca-rem-multiplier))}}.title-500{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(3.2rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-500{font-size:calc(\\n calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.title-500{font-size:calc(4.8rem * var(--voca-rem-multiplier))}}.title-600{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(3.6rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-600{font-size:calc(\\n calc(3.6rem * var(--voca-rem-multiplier)) + 2 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.title-600{font-size:calc(5.6rem * var(--voca-rem-multiplier))}}.title-700{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:bold;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.title-700{font-size:calc(\\n calc(4rem * var(--voca-rem-multiplier)) + 2.4 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.title-700{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-25{font-family:\\\"TeliaSansHeading\\\", \\\"TeliaSans\\\", \\\"HelveticaNeue\\\", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(3.2rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-25{font-size:calc(\\n calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.display-25{font-size:calc(4.8rem * var(--voca-rem-multiplier))}}.display-50{font-family:\\\"TeliaSansHeading\\\", \\\"TeliaSans\\\", \\\"HelveticaNeue\\\", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(3.6rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-50{font-size:calc(\\n calc(3.6rem * var(--voca-rem-multiplier)) + 2 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.display-50{font-size:calc(5.6rem * var(--voca-rem-multiplier))}}.display-100{font-family:\\\"TeliaSansHeading\\\", \\\"TeliaSans\\\", \\\"HelveticaNeue\\\", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-100{font-size:calc(\\n calc(4rem * var(--voca-rem-multiplier)) + 2.4 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.display-100{font-size:calc(6.4rem * var(--voca-rem-multiplier))}}.display-200{font-family:\\\"TeliaSansHeading\\\", \\\"TeliaSans\\\", \\\"HelveticaNeue\\\", Helvetica, Arial, sans-serif;font-weight:normal;font-size:calc(4.8rem * var(--voca-rem-multiplier));line-height:1}@media screen and (min-width: 37.5em){.display-200{font-size:calc(\\n calc(4.8rem * var(--voca-rem-multiplier)) + 3.2 *\\n (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84\\n )}}@media screen and (min-width: 90em){.display-200{font-size:calc(8rem * var(--voca-rem-multiplier))}}\";\n\nconst TeliaHeading = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * Determines the appearance of the text.\n *\n */\n this.variant = TitleVariant.TITLE100;\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-heading';\n }\n validateTag(newValue) {\n this.validateHTag(newValue);\n }\n connectedCallback() {\n this.validateHTag(this.tag);\n }\n render() {\n const Tag = this.tag.toString();\n return (h(Host, { class: `telia-heading--${this.variant}` }, h(Tag, { class: this.variant }, h(\"slot\", null)), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n validateHTag(input) {\n /* By checking the provided value against our predefined\n * set of values, we are able to assert that the value is\n * valid at runtime. This is useful if consumer of design\n * system is not using typescript.\n */\n if (TeliaHeading.tags.indexOf(input) < 0) {\n throw new Error(`Illegal value for 'tag': ${input}. Please use ${TeliaHeading.tags.join(', ')}`);\n }\n }\n static get watchers() { return {\n \"tag\": [\"validateTag\"]\n }; }\n static get style() { return teliaHeadingCss; }\n}, [1, \"telia-heading\", {\n \"tag\": [1],\n \"variant\": [1]\n }]);\nTeliaHeading.tags = Object.values(HTag);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-heading\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-heading\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaHeading);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { HTag as H, TeliaHeading as T, defineCustomElement as d };\n"],"names":["HTag","TitleVariant","teliaHeadingCss","TeliaHeading","proxyCustomElement","HTMLElement","newValue","Tag","h","Host","input","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAKK,MAACA,IAAO;AAAA,EACX,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AACA,OAAO,OAAOA,CAAI;AAIlB,MAAMC,IAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AACjB,GAEMC,IAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4GAElBC,IAA6B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC9E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAKnB,KAAK,UAAUJ,EAAa,UAE5B,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,YAAYK,GAAU;AACpB,SAAK,aAAaA,CAAQ;AAAA,EAC3B;AAAA,EACD,oBAAoB;AAClB,SAAK,aAAa,KAAK,GAAG;AAAA,EAC3B;AAAA,EACD,SAAS;AACP,UAAMC,IAAM,KAAK,IAAI,SAAQ;AAC7B,WAAQC,EAAEC,GAAM,EAAE,OAAO,kBAAkB,KAAK,OAAO,GAAI,GAAED,EAAED,GAAK,EAAE,OAAO,KAAK,QAAS,GAAEC,EAAE,QAAQ,IAAI,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EACvK;AAAA,EACD,aAAaE,GAAO;AAMlB,QAAIP,EAAa,KAAK,QAAQO,CAAK,IAAI;AACrC,YAAM,IAAI,MAAM,4BAA4BA,CAAK,gBAAgBP,EAAa,KAAK,KAAK,IAAI,CAAC,EAAE;AAAA,EAElG;AAAA,EACD,WAAW,WAAW;AAAE,WAAO;AAAA,MAC7B,KAAO,CAAC,aAAa;AAAA,IACzB;AAAA,EAAM;AAAA,EACJ,WAAW,QAAQ;AAAE,WAAOD;AAAA,EAAkB;AAChD,GAAG,CAAC,GAAG,iBAAiB;AAAA,EACpB,KAAO,CAAC,CAAC;AAAA,EACT,SAAW,CAAC,CAAC;AACd,CAAA,CAAC;AACJC,EAAa,OAAO,OAAO,OAAOH,CAAI;AACtC,SAASW,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,iBAAiB,WAAW,EACrC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAAST,CAAY;AAE7C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { p as s, H as l, h as i, a as r } from "./index-eef143db.js";
|
|
2
|
-
import { c as o, g as c } from "./getSvgContent-f2389ce0.js";
|
|
3
|
-
import { d as m } from "./telia-vst2-dfb33a56.js";
|
|
4
|
-
function n() {
|
|
5
|
-
return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
|
|
6
|
-
}
|
|
7
|
-
function d() {
|
|
8
|
-
if (typeof n().vocadsIcons !== void 0)
|
|
9
|
-
return n().vocadsIcons;
|
|
10
|
-
}
|
|
11
|
-
function u() {
|
|
12
|
-
return n().vocadsIconsRegistered;
|
|
13
|
-
}
|
|
14
|
-
const v = ".telia-icon{display:inline-block}.telia-icon__container{display:block;height:inherit}.telia-icon svg{display:block}.telia-icon--sm{height:calc(1.6rem * var(--voca-rem-multiplier));min-width:calc(1.6rem * var(--voca-rem-multiplier));width:calc(1.6rem * var(--voca-rem-multiplier))}.telia-icon--md{height:calc(2.4rem * var(--voca-rem-multiplier));min-width:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-icon--lg{height:calc(3.2rem * var(--voca-rem-multiplier));min-width:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}", g = /* @__PURE__ */ s(class extends l {
|
|
15
|
-
constructor() {
|
|
16
|
-
super(), this.__registerHost(), this.size = "md", this.allyTitle = null, this.dataTrackingId = "telia-icon";
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Returns svg string from svg property or svg string from icons bundle if icons bundle is registered
|
|
20
|
-
* @private
|
|
21
|
-
* @returns string
|
|
22
|
-
*/
|
|
23
|
-
getSvgString() {
|
|
24
|
-
if (this.svg)
|
|
25
|
-
return this.svg;
|
|
26
|
-
if (u() && this.name) {
|
|
27
|
-
const t = d();
|
|
28
|
-
return t[this.name] ? t[this.name].svg : "";
|
|
29
|
-
}
|
|
30
|
-
return this.name && console.warn(this.name, "Icons bundle is not registered and will not be rendered. Check if you have registered icons bundle or use svg property"), "";
|
|
31
|
-
}
|
|
32
|
-
render() {
|
|
33
|
-
let t = this.getSvgString(), e = [{ name: "viewBox", value: "0 0 64 64" }];
|
|
34
|
-
this.allyTitle ? e = [...e, { name: "role", value: "img" }] : e = [
|
|
35
|
-
...e,
|
|
36
|
-
{ name: "aria-hidden", value: "true" }
|
|
37
|
-
];
|
|
38
|
-
const a = o({
|
|
39
|
-
content: c(t),
|
|
40
|
-
attributes: e,
|
|
41
|
-
title: this.allyTitle
|
|
42
|
-
});
|
|
43
|
-
return i(r, { class: `telia-icon telia-icon--${this.size}` }, i("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: a }), i("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
44
|
-
}
|
|
45
|
-
static get style() {
|
|
46
|
-
return v;
|
|
47
|
-
}
|
|
48
|
-
}, [0, "telia-icon", {
|
|
49
|
-
name: [1],
|
|
50
|
-
svg: [1],
|
|
51
|
-
size: [1],
|
|
52
|
-
allyTitle: [1, "ally-title"],
|
|
53
|
-
dataTestid: [1, "data-testid"]
|
|
54
|
-
}]);
|
|
55
|
-
function h() {
|
|
56
|
-
if (typeof customElements > "u")
|
|
57
|
-
return;
|
|
58
|
-
["telia-icon", "telia-vst"].forEach((e) => {
|
|
59
|
-
switch (e) {
|
|
60
|
-
case "telia-icon":
|
|
61
|
-
customElements.get(e) || customElements.define(e, g);
|
|
62
|
-
break;
|
|
63
|
-
case "telia-vst":
|
|
64
|
-
customElements.get(e) || m();
|
|
65
|
-
break;
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
h();
|
|
70
|
-
export {
|
|
71
|
-
h as d
|
|
72
|
-
};
|
|
73
|
-
//# sourceMappingURL=telia-icon-d0e7c715.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-icon-d0e7c715.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-icon2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { c as createSvg, g as getSvgContent } from './getSvgContent.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nfunction getGlobal() {\n return typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : typeof self !== 'undefined'\n ? self\n : { vocadsIcons: undefined, vocadsIconsRegistered: false };\n}\n\nfunction getIconsBundle() {\n if (typeof getGlobal().vocadsIcons !== undefined) {\n return getGlobal().vocadsIcons;\n }\n return;\n}\nfunction hasIconsBundleBeenRegistered() {\n return getGlobal().vocadsIconsRegistered;\n}\n\nconst teliaIconCss = \".telia-icon{display:inline-block}.telia-icon__container{display:block;height:inherit}.telia-icon svg{display:block}.telia-icon--sm{height:calc(1.6rem * var(--voca-rem-multiplier));min-width:calc(1.6rem * var(--voca-rem-multiplier));width:calc(1.6rem * var(--voca-rem-multiplier))}.telia-icon--md{height:calc(2.4rem * var(--voca-rem-multiplier));min-width:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-icon--lg{height:calc(3.2rem * var(--voca-rem-multiplier));min-width:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Icon size */\n this.size = 'md';\n /** Describe unclear icon context for better accessibility support. */\n this.allyTitle = null;\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-icon';\n }\n /**\n * Returns svg string from svg property or svg string from icons bundle if icons bundle is registered\n * @private\n * @returns string\n */\n getSvgString() {\n if (this.svg) {\n return this.svg;\n }\n if (hasIconsBundleBeenRegistered() && this.name) {\n const icons = getIconsBundle();\n return icons[this.name] ? icons[this.name].svg : '';\n }\n if (this.name) {\n console.warn(this.name, 'Icons bundle is not registered and will not be rendered. Check if you have registered icons bundle or use svg property');\n }\n return '';\n }\n render() {\n let svgIconString = this.getSvgString();\n let svgAttributes = [{ name: 'viewBox', value: '0 0 64 64' }];\n // If title is defined, title is linked to svg. Otherwise svg is hidden from screen readers.\n if (this.allyTitle) {\n svgAttributes = [...svgAttributes, { name: 'role', value: 'img' }];\n }\n else {\n svgAttributes = [\n ...svgAttributes,\n { name: 'aria-hidden', value: 'true' },\n ];\n }\n const svgString = createSvg({\n content: getSvgContent(svgIconString),\n attributes: svgAttributes,\n title: this.allyTitle,\n });\n return (h(Host, { class: `telia-icon telia-icon--${this.size}` }, h(\"span\", { \"aria-label\": this.allyTitle, class: \"telia-icon__container\", innerHTML: svgString }), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaIconCss; }\n}, [0, \"telia-icon\", {\n \"name\": [1],\n \"svg\": [1],\n \"size\": [1],\n \"allyTitle\": [1, \"ally-title\"],\n \"dataTestid\": [1, \"data-testid\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaIcon);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaIcon as T, defineCustomElement as d };\n"],"names":["getGlobal","getIconsBundle","hasIconsBundleBeenRegistered","teliaIconCss","TeliaIcon","proxyCustomElement","HTMLElement","icons","svgIconString","svgAttributes","svgString","createSvg","getSvgContent","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;;AAIA,SAASA,IAAY;AACjB,SAAO,OAAO,SAAW,MACnB,SACA,OAAO,SAAW,MACd,SACA,OAAO,OAAS,MACZ,OACA,EAAE,aAAa,QAAW,uBAAuB,GAAK;AACxE;AAEA,SAASC,IAAiB;AACtB,MAAI,OAAOD,EAAS,EAAG,gBAAgB;AACnC,WAAOA,EAAW,EAAC;AAG3B;AACA,SAASE,IAA+B;AACpC,SAAOF,EAAW,EAAC;AACvB;AAEA,MAAMG,IAAe,smBAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,OAAO,MAEZ,KAAK,YAAY,MAEjB,KAAK,iBAAiB;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,eAAe;AACb,QAAI,KAAK;AACP,aAAO,KAAK;AAEd,QAAIJ,EAA4B,KAAM,KAAK,MAAM;AAC/C,YAAMK,IAAQN;AACd,aAAOM,EAAM,KAAK,IAAI,IAAIA,EAAM,KAAK,IAAI,EAAE,MAAM;AAAA,IAClD;AACD,WAAI,KAAK,QACP,QAAQ,KAAK,KAAK,MAAM,wHAAwH,GAE3I;AAAA,EACR;AAAA,EACD,SAAS;AACP,QAAIC,IAAgB,KAAK,gBACrBC,IAAgB,CAAC,EAAE,MAAM,WAAW,OAAO,YAAW,CAAE;AAE5D,IAAI,KAAK,YACPA,IAAgB,CAAC,GAAGA,GAAe,EAAE,MAAM,QAAQ,OAAO,MAAK,CAAE,IAGjEA,IAAgB;AAAA,MACd,GAAGA;AAAA,MACH,EAAE,MAAM,eAAe,OAAO,OAAQ;AAAA,IAC9C;AAEI,UAAMC,IAAYC,EAAU;AAAA,MAC1B,SAASC,EAAcJ,CAAa;AAAA,MACpC,YAAYC;AAAA,MACZ,OAAO,KAAK;AAAA,IAClB,CAAK;AACD,WAAQI,EAAEC,GAAM,EAAE,OAAO,0BAA0B,KAAK,IAAI,GAAE,GAAID,EAAE,QAAQ,EAAE,cAAc,KAAK,WAAW,OAAO,yBAAyB,WAAWH,EAAW,CAAA,GAAGG,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC;AAAA,EAC7N;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOV;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,MAAQ,CAAC,CAAC;AAAA,EACV,KAAO,CAAC,CAAC;AAAA,EACT,MAAQ,CAAC,CAAC;AAAA,EACV,WAAa,CAAC,GAAG,YAAY;AAAA,EAC7B,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASY,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,WAAW,EAClC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASZ,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIY,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { p as s, H as a, h as e } from "./index-eef143db.js";
|
|
2
|
-
import { d as l } from "./telia-vst2-dfb33a56.js";
|
|
3
|
-
const i = '.telia-label{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;color:#222222;order:1}', n = /* @__PURE__ */ s(class extends a {
|
|
4
|
-
constructor() {
|
|
5
|
-
super(), this.__registerHost(), this.dataTestid = null, this.dataTrackingId = "telia-label", this.renderContent = () => this.text ? this.text : e("slot", null);
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return e("label", { class: "telia-label", htmlFor: this.htmlFor, "data-testId": this.dataTestid }, this.renderContent(), e("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
9
|
-
}
|
|
10
|
-
static get style() {
|
|
11
|
-
return i;
|
|
12
|
-
}
|
|
13
|
-
}, [4, "telia-label", {
|
|
14
|
-
htmlFor: [1, "html-for"],
|
|
15
|
-
dataTestid: [1, "data-testid"],
|
|
16
|
-
text: [1]
|
|
17
|
-
}]);
|
|
18
|
-
function r() {
|
|
19
|
-
if (typeof customElements > "u")
|
|
20
|
-
return;
|
|
21
|
-
["telia-label", "telia-vst"].forEach((t) => {
|
|
22
|
-
switch (t) {
|
|
23
|
-
case "telia-label":
|
|
24
|
-
customElements.get(t) || customElements.define(t, n);
|
|
25
|
-
break;
|
|
26
|
-
case "telia-vst":
|
|
27
|
-
customElements.get(t) || l();
|
|
28
|
-
break;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
r();
|
|
33
|
-
export {
|
|
34
|
-
r as d
|
|
35
|
-
};
|
|
36
|
-
//# sourceMappingURL=telia-label-f4c1eb47.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-label-f4c1eb47.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-label2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaLabelCss = \".telia-label{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;color:#222222;order:1}\";\n\nconst TeliaLabel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Test id set for web component host */\n this.dataTestid = null;\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-label';\n /**\n * Renders content passed in via props or fallbacks to slot\n * @private\n */\n this.renderContent = () => {\n if (this.text) {\n return this.text;\n }\n return h(\"slot\", null);\n };\n }\n render() {\n return (h(\"label\", { class: \"telia-label\", htmlFor: this.htmlFor, \"data-testId\": this.dataTestid }, this.renderContent(), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaLabelCss; }\n}, [4, \"telia-label\", {\n \"htmlFor\": [1, \"html-for\"],\n \"dataTestid\": [1, \"data-testid\"],\n \"text\": [1]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-label\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-label\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaLabel);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaLabel as T, defineCustomElement as d };\n"],"names":["teliaLabelCss","TeliaLabel","proxyCustomElement","HTMLElement","h","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAgB,mMAEhBC,IAA2B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC5E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,aAAa,MAElB,KAAK,iBAAiB,eAKtB,KAAK,gBAAgB,MACf,KAAK,OACA,KAAK,OAEPC,EAAE,QAAQ,IAAI;AAAA,EAExB;AAAA,EACD,SAAS;AACP,WAAQA,EAAE,SAAS,EAAE,OAAO,eAAe,SAAS,KAAK,SAAS,eAAe,KAAK,WAAU,GAAI,KAAK,cAAe,GAAEA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAClL;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAgB;AAC9C,GAAG,CAAC,GAAG,eAAe;AAAA,EAClB,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,MAAQ,CAAC,CAAC;AACX,CAAA,CAAC;AACJ,SAASK,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,eAAe,WAAW,EACnC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASL,CAAU;AAE3C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIK,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { p as s, H as a, h as e, a as l } from "./index-eef143db.js";
|
|
2
|
-
import { d as n, L as r } from "./telia-style-link-bb7bfd94.js";
|
|
3
|
-
import { d as o } from "./telia-vst2-dfb33a56.js";
|
|
4
|
-
const d = ":host(.standalone){display:flex}.telia-link__link ::slotted([slot=left]){margin-right:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}.telia-link__link ::slotted([slot=right]){margin-left:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}", c = /* @__PURE__ */ s(class extends a {
|
|
5
|
-
constructor() {
|
|
6
|
-
super(), this.__registerHost(), this.__attachShadow(), this.silent = !1, this.variant = r.TEXT, this.disableVisited = !1, this.darkBackground = !1, this.dataTrackingId = "telia-link";
|
|
7
|
-
}
|
|
8
|
-
render() {
|
|
9
|
-
const i = "telia-link", t = {
|
|
10
|
-
[i]: !0,
|
|
11
|
-
standalone: this.variant === "standalone"
|
|
12
|
-
};
|
|
13
|
-
return e(l, { class: t }, e("telia-style-link", { silent: this.silent, variant: this.variant, "data-testid": this.dataTestid, "disable-visited": this.disableVisited, "dark-background": this.darkBackground }, e("a", { href: this.href, target: this.target, download: this.download, "referrer-policy": this.referrerPolicy, title: this.linkTitle, class: `${i}__link` }, e("slot", { name: "left" }), e("slot", null), e("slot", { name: "right" }))), e("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
14
|
-
}
|
|
15
|
-
static get style() {
|
|
16
|
-
return d;
|
|
17
|
-
}
|
|
18
|
-
}, [1, "telia-link", {
|
|
19
|
-
href: [1],
|
|
20
|
-
silent: [4],
|
|
21
|
-
variant: [1],
|
|
22
|
-
dataTestid: [1, "data-testid"],
|
|
23
|
-
target: [1],
|
|
24
|
-
download: [8],
|
|
25
|
-
referrerPolicy: [1, "referrer-policy"],
|
|
26
|
-
linkTitle: [1, "link-title"],
|
|
27
|
-
disableVisited: [4, "disable-visited"],
|
|
28
|
-
darkBackground: [4, "dark-background"]
|
|
29
|
-
}]);
|
|
30
|
-
function m() {
|
|
31
|
-
if (typeof customElements > "u")
|
|
32
|
-
return;
|
|
33
|
-
["telia-link", "telia-style-link", "telia-vst"].forEach((t) => {
|
|
34
|
-
switch (t) {
|
|
35
|
-
case "telia-link":
|
|
36
|
-
customElements.get(t) || customElements.define(t, c);
|
|
37
|
-
break;
|
|
38
|
-
case "telia-style-link":
|
|
39
|
-
customElements.get(t) || n();
|
|
40
|
-
break;
|
|
41
|
-
case "telia-vst":
|
|
42
|
-
customElements.get(t) || o();
|
|
43
|
-
break;
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
m();
|
|
48
|
-
export {
|
|
49
|
-
m as d
|
|
50
|
-
};
|
|
51
|
-
//# sourceMappingURL=telia-link-42cb2e68.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-link-42cb2e68.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-link2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { L as LinkVariant, d as defineCustomElement$2 } from './telia-style-link2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaLinkCss = \":host(.standalone){display:flex}.telia-link__link ::slotted([slot=left]){margin-right:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}.telia-link__link ::slotted([slot=right]){margin-left:calc(0.8rem * var(--voca-rem-multiplier));padding-top:calc(0.2rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaLink = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** A silent link is intended to wrap an element\n * to make it a link but not add any styling\n * except for the pointer cursor and focus style. */\n this.silent = false;\n /**\n * Determines if link is displayed on its own line\n * (standalone) or within the current text content\n * (text).\n */\n this.variant = LinkVariant.TEXT;\n /** Disables visited styling */\n this.disableVisited = false;\n /**\n * When used on a dark background, set this\n * property to true. This will change color of text\n * and hover to something suitable.\n */\n this.darkBackground = false;\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-link';\n }\n render() {\n const componentClass = 'telia-link';\n const linkClasses = {\n [componentClass]: true,\n standalone: this.variant === 'standalone',\n };\n return (h(Host, { class: linkClasses }, h(\"telia-style-link\", { silent: this.silent, variant: this.variant, \"data-testid\": this.dataTestid, \"disable-visited\": this.disableVisited, \"dark-background\": this.darkBackground }, h(\"a\", { href: this.href, target: this.target, download: this.download, \"referrer-policy\": this.referrerPolicy, title: this.linkTitle, class: `${componentClass}__link` }, h(\"slot\", { name: \"left\" }), h(\"slot\", null), h(\"slot\", { name: \"right\" }))), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaLinkCss; }\n}, [1, \"telia-link\", {\n \"href\": [1],\n \"silent\": [4],\n \"variant\": [1],\n \"dataTestid\": [1, \"data-testid\"],\n \"target\": [1],\n \"download\": [8],\n \"referrerPolicy\": [1, \"referrer-policy\"],\n \"linkTitle\": [1, \"link-title\"],\n \"disableVisited\": [4, \"disable-visited\"],\n \"darkBackground\": [4, \"dark-background\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-link\", \"telia-style-link\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-link\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaLink);\n }\n break;\n case \"telia-style-link\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaLink as T, defineCustomElement as d };\n"],"names":["teliaLinkCss","TeliaLink","proxyCustomElement","HTMLElement","LinkVariant","componentClass","linkClasses","h","Host","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":";;;AAIA,MAAMA,IAAe,gVAEfC,IAA0B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC3E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAInB,KAAK,SAAS,IAMd,KAAK,UAAUC,EAAY,MAE3B,KAAK,iBAAiB,IAMtB,KAAK,iBAAiB,IAEtB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAiB,cACjBC,IAAc;AAAA,MAClB,CAACD,CAAc,GAAG;AAAA,MAClB,YAAY,KAAK,YAAY;AAAA,IACnC;AACI,WAAQE,EAAEC,GAAM,EAAE,OAAOF,EAAW,GAAIC,EAAE,oBAAoB,EAAE,QAAQ,KAAK,QAAQ,SAAS,KAAK,SAAS,eAAe,KAAK,YAAY,mBAAmB,KAAK,gBAAgB,mBAAmB,KAAK,eAAgB,GAAEA,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,QAAQ,KAAK,QAAQ,UAAU,KAAK,UAAU,mBAAmB,KAAK,gBAAgB,OAAO,KAAK,WAAW,OAAO,GAAGF,CAAc,SAAQ,GAAIE,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAGA,EAAE,QAAQ,IAAI,GAAGA,EAAE,QAAQ,EAAE,MAAM,QAAS,CAAA,CAAC,CAAC,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC/gB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOP;AAAA,EAAe;AAC7C,GAAG,CAAC,GAAG,cAAc;AAAA,EACjB,MAAQ,CAAC,CAAC;AAAA,EACV,QAAU,CAAC,CAAC;AAAA,EACZ,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,QAAU,CAAC,CAAC;AAAA,EACZ,UAAY,CAAC,CAAC;AAAA,EACd,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,WAAa,CAAC,GAAG,YAAY;AAAA,EAC7B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,gBAAkB,CAAC,GAAG,iBAAiB;AACxC,CAAA,CAAC;AACJ,SAASS,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,cAAc,oBAAoB,WAAW,EACtD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAAST,CAAS;AAE1C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIS,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAqB;","x_google_ignoreList":[0]}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { p as s, H as n, h as t, a as r } from "./index-eef143db.js";
|
|
2
|
-
import { d as o } from "./telia-vst2-dfb33a56.js";
|
|
3
|
-
const l = {
|
|
4
|
-
TEXT: "text",
|
|
5
|
-
STANDALONE: "standalone"
|
|
6
|
-
};
|
|
7
|
-
Object.values(l);
|
|
8
|
-
const a = Object.assign(Object.assign({}, l), { NAVIGATION: "navigation" });
|
|
9
|
-
Object.values(a);
|
|
10
|
-
const c = '.telia-style-link a{color:#5e0092;align-items:center;cursor:pointer;text-decoration:underline}.telia-style-link a:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:0}.telia-style-link a:focus:not(:focus-visible){outline:0}.telia-style-link--text a:visited,.telia-style-link--standalone a:visited{color:#30004b;background-color:transparent}.telia-style-link--text a:hover,.telia-style-link--text a:active,.telia-style-link--standalone a:hover,.telia-style-link--standalone a:active{background-color:#fbf0ff}.telia-style-link--text:is(.telia-style-link--disable-visited) a:visited,.telia-style-link--standalone:is(.telia-style-link--disable-visited) a:visited{color:#5e0092}.telia-style-link--silent:is(.telia-style-link--disable-visited) a:visited{color:inherit}.telia-style-link--text:not(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:active,.telia-style-link--text:is(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:is(.telia-style-link--disable-visited) a:active{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:0}.telia-style-link--standalone a{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;display:inline-block;padding:calc(1rem * var(--voca-rem-multiplier)) 0}.telia-style-link--navigation a{font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;font-weight:500;align-items:center;display:flex;text-decoration:none}.telia-style-link--navigation a:hover{text-decoration:underline}.telia-style-link--navigation a:hover.telia-style-link--dark-bg{background-color:transparent}.telia-style-link--dark-bg a{color:#de99ff}.telia-style-link--dark-bg a:visited,.telia-style-link--dark-bg a:visited:hover,.telia-style-link--dark-bg a:visited:active{color:#edc8ff}.telia-style-link--dark-bg a:hover{color:#de99ff;background-color:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg a:active{color:#edc8ff;background-color:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a{color:#fbf0ff}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:hover,.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:active{background-color:transparent}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:hover{color:#edc8ff}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:active{color:#de99ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited,.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited:hover,.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited:active{color:#de99ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited{color:#fbf0ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited:hover{color:#edc8ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited:active{color:#de99ff}.telia-style-link--silent a{background-color:inherit;color:inherit;height:100%;text-decoration:none}.telia-style-link--silent a:hover,.telia-style-link--silent a:focus,.telia-style-link--silent a:active{background-color:inherit;color:inherit}.telia-style-link--silent a:focus{outline:0}.telia-style-link--silent a:focus ::slotted(*){outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-style-link--ensure-click-area,.telia-style-link--ensure-click-area a{align-items:center;display:flex;justify-content:center;min-height:calc(4.8rem * var(--voca-rem-multiplier));min-width:calc(4.8rem * var(--voca-rem-multiplier))}', d = /* @__PURE__ */ s(class extends n {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(), this.__registerHost(), this.silent = !1, this.variant = a.TEXT, this.disableVisited = !1, this.darkBackground = !1, this.ensureClickArea = !1, this.dataTrackingId = "telia-style-link";
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
const i = "telia-style-link", e = {
|
|
16
|
-
[i]: !0,
|
|
17
|
-
[`${i}--${this.variant}`]: !0,
|
|
18
|
-
[`${i}--silent`]: this.silent,
|
|
19
|
-
[`${i}--dark-bg`]: this.darkBackground,
|
|
20
|
-
[`${i}--navigation-dark-bg`]: this.darkBackground && this.variant === "navigation",
|
|
21
|
-
[`${i}--disable-visited`]: this.disableVisited || this.silent,
|
|
22
|
-
[`${i}--ensure-click-area`]: this.ensureClickArea
|
|
23
|
-
};
|
|
24
|
-
return t(r, { class: e }, t("slot", null), t("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
25
|
-
}
|
|
26
|
-
static get style() {
|
|
27
|
-
return c;
|
|
28
|
-
}
|
|
29
|
-
}, [4, "telia-style-link", {
|
|
30
|
-
silent: [4],
|
|
31
|
-
variant: [1],
|
|
32
|
-
dataTestid: [1, "data-testid"],
|
|
33
|
-
disableVisited: [4, "disable-visited"],
|
|
34
|
-
darkBackground: [4, "dark-background"],
|
|
35
|
-
ensureClickArea: [4, "ensure-click-area"]
|
|
36
|
-
}]);
|
|
37
|
-
function k() {
|
|
38
|
-
if (typeof customElements > "u")
|
|
39
|
-
return;
|
|
40
|
-
["telia-style-link", "telia-vst"].forEach((e) => {
|
|
41
|
-
switch (e) {
|
|
42
|
-
case "telia-style-link":
|
|
43
|
-
customElements.get(e) || customElements.define(e, d);
|
|
44
|
-
break;
|
|
45
|
-
case "telia-vst":
|
|
46
|
-
customElements.get(e) || o();
|
|
47
|
-
break;
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
k();
|
|
52
|
-
export {
|
|
53
|
-
l as L,
|
|
54
|
-
k as d
|
|
55
|
-
};
|
|
56
|
-
//# sourceMappingURL=telia-style-link-bb7bfd94.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-style-link-bb7bfd94.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-style-link2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst LinkVariant = {\n TEXT: 'text',\n STANDALONE: 'standalone',\n};\nObject.values(LinkVariant);\n\nconst StyleLinkVariant = Object.assign(Object.assign({}, LinkVariant), { NAVIGATION: 'navigation' });\nObject.values(StyleLinkVariant);\n\nconst teliaStyleLinkCss = \".telia-style-link a{color:#5e0092;align-items:center;cursor:pointer;text-decoration:underline}.telia-style-link a:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:0}.telia-style-link a:focus:not(:focus-visible){outline:0}.telia-style-link--text a:visited,.telia-style-link--standalone a:visited{color:#30004b;background-color:transparent}.telia-style-link--text a:hover,.telia-style-link--text a:active,.telia-style-link--standalone a:hover,.telia-style-link--standalone a:active{background-color:#fbf0ff}.telia-style-link--text:is(.telia-style-link--disable-visited) a:visited,.telia-style-link--standalone:is(.telia-style-link--disable-visited) a:visited{color:#5e0092}.telia-style-link--silent:is(.telia-style-link--disable-visited) a:visited{color:inherit}.telia-style-link--text:not(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:active,.telia-style-link--text:is(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:is(.telia-style-link--disable-visited) a:active{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:0}.telia-style-link--standalone a{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;display:inline-block;padding:calc(1rem * var(--voca-rem-multiplier)) 0}.telia-style-link--navigation a{font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;font-weight:500;align-items:center;display:flex;text-decoration:none}.telia-style-link--navigation a:hover{text-decoration:underline}.telia-style-link--navigation a:hover.telia-style-link--dark-bg{background-color:transparent}.telia-style-link--dark-bg a{color:#de99ff}.telia-style-link--dark-bg a:visited,.telia-style-link--dark-bg a:visited:hover,.telia-style-link--dark-bg a:visited:active{color:#edc8ff}.telia-style-link--dark-bg a:hover{color:#de99ff;background-color:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg a:active{color:#edc8ff;background-color:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a{color:#fbf0ff}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:hover,.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:active{background-color:transparent}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:hover{color:#edc8ff}.telia-style-link--dark-bg:is(.telia-style-link--navigation) a:active{color:#de99ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited,.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited:hover,.telia-style-link--dark-bg:is(.telia-style-link--disable-visited) a:visited:active{color:#de99ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited{color:#fbf0ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited:hover{color:#edc8ff}.telia-style-link--dark-bg:is(.telia-style-link--disable-visited):is(.telia-style-link--navigation) a:visited:active{color:#de99ff}.telia-style-link--silent a{background-color:inherit;color:inherit;height:100%;text-decoration:none}.telia-style-link--silent a:hover,.telia-style-link--silent a:focus,.telia-style-link--silent a:active{background-color:inherit;color:inherit}.telia-style-link--silent a:focus{outline:0}.telia-style-link--silent a:focus ::slotted(*){outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-style-link--ensure-click-area,.telia-style-link--ensure-click-area a{align-items:center;display:flex;justify-content:center;min-height:calc(4.8rem * var(--voca-rem-multiplier));min-width:calc(4.8rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaStyleLink = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** A silent link is intended to wrap an element\n * to make it a link but not add any styling\n * except for the pointer cursor and focus style. */\n this.silent = false;\n /**\n * Determines if link is displayed on its own line\n * (standalone) or within the current text content\n * (text).\n */\n this.variant = StyleLinkVariant.TEXT;\n /** Disables visited styling */\n this.disableVisited = false;\n /**\n * When used on a dark background, set this\n * property to true. This will change color of text\n * and hover to something suitable.\n */\n this.darkBackground = false;\n /** Tracking id is used to identify and count Component usage */\n /**\n * This sets a minimum size on the clickable area of the link. Please note\n * it also changes display value to flex, meaning its container will behave\n * like a block element. You can wrap this component in a flex container\n * for additional layout control.\n */\n this.ensureClickArea = false;\n this.dataTrackingId = 'telia-style-link';\n }\n render() {\n const componentClass = 'telia-style-link';\n const linkClasses = {\n [componentClass]: true,\n [`${componentClass}--${this.variant}`]: true,\n [`${componentClass}--silent`]: this.silent,\n [`${componentClass}--dark-bg`]: this.darkBackground,\n [`${componentClass}--navigation-dark-bg`]: this.darkBackground && this.variant === 'navigation',\n [`${componentClass}--disable-visited`]: this.disableVisited || this.silent,\n [`${componentClass}--ensure-click-area`]: this.ensureClickArea,\n };\n return (h(Host, { class: linkClasses }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaStyleLinkCss; }\n}, [4, \"telia-style-link\", {\n \"silent\": [4],\n \"variant\": [1],\n \"dataTestid\": [1, \"data-testid\"],\n \"disableVisited\": [4, \"disable-visited\"],\n \"darkBackground\": [4, \"dark-background\"],\n \"ensureClickArea\": [4, \"ensure-click-area\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-style-link\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-style-link\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaStyleLink);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { LinkVariant as L, TeliaStyleLink as T, defineCustomElement as d };\n"],"names":["LinkVariant","StyleLinkVariant","teliaStyleLinkCss","TeliaStyleLink","proxyCustomElement","HTMLElement","componentClass","linkClasses","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGK,MAACA,IAAc;AAAA,EAClB,MAAM;AAAA,EACN,YAAY;AACd;AACA,OAAO,OAAOA,CAAW;AAEzB,MAAMC,IAAmB,OAAO,OAAO,OAAO,OAAO,IAAID,CAAW,GAAG,EAAE,YAAY,aAAc,CAAA;AACnG,OAAO,OAAOC,CAAgB;AAE9B,MAAMC,IAAoB,83HAEpBC,IAA+B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAChF,cAAc;AACZ,aACA,KAAK,eAAc,GAInB,KAAK,SAAS,IAMd,KAAK,UAAUJ,EAAiB,MAEhC,KAAK,iBAAiB,IAMtB,KAAK,iBAAiB,IAQtB,KAAK,kBAAkB,IACvB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMK,IAAiB,oBACjBC,IAAc;AAAA,MAClB,CAACD,CAAc,GAAG;AAAA,MAClB,CAAC,GAAGA,CAAc,KAAK,KAAK,OAAO,EAAE,GAAG;AAAA,MACxC,CAAC,GAAGA,CAAc,UAAU,GAAG,KAAK;AAAA,MACpC,CAAC,GAAGA,CAAc,WAAW,GAAG,KAAK;AAAA,MACrC,CAAC,GAAGA,CAAc,sBAAsB,GAAG,KAAK,kBAAkB,KAAK,YAAY;AAAA,MACnF,CAAC,GAAGA,CAAc,mBAAmB,GAAG,KAAK,kBAAkB,KAAK;AAAA,MACpE,CAAC,GAAGA,CAAc,qBAAqB,GAAG,KAAK;AAAA,IACrD;AACI,WAAQE,EAAEC,GAAM,EAAE,OAAOF,EAAW,GAAIC,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EACjH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAoB;AAClD,GAAG,CAAC,GAAG,oBAAoB;AAAA,EACvB,QAAU,CAAC,CAAC;AAAA,EACZ,SAAW,CAAC,CAAC;AAAA,EACb,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,gBAAkB,CAAC,GAAG,iBAAiB;AAAA,EACvC,iBAAmB,CAAC,GAAG,mBAAmB;AAC3C,CAAA,CAAC;AACJ,SAASQ,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,oBAAoB,WAAW,EACxC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAc;AAE/C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { p as n, H as l, c as o, h as a } from "./index-eef143db.js";
|
|
2
|
-
import { d } from "./telia-icon-d0e7c715.js";
|
|
3
|
-
import { d as s } from "./telia-vst2-dfb33a56.js";
|
|
4
|
-
const i = {
|
|
5
|
-
Home: "Home",
|
|
6
|
-
End: "End",
|
|
7
|
-
ArrowRight: "ArrowRight",
|
|
8
|
-
ArrowLeft: "ArrowLeft"
|
|
9
|
-
}, c = Object.keys(i), h = '.telia-tab-header{border:0 solid transparent;background-color:transparent;color:#222222;cursor:pointer;margin:0;outline:0;padding:0;position:relative;width:100%}.telia-tab-header:hover .telia-tab-header__content{background-color:#fbf0ff;color:#5e0092}.telia-tab-header:hover .telia-tab-header__visible-title{font-weight:500}.telia-tab-header:focus .telia-tab-header__content{outline:calc(0.2rem * var(--voca-rem-multiplier)) solid #0099ff;outline-offset:calc(-1 * (0.2rem * var(--voca-rem-multiplier)));z-index:2}.telia-tab-header:focus:not(:focus-visible) .telia-tab-header__content{outline:none}.telia-tab-header--selected{cursor:auto}.telia-tab-header--selected .telia-tab-header__content{background-color:#ffffff;border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;color:#29003e;font-weight:500}.telia-tab-header--selected:hover>.telia-tab-header__content{background-color:#ffffff}.telia-tab-header__content{border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid transparent;border-radius:calc(0.2rem * var(--voca-rem-multiplier));font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.5;background-color:rgba(0, 0, 0, 0.05);box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));position:relative;transition:all 3ms;white-space:nowrap;width:100%}@media screen and (min-width: 37.5em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-tab-header__content{padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier))}}.telia-tab-header__icon{margin-right:calc(0.4rem * var(--voca-rem-multiplier))}.telia-tab-header__visible-title{position:absolute}.telia-tab-header__hidden-title{font-weight:500;visibility:hidden}.telia-tab-header--light,.telia-tab-header--light-wide{background-color:transparent}.telia-tab-header--light::after,.telia-tab-header--light-wide::after{background-color:rgba(0, 0, 0, 0.15);z-index:1;bottom:0;content:"";display:block;height:calc(0.2rem * var(--voca-rem-multiplier));left:0;position:absolute;right:0;width:100%}.telia-tab-header--light .telia-tab-header__content,.telia-tab-header--light-wide .telia-tab-header__content{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid transparent;color:#29003e}.telia-tab-header--light:hover>.telia-tab-header__content,.telia-tab-header--light-wide:hover>.telia-tab-header__content{color:#5e0092;background-color:#fbf0ff}.telia-tab-header--light:hover::after,.telia-tab-header--light-wide:hover::after{background-color:rgba(0, 0, 0, 0.15)}.telia-tab-header--light.telia-tab-header--selected::after,.telia-tab-header--light-wide.telia-tab-header--selected::after{background-color:#29003e}.telia-tab-header--light.telia-tab-header--selected .telia-tab-header__content,.telia-tab-header--light-wide.telia-tab-header--selected .telia-tab-header__content{background-color:transparent}.telia-tab-header--contained-on-negative .telia-tab-header__content{background-color:rgba(255, 255, 255, 0.15);color:#fbf0ff}.telia-tab-header--contained-on-negative.telia-tab-header--selected .telia-tab-header__content{border-top:calc(0.2rem * var(--voca-rem-multiplier)) solid #ffffff;color:#29003e}', b = /* @__PURE__ */ n(class extends l {
|
|
10
|
-
constructor() {
|
|
11
|
-
super(), this.__registerHost(), this.tabChange = o(this, "tabChange", 7), this.vocaInternalTabNavigation = o(this, "vocaInternalTabNavigation", 7), this.dataTestid = null, this.active = !1, this.dataIndex = null, this.isKeyPress = !0, this.variant = "default";
|
|
12
|
-
}
|
|
13
|
-
componentDidUpdate() {
|
|
14
|
-
this.active && this.isKeyPress && this.element.querySelector("button").focus();
|
|
15
|
-
}
|
|
16
|
-
/** Handle click event
|
|
17
|
-
* @param e - event
|
|
18
|
-
* @private
|
|
19
|
-
*/
|
|
20
|
-
onClickHandler(e) {
|
|
21
|
-
e.preventDefault(), e.stopPropagation(), this.tabChange.emit("click," + this.dataIndex.toString()), this.vocaInternalTabNavigation.emit({
|
|
22
|
-
originalEvent: e,
|
|
23
|
-
value: { location: this.dataIndex }
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
/** Handle keyboard navigation
|
|
27
|
-
* @param e - event
|
|
28
|
-
* @private
|
|
29
|
-
*/
|
|
30
|
-
onKeyDownHandler(e) {
|
|
31
|
-
const t = e.key;
|
|
32
|
-
if (t === i.ArrowRight || t === i.ArrowLeft) {
|
|
33
|
-
e.preventDefault(), e.stopPropagation();
|
|
34
|
-
const r = e.key === i.ArrowRight ? this.dataIndex + 1 : this.dataIndex - 1;
|
|
35
|
-
this.tabChange.emit(t + "," + r.toString());
|
|
36
|
-
} else
|
|
37
|
-
(t === i.Home || t === i.End) && (e.preventDefault(), e.stopPropagation(), this.tabChange.emit(t + ","));
|
|
38
|
-
this.handleKeyNavigation(e);
|
|
39
|
-
}
|
|
40
|
-
handleKeyNavigation(e) {
|
|
41
|
-
const t = e.key;
|
|
42
|
-
if (c.indexOf(t) > -1) {
|
|
43
|
-
e.preventDefault(), e.stopPropagation();
|
|
44
|
-
const r = i[t];
|
|
45
|
-
this.vocaInternalTabNavigation.emit({
|
|
46
|
-
originalEvent: e,
|
|
47
|
-
value: { key: r }
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
render() {
|
|
52
|
-
const e = {
|
|
53
|
-
"telia-tab-header": !0,
|
|
54
|
-
"telia-tab-header--selected": this.active,
|
|
55
|
-
[`telia-tab-header--${this.variant}`]: !!this.variant
|
|
56
|
-
};
|
|
57
|
-
return a("button", { class: e, role: "tab", id: this.tabId + "-header", "aria-selected": this.active, "aria-controls": this.tabId + "-content", onClick: (t) => this.onClickHandler(t), onKeyDown: (t) => this.onKeyDownHandler(t), "data-testid": this.dataTestid, tabIndex: this.active ? null : -1, "data-index": this.dataIndex }, a("span", { class: "telia-tab-header__content" }, this.icon && a("telia-icon", { class: "telia-tab-header__icon", name: this.icon, svg: this.svg, size: "md" }), a("span", null, a("span", { class: "telia-tab-header__visible-title" }, a("slot", null)), a("span", { class: "telia-tab-header__hidden-title", "aria-hidden": !0 }, this.name))));
|
|
58
|
-
}
|
|
59
|
-
get element() {
|
|
60
|
-
return this;
|
|
61
|
-
}
|
|
62
|
-
static get style() {
|
|
63
|
-
return h;
|
|
64
|
-
}
|
|
65
|
-
}, [4, "telia-tab-header", {
|
|
66
|
-
dataTestid: [1, "data-testid"],
|
|
67
|
-
tabId: [1, "tab-id"],
|
|
68
|
-
active: [516],
|
|
69
|
-
icon: [1],
|
|
70
|
-
svg: [1],
|
|
71
|
-
name: [1],
|
|
72
|
-
dataIndex: [2, "data-index"],
|
|
73
|
-
isKeyPress: [4, "is-key-press"],
|
|
74
|
-
variant: [1]
|
|
75
|
-
}]);
|
|
76
|
-
function m() {
|
|
77
|
-
if (typeof customElements > "u")
|
|
78
|
-
return;
|
|
79
|
-
["telia-tab-header", "telia-icon", "telia-vst"].forEach((t) => {
|
|
80
|
-
switch (t) {
|
|
81
|
-
case "telia-tab-header":
|
|
82
|
-
customElements.get(t) || customElements.define(t, b);
|
|
83
|
-
break;
|
|
84
|
-
case "telia-icon":
|
|
85
|
-
customElements.get(t) || d();
|
|
86
|
-
break;
|
|
87
|
-
case "telia-vst":
|
|
88
|
-
customElements.get(t) || s();
|
|
89
|
-
break;
|
|
90
|
-
}
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
m();
|
|
94
|
-
export {
|
|
95
|
-
i as T,
|
|
96
|
-
m as d
|
|
97
|
-
};
|
|
98
|
-
//# sourceMappingURL=telia-tab-header-890fc7c8.js.map
|