@telia-ace/alliance-ui 1.0.4 → 1.0.5-next.1

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.
Files changed (162) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/README.md +34 -33
  3. package/chunks/check-circle-filled-42095247.js.map +1 -1
  4. package/chunks/chevron-down-50d47dd6.js.map +1 -1
  5. package/chunks/chevron-right-788ce8a9.js.map +1 -1
  6. package/chunks/close-ac6e4f1c.js.map +1 -1
  7. package/chunks/error-filled-8de50bdd.js.map +1 -1
  8. package/chunks/getSvgContent-f2389ce0.js.map +1 -1
  9. package/chunks/{index-629ecbb8.js → index-17652cf7.js} +15 -6
  10. package/chunks/{index-629ecbb8.js.map → index-17652cf7.js.map} +1 -1
  11. package/chunks/{stringCombiner-67bee7be.js → stringCombiner-10b57054.js} +7 -2
  12. package/chunks/{stringCombiner-67bee7be.js.map → stringCombiner-10b57054.js.map} +1 -1
  13. package/chunks/telia-button-ef4894d0.js +108 -0
  14. package/chunks/telia-button-ef4894d0.js.map +1 -0
  15. package/chunks/{telia-button-text2-c070e5fa.js → telia-button-text2-e1510558.js} +4 -4
  16. package/chunks/{telia-button-text2-c070e5fa.js.map → telia-button-text2-e1510558.js.map} +1 -1
  17. package/chunks/{telia-card-frame2-e5f8bb1f.js → telia-card-frame2-2d46eef6.js} +3 -3
  18. package/chunks/{telia-card-frame2-e5f8bb1f.js.map → telia-card-frame2-2d46eef6.js.map} +1 -1
  19. package/chunks/{telia-field-assistive-text2-a7ada9a5.js → telia-field-assistive-text2-fd970326.js} +3 -3
  20. package/chunks/{telia-field-assistive-text2-a7ada9a5.js.map → telia-field-assistive-text2-fd970326.js.map} +1 -1
  21. package/chunks/{telia-field-error2-341030c7.js → telia-field-error2-63eae7b3.js} +4 -4
  22. package/chunks/{telia-field-error2-341030c7.js.map → telia-field-error2-63eae7b3.js.map} +1 -1
  23. package/chunks/{telia-field-valid2-663bc79f.js → telia-field-valid2-bda898b1.js} +4 -4
  24. package/chunks/{telia-field-valid2-663bc79f.js.map → telia-field-valid2-bda898b1.js.map} +1 -1
  25. package/chunks/{telia-heading2-de9de777.js → telia-heading2-5fdf4c16.js} +3 -3
  26. package/chunks/{telia-heading2-de9de777.js.map → telia-heading2-5fdf4c16.js.map} +1 -1
  27. package/chunks/{telia-icon2-9c59983c.js → telia-icon2-34bf5aef.js} +8 -3
  28. package/chunks/{telia-icon2-9c59983c.js.map → telia-icon2-34bf5aef.js.map} +1 -1
  29. package/chunks/{telia-label2-92041936.js → telia-label2-4d674e5e.js} +3 -3
  30. package/chunks/{telia-label2-92041936.js.map → telia-label2-4d674e5e.js.map} +1 -1
  31. package/chunks/{telia-link2-d0077a7e.js → telia-link2-7769b385.js} +4 -4
  32. package/chunks/{telia-link2-d0077a7e.js.map → telia-link2-7769b385.js.map} +1 -1
  33. package/chunks/{telia-navigation-button2-4686098e.js → telia-navigation-button2-a0b24d67.js} +4 -4
  34. package/chunks/{telia-navigation-button2-4686098e.js.map → telia-navigation-button2-a0b24d67.js.map} +1 -1
  35. package/chunks/telia-style-link2-bbd8d17a.js +55 -0
  36. package/chunks/telia-style-link2-bbd8d17a.js.map +1 -0
  37. package/chunks/{telia-style-navigation-item2-fe0721bb.js → telia-style-navigation-item2-58683cd9.js} +3 -3
  38. package/chunks/{telia-style-navigation-item2-fe0721bb.js.map → telia-style-navigation-item2-58683cd9.js.map} +1 -1
  39. package/chunks/{telia-tab-header2-a4329adf.js → telia-tab-header2-bd04582d.js} +23 -15
  40. package/chunks/telia-tab-header2-bd04582d.js.map +1 -0
  41. package/chunks/{telia-visually-hidden2-9e970a02.js → telia-visually-hidden2-71416262.js} +3 -3
  42. package/chunks/{telia-visually-hidden2-9e970a02.js.map → telia-visually-hidden2-71416262.js.map} +1 -1
  43. package/chunks/{telia-vst2-5b28f085.js → telia-vst2-1a7f7bd6.js} +2 -2
  44. package/chunks/{telia-vst2-5b28f085.js.map → telia-vst2-1a7f7bd6.js.map} +1 -1
  45. package/chunks/uniqueId-0daf01ec.js.map +1 -1
  46. package/chunks/variables-03fe2cd9.js.map +1 -1
  47. package/components/alliance-paginator/alliance-paginator-button.d.ts +1 -0
  48. package/components/alliance-paginator/alliance-paginator.d.ts +2 -0
  49. package/components/alliance-paginator/alliance-paginator.stories.d.ts +6 -0
  50. package/components/alliance-paginator/get-pagination.d.ts +7 -1
  51. package/components/alliance-paginator/index.d.ts +1 -0
  52. package/components/{alliance-object-list/alliance-object-list.d.ts → alliance-table/alliance-table-body.d.ts} +1 -1
  53. package/components/{alliance-object-list/alliance-object-list-item.d.ts → alliance-table/alliance-table-data.d.ts} +1 -2
  54. package/components/{alliance-object-list/alliance-object-list-head.d.ts → alliance-table/alliance-table-head.d.ts} +1 -2
  55. package/components/{alliance-object-list/alliance-object-list-row.d.ts → alliance-table/alliance-table-row.d.ts} +1 -2
  56. package/components/alliance-table/alliance-table.d.ts +5 -0
  57. package/components/alliance-table/alliance-table.stories.d.ts +6 -0
  58. package/components/alliance-table/index.d.ts +5 -0
  59. package/components/index.d.ts +1 -1
  60. package/components/index.js +412 -355
  61. package/components/index.js.map +1 -1
  62. package/package.json +20 -8
  63. package/voca/components/telia-accordion-item.js +6 -3
  64. package/voca/components/telia-accordion-item.js.map +1 -1
  65. package/voca/components/telia-accordion.js +32 -21
  66. package/voca/components/telia-accordion.js.map +1 -1
  67. package/voca/components/telia-badge.js +2 -2
  68. package/voca/components/telia-badge.js.map +1 -1
  69. package/voca/components/telia-button-text.js +4 -4
  70. package/voca/components/telia-button.js +4 -4
  71. package/voca/components/telia-card-frame-link.js +5 -5
  72. package/voca/components/telia-card-frame-link.js.map +1 -1
  73. package/voca/components/telia-card-frame.js +3 -3
  74. package/voca/components/telia-checkbox.js +8 -8
  75. package/voca/components/telia-checkbox.js.map +1 -1
  76. package/voca/components/telia-chip-choice.js +2 -2
  77. package/voca/components/telia-chip-choice.js.map +1 -1
  78. package/voca/components/telia-chip-filter.js +3 -3
  79. package/voca/components/telia-chip-filter.js.map +1 -1
  80. package/voca/components/telia-col.js +3 -3
  81. package/voca/components/telia-col.js.map +1 -1
  82. package/voca/components/telia-color-dot.js +2 -2
  83. package/voca/components/telia-color-dot.js.map +1 -1
  84. package/voca/components/telia-cta-link.js +3 -3
  85. package/voca/components/telia-cta-link.js.map +1 -1
  86. package/voca/components/telia-date-picker.js +34 -11
  87. package/voca/components/telia-date-picker.js.map +1 -1
  88. package/voca/components/telia-divider.js +45 -3
  89. package/voca/components/telia-divider.js.map +1 -1
  90. package/voca/components/telia-field-assistive-text.js +3 -3
  91. package/voca/components/telia-field-error.js +4 -4
  92. package/voca/components/telia-field-valid.js +4 -4
  93. package/voca/components/telia-fieldset.js +2 -2
  94. package/voca/components/telia-fieldset.js.map +1 -1
  95. package/voca/components/telia-focus-trap.js +11 -2
  96. package/voca/components/telia-focus-trap.js.map +1 -1
  97. package/voca/components/telia-form.js +3 -2
  98. package/voca/components/telia-form.js.map +1 -1
  99. package/voca/components/telia-grid.js +2 -2
  100. package/voca/components/telia-grid.js.map +1 -1
  101. package/voca/components/telia-heading.js +3 -3
  102. package/voca/components/telia-icon.js +3 -3
  103. package/voca/components/telia-image.js +2 -2
  104. package/voca/components/telia-image.js.map +1 -1
  105. package/voca/components/telia-label.js +3 -3
  106. package/voca/components/telia-link-image.js +5 -5
  107. package/voca/components/telia-link-image.js.map +1 -1
  108. package/voca/components/telia-link.js +4 -4
  109. package/voca/components/telia-list.js +6 -2
  110. package/voca/components/telia-list.js.map +1 -1
  111. package/voca/components/telia-logo.js +2 -2
  112. package/voca/components/telia-logo.js.map +1 -1
  113. package/voca/components/telia-navigation-button.js +4 -4
  114. package/voca/components/telia-navigation-dropdown.js +22 -5
  115. package/voca/components/telia-navigation-dropdown.js.map +1 -1
  116. package/voca/components/telia-navigation-link.js +3 -3
  117. package/voca/components/telia-navigation-link.js.map +1 -1
  118. package/voca/components/telia-notification.js +10 -5
  119. package/voca/components/telia-notification.js.map +1 -1
  120. package/voca/components/telia-overlay.js +2 -2
  121. package/voca/components/telia-overlay.js.map +1 -1
  122. package/voca/components/telia-p.js +2 -2
  123. package/voca/components/telia-p.js.map +1 -1
  124. package/voca/components/telia-pictogram.js +22 -2
  125. package/voca/components/telia-pictogram.js.map +1 -1
  126. package/voca/components/telia-radio-button.js +16 -16
  127. package/voca/components/telia-radio-button.js.map +1 -1
  128. package/voca/components/telia-row.js +2 -2
  129. package/voca/components/telia-row.js.map +1 -1
  130. package/voca/components/telia-select.js +8 -8
  131. package/voca/components/telia-select.js.map +1 -1
  132. package/voca/components/telia-skeleton.js +2 -2
  133. package/voca/components/telia-skeleton.js.map +1 -1
  134. package/voca/components/telia-status-badge.js +3 -3
  135. package/voca/components/telia-status-badge.js.map +1 -1
  136. package/voca/components/telia-style-link.js +3 -3
  137. package/voca/components/telia-style-navigation-item.js +3 -3
  138. package/voca/components/telia-tab-content.js +1 -1
  139. package/voca/components/telia-tab-content.js.map +1 -1
  140. package/voca/components/telia-tab-header.js +4 -4
  141. package/voca/components/telia-tab.js +70 -65
  142. package/voca/components/telia-tab.js.map +1 -1
  143. package/voca/components/telia-text-input.js +26 -10
  144. package/voca/components/telia-text-input.js.map +1 -1
  145. package/voca/components/telia-text-spacing.js +2 -2
  146. package/voca/components/telia-text-spacing.js.map +1 -1
  147. package/voca/components/telia-textarea.js +9 -9
  148. package/voca/components/telia-textarea.js.map +1 -1
  149. package/voca/components/telia-toggle.js +3 -3
  150. package/voca/components/telia-toggle.js.map +1 -1
  151. package/voca/components/telia-visually-hidden.js +3 -3
  152. package/voca/foundations/index.js +60 -49
  153. package/voca/foundations/index.js.map +1 -1
  154. package/voca/icons/index.js.map +1 -1
  155. package/chunks/telia-button-a8a03bcb.js +0 -105
  156. package/chunks/telia-button-a8a03bcb.js.map +0 -1
  157. package/chunks/telia-divider-644c043b.js +0 -46
  158. package/chunks/telia-divider-644c043b.js.map +0 -1
  159. package/chunks/telia-style-link2-e6b7be00.js +0 -55
  160. package/chunks/telia-style-link2-e6b7be00.js.map +0 -1
  161. package/chunks/telia-tab-header2-a4329adf.js.map +0 -1
  162. package/components/alliance-object-list/index.d.ts +0 -4
