@telia-ace/alliance-ui 1.0.14-next.1 → 1.0.15-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -2
- package/components/alliance-link.d.ts +2 -0
- package/components/alliance-link.js +4 -150
- package/components/alliance-link.js.map +1 -1
- package/components/alliance-modal.d.ts +12 -0
- package/components/alliance-modal.js +7 -237
- package/components/alliance-modal.js.map +1 -1
- package/components/alliance-paginator.d.ts +13 -0
- package/components/alliance-paginator.js +6 -308
- package/components/alliance-paginator.js.map +1 -1
- package/components/alliance-table.d.ts +2 -0
- package/components/alliance-table.js +6 -144
- package/components/alliance-table.js.map +1 -1
- package/components/alliance-view.d.ts +32 -0
- package/components/alliance-view.js +291 -0
- package/components/alliance-view.js.map +1 -0
- package/components/chunk-ADFC4JKF.js +315 -0
- package/components/chunk-ADFC4JKF.js.map +1 -0
- package/components/chunk-B6YHD7BN.js +4 -0
- package/components/chunk-B6YHD7BN.js.map +1 -0
- package/components/chunk-JQ76TOQT.js +4 -0
- package/components/chunk-JQ76TOQT.js.map +1 -0
- package/components/chunk-LYU2K33W.js +464 -0
- package/components/chunk-LYU2K33W.js.map +1 -0
- package/components/chunk-NB6ODBZJ.js +13 -0
- package/components/chunk-NB6ODBZJ.js.map +1 -0
- package/components/chunk-P2AWWJPH.js +3 -0
- package/components/chunk-P2AWWJPH.js.map +1 -0
- package/components/chunk-WYQTL7R3.js +167 -0
- package/components/chunk-WYQTL7R3.js.map +1 -0
- package/components/chunk-XPHFAKEI.js +164 -0
- package/components/chunk-XPHFAKEI.js.map +1 -0
- package/components/index.d.ts +2 -6
- package/components/index.js +10 -18
- package/components/index.js.map +1 -1
- package/package.json +9 -13
- package/voca/components/telia-accordion-item.d.ts +1 -1
- package/voca/components/telia-accordion-item.js +3 -70
- package/voca/components/telia-accordion-item.js.map +1 -1
- package/voca/components/telia-accordion.d.ts +2 -1
- package/voca/components/telia-accordion.js +3 -104
- package/voca/components/telia-accordion.js.map +1 -1
- package/voca/components/telia-badge.d.ts +2 -1
- package/voca/components/telia-badge.js +3 -83
- package/voca/components/telia-badge.js.map +1 -1
- package/voca/components/telia-button.d.ts +2 -1
- package/voca/components/telia-button.js +3 -6
- package/voca/components/telia-button.js.map +1 -1
- package/voca/components/telia-card-frame-link.d.ts +2 -1
- package/voca/components/telia-card-frame-link.js +3 -46
- package/voca/components/telia-card-frame-link.js.map +1 -1
- package/voca/components/telia-card-frame.d.ts +2 -1
- package/voca/components/telia-card-frame.js +3 -4
- package/voca/components/telia-card-frame.js.map +1 -1
- package/voca/components/telia-checkbox.d.ts +2 -1
- package/voca/components/telia-checkbox.js +3 -102
- package/voca/components/telia-checkbox.js.map +1 -1
- package/voca/components/telia-chip-choice.d.ts +2 -1
- package/voca/components/telia-chip-choice.js +3 -70
- package/voca/components/telia-chip-choice.js.map +1 -1
- package/voca/components/telia-chip-filter.d.ts +2 -1
- package/voca/components/telia-chip-filter.js +3 -50
- package/voca/components/telia-chip-filter.js.map +1 -1
- package/voca/components/telia-col.d.ts +2 -1
- package/voca/components/telia-col.js +3 -47
- package/voca/components/telia-col.js.map +1 -1
- package/voca/components/telia-color-dot.d.ts +2 -1
- package/voca/components/telia-color-dot.js +3 -39
- package/voca/components/telia-color-dot.js.map +1 -1
- package/voca/components/telia-counter-badge.d.ts +2 -1
- package/voca/components/telia-counter-badge.js +3 -45
- package/voca/components/telia-counter-badge.js.map +1 -1
- package/voca/components/telia-cta-link.d.ts +2 -1
- package/voca/components/telia-cta-link.js +3 -58
- package/voca/components/telia-cta-link.js.map +1 -1
- package/voca/components/telia-date-picker.d.ts +2 -1
- package/voca/components/telia-date-picker.js +3 -591
- package/voca/components/telia-date-picker.js.map +1 -1
- package/voca/components/telia-divider.d.ts +2 -1
- package/voca/components/telia-divider.js +3 -46
- package/voca/components/telia-divider.js.map +1 -1
- package/voca/components/telia-field-assistive-text.d.ts +2 -1
- package/voca/components/telia-field-assistive-text.js +3 -4
- package/voca/components/telia-field-assistive-text.js.map +1 -1
- package/voca/components/telia-field-error.d.ts +2 -1
- package/voca/components/telia-field-error.js +3 -7
- package/voca/components/telia-field-error.js.map +1 -1
- package/voca/components/telia-field-valid.d.ts +2 -1
- package/voca/components/telia-field-valid.js +3 -7
- package/voca/components/telia-field-valid.js.map +1 -1
- package/voca/components/telia-fieldset.d.ts +2 -1
- package/voca/components/telia-fieldset.js +3 -56
- package/voca/components/telia-fieldset.js.map +1 -1
- package/voca/components/telia-focus-trap.d.ts +2 -1
- package/voca/components/telia-focus-trap.js +3 -78
- package/voca/components/telia-focus-trap.js.map +1 -1
- package/voca/components/telia-form.d.ts +2 -1
- package/voca/components/telia-form.js +3 -59
- package/voca/components/telia-form.js.map +1 -1
- package/voca/components/telia-grid.d.ts +2 -1
- package/voca/components/telia-grid.js +3 -29
- package/voca/components/telia-grid.js.map +1 -1
- package/voca/components/telia-heading.d.ts +2 -1
- package/voca/components/telia-heading.js +3 -4
- package/voca/components/telia-heading.js.map +1 -1
- package/voca/components/telia-icon.d.ts +2 -1
- package/voca/components/telia-icon.js +3 -5
- package/voca/components/telia-icon.js.map +1 -1
- package/voca/components/telia-image.d.ts +2 -1
- package/voca/components/telia-image.js +3 -42
- package/voca/components/telia-image.js.map +1 -1
- package/voca/components/telia-label.d.ts +2 -1
- package/voca/components/telia-label.js +3 -4
- package/voca/components/telia-label.js.map +1 -1
- package/voca/components/telia-link-image.d.ts +2 -1
- package/voca/components/telia-link-image.js +3 -55
- package/voca/components/telia-link-image.js.map +1 -1
- package/voca/components/telia-link.d.ts +2 -1
- package/voca/components/telia-link.js +3 -5
- package/voca/components/telia-link.js.map +1 -1
- package/voca/components/telia-list.d.ts +2 -1
- package/voca/components/telia-list.js +3 -69
- package/voca/components/telia-list.js.map +1 -1
- package/voca/components/telia-logo.d.ts +2 -1
- package/voca/components/telia-logo.js +3 -54
- package/voca/components/telia-logo.js.map +1 -1
- package/voca/components/telia-notification.d.ts +2 -1
- package/voca/components/telia-notification.js +3 -87
- package/voca/components/telia-notification.js.map +1 -1
- package/voca/components/telia-overlay.d.ts +2 -1
- package/voca/components/telia-overlay.js +3 -31
- package/voca/components/telia-overlay.js.map +1 -1
- package/voca/components/telia-p.d.ts +2 -1
- package/voca/components/telia-p.js +3 -51
- package/voca/components/telia-p.js.map +1 -1
- package/voca/components/telia-pictogram.d.ts +2 -1
- package/voca/components/telia-pictogram.js +3 -112
- package/voca/components/telia-pictogram.js.map +1 -1
- package/voca/components/telia-radio-button.d.ts +2 -1
- package/voca/components/telia-radio-button.js +3 -54
- package/voca/components/telia-radio-button.js.map +1 -1
- package/voca/components/telia-row.d.ts +2 -1
- package/voca/components/telia-row.js +3 -37
- package/voca/components/telia-row.js.map +1 -1
- package/voca/components/telia-search-input.d.ts +2 -1
- package/voca/components/telia-search-input.js +3 -134
- package/voca/components/telia-search-input.js.map +1 -1
- package/voca/components/telia-select.d.ts +2 -1
- package/voca/components/telia-select.js +3 -114
- package/voca/components/telia-select.js.map +1 -1
- package/voca/components/telia-skeleton.d.ts +2 -1
- package/voca/components/telia-skeleton.js +3 -32
- package/voca/components/telia-skeleton.js.map +1 -1
- package/voca/components/telia-status-badge.d.ts +2 -1
- package/voca/components/telia-status-badge.js +3 -58
- package/voca/components/telia-status-badge.js.map +1 -1
- package/voca/components/telia-style-link.d.ts +2 -1
- package/voca/components/telia-style-link.js +3 -4
- package/voca/components/telia-style-link.js.map +1 -1
- package/voca/components/telia-tab-content.d.ts +2 -1
- package/voca/components/telia-tab-content.js +3 -44
- package/voca/components/telia-tab-content.js.map +1 -1
- package/voca/components/telia-tab-header.d.ts +2 -1
- package/voca/components/telia-tab-header.js +3 -6
- package/voca/components/telia-tab-header.js.map +1 -1
- package/voca/components/telia-tab.d.ts +2 -1
- package/voca/components/telia-tab.js +3 -160
- package/voca/components/telia-tab.js.map +1 -1
- package/voca/components/telia-text-input.d.ts +2 -1
- package/voca/components/telia-text-input.js +3 -14
- package/voca/components/telia-text-input.js.map +1 -1
- package/voca/components/telia-text-spacing.d.ts +2 -1
- package/voca/components/telia-text-spacing.js +3 -29
- package/voca/components/telia-text-spacing.js.map +1 -1
- package/voca/components/telia-textarea.d.ts +2 -1
- package/voca/components/telia-textarea.js +3 -111
- package/voca/components/telia-textarea.js.map +1 -1
- package/voca/components/telia-toggle.d.ts +2 -1
- package/voca/components/telia-toggle.js +3 -143
- package/voca/components/telia-toggle.js.map +1 -1
- package/voca/components/telia-visually-hidden.d.ts +2 -1
- package/voca/components/telia-visually-hidden.js +3 -4
- package/voca/components/telia-visually-hidden.js.map +1 -1
- package/voca/foundations/component-library-styling.d.ts +2 -1
- package/voca/foundations/component-library-styling.js +3 -3
- package/voca/foundations/component-library-styling.js.map +1 -1
- package/voca/foundations/index.d.ts +6 -4
- package/voca/foundations/index.js +161 -162
- package/voca/foundations/index.js.map +1 -1
- package/voca/icons/index.js +3 -338
- package/voca/icons/index.js.map +1 -1
- package/chunks/check-circle-filled-42095247.js +0 -5
- package/chunks/check-circle-filled-42095247.js.map +0 -1
- package/chunks/chevron-down-50d47dd6.js +0 -5
- package/chunks/chevron-down-50d47dd6.js.map +0 -1
- package/chunks/chevron-right-788ce8a9.js +0 -6
- package/chunks/chevron-right-788ce8a9.js.map +0 -1
- package/chunks/close-7d423291.js +0 -5
- package/chunks/close-7d423291.js.map +0 -1
- package/chunks/close-ac6e4f1c.js +0 -5
- package/chunks/close-ac6e4f1c.js.map +0 -1
- package/chunks/error-9925a844.js +0 -7
- package/chunks/error-9925a844.js.map +0 -1
- package/chunks/error-filled-8de50bdd.js +0 -5
- package/chunks/error-filled-8de50bdd.js.map +0 -1
- package/chunks/getSvgContent-f2389ce0.js +0 -14
- package/chunks/getSvgContent-f2389ce0.js.map +0 -1
- package/chunks/index-514c4fef.js +0 -213
- package/chunks/index-514c4fef.js.map +0 -1
- package/chunks/index-eef143db.js +0 -531
- package/chunks/index-eef143db.js.map +0 -1
- package/chunks/query-assigned-elements-ac91685f.js +0 -606
- package/chunks/query-assigned-elements-ac91685f.js.map +0 -1
- package/chunks/repeat-34adae9e.js +0 -143
- package/chunks/repeat-34adae9e.js.map +0 -1
- package/chunks/stringCombiner-10b57054.js +0 -50
- package/chunks/stringCombiner-10b57054.js.map +0 -1
- package/chunks/telia-button-c9ba09a9.js +0 -86
- package/chunks/telia-button-c9ba09a9.js.map +0 -1
- package/chunks/telia-card-frame-340f3315.js +0 -39
- package/chunks/telia-card-frame-340f3315.js.map +0 -1
- package/chunks/telia-field-assistive-text-173ba2fb.js +0 -32
- package/chunks/telia-field-assistive-text-173ba2fb.js.map +0 -1
- package/chunks/telia-field-error-f978aeb3.js +0 -40
- package/chunks/telia-field-error-f978aeb3.js.map +0 -1
- package/chunks/telia-field-valid-5d8f121e.js +0 -39
- package/chunks/telia-field-valid-5d8f121e.js.map +0 -1
- package/chunks/telia-heading-38ae44ae.js +0 -104
- package/chunks/telia-heading-38ae44ae.js.map +0 -1
- package/chunks/telia-icon-d0e7c715.js +0 -73
- package/chunks/telia-icon-d0e7c715.js.map +0 -1
- package/chunks/telia-label-f4c1eb47.js +0 -36
- package/chunks/telia-label-f4c1eb47.js.map +0 -1
- package/chunks/telia-link-42cb2e68.js +0 -51
- package/chunks/telia-link-42cb2e68.js.map +0 -1
- package/chunks/telia-style-link-bb7bfd94.js +0 -56
- package/chunks/telia-style-link-bb7bfd94.js.map +0 -1
- package/chunks/telia-tab-header-890fc7c8.js +0 -98
- package/chunks/telia-tab-header-890fc7c8.js.map +0 -1
- package/chunks/telia-text-input-289394d8.js +0 -169
- package/chunks/telia-text-input-289394d8.js.map +0 -1
- package/chunks/telia-visually-hidden-9015e8cd.js +0 -34
- package/chunks/telia-visually-hidden-9015e8cd.js.map +0 -1
- package/chunks/telia-vst2-dfb33a56.js +0 -41
- package/chunks/telia-vst2-dfb33a56.js.map +0 -1
- package/chunks/uniqueId-0daf01ec.js +0 -5
- package/chunks/uniqueId-0daf01ec.js.map +0 -1
- package/chunks/variables-ecb680f0.js +0 -8
- package/chunks/variables-ecb680f0.js.map +0 -1
- package/components/alliance-link/alliance-link.d.ts +0 -27
- package/components/alliance-link/index.d.ts +0 -1
- package/components/alliance-modal/alliance-modal.d.ts +0 -43
- package/components/alliance-modal/index.d.ts +0 -2
- package/components/alliance-paginator/alliance-page-selector.d.ts +0 -22
- package/components/alliance-paginator/alliance-paginator-button.d.ts +0 -17
- package/components/alliance-paginator/alliance-paginator.d.ts +0 -32
- package/components/alliance-paginator/index.d.ts +0 -4
- package/components/alliance-paginator/utils.d.ts +0 -13
- package/components/alliance-table/alliance-table-body.d.ts +0 -5
- package/components/alliance-table/alliance-table-data.d.ts +0 -5
- package/components/alliance-table/alliance-table-head.d.ts +0 -7
- package/components/alliance-table/alliance-table-row.d.ts +0 -6
- package/components/alliance-table/alliance-table.d.ts +0 -5
- package/components/alliance-table/index.d.ts +0 -5
- package/style.css +0 -1
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
import { p as c, H as d, c as m, h as i } from "./index-eef143db.js";
|
|
2
|
-
import { u as s } from "./uniqueId-0daf01ec.js";
|
|
3
|
-
import { s as p } from "./stringCombiner-10b57054.js";
|
|
4
|
-
import { d as h } from "./telia-field-assistive-text-173ba2fb.js";
|
|
5
|
-
import { d as v } from "./telia-field-error-f978aeb3.js";
|
|
6
|
-
import { d as g } from "./telia-field-valid-5d8f121e.js";
|
|
7
|
-
import { d as f } from "./telia-icon-d0e7c715.js";
|
|
8
|
-
import { d as _ } from "./telia-label-f4c1eb47.js";
|
|
9
|
-
import { d as x } from "./telia-vst2-dfb33a56.js";
|
|
10
|
-
const b = {
|
|
11
|
-
text: "text",
|
|
12
|
-
number: "number",
|
|
13
|
-
email: "email",
|
|
14
|
-
tel: "tel",
|
|
15
|
-
search: "search",
|
|
16
|
-
password: "password"
|
|
17
|
-
}, E = '.telia-text-input{display:flex;flex-direction:column}.telia-text-input__input{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;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;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:2}.telia-text-input__input:required{box-shadow:none}.telia-text-input__input[type=search]{-webkit-appearance:textfield;outline-offset:calc(-0.2rem * var(--voca-rem-multiplier))}.telia-text-input__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.telia-text-input__input[type=number]~.telia-text-input__valid-icon-container,.telia-text-input__input[type=search]~.telia-text-input__valid-icon-container{margin:calc(-1 * (4.6rem * var(--voca-rem-multiplier))) calc(1.2rem * var(--voca-rem-multiplier)) 0 calc(100% - (3.2rem * var(--voca-rem-multiplier)));width:0}.telia-text-input__input:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-text-input__input:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-text-input__input:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-text-input__input:read-only{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;background-color:rgba(0, 0, 0, 0.05)}.telia-text-input__input:read-only:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-text-input__input:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input:disabled~telia-label .telia-label{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-text-input__input:disabled~.telia-text-input__additional{color:rgba(0, 0, 0, 0.4)}.telia-text-input__input:invalid{box-shadow:none}.telia-text-input__input--icon-shown{padding:calc(1rem * var(--voca-rem-multiplier)) calc(4.5rem * var(--voca-rem-multiplier)) calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-text-input__input--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-text-input__input--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-text-input__valid-icon-container{align-items:center;display:flex;flex-direction:row;height:calc(4.6rem * var(--voca-rem-multiplier));justify-content:flex-end;margin:calc(calc(4.6rem * var(--voca-rem-multiplier)) * -1) calc(1.2rem * var(--voca-rem-multiplier)) 0 calc(100% - calc(1.2rem * var(--voca-rem-multiplier)));order:3}.telia-text-input__additional{order:4}.telia-text-input__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:5}', V = /* @__PURE__ */ c(class extends d {
|
|
18
|
-
constructor() {
|
|
19
|
-
super(), this.__registerHost(), this.valueChange = m(this, "valueChange", 7), this.type = b.text, this.value = "", this.additionalId = s("additional"), this.inputId = s("input"), this.errorId = s("error"), this.disabled = !1, this.readonly = !1, this.required = !1, this.showValidIcon = !1, this.dataTrackingId = "telia-text-input", this.touched = !1, this.dirty = !1, this.inputValue = "", this.errorMessageState = "", this.updateInputValue = () => {
|
|
20
|
-
this.inputValue = this.inputElement ? this.inputElement.value : this.value;
|
|
21
|
-
}, this.isValuePatternValid = () => this.pattern ? new RegExp("^(?:" + this.pattern + ")$").test(this.inputValue) : !0, this.isValueLessThanMinlength = () => this.inputValue.length > 0 && this.inputValue.length < this.minlength, this.isValueTypeInvalid = () => {
|
|
22
|
-
var t;
|
|
23
|
-
return (t = this.inputElement) === null || t === void 0 ? void 0 : t.validity.typeMismatch;
|
|
24
|
-
}, this.updateErrorMessage = (t) => {
|
|
25
|
-
var e;
|
|
26
|
-
(e = this.inputElement) === null || e === void 0 || e.setCustomValidity(t), this.errorMessageState = t;
|
|
27
|
-
}, this.isValueMissing = () => this.inputValue.length === 0, this.updateErrorState = () => {
|
|
28
|
-
var t, e;
|
|
29
|
-
const a = !!(!((t = this.errorMessageState) === null || t === void 0) && t.length), l = this.required, r = !!this.pattern, n = this.minlength, u = !!(!((e = this.errorMessage) === null || e === void 0) && e.length), o = !!this.emailErrorMessage && this.type === "email";
|
|
30
|
-
if (u) {
|
|
31
|
-
this.updateErrorMessage(this.errorMessage), this.touched = !0;
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
if (r && !this.isValueMissing() && this.touched && this.patternErrorMessage && !this.isValuePatternValid() && this.updateErrorMessage(this.patternErrorMessage), n && this.touched && this.minlengthErrorMessage && this.isValueLessThanMinlength() && this.updateErrorMessage(this.minlengthErrorMessage), l && (o && this.isValueTypeInvalid() && this.touched && this.updateErrorMessage(this.emailErrorMessage), this.touched && this.requiredErrorMessage && this.isValueMissing() && this.updateErrorMessage(this.requiredErrorMessage)), a) {
|
|
35
|
-
if (r && !this.isValuePatternValid() || n && this.isValueLessThanMinlength() || l && this.isValueMissing() || o && this.isValueTypeInvalid())
|
|
36
|
-
return;
|
|
37
|
-
this.updateErrorMessage("");
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Sets focus on input
|
|
43
|
-
*/
|
|
44
|
-
async focusInput() {
|
|
45
|
-
this.inputElement.focus();
|
|
46
|
-
}
|
|
47
|
-
componentWillLoad() {
|
|
48
|
-
this.updateInputValue(), this.updateErrorState();
|
|
49
|
-
}
|
|
50
|
-
componentWillUpdate() {
|
|
51
|
-
this.updateErrorState();
|
|
52
|
-
}
|
|
53
|
-
componentDidRender() {
|
|
54
|
-
var t, e, a;
|
|
55
|
-
this.inputElement && (!((t = this.inputElement) === null || t === void 0) && t.setCustomValidity) && ((e = this.inputElement) === null || e === void 0 || e.setCustomValidity(this.errorMessageState)), this.htmlForm && ((a = this.inputElement) === null || a === void 0 || a.setAttribute("form", this.htmlForm));
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Watch if value attributes changes after initial load.
|
|
59
|
-
* Needed for prefilling functionality to work with input validations.
|
|
60
|
-
* @param value value attribute
|
|
61
|
-
*/
|
|
62
|
-
componentValueChanged(t) {
|
|
63
|
-
this.inputValue = t, this.updateErrorState();
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* This method is used to determine
|
|
67
|
-
* if a 'valid icon' can be shown to the user.
|
|
68
|
-
* Given the complexity of the validation logic
|
|
69
|
-
* in this component, using this method
|
|
70
|
-
* to determine 'validity' in a general sense
|
|
71
|
-
* should be carefully considered and tested.
|
|
72
|
-
*/
|
|
73
|
-
isValid() {
|
|
74
|
-
return !this.errorMessage && !this.isValueMissing() && !this.isValueLessThanMinlength() && !this.isValueTypeInvalid() && this.isValuePatternValid();
|
|
75
|
-
}
|
|
76
|
-
render() {
|
|
77
|
-
const t = this.touched && !!this.errorMessageState.length, e = !!this.additional, a = p({
|
|
78
|
-
[this.additionalId]: e,
|
|
79
|
-
[this.errorId]: this.errorMessageState.length
|
|
80
|
-
}), l = this.showValidIcon && this.dirty && this.isValid();
|
|
81
|
-
return i("div", { class: "telia-text-input" }, i("input", { class: {
|
|
82
|
-
"telia-text-input__input": !0,
|
|
83
|
-
"telia-text-input__input--touched": this.touched,
|
|
84
|
-
"telia-text-input__input--icon-shown": l
|
|
85
|
-
}, placeholder: this.placeholder, type: this.type, id: this.inputId, "aria-describedby": a, minlength: this.minlength, maxlength: this.maxlength, disabled: this.disabled, readonly: this.readonly, value: this.value, name: this.name, onChange: (r) => {
|
|
86
|
-
this.valueChange.emit(r);
|
|
87
|
-
}, onInput: () => {
|
|
88
|
-
this.dirty = !0, this.updateInputValue(), this.updateErrorState();
|
|
89
|
-
}, inputmode: this.inputmode, list: this.list, autocomplete: this.autocomplete, required: this.required, onBlur: () => {
|
|
90
|
-
this.touched = !0, this.updateErrorState();
|
|
91
|
-
}, ref: (r) => this.inputElement = r, pattern: this.pattern, onInvalid: (r) => {
|
|
92
|
-
r.preventDefault(), this.touched = !0, this.updateErrorState();
|
|
93
|
-
}, form: this.htmlForm }), l && i("div", { class: "telia-text-input__valid-icon-container" }, i("telia-field-valid", { class: "telia-text-input__valid-icon" })), i("telia-label", { class: "telia-text-input__label", htmlFor: this.inputId }, this.required && i("span", { "aria-hidden": "true" }, "* "), this.label), e && i("telia-field-assistive-text", { class: "telia-text-input__additional", id: this.additionalId }, this.additional), t && i("telia-field-error", { id: this.errorId, class: "telia-text-input__error" }, this.errorMessageState), i("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
94
|
-
}
|
|
95
|
-
static get watchers() {
|
|
96
|
-
return {
|
|
97
|
-
value: ["componentValueChanged"]
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
static get style() {
|
|
101
|
-
return E;
|
|
102
|
-
}
|
|
103
|
-
}, [0, "telia-text-input", {
|
|
104
|
-
dataTestid: [1, "data-testid"],
|
|
105
|
-
htmlForm: [1, "html-form"],
|
|
106
|
-
type: [1],
|
|
107
|
-
label: [1],
|
|
108
|
-
value: [1],
|
|
109
|
-
placeholder: [1],
|
|
110
|
-
name: [1],
|
|
111
|
-
additional: [1],
|
|
112
|
-
additionalId: [1, "additional-id"],
|
|
113
|
-
inputId: [1, "input-id"],
|
|
114
|
-
errorId: [1, "error-id"],
|
|
115
|
-
disabled: [4],
|
|
116
|
-
minlength: [2],
|
|
117
|
-
maxlength: [2],
|
|
118
|
-
readonly: [4],
|
|
119
|
-
inputmode: [1],
|
|
120
|
-
list: [1],
|
|
121
|
-
autocomplete: [1],
|
|
122
|
-
required: [4],
|
|
123
|
-
requiredErrorMessage: [1, "required-error-message"],
|
|
124
|
-
emailErrorMessage: [1, "email-error-message"],
|
|
125
|
-
minlengthErrorMessage: [1, "minlength-error-message"],
|
|
126
|
-
showValidIcon: [4, "show-valid-icon"],
|
|
127
|
-
pattern: [1],
|
|
128
|
-
patternErrorMessage: [1, "pattern-error-message"],
|
|
129
|
-
errorMessage: [1, "error-message"],
|
|
130
|
-
touched: [32],
|
|
131
|
-
dirty: [32],
|
|
132
|
-
inputValue: [32],
|
|
133
|
-
errorMessageState: [32],
|
|
134
|
-
focusInput: [64]
|
|
135
|
-
}]);
|
|
136
|
-
function M() {
|
|
137
|
-
if (typeof customElements > "u")
|
|
138
|
-
return;
|
|
139
|
-
["telia-text-input", "telia-field-assistive-text", "telia-field-error", "telia-field-valid", "telia-icon", "telia-label", "telia-vst"].forEach((e) => {
|
|
140
|
-
switch (e) {
|
|
141
|
-
case "telia-text-input":
|
|
142
|
-
customElements.get(e) || customElements.define(e, V);
|
|
143
|
-
break;
|
|
144
|
-
case "telia-field-assistive-text":
|
|
145
|
-
customElements.get(e) || h();
|
|
146
|
-
break;
|
|
147
|
-
case "telia-field-error":
|
|
148
|
-
customElements.get(e) || v();
|
|
149
|
-
break;
|
|
150
|
-
case "telia-field-valid":
|
|
151
|
-
customElements.get(e) || g();
|
|
152
|
-
break;
|
|
153
|
-
case "telia-icon":
|
|
154
|
-
customElements.get(e) || f();
|
|
155
|
-
break;
|
|
156
|
-
case "telia-label":
|
|
157
|
-
customElements.get(e) || _();
|
|
158
|
-
break;
|
|
159
|
-
case "telia-vst":
|
|
160
|
-
customElements.get(e) || x();
|
|
161
|
-
break;
|
|
162
|
-
}
|
|
163
|
-
});
|
|
164
|
-
}
|
|
165
|
-
M();
|
|
166
|
-
export {
|
|
167
|
-
M as d
|
|
168
|
-
};
|
|
169
|
-
//# sourceMappingURL=telia-text-input-289394d8.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-text-input-289394d8.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-text-input2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { s as stringCombiner } from './stringCombiner.js';\nimport { d as defineCustomElement$6 } from './telia-field-assistive-text2.js';\nimport { d as defineCustomElement$5 } from './telia-field-error2.js';\nimport { d as defineCustomElement$4 } from './telia-field-valid2.js';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-label2.js';\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 TextFieldTypes = {\n text: 'text',\n number: 'number',\n email: 'email',\n tel: 'tel',\n search: 'search',\n password: 'password',\n};\n\nconst teliaTextInputCss = \".telia-text-input{display:flex;flex-direction:column}.telia-text-input__input{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);border-radius:calc(0.2rem * var(--voca-rem-multiplier));background-color:#ffffff;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;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:rgba(0, 0, 0, 0.85);display:block;margin:0;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier));width:100%;height:calc(4.6rem * var(--voca-rem-multiplier));margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:2}.telia-text-input__input:required{box-shadow:none}.telia-text-input__input[type=search]{-webkit-appearance:textfield;outline-offset:calc(-0.2rem * var(--voca-rem-multiplier))}.telia-text-input__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.telia-text-input__input[type=number]~.telia-text-input__valid-icon-container,.telia-text-input__input[type=search]~.telia-text-input__valid-icon-container{margin:calc(-1 * (4.6rem * var(--voca-rem-multiplier))) calc(1.2rem * var(--voca-rem-multiplier)) 0 calc(100% - (3.2rem * var(--voca-rem-multiplier)));width:0}.telia-text-input__input:hover{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-text-input__input:hover:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-text-input__input:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier));padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input:focus:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-text-input__input:read-only{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;background-color:rgba(0, 0, 0, 0.05)}.telia-text-input__input:read-only:hover{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #c8c8cd;padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input:disabled{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);background-color:rgba(0, 0, 0, 0.1);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;-webkit-text-fill-color:#606064}.telia-text-input__input:disabled:hover{padding:calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input:disabled~telia-label .telia-label{color:rgba(0, 0, 0, 0.4);cursor:not-allowed}.telia-text-input__input:disabled~.telia-text-input__additional{color:rgba(0, 0, 0, 0.4)}.telia-text-input__input:invalid{box-shadow:none}.telia-text-input__input--icon-shown{padding:calc(1rem * var(--voca-rem-multiplier)) calc(4.5rem * var(--voca-rem-multiplier)) calc(1rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier))}.telia-text-input__input--touched:invalid{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #e4175c}.telia-text-input__input--touched:invalid:focus{border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3)}.telia-text-input__input--touched:invalid:hover:not(:focus){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #e4175c;padding:calc(calc(1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-text-input__valid-icon-container{align-items:center;display:flex;flex-direction:row;height:calc(4.6rem * var(--voca-rem-multiplier));justify-content:flex-end;margin:calc(calc(4.6rem * var(--voca-rem-multiplier)) * -1) calc(1.2rem * var(--voca-rem-multiplier)) 0 calc(100% - calc(1.2rem * var(--voca-rem-multiplier)));order:3}.telia-text-input__additional{order:4}.telia-text-input__error{margin:calc(0.4rem * var(--voca-rem-multiplier)) 0 0;order:5}\";\n\nconst TeliaTextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.valueChange = createEvent(this, \"valueChange\", 7);\n /** Type of input as a string */\n this.type = TextFieldTypes.text;\n /** Value of input */\n this.value = '';\n /** Additional description id */\n this.additionalId = uniqueId('additional');\n /** Input element id */\n this.inputId = uniqueId('input');\n /** Error description id */\n this.errorId = uniqueId('error');\n /** Disabled state */\n this.disabled = false;\n /** Readonly state */\n this.readonly = false;\n /** Field needs to be filled, so it can be submitted */\n this.required = false;\n /** Show valid icon when value passes all validations. Use sparingly. */\n this.showValidIcon = false;\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-text-input';\n /**\n * Input has been blurred at least once.\n */\n this.touched = false;\n /**\n * Input has received data at least once.\n */\n this.dirty = false;\n /**\n * Real time value of input\n */\n this.inputValue = '';\n /**\n * Error message\n */\n this.errorMessageState = '';\n this.updateInputValue = () => {\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n this.inputValue = this.inputElement ? this.inputElement.value : this.value;\n };\n /**\n * Check if input value state is valid with given pattern. This is\n * imitating native input validation.\n */\n this.isValuePatternValid = () => {\n if (this.pattern) {\n const regexp = new RegExp('^(?:' + this.pattern + ')$');\n return regexp.test(this.inputValue);\n }\n return true;\n };\n this.isValueLessThanMinlength = () => {\n return (this.inputValue.length > 0 && this.inputValue.length < this.minlength);\n };\n /**\n * Check if validation failed due to type mismatch.\n * Type mismatch is set to true when email, url, ... field type built-in validation triggers\n */\n this.isValueTypeInvalid = () => {\n var _a;\n return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.validity.typeMismatch;\n };\n /**\n * Update error message and keep native input error message in sync.\n */\n this.updateErrorMessage = message => {\n var _a;\n (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setCustomValidity(message);\n this.errorMessageState = message;\n };\n /**\n * Check if input value is empty, so required should be triggered.\n */\n this.isValueMissing = () => {\n return this.inputValue.length === 0;\n };\n this.updateErrorState = () => {\n var _a, _b;\n const errorMessageIsSet = !!((_a = this.errorMessageState) === null || _a === void 0 ? void 0 : _a.length);\n const requiredInUse = this.required;\n const patternInUse = !!this.pattern;\n const minlengthInUse = this.minlength;\n const generalErrorInUse = !!((_b = this.errorMessage) === null || _b === void 0 ? void 0 : _b.length);\n const emailErrorInUse = !!this.emailErrorMessage && this.type === 'email';\n if (generalErrorInUse) {\n this.updateErrorMessage(this.errorMessage);\n this.touched = true;\n // General error message overrides other errors, so exit here.\n return;\n }\n if (patternInUse && !this.isValueMissing()) {\n if (this.touched &&\n !!this.patternErrorMessage &&\n !this.isValuePatternValid()) {\n this.updateErrorMessage(this.patternErrorMessage);\n }\n }\n if (minlengthInUse) {\n if (this.touched &&\n !!this.minlengthErrorMessage &&\n this.isValueLessThanMinlength()) {\n this.updateErrorMessage(this.minlengthErrorMessage);\n }\n }\n if (requiredInUse) {\n /**\n * Follow HTML5 input ways of working,\n * email field is validated only if type is email and required is set to true\n */\n if (emailErrorInUse && this.isValueTypeInvalid() && this.touched) {\n this.updateErrorMessage(this.emailErrorMessage);\n }\n if (this.touched &&\n !!this.requiredErrorMessage &&\n this.isValueMissing()) {\n this.updateErrorMessage(this.requiredErrorMessage);\n }\n }\n // Clean error message if needed\n if (errorMessageIsSet) {\n if (patternInUse && !this.isValuePatternValid())\n return;\n if (minlengthInUse && this.isValueLessThanMinlength())\n return;\n if (requiredInUse && this.isValueMissing())\n return;\n if (emailErrorInUse && this.isValueTypeInvalid())\n return;\n this.updateErrorMessage('');\n }\n };\n }\n /**\n * Sets focus on input\n */\n async focusInput() {\n this.inputElement.focus();\n }\n componentWillLoad() {\n this.updateInputValue();\n this.updateErrorState();\n }\n componentWillUpdate() {\n this.updateErrorState();\n }\n componentDidRender() {\n // This check is for Stencil unit tests. Input element is mocked,\n // but setCustomValidity method is not. It is undefined.\n var _a, _b, _c;\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n if (this.inputElement && ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setCustomValidity)) {\n (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setCustomValidity(this.errorMessageState);\n }\n if (this.htmlForm) {\n (_c = this.inputElement) === null || _c === void 0 ? void 0 : _c.setAttribute('form', this.htmlForm);\n }\n }\n /**\n * Watch if value attributes changes after initial load.\n * Needed for prefilling functionality to work with input validations.\n * @param value value attribute\n */\n componentValueChanged(value) {\n this.inputValue = value;\n this.updateErrorState();\n }\n /**\n * This method is used to determine\n * if a 'valid icon' can be shown to the user.\n * Given the complexity of the validation logic\n * in this component, using this method\n * to determine 'validity' in a general sense\n * should be carefully considered and tested.\n */\n isValid() {\n return (!this.errorMessage &&\n !this.isValueMissing() &&\n !this.isValueLessThanMinlength() &&\n !this.isValueTypeInvalid() &&\n this.isValuePatternValid());\n }\n render() {\n const showError = this.touched && !!this.errorMessageState.length;\n const showAdditional = !!this.additional;\n const describedBy = stringCombiner({\n [this.additionalId]: showAdditional,\n [this.errorId]: this.errorMessageState.length,\n });\n const showValidIcon = this.showValidIcon && this.dirty && this.isValid();\n return (h(\"div\", { class: \"telia-text-input\" }, h(\"input\", { class: {\n 'telia-text-input__input': true,\n 'telia-text-input__input--touched': this.touched,\n 'telia-text-input__input--icon-shown': showValidIcon,\n }, placeholder: this.placeholder, type: this.type, id: this.inputId, \"aria-describedby\": describedBy, minlength: this.minlength, maxlength: this.maxlength, disabled: this.disabled, readonly: this.readonly, value: this.value, name: this.name, onChange: event => {\n /** valueChange is deprecated, will be removed in the future releases. */\n this.valueChange.emit(event);\n }, onInput: () => {\n this.dirty = true;\n this.updateInputValue();\n this.updateErrorState();\n }, inputmode: this.inputmode, list: this.list, autocomplete: this.autocomplete, required: this.required, onBlur: () => {\n this.touched = true;\n this.updateErrorState();\n }, ref: ref => (this.inputElement = ref), pattern: this.pattern, onInvalid: event => {\n event.preventDefault();\n this.touched = true;\n this.updateErrorState();\n }, form: this.htmlForm }), showValidIcon && (h(\"div\", { class: \"telia-text-input__valid-icon-container\" }, h(\"telia-field-valid\", { class: \"telia-text-input__valid-icon\" }))), h(\"telia-label\", { class: \"telia-text-input__label\", htmlFor: this.inputId }, this.required && h(\"span\", { \"aria-hidden\": \"true\" }, '* '), this.label), showAdditional && (h(\"telia-field-assistive-text\", { class: \"telia-text-input__additional\", id: this.additionalId }, this.additional)), showError && (h(\"telia-field-error\", { id: this.errorId, class: \"telia-text-input__error\" }, this.errorMessageState)), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get watchers() { return {\n \"value\": [\"componentValueChanged\"]\n }; }\n static get style() { return teliaTextInputCss; }\n}, [0, \"telia-text-input\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"htmlForm\": [1, \"html-form\"],\n \"type\": [1],\n \"label\": [1],\n \"value\": [1],\n \"placeholder\": [1],\n \"name\": [1],\n \"additional\": [1],\n \"additionalId\": [1, \"additional-id\"],\n \"inputId\": [1, \"input-id\"],\n \"errorId\": [1, \"error-id\"],\n \"disabled\": [4],\n \"minlength\": [2],\n \"maxlength\": [2],\n \"readonly\": [4],\n \"inputmode\": [1],\n \"list\": [1],\n \"autocomplete\": [1],\n \"required\": [4],\n \"requiredErrorMessage\": [1, \"required-error-message\"],\n \"emailErrorMessage\": [1, \"email-error-message\"],\n \"minlengthErrorMessage\": [1, \"minlength-error-message\"],\n \"showValidIcon\": [4, \"show-valid-icon\"],\n \"pattern\": [1],\n \"patternErrorMessage\": [1, \"pattern-error-message\"],\n \"errorMessage\": [1, \"error-message\"],\n \"touched\": [32],\n \"dirty\": [32],\n \"inputValue\": [32],\n \"errorMessageState\": [32],\n \"focusInput\": [64]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-text-input\", \"telia-field-assistive-text\", \"telia-field-error\", \"telia-field-valid\", \"telia-icon\", \"telia-label\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-text-input\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaTextInput);\n }\n break;\n case \"telia-field-assistive-text\":\n if (!customElements.get(tagName)) {\n defineCustomElement$6();\n }\n break;\n case \"telia-field-error\":\n if (!customElements.get(tagName)) {\n defineCustomElement$5();\n }\n break;\n case \"telia-field-valid\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"telia-icon\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"telia-label\":\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 { TeliaTextInput as T, defineCustomElement as d };\n"],"names":["TextFieldTypes","teliaTextInputCss","TeliaTextInput","proxyCustomElement","HTMLElement","createEvent","uniqueId","_a","message","_b","errorMessageIsSet","requiredInUse","patternInUse","minlengthInUse","generalErrorInUse","emailErrorInUse","_c","value","showError","showAdditional","describedBy","stringCombiner","showValidIcon","h","event","ref","defineCustomElement","tagName","defineCustomElement$6","defineCustomElement$5","defineCustomElement$4","defineCustomElement$3","defineCustomElement$2","defineCustomElement$1"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { p as i, H as a, h as t, a as l } from "./index-eef143db.js";
|
|
2
|
-
import { d as s } from "./telia-vst2-dfb33a56.js";
|
|
3
|
-
const r = ".telia-visually-hidden:not(:focus):not(:focus-within):not(:active){border:0;clip:rect(calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)));height:calc(0.1rem * var(--voca-rem-multiplier));margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:calc(0.1rem * var(--voca-rem-multiplier))}", n = /* @__PURE__ */ i(class extends a {
|
|
4
|
-
constructor() {
|
|
5
|
-
super(), this.__registerHost(), this.__attachShadow(), this.dataTrackingId = "telia-visually-hidden";
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return t(l, null, t("div", { class: "telia-visually-hidden" }, t("slot", null), t("telia-vst", { dataTrackingId: this.dataTrackingId })));
|
|
9
|
-
}
|
|
10
|
-
static get style() {
|
|
11
|
-
return r;
|
|
12
|
-
}
|
|
13
|
-
}, [1, "telia-visually-hidden", {
|
|
14
|
-
dataTestid: [1, "data-testid"]
|
|
15
|
-
}]);
|
|
16
|
-
function c() {
|
|
17
|
-
if (typeof customElements > "u")
|
|
18
|
-
return;
|
|
19
|
-
["telia-visually-hidden", "telia-vst"].forEach((e) => {
|
|
20
|
-
switch (e) {
|
|
21
|
-
case "telia-visually-hidden":
|
|
22
|
-
customElements.get(e) || customElements.define(e, n);
|
|
23
|
-
break;
|
|
24
|
-
case "telia-vst":
|
|
25
|
-
customElements.get(e) || s();
|
|
26
|
-
break;
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
c();
|
|
31
|
-
export {
|
|
32
|
-
c as d
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=telia-visually-hidden-9015e8cd.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-visually-hidden-9015e8cd.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-visually-hidden2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaVisuallyHiddenCss = \".telia-visually-hidden:not(:focus):not(:focus-within):not(:active){border:0;clip:rect(calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)) calc(0.1rem * var(--voca-rem-multiplier)));height:calc(0.1rem * var(--voca-rem-multiplier));margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:calc(0.1rem * var(--voca-rem-multiplier))}\";\n\nconst TeliaVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-visually-hidden';\n }\n render() {\n return (h(Host, null, h(\"div\", { class: \"telia-visually-hidden\" }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n }\n static get style() { return teliaVisuallyHiddenCss; }\n}, [1, \"telia-visually-hidden\", {\n \"dataTestid\": [1, \"data-testid\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-visually-hidden\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-visually-hidden\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaVisuallyHidden);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaVisuallyHidden as T, defineCustomElement as d };\n"],"names":["teliaVisuallyHiddenCss","TeliaVisuallyHidden","proxyCustomElement","HTMLElement","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;AAGA,MAAMA,IAAyB,4aAEzBC,IAAoC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACrF,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,WAAQC,EAAEC,GAAM,MAAMD,EAAE,OAAO,EAAE,OAAO,wBAAuB,GAAIA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,gBAAgB,CAAC,CAAC;AAAA,EAC7I;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOJ;AAAA,EAAyB;AACvD,GAAG,CAAC,GAAG,yBAAyB;AAAA,EAC5B,YAAc,CAAC,GAAG,aAAa;AAChC,CAAA,CAAC;AACJ,SAASM,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,yBAAyB,WAAW,EAC7C,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASN,CAAmB;AAEpD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIM,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { p as s, H as n, c as a, h as o, a as c } from "./index-eef143db.js";
|
|
2
|
-
function i(e) {
|
|
3
|
-
return `${e.getFullYear()}.${e.getMonth() + 1}`;
|
|
4
|
-
}
|
|
5
|
-
class r {
|
|
6
|
-
constructor(t) {
|
|
7
|
-
this.voca_component = t, this.voca_added = i(/* @__PURE__ */ new Date());
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
const l = "telia-vst{display:none}", d = /* @__PURE__ */ s(class extends n {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(), this.__registerHost(), this.vocaInternalUStats = a(this, "vocaInternalUStats", 7);
|
|
13
|
-
}
|
|
14
|
-
connectedCallback() {
|
|
15
|
-
this.vocaInternalUStats.emit(new r(this.dataTrackingId));
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
return o(c, null);
|
|
19
|
-
}
|
|
20
|
-
static get style() {
|
|
21
|
-
return l;
|
|
22
|
-
}
|
|
23
|
-
}, [0, "telia-vst", {
|
|
24
|
-
dataTrackingId: [1, "data-tracking-id"]
|
|
25
|
-
}]);
|
|
26
|
-
function u() {
|
|
27
|
-
if (typeof customElements > "u")
|
|
28
|
-
return;
|
|
29
|
-
["telia-vst"].forEach((t) => {
|
|
30
|
-
switch (t) {
|
|
31
|
-
case "telia-vst":
|
|
32
|
-
customElements.get(t) || customElements.define(t, d);
|
|
33
|
-
break;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
u();
|
|
38
|
-
export {
|
|
39
|
-
u as d
|
|
40
|
-
};
|
|
41
|
-
//# sourceMappingURL=telia-vst2-dfb33a56.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"telia-vst2-dfb33a56.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-vst2.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\n\n/** Create Month and year when component was encountered, for analytics */\nfunction getVocaAdded(Date) {\n return `${Date.getFullYear()}.${Date.getMonth() + 1}`;\n}\n\nclass VocaStatsEntity {\n constructor(dataTrackingId) {\n /** Underscore aka snake case is used, for support of GTM statistics requirements */\n this.voca_component = dataTrackingId;\n /** This value saves month and year used in a _id, for uniqueness of collected data. */\n this.voca_added = getVocaAdded(new Date());\n }\n}\n\nconst teliaVstCss = \"telia-vst{display:none}\";\n\nconst TeliaVST = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.vocaInternalUStats = createEvent(this, \"vocaInternalUStats\", 7);\n }\n connectedCallback() {\n this.vocaInternalUStats.emit(new VocaStatsEntity(this.dataTrackingId));\n }\n render() {\n return h(Host, null);\n }\n static get style() { return teliaVstCss; }\n}, [0, \"telia-vst\", {\n \"dataTrackingId\": [1, \"data-tracking-id\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaVST);\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaVST as T, defineCustomElement as d };\n"],"names":["getVocaAdded","Date","VocaStatsEntity","dataTrackingId","teliaVstCss","TeliaVST","proxyCustomElement","HTMLElement","createEvent","h","Host","defineCustomElement","tagName"],"mappings":";AAGA,SAASA,EAAaC,GAAM;AAC1B,SAAO,GAAGA,EAAK,aAAa,IAAIA,EAAK,SAAQ,IAAK,CAAC;AACrD;AAEA,MAAMC,EAAgB;AAAA,EACpB,YAAYC,GAAgB;AAE1B,SAAK,iBAAiBA,GAEtB,KAAK,aAAaH,EAAa,oBAAI,KAAM,CAAA;AAAA,EAC1C;AACH;AAEA,MAAMI,IAAc,2BAEdC,IAAyB,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC1E,cAAc;AACZ,aACA,KAAK,eAAc,GACnB,KAAK,qBAAqBC,EAAY,MAAM,sBAAsB,CAAC;AAAA,EACpE;AAAA,EACD,oBAAoB;AAClB,SAAK,mBAAmB,KAAK,IAAIN,EAAgB,KAAK,cAAc,CAAC;AAAA,EACtE;AAAA,EACD,SAAS;AACP,WAAOO,EAAEC,GAAM,IAAI;AAAA,EACpB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAc;AAC5C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,gBAAkB,CAAC,GAAG,kBAAkB;AACzC,CAAA,CAAC;AACJ,SAASO,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,WAAW,EACpB,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASP,CAAQ;AAEzC;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAM,EAAqB;","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"uniqueId-0daf01ec.js","sources":["../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/uniqueId.js"],"sourcesContent":["const genRandom = () => Math.floor(Math.random() * 1000000);\n/**\n * Create unique ID for element references inside components\n */\nconst uniqueId = (identifier) => {\n const idPart = identifier ? `${identifier}-` : '';\n return `${idPart}${genRandom()}-${genRandom()}`;\n};\n\nexport { uniqueId as u };\n"],"names":["genRandom","uniqueId","identifier"],"mappings":"AAAA,MAAMA,IAAY,MAAM,KAAK,MAAM,KAAK,OAAM,IAAK,GAAO,GAIpDC,IAAW,CAACC,MAET,GADQA,IAAa,GAAGA,CAAU,MAAM,EAC/B,GAAGF,EAAW,CAAA,IAAIA,EAAW,CAAA;","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"variables-ecb680f0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { SerializeableObject } from '@telia-ace/alliance-internal-client-utilities';
|
|
2
|
-
import { LitElement } from 'lit';
|
|
3
|
-
export declare class Link extends LitElement {
|
|
4
|
-
capability: string;
|
|
5
|
-
app: string;
|
|
6
|
-
args: SerializeableObject;
|
|
7
|
-
/**
|
|
8
|
-
* Link properties
|
|
9
|
-
*/
|
|
10
|
-
href?: string;
|
|
11
|
-
target?: string;
|
|
12
|
-
rel?: string;
|
|
13
|
-
download?: string;
|
|
14
|
-
navigate: () => void;
|
|
15
|
-
clickHandler: (event: MouseEvent) => void;
|
|
16
|
-
updateActive: () => void;
|
|
17
|
-
connectedCallback(): void;
|
|
18
|
-
disconnectedCallback(): void;
|
|
19
|
-
attributeChangedCallback(_1: string, _2: string | null, _3: string | null): void;
|
|
20
|
-
/**
|
|
21
|
-
* Internal properties
|
|
22
|
-
*/
|
|
23
|
-
private _href;
|
|
24
|
-
private active;
|
|
25
|
-
private computeHref;
|
|
26
|
-
render(): import("lit").TemplateResult<1>;
|
|
27
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './alliance-link';
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import type { ButtonVariantType } from '@teliads/components/dist/types/types/ButtonVariant';
|
|
2
|
-
import { LitElement } from 'lit';
|
|
3
|
-
import '@/voca/components/telia-button';
|
|
4
|
-
import '@/voca/components/telia-heading';
|
|
5
|
-
import '@/voca/components/telia-icon';
|
|
6
|
-
export type Action = {
|
|
7
|
-
variant: ButtonVariantType;
|
|
8
|
-
label: string;
|
|
9
|
-
action: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* Event dispatched when clicking the close button, the backdrop, an action button or pressing escape.
|
|
14
|
-
*
|
|
15
|
-
* Event: `action`
|
|
16
|
-
*
|
|
17
|
-
* Detail: Object containing the property `action`.
|
|
18
|
-
*/
|
|
19
|
-
export type ActionEvent = CustomEvent<{
|
|
20
|
-
action: string;
|
|
21
|
-
}>;
|
|
22
|
-
export declare class Modal extends LitElement {
|
|
23
|
-
static styles: import("lit").CSSResult;
|
|
24
|
-
header: string;
|
|
25
|
-
actions: Action[];
|
|
26
|
-
required: boolean;
|
|
27
|
-
scrollMode: 'outside' | 'inside';
|
|
28
|
-
hasSubHeader: boolean;
|
|
29
|
-
contain?: boolean;
|
|
30
|
-
containStyling: () => import("lit").TemplateResult<1>;
|
|
31
|
-
scrollStyling: () => import("lit").TemplateResult<1>;
|
|
32
|
-
subHeaderStyling: () => import("lit").TemplateResult<1> | undefined;
|
|
33
|
-
closeButton: () => "" | import("lit").TemplateResult<1>;
|
|
34
|
-
footer: () => "" | import("lit").TemplateResult<1>;
|
|
35
|
-
onBackdropClick: () => boolean | undefined;
|
|
36
|
-
onCloseClick: () => boolean | undefined;
|
|
37
|
-
onKeyDown: (event: KeyboardEvent) => void;
|
|
38
|
-
onSubHeaderSlotChange: () => void;
|
|
39
|
-
connectedCallback(): void;
|
|
40
|
-
disconnectedCallback(): void;
|
|
41
|
-
action: (action: string) => boolean;
|
|
42
|
-
render(): import("lit").TemplateResult<1>;
|
|
43
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import '@/voca/components/telia-button';
|
|
2
|
-
import { LitElement } from 'lit';
|
|
3
|
-
/**
|
|
4
|
-
* Event dispatched when selecting a page.
|
|
5
|
-
*
|
|
6
|
-
* Event: `change-page`
|
|
7
|
-
*
|
|
8
|
-
* Detail: Object containing the properties `nextPage` and `previousPage`.
|
|
9
|
-
*/
|
|
10
|
-
export type SelectPageEvent = CustomEvent<{
|
|
11
|
-
nextPage: number;
|
|
12
|
-
previousPage: number;
|
|
13
|
-
}>;
|
|
14
|
-
export declare class PageSelect extends LitElement {
|
|
15
|
-
static styles: import("lit").CSSResult;
|
|
16
|
-
currentPage: number;
|
|
17
|
-
lastPage: number;
|
|
18
|
-
onChange: (e: Event & {
|
|
19
|
-
currentTarget: HTMLSelectElement;
|
|
20
|
-
}) => void;
|
|
21
|
-
render(): import("lit").TemplateResult<1>;
|
|
22
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import '@/voca/components/telia-button';
|
|
2
|
-
import '@/voca/components/telia-icon';
|
|
3
|
-
import { LitElement } from 'lit';
|
|
4
|
-
declare enum Icon {
|
|
5
|
-
Left = "left",
|
|
6
|
-
Right = "right"
|
|
7
|
-
}
|
|
8
|
-
export declare class PaginatorButton extends LitElement {
|
|
9
|
-
icon?: Icon;
|
|
10
|
-
page?: string;
|
|
11
|
-
selected: boolean;
|
|
12
|
-
disabled: boolean;
|
|
13
|
-
clickable: boolean;
|
|
14
|
-
private renderContent;
|
|
15
|
-
render(): import("lit").TemplateResult<1>;
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import '@/voca/components/telia-button';
|
|
2
|
-
import '@/voca/components/telia-label';
|
|
3
|
-
import { LitElement } from 'lit';
|
|
4
|
-
import type { SelectPageEvent } from './alliance-page-selector';
|
|
5
|
-
import { type Pages } from './utils';
|
|
6
|
-
/**
|
|
7
|
-
* Event dispatched when pressing a page button.
|
|
8
|
-
*
|
|
9
|
-
* Event: `change-page`
|
|
10
|
-
*
|
|
11
|
-
* Detail: Object containing the properties `nextPage` and `previousPage`.
|
|
12
|
-
*/
|
|
13
|
-
export type ChangePageEvent = CustomEvent<{
|
|
14
|
-
nextPage: number;
|
|
15
|
-
previousPage: number;
|
|
16
|
-
}>;
|
|
17
|
-
export declare class Paginator extends LitElement {
|
|
18
|
-
static styles: import("lit").CSSResult;
|
|
19
|
-
connectedCallback(): void;
|
|
20
|
-
attributeChangedCallback(name: string, _: string | null, value: string | null): void;
|
|
21
|
-
itemCount: number;
|
|
22
|
-
pageSize: number;
|
|
23
|
-
initialPage: number;
|
|
24
|
-
siblingCount: number;
|
|
25
|
-
currentPage: number;
|
|
26
|
-
pages: Pages;
|
|
27
|
-
changePage: (nextPage: number) => void;
|
|
28
|
-
next: () => void;
|
|
29
|
-
previous: () => void;
|
|
30
|
-
onPageSelect: (event: SelectPageEvent) => void;
|
|
31
|
-
render(): import("lit").TemplateResult<1>;
|
|
32
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
type Args = {
|
|
2
|
-
itemCount: number;
|
|
3
|
-
pageSize: number;
|
|
4
|
-
siblingCount: number;
|
|
5
|
-
currentPage: number;
|
|
6
|
-
};
|
|
7
|
-
export type Pages = (number | '...')[];
|
|
8
|
-
export declare function getLastPage(pages: Pages): number;
|
|
9
|
-
export declare function listPages(lastPage: number): string[];
|
|
10
|
-
export declare function pageToSelectValue(page: number, lastPage: number): string;
|
|
11
|
-
export declare function selectValueToPage(selectValue: string): number;
|
|
12
|
-
export declare function getPagination({ itemCount, pageSize, siblingCount, currentPage }: Args): Pages;
|
|
13
|
-
export {};
|
package/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--voca-rem-multiplier:.625}body{font-size:calc(1.6rem * var(--voca-rem-multiplier));font-family:TeliaSans,Helvetica,Arial,Lucida Grande,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}
|