@telia-ace/alliance-ui 1.0.0-beta.8 → 1.0.0-beta.9
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/dist/{telia-heading2.5c0bd259.js → telia-heading2.60bf02b3.js} +2 -1
- package/dist/{telia-heading2.5c0bd259.js.map → telia-heading2.60bf02b3.js.map} +1 -1
- package/dist/voca/components/telia-accordion-item.d.ts +1 -0
- package/dist/voca/components/telia-accordion-item.js +64 -0
- package/dist/voca/components/telia-accordion-item.js.map +1 -0
- package/dist/voca/components/telia-accordion.d.ts +1 -0
- package/dist/voca/components/telia-accordion.js +93 -0
- package/dist/voca/components/telia-accordion.js.map +1 -0
- package/dist/voca/components/telia-date-picker.js +1 -1
- package/dist/voca/components/telia-heading.js +1 -1
- package/dist/voca/components/telia-notification.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"telia-heading2.
|
|
1
|
+
{"version":3,"file":"telia-heading2.60bf02b3.js","sources":["../../node_modules/.pnpm/@teliads+components@18.1.7/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( calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@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( calc(2rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@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( calc(2.4rem * var(--voca-rem-multiplier)) + 0.8 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@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( calc(2.8rem * var(--voca-rem-multiplier)) + 1.2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@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( calc(3.2rem * var(--voca-rem-multiplier)) + 1.6 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@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( calc(3.6rem * var(--voca-rem-multiplier)) + 2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@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( calc(4rem * var(--voca-rem-multiplier)) + 2.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.title-700{font-size:calc(6.4rem * 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( calc(4rem * var(--voca-rem-multiplier)) + 2.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@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( calc(4.8rem * var(--voca-rem-multiplier)) + 3.2 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@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,0pIAElBC,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,UAAW,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,iBAAqBP,EAAa,KAAK,KAAK,IAAI,GAAG;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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@teliads/components/dist/components/telia-accordion-item';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { p as c, H as r, h as i } from "../../index.ad92b4ca.js";
|
|
2
|
+
import { u as n } from "../../uniqueId.5229d1b5.js";
|
|
3
|
+
import { d as l } from "../../telia-icon2.0c9ea836.js";
|
|
4
|
+
import { d } from "../../telia-vst2.f685dec5.js";
|
|
5
|
+
import "../../getSvgContent.d324bd28.js";
|
|
6
|
+
const s = { name: "chevron-up", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z"/></svg>' }, m = '.telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion-item__header{color:#222222;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(4.8rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{background-color:rgba(153, 10, 227, 0.06)}.telia-accordion-item__header--active{color:#29003e}.telia-accordion-item__header--active~.telia-accordion-item__header-icon{color:#222222}.telia-accordion-item__header-title{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;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{font-size:calc( calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{display:none;height:0;opacity:0;overflow:hidden}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(2.4rem * var(--voca-rem-multiplier));padding-top:calc(1.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#ffffff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#fbf0ff;background-color:rgba(153, 10, 227, 0.15)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#fbf0ff}', h = /* @__PURE__ */ c(class extends r {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(), this.__registerHost(), this.__attachShadow(), this.isOpen = !1, this.componentClass = "telia-accordion-item", this.dataTrackingId = "telia-accordion-item", this.uniqueId = n("accordion"), this.toggleAccordion = () => {
|
|
9
|
+
this.isOpen = !this.isOpen;
|
|
10
|
+
}, this.setButtonRef = (t) => {
|
|
11
|
+
this.buttonEl = t;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
async focusButton() {
|
|
15
|
+
this.buttonEl.focus();
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
const t = {
|
|
19
|
+
[this.componentClass]: !0,
|
|
20
|
+
[this.componentClass.concat("--dark-bg")]: this.darkBackground
|
|
21
|
+
}, e = {
|
|
22
|
+
[this.componentClass.concat("__header")]: !0,
|
|
23
|
+
[this.componentClass.concat("__header--indented")]: this.indented,
|
|
24
|
+
[this.componentClass.concat("__header--active")]: this.isOpen
|
|
25
|
+
}, a = {
|
|
26
|
+
[this.componentClass.concat("__content")]: !0,
|
|
27
|
+
[this.componentClass.concat("__content--indented")]: this.indented,
|
|
28
|
+
[this.componentClass.concat("__content--visible")]: this.isOpen
|
|
29
|
+
}, o = {
|
|
30
|
+
[this.componentClass.concat("__header-icon")]: !0,
|
|
31
|
+
[this.componentClass.concat("__header-icon--rotate")]: this.isOpen
|
|
32
|
+
};
|
|
33
|
+
return i("div", { class: t }, i("telia-vst", { dataTrackingId: this.dataTrackingId }), i("button", { id: `telia-accordion-item-header-${this.uniqueId}`, class: e, type: "button", "aria-expanded": this.isOpen ? "true" : "false", "aria-controls": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, i("span", { class: "telia-accordion-item__header-title" }, this.heading), i("telia-icon", { svg: s.svg, class: o })), i("div", { id: `telia-accordion-item-content-${this.uniqueId}`, "data-test-id": "item-content", class: a, role: "region", "aria-labelledby": `telia-accordion-item-header-${this.uniqueId}` }, i("slot", null)));
|
|
34
|
+
}
|
|
35
|
+
static get style() {
|
|
36
|
+
return m;
|
|
37
|
+
}
|
|
38
|
+
}, [1, "telia-accordion-item", {
|
|
39
|
+
dataTestid: [1, "data-testid"],
|
|
40
|
+
heading: [1],
|
|
41
|
+
darkBackground: [4, "dark-background"],
|
|
42
|
+
indented: [4],
|
|
43
|
+
isOpen: [32],
|
|
44
|
+
focusButton: [64]
|
|
45
|
+
}]);
|
|
46
|
+
function u() {
|
|
47
|
+
if (typeof customElements > "u")
|
|
48
|
+
return;
|
|
49
|
+
["telia-accordion-item", "telia-icon", "telia-vst"].forEach((e) => {
|
|
50
|
+
switch (e) {
|
|
51
|
+
case "telia-accordion-item":
|
|
52
|
+
customElements.get(e) || customElements.define(e, h);
|
|
53
|
+
break;
|
|
54
|
+
case "telia-icon":
|
|
55
|
+
customElements.get(e) || l();
|
|
56
|
+
break;
|
|
57
|
+
case "telia-vst":
|
|
58
|
+
customElements.get(e) || d();
|
|
59
|
+
break;
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
u();
|
|
64
|
+
//# sourceMappingURL=telia-accordion-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"telia-accordion-item.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-accordion-item2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst chevronUp = { \"name\": \"chevron-up\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M53.0318 42.1986C52.6256 42.605 52.0745 42.8333 51.4999 42.8333C50.9253 42.8333 50.3742 42.605 49.968 42.1986L31.9999 24.2305L14.0318 42.1986C13.1858 43.0446 11.8141 43.0446 10.968 42.1986C10.122 41.3525 10.122 39.9808 10.968 39.1348L30.468 19.6348C30.8742 19.2283 31.4253 19 31.9999 19C32.5745 19 33.1256 19.2283 33.5318 19.6348L53.0318 39.1348C53.4382 39.541 53.6666 40.092 53.6666 40.6667C53.6666 41.2413 53.4382 41.7924 53.0318 42.1986Z\\\"/></svg>\" };\n\nconst teliaAccordionItemCss = \".telia-accordion-item{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion-item__header{color:#222222;background:transparent;border:0;cursor:pointer;display:flex;justify-content:space-between;min-height:calc(4.8rem * var(--voca-rem-multiplier));outline:none;padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0;width:100%}@media screen and (min-width: 37.5em){.telia-accordion-item__header{padding:calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0}}@media screen and (min-width: 64em){.telia-accordion-item__header{padding:calc(3.2rem * var(--voca-rem-multiplier)) calc(4.8rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0}}.telia-accordion-item__header:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-accordion-item__header:focus:not(:focus-visible){outline:none}.telia-accordion-item__header:hover{background-color:rgba(153, 10, 227, 0.06)}.telia-accordion-item__header--active{color:#29003e}.telia-accordion-item__header--active~.telia-accordion-item__header-icon{color:#222222}.telia-accordion-item__header-title{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;align-items:center;display:flex;justify-content:space-between;margin:0;text-align:left}@media screen and (min-width: 37.5em){.telia-accordion-item__header-title{font-size:calc( calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 * (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84 )}}@media screen and (min-width: 90em){.telia-accordion-item__header-title{font-size:calc(2rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__header--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__header-icon{height:calc(2.4rem * var(--voca-rem-multiplier));transform:rotate(180deg);transition:transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-accordion-item__header-icon--rotate{transform:rotate(0deg)}.telia-accordion-item__content{display:none;height:0;opacity:0;overflow:hidden}.telia-accordion-item__content--indented{display:flex;padding-left:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-accordion-item__content--indented{padding-left:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-accordion-item__content--visible{display:block;height:auto;opacity:1;padding-bottom:calc(2.4rem * var(--voca-rem-multiplier));padding-top:calc(1.2rem * var(--voca-rem-multiplier))}@media screen and (min-width: 64em){.telia-accordion-item__content--visible{padding-bottom:calc(3.2rem * var(--voca-rem-multiplier))}}.telia-accordion-item--dark-bg{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}.telia-accordion-item--dark-bg .telia-accordion-item__header{color:#ffffff}.telia-accordion-item--dark-bg .telia-accordion-item__header:hover{color:#fbf0ff;background-color:rgba(153, 10, 227, 0.15)}.telia-accordion-item--dark-bg .telia-accordion-item__header--active{color:#fbf0ff}\";\n\nconst TeliaAccordionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.isOpen = false;\n this.componentClass = 'telia-accordion-item';\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-accordion-item';\n this.uniqueId = uniqueId('accordion');\n this.toggleAccordion = () => {\n this.isOpen = !this.isOpen;\n };\n this.setButtonRef = (elm) => {\n this.buttonEl = elm;\n };\n }\n /**\n * Sets focus on the accordion button (it contains the header).\n */\n async focusButton() {\n this.buttonEl.focus();\n }\n render() {\n const mainClass = {\n [this.componentClass]: true,\n [this.componentClass.concat('--dark-bg')]: this.darkBackground,\n };\n const itemHeadingClass = {\n [this.componentClass.concat('__header')]: true,\n [this.componentClass.concat('__header--indented')]: this.indented,\n [this.componentClass.concat('__header--active')]: this.isOpen,\n };\n const itemContentClass = {\n [this.componentClass.concat('__content')]: true,\n [this.componentClass.concat('__content--indented')]: this.indented,\n [this.componentClass.concat('__content--visible')]: this.isOpen,\n };\n const itemIconClass = {\n [this.componentClass.concat('__header-icon')]: true,\n [this.componentClass.concat('__header-icon--rotate')]: this.isOpen,\n };\n return (h(\"div\", { class: mainClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), h(\"button\", { id: `telia-accordion-item-header-${this.uniqueId}`, class: itemHeadingClass, type: \"button\", \"aria-expanded\": this.isOpen ? 'true' : 'false', \"aria-controls\": `telia-accordion-item-content-${this.uniqueId}`, onClick: this.toggleAccordion, ref: this.setButtonRef }, h(\"span\", { class: \"telia-accordion-item__header-title\" }, this.heading), h(\"telia-icon\", { svg: chevronUp.svg, class: itemIconClass })), h(\"div\", { id: `telia-accordion-item-content-${this.uniqueId}`, \"data-test-id\": \"item-content\", class: itemContentClass, role: \"region\", \"aria-labelledby\": `telia-accordion-item-header-${this.uniqueId}` }, h(\"slot\", null))));\n }\n static get style() { return teliaAccordionItemCss; }\n}, [1, \"telia-accordion-item\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"heading\": [1],\n \"darkBackground\": [4, \"dark-background\"],\n \"indented\": [4],\n \"isOpen\": [32],\n \"focusButton\": [64]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-accordion-item\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-accordion-item\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaAccordionItem);\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 { TeliaAccordionItem as T, defineCustomElement as d };\n"],"names":["chevronUp","teliaAccordionItemCss","TeliaAccordionItem","proxyCustomElement","HTMLElement","uniqueId","elm","mainClass","itemHeadingClass","itemContentClass","itemIconClass","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@teliads/components/dist/components/telia-accordion';
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { p as c, H as d, h as i } from "../../index.ad92b4ca.js";
|
|
2
|
+
import { H as l, d as m } from "../../telia-heading2.60bf02b3.js";
|
|
3
|
+
import { d as h } from "../../telia-vst2.f685dec5.js";
|
|
4
|
+
const n = {
|
|
5
|
+
Home: "Home",
|
|
6
|
+
End: "End",
|
|
7
|
+
ArrowUp: "ArrowUp",
|
|
8
|
+
ArrowDown: "ArrowDown"
|
|
9
|
+
}, g = Object.keys(n), f = ".telia-accordion__heading{margin:0;padding:calc(3.2rem * var(--voca-rem-multiplier)) 0}.telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion--dark-bg .telia-accordion__heading{color:#ffffff}.telia-accordion--dark-bg .telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}", u = /* @__PURE__ */ c(class extends d {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(), this.__registerHost(), this.__attachShadow(), this.headingTag = l.H2, this.indented = !1, this.componentClass = "telia-accordion", this.dataTrackingId = "telia-accordion";
|
|
12
|
+
}
|
|
13
|
+
keydownHandler(t) {
|
|
14
|
+
if (t.target.nodeName.toLowerCase() !== "telia-accordion-item")
|
|
15
|
+
return;
|
|
16
|
+
this.stopPreventRelevantEvents(t);
|
|
17
|
+
const a = this.fetchAccordionItems(), o = a.findIndex((r) => r === t.target);
|
|
18
|
+
let s = this.getNextIndex(t.key, o, a.length);
|
|
19
|
+
a[s].focusButton();
|
|
20
|
+
}
|
|
21
|
+
componentWillLoad() {
|
|
22
|
+
this.host.childNodes.forEach((t) => {
|
|
23
|
+
t.indented = this.indented;
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
fetchAccordionItems() {
|
|
27
|
+
const t = [];
|
|
28
|
+
return this.host.querySelectorAll("telia-accordion-item").forEach((e) => t.push(e)), t;
|
|
29
|
+
}
|
|
30
|
+
getNextIndex(t, e, a) {
|
|
31
|
+
let o = e;
|
|
32
|
+
switch (t) {
|
|
33
|
+
case n.ArrowDown:
|
|
34
|
+
o = e + 1, o === a && (o = 0);
|
|
35
|
+
break;
|
|
36
|
+
case n.ArrowUp:
|
|
37
|
+
o = e - 1, o < 0 && (o = a - 1);
|
|
38
|
+
break;
|
|
39
|
+
case n.Home:
|
|
40
|
+
o = 0;
|
|
41
|
+
break;
|
|
42
|
+
case n.End:
|
|
43
|
+
o = a - 1;
|
|
44
|
+
break;
|
|
45
|
+
}
|
|
46
|
+
return o;
|
|
47
|
+
}
|
|
48
|
+
stopPreventRelevantEvents(t) {
|
|
49
|
+
g.indexOf(t.key) > -1 && (t.stopPropagation(), t.preventDefault());
|
|
50
|
+
}
|
|
51
|
+
render() {
|
|
52
|
+
const t = {
|
|
53
|
+
[this.componentClass]: !0,
|
|
54
|
+
[this.componentClass.concat("--dark-bg")]: this.darkBackground
|
|
55
|
+
}, e = {
|
|
56
|
+
[this.componentClass.concat("__heading")]: !0
|
|
57
|
+
}, a = {
|
|
58
|
+
[this.componentClass.concat("__items")]: !0
|
|
59
|
+
};
|
|
60
|
+
return i("section", { class: t }, i("telia-vst", { dataTrackingId: this.dataTrackingId }), this.heading ? i("div", { class: e }, i("telia-heading", { tag: this.headingTag, variant: "title-300" }, this.heading)) : "", i("div", { class: a }, i("slot", null)));
|
|
61
|
+
}
|
|
62
|
+
get host() {
|
|
63
|
+
return this;
|
|
64
|
+
}
|
|
65
|
+
static get style() {
|
|
66
|
+
return f;
|
|
67
|
+
}
|
|
68
|
+
}, [1, "telia-accordion", {
|
|
69
|
+
heading: [1],
|
|
70
|
+
headingTag: [1, "heading-tag"],
|
|
71
|
+
darkBackground: [4, "dark-background"],
|
|
72
|
+
indented: [4],
|
|
73
|
+
dataTestid: [1, "data-testid"]
|
|
74
|
+
}, [[0, "keydown", "keydownHandler"]]]);
|
|
75
|
+
function p() {
|
|
76
|
+
if (typeof customElements > "u")
|
|
77
|
+
return;
|
|
78
|
+
["telia-accordion", "telia-heading", "telia-vst"].forEach((e) => {
|
|
79
|
+
switch (e) {
|
|
80
|
+
case "telia-accordion":
|
|
81
|
+
customElements.get(e) || customElements.define(e, u);
|
|
82
|
+
break;
|
|
83
|
+
case "telia-heading":
|
|
84
|
+
customElements.get(e) || m();
|
|
85
|
+
break;
|
|
86
|
+
case "telia-vst":
|
|
87
|
+
customElements.get(e) || h();
|
|
88
|
+
break;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
p();
|
|
93
|
+
//# sourceMappingURL=telia-accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"telia-accordion.js","sources":["../../../../node_modules/.pnpm/@teliads+components@18.1.7/node_modules/@teliads/components/dist/components/telia-accordion2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { H as HTag, d as defineCustomElement$2 } from './telia-heading2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst AccordionNavigation = {\n Home: 'Home',\n End: 'End',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n};\nconst AccordionNavigationArray = Object.keys(AccordionNavigation);\n\nconst teliaAccordionCss = \".telia-accordion__heading{margin:0;padding:calc(3.2rem * var(--voca-rem-multiplier)) 0}.telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #606064}.telia-accordion--dark-bg .telia-accordion__heading{color:#ffffff}.telia-accordion--dark-bg .telia-accordion__items{border-top:calc(0.1rem * var(--voca-rem-multiplier)) solid #8c8c90}\";\n\nconst TeliaAccordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * H-tag for the heading. Useful if the accordion group\n * (and its items) is placed in content where a specific\n * heading level makes more sense.\n */\n this.headingTag = HTag.H2;\n /** Accorion text is indented */\n this.indented = false;\n this.componentClass = 'telia-accordion';\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-accordion';\n }\n // eslint-disable-next-line @stencil/prefer-vdom-listener\n keydownHandler(ev) {\n const target = ev.target;\n if (target.nodeName.toLowerCase() !== 'telia-accordion-item') {\n return;\n }\n this.stopPreventRelevantEvents(ev);\n const items = this.fetchAccordionItems();\n const emitterIndex = items.findIndex(item => {\n return item === ev.target;\n });\n let nextIndex = this.getNextIndex(ev.key, emitterIndex, items.length);\n items[nextIndex].focusButton();\n }\n componentWillLoad() {\n // Inject config in all Slotted elements\n this.host.childNodes.forEach(element => {\n element['indented'] = this.indented;\n });\n }\n fetchAccordionItems() {\n const items = [];\n this.host\n .querySelectorAll('telia-accordion-item')\n .forEach(item => items.push(item));\n return items;\n }\n getNextIndex(key, currentIndex, length) {\n let nextIndex = currentIndex;\n switch (key) {\n case AccordionNavigation.ArrowDown:\n nextIndex = currentIndex + 1;\n if (nextIndex === length) {\n nextIndex = 0;\n }\n break;\n case AccordionNavigation.ArrowUp:\n nextIndex = currentIndex - 1;\n if (nextIndex < 0) {\n nextIndex = length - 1;\n }\n break;\n case AccordionNavigation.Home:\n nextIndex = 0;\n break;\n case AccordionNavigation.End:\n nextIndex = length - 1;\n break;\n }\n return nextIndex;\n }\n stopPreventRelevantEvents(ev) {\n if (AccordionNavigationArray.indexOf(ev.key) > -1) {\n ev.stopPropagation();\n ev.preventDefault();\n }\n }\n render() {\n const mainClass = {\n [this.componentClass]: true,\n [this.componentClass.concat('--dark-bg')]: this.darkBackground,\n };\n const headingClass = {\n [this.componentClass.concat('__heading')]: true,\n };\n const itemsClass = {\n [this.componentClass.concat('__items')]: true,\n };\n return (h(\"section\", { class: mainClass }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), this.heading ? (h(\"div\", { class: headingClass }, h(\"telia-heading\", { tag: this.headingTag, variant: \"title-300\" }, this.heading))) : (''), h(\"div\", { class: itemsClass }, h(\"slot\", null))));\n }\n get host() { return this; }\n static get style() { return teliaAccordionCss; }\n}, [1, \"telia-accordion\", {\n \"heading\": [1],\n \"headingTag\": [1, \"heading-tag\"],\n \"darkBackground\": [4, \"dark-background\"],\n \"indented\": [4],\n \"dataTestid\": [1, \"data-testid\"]\n }, [[0, \"keydown\", \"keydownHandler\"]]]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-accordion\", \"telia-heading\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-accordion\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaAccordion);\n }\n break;\n case \"telia-heading\":\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 { TeliaAccordion as T, defineCustomElement as d };\n"],"names":["AccordionNavigation","AccordionNavigationArray","teliaAccordionCss","TeliaAccordion","proxyCustomElement","HTMLElement","HTag","ev","items","emitterIndex","item","nextIndex","element","key","currentIndex","length","mainClass","headingClass","itemsClass","h","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { c as E } from "../../chevron-down.d3b31c8e.js";
|
|
|
5
5
|
import { c as J } from "../../close.676a0585.js";
|
|
6
6
|
import { d as U } from "../../telia-field-assistive-text2.4224fc51.js";
|
|
7
7
|
import { d as X } from "../../telia-field-error2.fac3aa1e.js";
|
|
8
|
-
import { d as Q } from "../../telia-heading2.
|
|
8
|
+
import { d as Q } from "../../telia-heading2.60bf02b3.js";
|
|
9
9
|
import { d as ee } from "../../telia-icon2.0c9ea836.js";
|
|
10
10
|
import { d as te } from "../../telia-label2.be754448.js";
|
|
11
11
|
import { d as ae } from "../../telia-vst2.f685dec5.js";
|
|
@@ -3,7 +3,7 @@ import { c as n } from "../../check-circle-filled.df23e8c5.js";
|
|
|
3
3
|
import { c } from "../../close.676a0585.js";
|
|
4
4
|
import { e as s } from "../../error-filled.75f308c7.js";
|
|
5
5
|
import { d as m } from "../../telia-button-text2.fa5110ba.js";
|
|
6
|
-
import { d } from "../../telia-heading2.
|
|
6
|
+
import { d } from "../../telia-heading2.60bf02b3.js";
|
|
7
7
|
import { d as u } from "../../telia-icon2.0c9ea836.js";
|
|
8
8
|
import { d as v } from "../../telia-vst2.f685dec5.js";
|
|
9
9
|
import "../../getSvgContent.d324bd28.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/alliance-ui",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.9",
|
|
4
4
|
"description": "UI components used by ACE Alliance apps.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"lit": "^2.4.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@telia-ace/alliance-utilities": "^1.0.0-beta.
|
|
36
|
+
"@telia-ace/alliance-utilities": "^1.0.0-beta.12",
|
|
37
37
|
"@types/fs-extra": "^9.0.13",
|
|
38
38
|
"fs-extra": "^10.1.0",
|
|
39
39
|
"vite": "^3.1.8"
|