@@ -1,105 +0,0 @@
1
- import { p as l, H as i, h as r } from "./index-629ecbb8.js";
2
- import { d as c } from "./telia-icon2-9c59983c.js";
3
- import { d as n } from "./telia-vst2-5b28f085.js";
4
- const o = {
5
- PRIMARY: "primary",
6
- SECONDARY: "secondary",
7
- EXPRESSIVE: "expressive",
8
- DESTRUCTIVE: "destructive",
9
- TERTIARY_PURPLE: "tertiary-purple",
10
- TEXT: "text",
11
- PRIMARY_WHITE: "primary-white",
12
- SECONDARY_WHITE: "secondary-white",
13
- EXPRESSIVE_WHITE: "expressive-white",
14
- PURCHASE: "purchase",
15
- PURCHASE_SECONDARY: "purchase-secondary",
16
- TERTIARY_BLACK: "tertiary-black",
17
- TERTIARY_DESTRUCTIVE: "tertiary-destructive"
18
- };
19
- Object.values(o);
20
- const u = '.telia-button{border-radius:calc(99.9rem * var(--voca-rem-multiplier));font-size:calc(1.6rem * var(--voca-rem-multiplier));font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:500;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;line-height:calc(1.6rem * var(--voca-rem-multiplier));outline:0;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier));position:relative;transition:all 150ms ease;width:auto;}@media screen and (min-width: 37.5em){.telia-button{width:auto}}.telia-button:focus{}.telia-button:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)))}.telia-button:focus:not(:focus-visible)::before{box-shadow:none}.telia-button:disabled{background-color:rgba(0, 0, 0, 0.1);border:0 solid rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-button--primary{background-color:#29003e;border:0 solid #29003e;color:#ffffff}.telia-button--primary:hover{background-color:#5e0092;color:#ffffff}.telia-button--primary:active{background-color:#7800b4;color:#ffffff}.telia-button--secondary{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;color:#29003e}.telia-button--secondary:hover{background-color:#29003e;color:#ffffff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-button--secondary:active{background-color:#5e0092;color:#ffffff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092}.telia-button--secondary:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.1)}.telia-button--expressive{background-color:#990ae3;border:0 solid #990ae3;color:#ffffff}.telia-button--expressive:hover{background-color:#7800b4}.telia-button--expressive:active{background-color:#5e0092}.telia-button--destructive{background-color:#e4175c;border:0 solid #e4175c;color:#ffffff}.telia-button--destructive:hover{background-color:#be0040}.telia-button--destructive:active{background-color:#890e37}.telia-button--destructive.telia-button{}.telia-button--destructive.telia-button.telia-button--icon-only{display:none}.telia-button--tertiary-purple{background-color:transparent;border:0 solid #ffffff;color:#5e0092}.telia-button--tertiary-purple:hover{background-color:#edc8ff;color:#29003e}.telia-button--tertiary-purple:active{background-color:#de99ff;color:#29003e}.telia-button--text{background-color:transparent;color:#5e0092;font-family:"TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;border-radius:0;border:0}.telia-button--text:hover{color:#7800b4}.telia-button--text:active{color:#990ae3}.telia-button--text:disabled{color:rgba(0, 0, 0, 0.4);background-color:transparent}.telia-button--text:focus{}.telia-button--text:focus::before{border-radius:0}.telia-button--text.telia-button{}.telia-button--text.telia-button--lg{padding-left:0;padding-right:0}.telia-button--text.telia-button.telia-button--icon-only{padding:calc(1.2rem * var(--voca-rem-multiplier))}.telia-button--text.telia-button--md.telia-button--icon-only{padding:calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--text.telia-button--lg.telia-button--icon-only{padding:calc(2rem * var(--voca-rem-multiplier))}.telia-button--primary-white{background-color:#ffffff;border:0 solid #ffffff;color:#29003e}.telia-button--primary-white:hover{background-color:#fbf0ff}.telia-button--primary-white:active{background-color:#edc8ff}.telia-button--primary-white:disabled{background-color:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.4)}.telia-button--secondary-white{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #ffffff;color:#ffffff}.telia-button--secondary-white:hover{background-color:#fbf0ff;color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #fbf0ff}.telia-button--secondary-white:active{background-color:#edc8ff;color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff}.telia-button--secondary-white:disabled{background-color:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.4);border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.1)}.telia-button--expressive-white{background-color:#990ae3;color:#ffffff}.telia-button--expressive-white:hover{background-color:#c158f8;color:#29003e}.telia-button--expressive-white:active{background-color:#de99ff;color:#29003e}.telia-button--expressive-white:disabled{background-color:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.4);border:0 solid #ffffff}.telia-button--secondary,.telia-button--secondary-white{padding:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button.telia-button--icon-only,.telia-button--secondary-white.telia-button.telia-button--icon-only{padding:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button--sm,.telia-button--secondary-white.telia-button--sm{padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button--sm.telia-button--icon-only,.telia-button--secondary-white.telia-button--sm.telia-button--icon-only{padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button--lg,.telia-button--secondary-white.telia-button--lg{padding:calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(3.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button--lg.telia-button--icon-only,.telia-button--secondary-white.telia-button--lg.telia-button--icon-only{padding:calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--purchase{background-color:#008641;border:0 solid #008641;color:#ffffff}.telia-button--purchase:hover{background-color:#00572a}.telia-button--purchase:active{background-color:#00361a}.telia-button--purchase:disabled{background-color:#b0b0b5}.telia-button--purchase-secondary{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641;color:#008641;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--purchase-secondary:hover{background-color:#008641;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641}.telia-button--purchase-secondary:active{background-color:#00572a;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #00572a}.telia-button--purchase-secondary:disabled{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5;color:#b0b0b5}.telia-button--tertiary-black{background-color:transparent;border:0 solid #ffffff;color:#222222}.telia-button--tertiary-black:hover{background-color:#dcdce1}.telia-button--tertiary-black:active{background-color:#c8c8cd}.telia-button--tertiary-black:disabled{color:#b0b0b5;background-color:transparent}.telia-button--tertiary-destructive{background-color:transparent;border:0 solid #ffffff;color:#be0040}.telia-button--tertiary-destructive:hover{background-color:#fad1de;color:#be0040}.telia-button--tertiary-destructive:active{background-color:#f6aec6;color:#be0040}.telia-button--tertiary-destructive:disabled{color:#b0b0b5;background-color:transparent}.telia-button.telia-button--icon-only{padding:calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--sm.telia-button--text,.telia-button--md.telia-button--text,.telia-button--lg.telia-button--text{padding-left:0;padding-right:0}.telia-button--sm{padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--sm.telia-button--icon-only{padding:calc(1.2rem * var(--voca-rem-multiplier))}.telia-button--lg{padding:calc(2rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier))}.telia-button--lg.telia-button--icon-only{padding:calc(2rem * var(--voca-rem-multiplier))}.telia-button--full-width{width:100%}.telia-button telia-icon[slot=left]{margin-right:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}.telia-button telia-icon[slot=right]{margin-left:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}', s = /* @__PURE__ */ l(class extends i {
21
- constructor() {
22
- super(), this.__registerHost(), this.allyExpanded = !1, this.allyLabel = null, this.disabled = !1, this.type = "submit", this.fullWidth = !1, this.size = "md", this.htmlAutofocus = !1, this.formnovalidate = !1, this.iconOnly = !1, this.dataTrackingId = "telia-button", this.parseJSON = (t) => typeof t == "string" && t ? JSON.parse(t) : t, this.renderContent = () => {
23
- if (this.text || this.leftIcon || this.rightIcon) {
24
- const t = this.parseJSON(this.leftIcon), e = this.parseJSON(this.rightIcon);
25
- return [
26
- t ? r("telia-icon", Object.assign({ slot: "left" }, t)) : null,
27
- this.text,
28
- e ? r("telia-icon", Object.assign({ slot: "right" }, e)) : null
29
- ].filter((a) => a);
30
- }
31
- return [r("slot", { name: "left" }), r("slot", null), r("slot", { name: "right" })];
32
- };
33
- }
34
- clickHandler(t) {
35
- this.disabled && (t.preventDefault(), t.stopPropagation());
36
- }
37
- validateDeprecatedVariants() {
38
- [
39
- o.TERTIARY_BLACK,
40
- o.PURCHASE,
41
- o.PURCHASE_SECONDARY,
42
- o.TERTIARY_DESTRUCTIVE
43
- ].includes(this.variant) && this.size === "lg" && (this.size = "md", console.warn(`Derpreaction warning - [Telia-button]: LG size option is not supported by ${this.variant} variant. This variant will be depracted soon.`));
44
- }
45
- componentWillLoad() {
46
- this.validateDeprecatedVariants(), this.iconOnly = !this.host.textContent && this.host.innerHTML.includes("telia-icon");
47
- }
48
- render() {
49
- return r("button", { class: {
50
- "telia-button": !0,
51
- [`telia-button--${this.variant}`]: !!this.variant,
52
- "telia-button--full-width": this.fullWidth,
53
- [`telia-button--${this.size}`]: !0,
54
- ["telia-button--icon-only"]: this.iconOnly
55
- }, "aria-controls": this.allyControls, "aria-expanded": this.allyExpanded, "aria-label": this.allyLabel, autoFocus: this.htmlAutofocus, disabled: this.disabled, form: this.form, formaction: this.formaction, formenctype: this.formenctype, formmethod: this.formmethod, formnovalidate: this.formnovalidate, formtarget: this.formtarget, type: this.type, value: this.value }, r("telia-vst", { dataTrackingId: this.dataTrackingId }), this.renderContent());
56
- }
57
- get host() {
58
- return this;
59
- }
60
- static get style() {
61
- return u;
62
- }
63
- }, [4, "telia-button", {
64
- variant: [1],
65
- dataTestid: [1, "data-testid"],
66
- allyControls: [1, "ally-controls"],
67
- allyExpanded: [4, "ally-expanded"],
68
- allyLabel: [1, "ally-label"],
69
- disabled: [4],
70
- type: [1],
71
- form: [1],
72
- value: [1],
73
- fullWidth: [4, "full-width"],
74
- size: [1],
75
- htmlAutofocus: [4, "html-autofocus"],
76
- formaction: [1],
77
- formenctype: [1],
78
- formmethod: [1],
79
- formnovalidate: [4],
80
- formtarget: [1],
81
- name: [1],
82
- text: [1],
83
- leftIcon: [1, "left-icon"],
84
- rightIcon: [1, "right-icon"],
85
- iconOnly: [32]
86
- }, [[2, "click", "clickHandler"]]]);
87
- function d() {
88
- if (typeof customElements > "u")
89
- return;
90
- ["telia-button", "telia-icon", "telia-vst"].forEach((e) => {
91
- switch (e) {
92
- case "telia-button":
93
- customElements.get(e) || customElements.define(e, s);
94
- break;
95
- case "telia-icon":
96
- customElements.get(e) || c();
97
- break;
98
- case "telia-vst":
99
- customElements.get(e) || n();
100
- break;
101
- }
102
- });
103
- }
104
- d();
105
- //# sourceMappingURL=telia-button-a8a03bcb.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"telia-button-a8a03bcb.js","sources":["../../../node_modules/.pnpm/@teliads+components@18.3.3/node_modules/@teliads/components/dist/components/telia-button.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst ButtonVariant = {\n PRIMARY: 'primary',\n SECONDARY: 'secondary',\n EXPRESSIVE: 'expressive',\n DESTRUCTIVE: 'destructive',\n TERTIARY_PURPLE: 'tertiary-purple',\n TEXT: 'text',\n PRIMARY_WHITE: 'primary-white',\n SECONDARY_WHITE: 'secondary-white',\n EXPRESSIVE_WHITE: 'expressive-white',\n // To be deprecated -->\n PURCHASE: 'purchase',\n PURCHASE_SECONDARY: 'purchase-secondary',\n TERTIARY_BLACK: 'tertiary-black',\n TERTIARY_DESTRUCTIVE: 'tertiary-destructive',\n // <-- depretation ends\n};\nObject.values(ButtonVariant);\n\nconst teliaButtonCss = \".telia-button{border-radius:calc(99.9rem * var(--voca-rem-multiplier));font-size:calc(1.6rem * var(--voca-rem-multiplier));font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:500;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;line-height:calc(1.6rem * var(--voca-rem-multiplier));outline:0;padding:calc(1.6rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier));position:relative;transition:all 150ms ease;width:auto;}@media screen and (min-width: 37.5em){.telia-button{width:auto}}.telia-button:focus{}.telia-button:focus::before{border-radius:calc(99.9rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)))}.telia-button:focus:not(:focus-visible)::before{box-shadow:none}.telia-button:disabled{background-color:rgba(0, 0, 0, 0.1);border:0 solid rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-button--primary{background-color:#29003e;border:0 solid #29003e;color:#ffffff}.telia-button--primary:hover{background-color:#5e0092;color:#ffffff}.telia-button--primary:active{background-color:#7800b4;color:#ffffff}.telia-button--secondary{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;color:#29003e}.telia-button--secondary:hover{background-color:#29003e;color:#ffffff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e}.telia-button--secondary:active{background-color:#5e0092;color:#ffffff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092}.telia-button--secondary:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.1)}.telia-button--expressive{background-color:#990ae3;border:0 solid #990ae3;color:#ffffff}.telia-button--expressive:hover{background-color:#7800b4}.telia-button--expressive:active{background-color:#5e0092}.telia-button--destructive{background-color:#e4175c;border:0 solid #e4175c;color:#ffffff}.telia-button--destructive:hover{background-color:#be0040}.telia-button--destructive:active{background-color:#890e37}.telia-button--destructive.telia-button{}.telia-button--destructive.telia-button.telia-button--icon-only{display:none}.telia-button--tertiary-purple{background-color:transparent;border:0 solid #ffffff;color:#5e0092}.telia-button--tertiary-purple:hover{background-color:#edc8ff;color:#29003e}.telia-button--tertiary-purple:active{background-color:#de99ff;color:#29003e}.telia-button--text{background-color:transparent;color:#5e0092;font-family:\\\"TeliaSans\\\", Helvetica, Arial, \\\"Lucida Grande\\\", sans-serif;font-weight:normal;border-radius:0;border:0}.telia-button--text:hover{color:#7800b4}.telia-button--text:active{color:#990ae3}.telia-button--text:disabled{color:rgba(0, 0, 0, 0.4);background-color:transparent}.telia-button--text:focus{}.telia-button--text:focus::before{border-radius:0}.telia-button--text.telia-button{}.telia-button--text.telia-button--lg{padding-left:0;padding-right:0}.telia-button--text.telia-button.telia-button--icon-only{padding:calc(1.2rem * var(--voca-rem-multiplier))}.telia-button--text.telia-button--md.telia-button--icon-only{padding:calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--text.telia-button--lg.telia-button--icon-only{padding:calc(2rem * var(--voca-rem-multiplier))}.telia-button--primary-white{background-color:#ffffff;border:0 solid #ffffff;color:#29003e}.telia-button--primary-white:hover{background-color:#fbf0ff}.telia-button--primary-white:active{background-color:#edc8ff}.telia-button--primary-white:disabled{background-color:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.4)}.telia-button--secondary-white{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #ffffff;color:#ffffff}.telia-button--secondary-white:hover{background-color:#fbf0ff;color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #fbf0ff}.telia-button--secondary-white:active{background-color:#edc8ff;color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff}.telia-button--secondary-white:disabled{background-color:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.4);border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.1)}.telia-button--expressive-white{background-color:#990ae3;color:#ffffff}.telia-button--expressive-white:hover{background-color:#c158f8;color:#29003e}.telia-button--expressive-white:active{background-color:#de99ff;color:#29003e}.telia-button--expressive-white:disabled{background-color:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.4);border:0 solid #ffffff}.telia-button--secondary,.telia-button--secondary-white{padding:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button.telia-button--icon-only,.telia-button--secondary-white.telia-button.telia-button--icon-only{padding:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button--sm,.telia-button--secondary-white.telia-button--sm{padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button--sm.telia-button--icon-only,.telia-button--secondary-white.telia-button--sm.telia-button--icon-only{padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button--lg,.telia-button--secondary-white.telia-button--lg{padding:calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(3.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--secondary.telia-button--lg.telia-button--icon-only,.telia-button--secondary-white.telia-button--lg.telia-button--icon-only{padding:calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-button--purchase{background-color:#008641;border:0 solid #008641;color:#ffffff}.telia-button--purchase:hover{background-color:#00572a}.telia-button--purchase:active{background-color:#00361a}.telia-button--purchase:disabled{background-color:#b0b0b5}.telia-button--purchase-secondary{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641;color:#008641;padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--purchase-secondary:hover{background-color:#008641;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #008641}.telia-button--purchase-secondary:active{background-color:#00572a;color:#ffffff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #00572a}.telia-button--purchase-secondary:disabled{background-color:transparent;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #b0b0b5;color:#b0b0b5}.telia-button--tertiary-black{background-color:transparent;border:0 solid #ffffff;color:#222222}.telia-button--tertiary-black:hover{background-color:#dcdce1}.telia-button--tertiary-black:active{background-color:#c8c8cd}.telia-button--tertiary-black:disabled{color:#b0b0b5;background-color:transparent}.telia-button--tertiary-destructive{background-color:transparent;border:0 solid #ffffff;color:#be0040}.telia-button--tertiary-destructive:hover{background-color:#fad1de;color:#be0040}.telia-button--tertiary-destructive:active{background-color:#f6aec6;color:#be0040}.telia-button--tertiary-destructive:disabled{color:#b0b0b5;background-color:transparent}.telia-button.telia-button--icon-only{padding:calc(1.6rem * var(--voca-rem-multiplier))}.telia-button--sm.telia-button--text,.telia-button--md.telia-button--text,.telia-button--lg.telia-button--text{padding-left:0;padding-right:0}.telia-button--sm{padding:calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier))}.telia-button--sm.telia-button--icon-only{padding:calc(1.2rem * var(--voca-rem-multiplier))}.telia-button--lg{padding:calc(2rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier))}.telia-button--lg.telia-button--icon-only{padding:calc(2rem * var(--voca-rem-multiplier))}.telia-button--full-width{width:100%}.telia-button telia-icon[slot=left]{margin-right:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}.telia-button telia-icon[slot=right]{margin-left:calc(0.8rem * var(--voca-rem-multiplier));pointer-events:none}\";\n\nconst TeliaButton$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * If this button has expanded an element, set this prop to true.\n */\n this.allyExpanded = false;\n /** Describe unclear button context for better accessibility support */\n this.allyLabel = null;\n /** Set button disabled */\n this.disabled = false;\n /** Set button type */\n this.type = 'submit';\n /** Set button full width, button will take up the full width of its container */\n this.fullWidth = false;\n /** Set button size to small or default medium */\n this.size = 'md';\n /** Specifies that the button should have input focus when the page loads */\n this.htmlAutofocus = false;\n /** Specifies that the form is not to be validated when it is submitted */\n this.formnovalidate = false;\n /** Internal state for styling purpose of the icon */\n this.iconOnly = false;\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-button';\n this.parseJSON = (prop) => {\n return typeof prop === 'string' && prop ? JSON.parse(prop) : prop;\n };\n /**\n * Returns content provided via props or fallbacks to slots\n * @private\n */\n this.renderContent = () => {\n if (this.text || this.leftIcon || this.rightIcon) {\n const leftIconParsed = this.parseJSON(this.leftIcon);\n const rightIconParsed = this.parseJSON(this.rightIcon);\n return [\n leftIconParsed ? h(\"telia-icon\", Object.assign({ slot: \"left\" }, leftIconParsed)) : null,\n this.text,\n rightIconParsed ? (h(\"telia-icon\", Object.assign({ slot: \"right\" }, rightIconParsed))) : null,\n ].filter(el => el);\n }\n return [h(\"slot\", { name: \"left\" }), h(\"slot\", null), h(\"slot\", { name: \"right\" })];\n };\n }\n clickHandler(ev) {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n }\n // Remove validateDeprecatedVariants after deprecation of button variants\n validateDeprecatedVariants() {\n if ([\n ButtonVariant.TERTIARY_BLACK,\n ButtonVariant.PURCHASE,\n ButtonVariant.PURCHASE_SECONDARY,\n ButtonVariant.TERTIARY_DESTRUCTIVE,\n ].includes(this.variant) &&\n this.size === 'lg') {\n this.size = 'md';\n console.warn(`Derpreaction warning - [Telia-button]: LG size option is not supported by ${this.variant} variant. This variant will be depracted soon.`);\n }\n }\n componentWillLoad() {\n this.validateDeprecatedVariants();\n // In order to apply correct paddings for icon only button's\n this.iconOnly =\n !this.host.textContent && this.host.innerHTML.includes('telia-icon');\n }\n render() {\n return (h(\"button\", { class: {\n 'telia-button': true,\n [`telia-button--${this.variant}`]: !!this.variant,\n 'telia-button--full-width': this.fullWidth,\n [`telia-button--${this.size}`]: true,\n [`telia-button--icon-only`]: this.iconOnly,\n }, \"aria-controls\": this.allyControls, \"aria-expanded\": this.allyExpanded, \"aria-label\": this.allyLabel, autoFocus: this.htmlAutofocus, disabled: this.disabled, form: this.form, formaction: this.formaction, formenctype: this.formenctype, formmethod: this.formmethod, formnovalidate: this.formnovalidate, formtarget: this.formtarget, type: this.type, value: this.value }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }), this.renderContent()));\n }\n get host() { return this; }\n static get style() { return teliaButtonCss; }\n}, [4, \"telia-button\", {\n \"variant\": [1],\n \"dataTestid\": [1, \"data-testid\"],\n \"allyControls\": [1, \"ally-controls\"],\n \"allyExpanded\": [4, \"ally-expanded\"],\n \"allyLabel\": [1, \"ally-label\"],\n \"disabled\": [4],\n \"type\": [1],\n \"form\": [1],\n \"value\": [1],\n \"fullWidth\": [4, \"full-width\"],\n \"size\": [1],\n \"htmlAutofocus\": [4, \"html-autofocus\"],\n \"formaction\": [1],\n \"formenctype\": [1],\n \"formmethod\": [1],\n \"formnovalidate\": [4],\n \"formtarget\": [1],\n \"name\": [1],\n \"text\": [1],\n \"leftIcon\": [1, \"left-icon\"],\n \"rightIcon\": [1, \"right-icon\"],\n \"iconOnly\": [32]\n }, [[2, \"click\", \"clickHandler\"]]]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-button\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-button\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaButton$1);\n }\n break;\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaButton = TeliaButton$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaButton, defineCustomElement };\n"],"names":["ButtonVariant","teliaButtonCss","TeliaButton$1","proxyCustomElement","HTMLElement","prop","leftIconParsed","rightIconParsed","h","el","ev","defineCustomElement$1","tagName","defineCustomElement$3","defineCustomElement$2"],"mappings":"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"}
@@ -1,46 +0,0 @@
1
- import { p as a, H as s, h as i } from "./index-629ecbb8.js";
2
- import { d } from "./telia-vst2-5b28f085.js";
3
- const r = {
4
- WEAK: "weak",
5
- MEDIUM: "medium",
6
- STRONG: "strong"
7
- };
8
- Object.values(r);
9
- const o = ".telia-divider{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #dcdce1;height:0;}.telia-divider--dark-bg-weak{border-color:rgba(255, 255, 255, 0.12)}.telia-divider--light-bg-weak{border-color:rgba(0, 0, 0, 0.12)}.telia-divider--dark-bg-medium{border-color:rgba(255, 255, 255, 0.24)}.telia-divider--light-bg-medium{border-color:rgba(0, 0, 0, 0.24)}.telia-divider--dark-bg-strong{border-color:rgba(255, 255, 255, 0.48)}.telia-divider--light-bg-strong{border-color:rgba(0, 0, 0, 0.48)}", l = /* @__PURE__ */ a(class extends s {
10
- constructor() {
11
- super(), this.__registerHost(), this.__attachShadow(), this.variant = r.WEAK, this.darkBackground = !1, this.dataTrackingId = "telia-divider", this.baseClass = "telia-divider";
12
- }
13
- getAppearenceClass() {
14
- return `${this.baseClass}--${this.darkBackground ? "dark-bg" : "light-bg"}-${this.variant}`;
15
- }
16
- render() {
17
- const t = {
18
- [`${this.baseClass}`]: !0,
19
- [this.getAppearenceClass()]: !0
20
- };
21
- return i("div", { class: t, "data-testid": this.dataTestid }, i("telia-vst", { dataTrackingId: this.dataTrackingId }));
22
- }
23
- static get style() {
24
- return o;
25
- }
26
- }, [1, "telia-divider", {
27
- dataTestid: [1, "data-testid"],
28
- variant: [1],
29
- darkBackground: [4, "dark-background"]
30
- }]);
31
- function c() {
32
- if (typeof customElements > "u")
33
- return;
34
- ["telia-divider", "telia-vst"].forEach((e) => {
35
- switch (e) {
36
- case "telia-divider":
37
- customElements.get(e) || customElements.define(e, l);
38
- break;
39
- case "telia-vst":
40
- customElements.get(e) || d();
41
- break;
42
- }
43
- });
44
- }
45
- c();
46
- //# sourceMappingURL=telia-divider-644c043b.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"telia-divider-644c043b.js","sources":["../../../node_modules/.pnpm/@teliads+components@18.3.3/node_modules/@teliads/components/dist/components/telia-divider.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\n/**\n * This type encapsulates values to be used for\n * variants, contrasts etc. It aims to be generic\n * enough to be used in several different circumstances\n * where values such as 'low' or 'light' does not make\n * sense.\n */\nconst Force = {\n WEAK: 'weak',\n MEDIUM: 'medium',\n STRONG: 'strong',\n};\nObject.values(Force);\n\nconst teliaDividerCss = \".telia-divider{border-bottom:calc(0.1rem * var(--voca-rem-multiplier)) solid #dcdce1;height:0;}.telia-divider--dark-bg-weak{border-color:rgba(255, 255, 255, 0.12)}.telia-divider--light-bg-weak{border-color:rgba(0, 0, 0, 0.12)}.telia-divider--dark-bg-medium{border-color:rgba(255, 255, 255, 0.24)}.telia-divider--light-bg-medium{border-color:rgba(0, 0, 0, 0.24)}.telia-divider--dark-bg-strong{border-color:rgba(255, 255, 255, 0.48)}.telia-divider--light-bg-strong{border-color:rgba(0, 0, 0, 0.48)}\";\n\nconst TeliaDivider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The contrast of the divider against the background.\n */\n this.variant = Force.WEAK;\n /**\n * When used on a dark background, set this\n * property to true. The color of the divider will\n * change to something suitable on a dark background.\n */\n this.darkBackground = false;\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-divider';\n this.baseClass = 'telia-divider';\n }\n getAppearenceClass() {\n return `${this.baseClass}--${this.darkBackground ? 'dark-bg' : 'light-bg'}-${this.variant}`;\n }\n render() {\n const classes = {\n [`${this.baseClass}`]: true,\n [this.getAppearenceClass()]: true,\n };\n return (h(\"div\", { class: classes, \"data-testid\": this.dataTestid }, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaDividerCss; }\n}, [1, \"telia-divider\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"variant\": [1],\n \"darkBackground\": [4, \"dark-background\"]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-divider\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-divider\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaDivider$1);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\ndefineCustomElement$1();\n\nconst TeliaDivider = TeliaDivider$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaDivider, defineCustomElement };\n"],"names":["Force","teliaDividerCss","TeliaDivider$1","proxyCustomElement","HTMLElement","classes","h","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;AAUA,MAAMA,IAAQ;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AACV;AACA,OAAO,OAAOA,CAAK;AAEnB,MAAMC,IAAkB,ofAElBC,IAA+B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAChF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAInB,KAAK,UAAUJ,EAAM,MAMrB,KAAK,iBAAiB,IAEtB,KAAK,iBAAiB,iBACtB,KAAK,YAAY;AAAA,EAClB;AAAA,EACD,qBAAqB;AACnB,WAAO,GAAG,KAAK,cAAc,KAAK,iBAAiB,YAAY,cAAc,KAAK;AAAA,EACnF;AAAA,EACD,SAAS;AACP,UAAMK,IAAU;AAAA,MACd,CAAC,GAAG,KAAK,cAAc;AAAA,MACvB,CAAC,KAAK,mBAAkB,IAAK;AAAA,IACnC;AACI,WAAQC,EAAE,OAAO,EAAE,OAAOD,GAAS,eAAe,KAAK,WAAY,GAAEC,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EAC7H;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAkB;AAChD,GAAG,CAAC,GAAG,iBAAiB;AAAA,EACpB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,SAAW,CAAC,CAAC;AAAA,EACb,gBAAkB,CAAC,GAAG,iBAAiB;AACxC,CAAA,CAAC;AACJ,SAASM,IAAwB;AAC/B,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,GAASN,CAAc;AAE/C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;"}
@@ -1,55 +0,0 @@
1
- import { p as n, H as s, h as t, a as o } from "./index-629ecbb8.js";
2
- import { d as r } from "./telia-vst2-5b28f085.js";
3
- const l = {
4
- TEXT: "text",
5
- STANDALONE: "standalone",
6
- NAVIGATION: "navigation"
7
- };
8
- Object.values(l);
9
- const a = Object.assign(Object.assign({}, l), { NAVIGATION: "navigation" });
10
- Object.values(a);
11
- const d = '.telia-style-link a{align-items:center;color:inherit;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:not(.telia-style-link--disable-visited) a:visited,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:visited{color:#30004b;background-color:transparent}.telia-style-link--text:not(.telia-style-link--disable-visited) a:visited:hover,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:visited:hover{color:#5e0092}.telia-style-link--text:not(.telia-style-link--disable-visited) a:visited:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:visited:active{color:#30004b}.telia-style-link--text:not(.telia-style-link--disable-visited) a:hover,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:hover{color:#5e0092;background-color:#fbf0ff}.telia-style-link--text:not(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:active{color:#30004b;background-color:#fbf0ff;outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.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;color:#990ae3;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:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;align-items:center;display:flex;text-decoration:none}@media screen and (min-width: 64em){.telia-style-link--navigation a{font-size:calc(1.4rem * var(--voca-rem-multiplier))}}.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:not(.telia-style-link--disable-visited) a{color:#ffffff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:visited{color:#de99ff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:visited:hover{color:#edc8ff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:visited:active{color:#de99ff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:hover{color:#edc8ff;background:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:active{color:#de99ff}.telia-style-link--silent a{background-color:inherit;color:inherit;height:100%;text-decoration:none}.telia-style-link--silent a:hover{background-color:inherit;color:inherit}.telia-style-link--silent a:focus{background-color:inherit;color:inherit;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--silent a:active{background-color:inherit;color:inherit}', c = /* @__PURE__ */ n(class extends s {
12
- constructor() {
13
- super(), this.__registerHost(), this.silent = !1, this.variant = a.TEXT, this.disableVisited = !1, this.darkBackground = !1, this.dataTrackingId = "telia-style-link";
14
- }
15
- render() {
16
- const e = "telia-style-link", i = {
17
- [e]: !0,
18
- [`${e}--${this.variant}`]: !0,
19
- [`${e}--silent`]: this.silent,
20
- [`${e}--dark-bg`]: this.darkBackground,
21
- [`${e}--navigation-dark-bg`]: this.darkBackground && this.variant === "navigation",
22
- [`${e}--disable-visited`]: this.disableVisited || this.silent
23
- };
24
- return t(o, { class: i }, t("slot", null), t("telia-vst", { dataTrackingId: this.dataTrackingId }));
25
- }
26
- static get style() {
27
- return d;
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
- }]);
36
- function k() {
37
- if (typeof customElements > "u")
38
- return;
39
- ["telia-style-link", "telia-vst"].forEach((i) => {
40
- switch (i) {
41
- case "telia-style-link":
42
- customElements.get(i) || customElements.define(i, c);
43
- break;
44
- case "telia-vst":
45
- customElements.get(i) || r();
46
- break;
47
- }
48
- });
49
- }
50
- k();
51
- export {
52
- l as L,
53
- k as d
54
- };
55
- //# sourceMappingURL=telia-style-link2-e6b7be00.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"telia-style-link2-e6b7be00.js","sources":["../../../node_modules/.pnpm/@teliads+components@18.3.3/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 NAVIGATION: 'navigation',\n};\nObject.values(LinkVariant);\n\nconst StyleLinkVariant = Object.assign(Object.assign({}, LinkVariant), { NAVIGATION: 'navigation' });\nObject.values(StyleLinkVariant);\n\nconst teliaStyleLinkCss = \".telia-style-link a{align-items:center;color:inherit;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:not(.telia-style-link--disable-visited) a:visited,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:visited{color:#30004b;background-color:transparent}.telia-style-link--text:not(.telia-style-link--disable-visited) a:visited:hover,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:visited:hover{color:#5e0092}.telia-style-link--text:not(.telia-style-link--disable-visited) a:visited:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:visited:active{color:#30004b}.telia-style-link--text:not(.telia-style-link--disable-visited) a:hover,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:hover{color:#5e0092;background-color:#fbf0ff}.telia-style-link--text:not(.telia-style-link--disable-visited) a:active,.telia-style-link--standalone:not(.telia-style-link--disable-visited) a:active{color:#30004b;background-color:#fbf0ff;outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.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;color:#990ae3;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:500;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:1.25;align-items:center;display:flex;text-decoration:none}@media screen and (min-width: 64em){.telia-style-link--navigation a{font-size:calc(1.4rem * var(--voca-rem-multiplier))}}.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:not(.telia-style-link--disable-visited) a{color:#ffffff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:visited{color:#de99ff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:visited:hover{color:#edc8ff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:visited:active{color:#de99ff}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:hover{color:#edc8ff;background:rgba(255, 255, 255, 0.1)}.telia-style-link--dark-bg:not(.telia-style-link--disable-visited) a:active{color:#de99ff}.telia-style-link--silent a{background-color:inherit;color:inherit;height:100%;text-decoration:none}.telia-style-link--silent a:hover{background-color:inherit;color:inherit}.telia-style-link--silent a:focus{background-color:inherit;color:inherit;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--silent a:active{background-color:inherit;color:inherit}\";\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 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 };\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 }]);\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;AAAA,EACZ,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,6nGAEpBC,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,IAEtB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMK,IAAiB,oBACjBC,IAAc;AAAA,MAClB,CAACD,IAAiB;AAAA,MAClB,CAAC,GAAGA,MAAmB,KAAK,YAAY;AAAA,MACxC,CAAC,GAAGA,cAA2B,KAAK;AAAA,MACpC,CAAC,GAAGA,eAA4B,KAAK;AAAA,MACrC,CAAC,GAAGA,0BAAuC,KAAK,kBAAkB,KAAK,YAAY;AAAA,MACnF,CAAC,GAAGA,uBAAoC,KAAK,kBAAkB,KAAK;AAAA,IAC1E;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;AACxC,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;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"telia-tab-header2-a4329adf.js","sources":["../../../node_modules/.pnpm/@teliads+components@18.3.3/node_modules/@teliads/components/dist/components/telia-tab-header2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$2 } from './telia-icon2.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst TabNavigationTypes = {\n Home: 'Home',\n End: 'End',\n ArrowRight: 'ArrowRight',\n ArrowLeft: 'ArrowLeft',\n};\nconst TabNavigationTypesArray = Object.keys(TabNavigationTypes);\n\nconst teliaTabHeaderCss = \".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:#222222}.telia-tab-header:hover .telia-tab-header__visible-title{font-weight:500}.telia-tab-header:focus .telia-tab-header__content{box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;z-index:1}.telia-tab-header:focus:not(:focus-visible) .telia-tab-header__content{box-shadow: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 #990ae3;border-radius:0;color:#222222;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;margin-bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)))}.telia-tab-header--light::after,.telia-tab-header--light-wide::after{z-index:1;bottom:0;content:\\\"\\\";display:block;height:calc(0.2rem * var(--voca-rem-multiplier));left:0;position:absolute;right:0;width:calc(100% + calc(0.4rem * var(--voca-rem-multiplier)))}.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}.telia-tab-header--light:hover>.telia-tab-header__content,.telia-tab-header--light-wide:hover>.telia-tab-header__content{background-color:transparent}.telia-tab-header--light:hover::after,.telia-tab-header--light-wide:hover::after{background-color:#edc8ff}.telia-tab-header--light.telia-tab-header--selected::after,.telia-tab-header--light-wide.telia-tab-header--selected::after{background-color:#990ae3}.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}\";\n\nconst TeliaTabHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.tabChange = createEvent(this, \"tabChange\", 7);\n this.vocaInternalTabNavigation = createEvent(this, \"vocaInternalTabNavigation\", 7);\n /** Test id set for web component host */\n this.dataTestid = null;\n /** The active prop is set from the telia-tab event listener*/\n this.active = false;\n /** Custom event on focus, only used internally*/\n /** index of tab-header*/\n this.dataIndex = null;\n /** will toggle --has-keypress class based on interaction with component */\n this.isKeyPress = true;\n /** Style of header */\n this.variant = 'default';\n }\n componentDidUpdate() {\n if (this.active && this.isKeyPress) {\n this.element.querySelector('button').focus();\n }\n }\n /** Handle click event\n * @param e - event\n * @private\n */\n onClickHandler(e) {\n e.preventDefault();\n e.stopPropagation();\n this.tabChange.emit('click,' + this.dataIndex.toString());\n this.vocaInternalTabNavigation.emit({\n originalEvent: e,\n value: { location: this.dataIndex },\n });\n }\n /** Handle keyboard navigation\n * @param e - event\n * @private\n */\n onKeyDownHandler(e) {\n const key = e.key;\n if (key === TabNavigationTypes.ArrowRight ||\n key === TabNavigationTypes.ArrowLeft) {\n e.preventDefault();\n e.stopPropagation();\n const index = e.key === TabNavigationTypes.ArrowRight\n ? this.dataIndex + 1\n : this.dataIndex - 1;\n this.tabChange.emit(key + ',' + index.toString());\n }\n else if (key === TabNavigationTypes.Home ||\n key === TabNavigationTypes.End) {\n e.preventDefault();\n e.stopPropagation();\n this.tabChange.emit(key + ',');\n }\n this.handleKeyNavigation(e);\n }\n handleKeyNavigation(e) {\n const key = e.key;\n if (TabNavigationTypesArray.indexOf(key) > -1) {\n e.preventDefault();\n e.stopPropagation();\n const typedKey = TabNavigationTypes[key];\n this.vocaInternalTabNavigation.emit({\n originalEvent: e,\n value: { key: typedKey },\n });\n }\n }\n render() {\n const classes = {\n 'telia-tab-header': true,\n 'telia-tab-header--selected': this.active,\n [`telia-tab-header--${this.variant}`]: !!this.variant,\n };\n return (h(Host, null, h(\"button\", { class: classes, role: \"tab\", id: this.tabId + '-header', \"aria-selected\": this.active, \"aria-controls\": this.tabId + '-content', onClick: e => this.onClickHandler(e), onKeyDown: e => this.onKeyDownHandler(e), \"data-testid\": this.dataTestid, tabIndex: this.active ? null : -1, \"data-index\": this.dataIndex }, h(\"span\", { class: \"telia-tab-header__content\" }, this.icon && (h(\"telia-icon\", { class: \"telia-tab-header__icon\", name: this.icon, svg: this.svg, size: \"md\" })), h(\"span\", null, h(\"span\", { class: \"telia-tab-header__visible-title\" }, h(\"slot\", null)), h(\"span\", { class: \"telia-tab-header__hidden-title\", \"aria-hidden\": true }, this.name))))));\n }\n get element() { return this; }\n static get style() { return teliaTabHeaderCss; }\n}, [4, \"telia-tab-header\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"tabId\": [1, \"tab-id\"],\n \"active\": [4],\n \"icon\": [1],\n \"svg\": [1],\n \"name\": [1],\n \"dataIndex\": [2, \"data-index\"],\n \"isKeyPress\": [4, \"is-key-press\"],\n \"variant\": [1]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-tab-header\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-tab-header\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaTabHeader);\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 { TabNavigationTypes as T, TeliaTabHeader as a, defineCustomElement as d };\n"],"names":["TabNavigationTypes","TabNavigationTypesArray","teliaTabHeaderCss","TeliaTabHeader","proxyCustomElement","HTMLElement","createEvent","key","index","typedKey","classes","h","Host","e","defineCustomElement","tagName","defineCustomElement$2","defineCustomElement$1"],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- import './alliance-object-list';
2
- import './alliance-object-list-head';
3
- import './alliance-object-list-item';
4
- import './alliance-object-list-row';