@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"telia-chip-choice.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-chip-choice.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst teliaChipChoiceCss = \".telia-chip-choice .telia-chip-choice__wrapper{display:inline-block;position:relative}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice .telia-chip-choice__wrapper:hover .telia-chip-choice__input:not(:disabled):not(:checked)~.telia-chip-choice__label:not(:active)~.telia-chip-choice__svg{stroke:#29003e}.telia-chip-choice__input{opacity:0;position:absolute}.telia-chip-choice__input:focus~.telia-chip-choice__label::before{border-radius:calc(0.8rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)))}.telia-chip-choice__input:focus:not(:focus-visible)~.telia-chip-choice__label::before{box-shadow:none}.telia-chip-choice__input:checked~.telia-chip-choice__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__input:checked~.telia-chip-choice__svg{stroke:#ffffff}.telia-chip-choice__input:disabled~.telia-chip-choice__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-choice__input:disabled~.telia-chip-choice__svg{stroke:rgba(0, 0, 0, 0.3)}.telia-chip-choice__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#29003e;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;align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(\\n calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))\\n );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-choice__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-choice__label:active .telia-chip-choice__input:not(:checked)~.telia-chip-choice__svg{stroke:#29003e}.telia-chip-choice .telia-chip-choice__svg{height:100%;left:50%;pointer-events:none;position:absolute;stroke:#29003e;transform:translate(-50%, 0);transition:all 0.3s}.telia-chip-choice .telia-chip-choice__ally-unavailable{display:none}\";\n\nconst TeliaChipChoice$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set chip disabled */\n this.disabled = false;\n /** Input element id */\n this.inputId = uniqueId('input');\n /** Id of the element containing the unavailable text */\n this.unavailableElementId = uniqueId('unavailable');\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-chip-choice';\n this.largeDiagonal = this.createDiagonal(40, 42);\n this.smallDiagonal = this.createDiagonal(24, 42);\n this.diagonal = this.largeDiagonal;\n this.getElementRef = (el) => {\n this.labelEl = el;\n };\n /**\n * Returns content provided via props or fallbacks to slots\n * @private\n */\n this.renderContent = () => {\n if (this.text) {\n return this.text;\n }\n return h(\"slot\", null);\n };\n }\n componentDidLoad() {\n if (this.unavailable) {\n /**\n * Only change state if the chip is small,\n * else use the default diagonal.\n */\n const style = this.getLabelStyle();\n if (style && !this.isWide(style)) {\n this.diagonal = this.smallDiagonal;\n }\n }\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;\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n if (this.htmlForm) {\n (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setAttribute('form', this.htmlForm);\n }\n }\n createDiagonal(width, height) {\n return (h(\"svg\", { \"aria-hidden\": \"true\", width: width, height: height, class: \"telia-chip-choice__svg\", version: \"1.1\", xmlns: \"http://www.w3.org/2000/svg\" }, h(\"line\", { id: \"svg-line1\", x1: \"1\", x2: width - 1, y1: \"-3\", y2: \"45\", \"stroke-width\": \"1\" })));\n }\n getLabelStyle() {\n /**\n * If this is called before the comonent\n * has rendered, the labelEl is null.\n * This will throw an error unless wrapped\n * in try/catch.\n */\n try {\n return window.getComputedStyle(this.labelEl);\n }\n catch (e) {\n console.error(e);\n return null;\n }\n }\n isWide(style) {\n const paddings = [style.paddingLeft, style.paddingRight];\n const paddingCombined = paddings.reduce((acc, current) => acc + parseInt(current), 0) - 8;\n let width = this.labelEl.offsetWidth - paddingCombined;\n if (width <= 37) {\n return false;\n }\n else {\n return true;\n }\n }\n render() {\n return (h(Host, { class: \"telia-chip-choice\" }, h(\"div\", { class: \"telia-chip-choice__wrapper\" }, h(\"input\", { id: this.inputId, class: \"telia-chip-choice__input\", type: \"radio\", ref: ref => (this.inputElement = ref), name: this.name, value: this.value, disabled: this.disabled, checked: this.checked, \"aria-describedby\": this.unavailable ? this.unavailableElementId : null, form: this.htmlForm }), h(\"label\", { class: \"telia-chip-choice__label\", htmlFor: this.inputId, ref: this.getElementRef, onClick: ev => ev.stopPropagation() }, this.renderContent()), h(\"p\", { id: this.unavailableElementId, class: \"telia-chip-choice__ally-unavailable\" }, this.unavailable), this.unavailable && this.diagonal, h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n }\n static get style() { return teliaChipChoiceCss; }\n}, [4, \"telia-chip-choice\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"inputId\": [1, \"input-id\"],\n \"value\": [1],\n \"name\": [1],\n \"checked\": [4],\n \"unavailable\": [1],\n \"unavailableElementId\": [1, \"unavailable-element-id\"],\n \"text\": [1],\n \"diagonal\": [32]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-chip-choice\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-chip-choice\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaChipChoice$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 TeliaChipChoice = TeliaChipChoice$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaChipChoice, defineCustomElement };\n"],"names":["teliaChipChoiceCss","TeliaChipChoice$1","proxyCustomElement","HTMLElement","uniqueId","el","h","style","_a","width","height","paddingCombined","acc","current","Host","ref","ev","defineCustomElement$1","tagName","defineCustomElement$2"],"mappings":";;;AAIA,MAAMA,IAAqB;AAAA;AAAA,6yBAErBC,IAAkC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACnF,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,WAAW,IAEhB,KAAK,UAAUC,EAAS,OAAO,GAE/B,KAAK,uBAAuBA,EAAS,aAAa,GAElD,KAAK,iBAAiB,qBACtB,KAAK,gBAAgB,KAAK,eAAe,IAAI,EAAE,GAC/C,KAAK,gBAAgB,KAAK,eAAe,IAAI,EAAE,GAC/C,KAAK,WAAW,KAAK,eACrB,KAAK,gBAAgB,CAACC,MAAO;AAC3B,WAAK,UAAUA;AAAA,IACrB,GAKI,KAAK,gBAAgB,MACf,KAAK,OACA,KAAK,OAEPC,EAAE,QAAQ,IAAI;AAAA,EAExB;AAAA,EACD,mBAAmB;AACjB,QAAI,KAAK,aAAa;AAKpB,YAAMC,IAAQ,KAAK;AACnB,MAAIA,KAAS,CAAC,KAAK,OAAOA,CAAK,MAC7B,KAAK,WAAW,KAAK;AAAA,IAExB;AAAA,EACF;AAAA,EACD,qBAAqB;AAGnB,QAAIC;AAEJ,IAAI,KAAK,cACNA,IAAK,KAAK,kBAAkB,QAAQA,MAAO,UAAkBA,EAAG,aAAa,QAAQ,KAAK,QAAQ;AAAA,EAEtG;AAAA,EACD,eAAeC,GAAOC,GAAQ;AAC5B,WAAQJ,EAAE,OAAO,EAAE,eAAe,QAAQ,OAAOG,GAAO,QAAQC,GAAQ,OAAO,0BAA0B,SAAS,OAAO,OAAO,gCAAgCJ,EAAE,QAAQ,EAAE,IAAI,aAAa,IAAI,KAAK,IAAIG,IAAQ,GAAG,IAAI,MAAM,IAAI,MAAM,gBAAgB,IAAK,CAAA,CAAC;AAAA,EAChQ;AAAA,EACD,gBAAgB;AAOd,QAAI;AACF,aAAO,OAAO,iBAAiB,KAAK,OAAO;AAAA,IAC5C,SACM,GAAG;AACR,qBAAQ,MAAM,CAAC,GACR;AAAA,IACR;AAAA,EACF;AAAA,EACD,OAAOF,GAAO;AAEZ,UAAMI,IADW,CAACJ,EAAM,aAAaA,EAAM,YAAY,EACtB,OAAO,CAACK,GAAKC,MAAYD,IAAM,SAASC,CAAO,GAAG,CAAC,IAAI;AAExF,WAAI,EADQ,KAAK,QAAQ,cAAcF,KAC1B;AAAA,EAMd;AAAA,EACD,SAAS;AACP,WAAQL,EAAEQ,GAAM,EAAE,OAAO,oBAAqB,GAAER,EAAE,OAAO,EAAE,OAAO,6BAA4B,GAAIA,EAAE,SAAS,EAAE,IAAI,KAAK,SAAS,OAAO,4BAA4B,MAAM,SAAS,KAAK,CAAAS,MAAQ,KAAK,eAAeA,GAAM,MAAM,KAAK,MAAM,OAAO,KAAK,OAAO,UAAU,KAAK,UAAU,SAAS,KAAK,SAAS,oBAAoB,KAAK,cAAc,KAAK,uBAAuB,MAAM,MAAM,KAAK,UAAU,GAAGT,EAAE,SAAS,EAAE,OAAO,4BAA4B,SAAS,KAAK,SAAS,KAAK,KAAK,eAAe,SAAS,CAAAU,MAAMA,EAAG,kBAAmB,GAAE,KAAK,eAAe,GAAGV,EAAE,KAAK,EAAE,IAAI,KAAK,sBAAsB,OAAO,sCAAuC,GAAE,KAAK,WAAW,GAAG,KAAK,eAAe,KAAK,UAAUA,EAAE,aAAa,EAAE,gBAAgB,KAAK,gBAAgB,CAAC,CAAC;AAAA,EACpvB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAqB;AACnD,GAAG,CAAC,GAAG,qBAAqB;AAAA,EACxB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,CAAC;AAAA,EACd,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,OAAS,CAAC,CAAC;AAAA,EACX,MAAQ,CAAC,CAAC;AAAA,EACV,SAAW,CAAC,CAAC;AAAA,EACb,aAAe,CAAC,CAAC;AAAA,EACjB,sBAAwB,CAAC,GAAG,wBAAwB;AAAA,EACpD,MAAQ,CAAC,CAAC;AAAA,EACV,UAAY,CAAC,EAAE;AAChB,CAAA,CAAC;AACJ,SAASiB,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,qBAAqB,WAAW,EACzC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASjB,CAAiB;AAElD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIiB,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAuB;","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"sources":["../../src/voca/components/telia-chip-choice.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-chip-choice';\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
export { }
|
|
@@ -1,50 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { d as m } from "../../chunks/telia-vst2-dfb33a56.js";
|
|
5
|
-
import "../../chunks/getSvgContent-f2389ce0.js";
|
|
6
|
-
const n = { name: "checkmark", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M57.5438 13.4967L28.717 50.5596C27.9537 51.5407 26.8061 52.147 25.5654 52.2248C25.4755 52.2301 25.3856 52.2332 25.2967 52.2332C24.1476 52.233 23.0455 51.7763 22.233 50.9637L6.63458 35.3654C6.08729 34.8181 5.87354 34.0204 6.07387 33.2728C6.27419 32.5252 6.85815 31.9412 7.60577 31.7409C8.35339 31.5406 9.15109 31.7543 9.69838 32.3016L25.2967 47.8999L54.1225 10.837C54.5976 10.2258 55.3626 9.91453 56.1295 10.0204C56.8963 10.1263 57.5484 10.6332 57.8402 11.3502C58.1319 12.0673 58.0189 12.8855 57.5438 13.4967Z"/></svg>' }, p = `.telia-chip-filter .telia-chip-filter__wrapper{display:inline-block;position:relative}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active)~.telia-chip-filter__svg{stroke:#29003e}.telia-chip-filter__input{opacity:0;position:absolute}.telia-chip-filter__input:focus~.telia-chip-filter__label::before{border-radius:calc(0.8rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:"";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)))}.telia-chip-filter__input:focus:not(:focus-visible)~.telia-chip-filter__label::before{box-shadow:none}.telia-chip-filter__input:checked~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#ffffff}.telia-chip-filter__input:disabled~.telia-chip-filter__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-filter__input:disabled~.telia-chip-filter__svg{stroke:rgba(0, 0, 0, 0.3)}.telia-chip-filter__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#29003e;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;align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(
|
|
7
|
-
calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))
|
|
8
|
-
);padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-filter__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__label:active .telia-chip-filter__input:not(:checked)~.telia-chip-filter__svg{stroke:#29003e}.telia-chip-filter__input:not(:checked)~.telia-chip-filter__label>.telia-chip-filter__checkmark{display:block;min-width:0;transform-origin:center;transition:all 0.15s;visibility:hidden;width:0}.telia-chip-filter__input:checked~.telia-chip-filter__label>.telia-chip-filter__checkmark{animation-duration:0.15s;animation-name:fadeIn;display:block;margin-left:calc(1.2rem * var(--voca-rem-multiplier))}.telia-chip-filter__input:checked:hover:not(:disabled)~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #5e0092;background-color:#5e0092}.telia-chip-filter__input:checked:active:not(:disabled)~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;background-color:#edc8ff;color:#29003e}.telia-chip-filter .telia-chip-filter__checkmark{display:none;height:calc(2rem * var(--voca-rem-multiplier))}@keyframes fadeIn{from{min-width:0;opacity:30%;width:0}to{opacity:100%}}`, s = /* @__PURE__ */ r(class extends t {
|
|
9
|
-
constructor() {
|
|
10
|
-
super(), this.__registerHost(), this.disabled = !1, this.inputId = c("input"), this.dataTrackingId = "telia-chip-filter", this.renderContent = () => this.text ? this.text : i("slot", null);
|
|
11
|
-
}
|
|
12
|
-
componentDidRender() {
|
|
13
|
-
var e;
|
|
14
|
-
this.htmlForm && ((e = this.inputElement) === null || e === void 0 || e.setAttribute("form", this.htmlForm));
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return i(a, { class: "telia-chip-filter" }, i("div", { class: "telia-chip-filter__wrapper" }, i("input", { id: this.inputId, class: "telia-chip-filter__input", type: "checkbox", name: this.name, ref: (e) => this.inputElement = e, value: this.value, disabled: this.disabled, checked: this.checked, form: this.htmlForm }), i("label", { class: "telia-chip-filter__label", htmlFor: this.inputId, onClick: (e) => e.stopPropagation() }, this.renderContent(), i("telia-icon", { svg: n.svg, class: "telia-chip-filter__checkmark" })), i("telia-vst", { dataTrackingId: this.dataTrackingId })));
|
|
18
|
-
}
|
|
19
|
-
static get style() {
|
|
20
|
-
return p;
|
|
21
|
-
}
|
|
22
|
-
}, [4, "telia-chip-filter", {
|
|
23
|
-
dataTestid: [1, "data-testid"],
|
|
24
|
-
disabled: [4],
|
|
25
|
-
htmlForm: [1, "html-form"],
|
|
26
|
-
inputId: [1, "input-id"],
|
|
27
|
-
value: [1],
|
|
28
|
-
name: [1],
|
|
29
|
-
checked: [4],
|
|
30
|
-
text: [1]
|
|
31
|
-
}]);
|
|
32
|
-
function d() {
|
|
33
|
-
if (typeof customElements > "u")
|
|
34
|
-
return;
|
|
35
|
-
["telia-chip-filter", "telia-icon", "telia-vst"].forEach((l) => {
|
|
36
|
-
switch (l) {
|
|
37
|
-
case "telia-chip-filter":
|
|
38
|
-
customElements.get(l) || customElements.define(l, s);
|
|
39
|
-
break;
|
|
40
|
-
case "telia-icon":
|
|
41
|
-
customElements.get(l) || o();
|
|
42
|
-
break;
|
|
43
|
-
case "telia-vst":
|
|
44
|
-
customElements.get(l) || m();
|
|
45
|
-
break;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
d();
|
|
50
|
-
//# sourceMappingURL=telia-chip-filter.js.map
|
|
1
|
+
import '@teliads/components/dist/components/telia-chip-filter';
|
|
2
|
+
//# sourceMappingURL=out.js.map
|
|
3
|
+
//# sourceMappingURL=telia-chip-filter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"telia-chip-filter.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-chip-filter.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { u as uniqueId } from './uniqueId.js';\nimport { d as defineCustomElement$3 } from './telia-icon2.js';\nimport { d as defineCustomElement$2 } from './telia-vst2.js';\n\nconst checkmark = { \"name\": \"checkmark\", \"svg\": \"<svg viewBox=\\\"0 0 64 64\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"currentColor\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M57.5438 13.4967L28.717 50.5596C27.9537 51.5407 26.8061 52.147 25.5654 52.2248C25.4755 52.2301 25.3856 52.2332 25.2967 52.2332C24.1476 52.233 23.0455 51.7763 22.233 50.9637L6.63458 35.3654C6.08729 34.8181 5.87354 34.0204 6.07387 33.2728C6.27419 32.5252 6.85815 31.9412 7.60577 31.7409C8.35339 31.5406 9.15109 31.7543 9.69838 32.3016L25.2967 47.8999L54.1225 10.837C54.5976 10.2258 55.3626 9.91453 56.1295 10.0204C56.8963 10.1263 57.5484 10.6332 57.8402 11.3502C58.1319 12.0673 58.0189 12.8855 57.5438 13.4967Z\\\"/></svg>\" };\n\nconst teliaChipFilterCss = \".telia-chip-filter .telia-chip-filter__wrapper{display:inline-block;position:relative}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active){border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter .telia-chip-filter__wrapper:hover .telia-chip-filter__input:not(:disabled):not(:checked)~.telia-chip-filter__label:not(:active)~.telia-chip-filter__svg{stroke:#29003e}.telia-chip-filter__input{opacity:0;position:absolute}.telia-chip-filter__input:focus~.telia-chip-filter__label::before{border-radius:calc(0.8rem * var(--voca-rem-multiplier));box-shadow:0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;bottom:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));content:\\\"\\\";display:block;left:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));position:absolute;right:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)));top:calc(-1 * calc(0.2rem * var(--voca-rem-multiplier)))}.telia-chip-filter__input:focus:not(:focus-visible)~.telia-chip-filter__label::before{box-shadow:none}.telia-chip-filter__input:checked~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #29003e;background-color:#29003e;color:#ffffff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__input:checked~.telia-chip-filter__svg{stroke:#ffffff}.telia-chip-filter__input:disabled~.telia-chip-filter__label{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);color:rgba(0, 0, 0, 0.4);cursor:not-allowed;padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier))}.telia-chip-filter__input:disabled~.telia-chip-filter__svg{stroke:rgba(0, 0, 0, 0.3)}.telia-chip-filter__label{border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;border-radius:calc(0.8rem * var(--voca-rem-multiplier));color:#29003e;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;align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:calc(1.6rem * var(--voca-rem-multiplier));line-height:calc(\\n calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))\\n );padding:calc(0.8rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier));transition:background-color 0.3s, border-color 0.3s}.telia-chip-filter__label:active{background-color:#edc8ff;border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;padding:calc(calc(0.8rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-chip-filter__label:active .telia-chip-filter__input:not(:checked)~.telia-chip-filter__svg{stroke:#29003e}.telia-chip-filter__input:not(:checked)~.telia-chip-filter__label>.telia-chip-filter__checkmark{display:block;min-width:0;transform-origin:center;transition:all 0.15s;visibility:hidden;width:0}.telia-chip-filter__input:checked~.telia-chip-filter__label>.telia-chip-filter__checkmark{animation-duration:0.15s;animation-name:fadeIn;display:block;margin-left:calc(1.2rem * var(--voca-rem-multiplier))}.telia-chip-filter__input:checked:hover:not(:disabled)~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #5e0092;background-color:#5e0092}.telia-chip-filter__input:checked:active:not(:disabled)~.telia-chip-filter__label{border:calc(0.2rem * var(--voca-rem-multiplier)) solid #edc8ff;background-color:#edc8ff;color:#29003e}.telia-chip-filter .telia-chip-filter__checkmark{display:none;height:calc(2rem * var(--voca-rem-multiplier))}@keyframes fadeIn{from{min-width:0;opacity:30%;width:0}to{opacity:100%}}\";\n\nconst TeliaChipFilter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Set chip disabled */\n this.disabled = false;\n /** Input element id */\n this.inputId = uniqueId('input');\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-chip-filter';\n /**\n * Renders content passed in via props or fallbacks to slot\n * @private\n */\n this.renderContent = () => {\n if (this.text) {\n return this.text;\n }\n return h(\"slot\", null);\n };\n }\n 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;\n // eslint-disable-next-line @stencil/strict-boolean-conditions\n if (this.htmlForm) {\n (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setAttribute('form', this.htmlForm);\n }\n }\n render() {\n return (h(Host, { class: \"telia-chip-filter\" }, h(\"div\", { class: \"telia-chip-filter__wrapper\" }, h(\"input\", { id: this.inputId, class: \"telia-chip-filter__input\", type: \"checkbox\", name: this.name, ref: ref => (this.inputElement = ref), value: this.value, disabled: this.disabled, checked: this.checked, form: this.htmlForm }), h(\"label\", { class: \"telia-chip-filter__label\", htmlFor: this.inputId, onClick: ev => ev.stopPropagation() }, this.renderContent(), h(\"telia-icon\", { svg: checkmark.svg, class: \"telia-chip-filter__checkmark\" })), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId }))));\n }\n static get style() { return teliaChipFilterCss; }\n}, [4, \"telia-chip-filter\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"disabled\": [4],\n \"htmlForm\": [1, \"html-form\"],\n \"inputId\": [1, \"input-id\"],\n \"value\": [1],\n \"name\": [1],\n \"checked\": [4],\n \"text\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-chip-filter\", \"telia-icon\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-chip-filter\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaChipFilter$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 TeliaChipFilter = TeliaChipFilter$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TeliaChipFilter, defineCustomElement };\n"],"names":["checkmark","teliaChipFilterCss","TeliaChipFilter$1","proxyCustomElement","HTMLElement","uniqueId","h","_a","Host","ref","ev","defineCustomElement$1","tagName","defineCustomElement$3","defineCustomElement$2"],"mappings":";;;;;AAKA,MAAMA,IAAY,EAAE,MAAQ,aAAa,KAAO,yoBAAopB,GAE9rBC,IAAqB;AAAA;AAAA,s+CAErBC,IAAkC,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EACnF,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,WAAW,IAEhB,KAAK,UAAUC,EAAS,OAAO,GAE/B,KAAK,iBAAiB,qBAKtB,KAAK,gBAAgB,MACf,KAAK,OACA,KAAK,OAEPC,EAAE,QAAQ,IAAI;AAAA,EAExB;AAAA,EACD,qBAAqB;AAGnB,QAAIC;AAEJ,IAAI,KAAK,cACNA,IAAK,KAAK,kBAAkB,QAAQA,MAAO,UAAkBA,EAAG,aAAa,QAAQ,KAAK,QAAQ;AAAA,EAEtG;AAAA,EACD,SAAS;AACP,WAAQD,EAAEE,GAAM,EAAE,OAAO,oBAAqB,GAAEF,EAAE,OAAO,EAAE,OAAO,6BAA4B,GAAIA,EAAE,SAAS,EAAE,IAAI,KAAK,SAAS,OAAO,4BAA4B,MAAM,YAAY,MAAM,KAAK,MAAM,KAAK,CAAAG,MAAQ,KAAK,eAAeA,GAAM,OAAO,KAAK,OAAO,UAAU,KAAK,UAAU,SAAS,KAAK,SAAS,MAAM,KAAK,SAAQ,CAAE,GAAGH,EAAE,SAAS,EAAE,OAAO,4BAA4B,SAAS,KAAK,SAAS,SAAS,CAAAI,MAAMA,EAAG,gBAAe,KAAM,KAAK,cAAe,GAAEJ,EAAE,cAAc,EAAE,KAAKN,EAAU,KAAK,OAAO,+BAA8B,CAAE,CAAC,GAAGM,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAc,CAAE,CAAC,CAAC;AAAA,EACvlB;AAAA,EACD,WAAW,QAAQ;AAAE,WAAOL;AAAA,EAAqB;AACnD,GAAG,CAAC,GAAG,qBAAqB;AAAA,EACxB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,UAAY,CAAC,CAAC;AAAA,EACd,UAAY,CAAC,GAAG,WAAW;AAAA,EAC3B,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,OAAS,CAAC,CAAC;AAAA,EACX,MAAQ,CAAC,CAAC;AAAA,EACV,SAAW,CAAC,CAAC;AAAA,EACb,MAAQ,CAAC,CAAC;AACX,CAAA,CAAC;AACJ,SAASU,IAAwB;AAC/B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,qBAAqB,cAAc,WAAW,EACvD,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASV,CAAiB;AAElD;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIU,CAAO,KAC7BC;AAEF;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAID,CAAO,KAC7BE;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAH,EAAuB;","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"sources":["../../src/voca/components/telia-chip-filter.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-chip-filter';\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
export { }
|
|
@@ -1,47 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const t = ".telia-col{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-1{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-2{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 2)}@media screen and (min-width: 37.5em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-3{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 3)}@media screen and (min-width: 37.5em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-4{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 4)}@media screen and (min-width: 37.5em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-5{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 5)}@media screen and (min-width: 37.5em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-6{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 6)}@media screen and (min-width: 37.5em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-7{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 7)}@media screen and (min-width: 37.5em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-8{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 8)}@media screen and (min-width: 37.5em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-9{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 9)}@media screen and (min-width: 37.5em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-10{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 10)}@media screen and (min-width: 37.5em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-11{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 11)}@media screen and (min-width: 37.5em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-12{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 12)}@media screen and (min-width: 37.5em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 37.5em){.telia-col-md-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 37.5em){.telia-col-md-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 37.5em){.telia-col-md-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 37.5em){.telia-col-md-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 37.5em){.telia-col-md-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 37.5em){.telia-col-md-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 37.5em){.telia-col-md-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 37.5em){.telia-col-md-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 37.5em){.telia-col-md-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 37.5em){.telia-col-md-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 37.5em){.telia-col-md-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 37.5em){.telia-col-md-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 64em){.telia-col-lg-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 64em){.telia-col-lg-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 64em){.telia-col-lg-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 64em){.telia-col-lg-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 64em){.telia-col-lg-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 64em){.telia-col-lg-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 64em){.telia-col-lg-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 64em){.telia-col-lg-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 64em){.telia-col-lg-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 64em){.telia-col-lg-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 64em){.telia-col-lg-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 64em){.telia-col-lg-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 0){.telia-col-hide-up-sm{display:none}}@media screen and (min-width: 37.5em){.telia-col-hide-up-md{display:none}}@media screen and (min-width: 64em){.telia-col-hide-up-lg{display:none}}@media screen and (min-width: 90em){.telia-col-hide-up-xl{display:none}}.telia-col-hide-down-sm{display:none}@media screen and (min-width: 0){.telia-col-hide-down-sm{display:block}}.telia-col-hide-down-md{display:none}@media screen and (min-width: 37.5em){.telia-col-hide-down-md{display:block}}.telia-col-hide-down-xl{display:none}@media screen and (min-width: 90em){.telia-col-hide-down-xl{display:block}}", n = /* @__PURE__ */ c(class extends l {
|
|
5
|
-
constructor() {
|
|
6
|
-
super(), this.__registerHost(), this.dataTrackingId = "telia-col";
|
|
7
|
-
}
|
|
8
|
-
render() {
|
|
9
|
-
const e = r([
|
|
10
|
-
"telia-col",
|
|
11
|
-
{
|
|
12
|
-
[`telia-col-${this.width}`]: !!this.width,
|
|
13
|
-
[`telia-col-md-${this.widthMd}`]: !!this.widthMd,
|
|
14
|
-
[`telia-col-lg-${this.widthLg}`]: !!this.widthLg,
|
|
15
|
-
[`telia-col-hide-up-${this.hideUp}`]: !!this.hideUp,
|
|
16
|
-
[`telia-col-hide-down-${this.hideDown}`]: !!this.hideDown
|
|
17
|
-
}
|
|
18
|
-
]);
|
|
19
|
-
return a(d, { class: e }, a("slot", null), a("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
20
|
-
}
|
|
21
|
-
static get style() {
|
|
22
|
-
return t;
|
|
23
|
-
}
|
|
24
|
-
}, [4, "telia-col", {
|
|
25
|
-
dataTestid: [1, "data-testid"],
|
|
26
|
-
width: [2],
|
|
27
|
-
widthMd: [2, "width-md"],
|
|
28
|
-
widthLg: [2, "width-lg"],
|
|
29
|
-
hideUp: [1, "hide-up"],
|
|
30
|
-
hideDown: [1, "hide-down"]
|
|
31
|
-
}]);
|
|
32
|
-
function o() {
|
|
33
|
-
if (typeof customElements > "u")
|
|
34
|
-
return;
|
|
35
|
-
["telia-col", "telia-vst"].forEach((i) => {
|
|
36
|
-
switch (i) {
|
|
37
|
-
case "telia-col":
|
|
38
|
-
customElements.get(i) || customElements.define(i, n);
|
|
39
|
-
break;
|
|
40
|
-
case "telia-vst":
|
|
41
|
-
customElements.get(i) || m();
|
|
42
|
-
break;
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
o();
|
|
47
|
-
//# sourceMappingURL=telia-col.js.map
|
|
1
|
+
import '@teliads/components/dist/components/telia-col';
|
|
2
|
+
//# sourceMappingURL=out.js.map
|
|
3
|
+
//# sourceMappingURL=telia-col.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"telia-col.js","sources":["../../../../node_modules/.pnpm/@teliads+components@22.1.0/node_modules/@teliads/components/dist/components/telia-column.js"],"sourcesContent":["import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { s as stringCombiner } from './stringCombiner.js';\nimport { d as defineCustomElement$1 } from './telia-vst2.js';\n\nconst teliaColumnCss = \".telia-col{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-1{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 1)}@media screen and (min-width: 37.5em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-1{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-2{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 2)}@media screen and (min-width: 37.5em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-2{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-3{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 3)}@media screen and (min-width: 37.5em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-3{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-4{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 4)}@media screen and (min-width: 37.5em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-4{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-5{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 5)}@media screen and (min-width: 37.5em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-5{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-6{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 6)}@media screen and (min-width: 37.5em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-6{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-7{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 7)}@media screen and (min-width: 37.5em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-7{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-8{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 8)}@media screen and (min-width: 37.5em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-8{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-9{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 9)}@media screen and (min-width: 37.5em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-9{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-10{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 10)}@media screen and (min-width: 37.5em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-10{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-11{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 11)}@media screen and (min-width: 37.5em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-11{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}.telia-col-12{box-sizing:border-box;display:block;padding-left:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(1.6rem * var(--voca-rem-multiplier)) / 2);width:calc(((100% - 1px) / 12) * 12)}@media screen and (min-width: 37.5em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 64em){.telia-col-12{padding-left:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2);padding-right:calc(calc(2.4rem * var(--voca-rem-multiplier)) / 2)}}@media screen and (min-width: 37.5em){.telia-col-md-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 37.5em){.telia-col-md-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 37.5em){.telia-col-md-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 37.5em){.telia-col-md-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 37.5em){.telia-col-md-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 37.5em){.telia-col-md-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 37.5em){.telia-col-md-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 37.5em){.telia-col-md-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 37.5em){.telia-col-md-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 37.5em){.telia-col-md-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 37.5em){.telia-col-md-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 37.5em){.telia-col-md-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 64em){.telia-col-lg-1{width:calc(((100% - 1px) / 12) * 1)}}@media screen and (min-width: 64em){.telia-col-lg-2{width:calc(((100% - 1px) / 12) * 2)}}@media screen and (min-width: 64em){.telia-col-lg-3{width:calc(((100% - 1px) / 12) * 3)}}@media screen and (min-width: 64em){.telia-col-lg-4{width:calc(((100% - 1px) / 12) * 4)}}@media screen and (min-width: 64em){.telia-col-lg-5{width:calc(((100% - 1px) / 12) * 5)}}@media screen and (min-width: 64em){.telia-col-lg-6{width:calc(((100% - 1px) / 12) * 6)}}@media screen and (min-width: 64em){.telia-col-lg-7{width:calc(((100% - 1px) / 12) * 7)}}@media screen and (min-width: 64em){.telia-col-lg-8{width:calc(((100% - 1px) / 12) * 8)}}@media screen and (min-width: 64em){.telia-col-lg-9{width:calc(((100% - 1px) / 12) * 9)}}@media screen and (min-width: 64em){.telia-col-lg-10{width:calc(((100% - 1px) / 12) * 10)}}@media screen and (min-width: 64em){.telia-col-lg-11{width:calc(((100% - 1px) / 12) * 11)}}@media screen and (min-width: 64em){.telia-col-lg-12{width:calc(((100% - 1px) / 12) * 12)}}@media screen and (min-width: 0){.telia-col-hide-up-sm{display:none}}@media screen and (min-width: 37.5em){.telia-col-hide-up-md{display:none}}@media screen and (min-width: 64em){.telia-col-hide-up-lg{display:none}}@media screen and (min-width: 90em){.telia-col-hide-up-xl{display:none}}.telia-col-hide-down-sm{display:none}@media screen and (min-width: 0){.telia-col-hide-down-sm{display:block}}.telia-col-hide-down-md{display:none}@media screen and (min-width: 37.5em){.telia-col-hide-down-md{display:block}}.telia-col-hide-down-xl{display:none}@media screen and (min-width: 90em){.telia-col-hide-down-xl{display:block}}\";\n\nconst TeliaColumn = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Tracking id is used to identify and count Component usage */\n this.dataTrackingId = 'telia-col';\n }\n render() {\n const columnClassList = stringCombiner([\n 'telia-col',\n {\n [`telia-col-${this.width}`]: !!this.width,\n [`telia-col-md-${this.widthMd}`]: !!this.widthMd,\n [`telia-col-lg-${this.widthLg}`]: !!this.widthLg,\n [`telia-col-hide-up-${this.hideUp}`]: !!this.hideUp,\n [`telia-col-hide-down-${this.hideDown}`]: !!this.hideDown,\n },\n ]);\n return (h(Host, { class: columnClassList }, h(\"slot\", null), h(\"telia-vst\", { dataTrackingId: this.dataTrackingId })));\n }\n static get style() { return teliaColumnCss; }\n}, [4, \"telia-col\", {\n \"dataTestid\": [1, \"data-testid\"],\n \"width\": [2],\n \"widthMd\": [2, \"width-md\"],\n \"widthLg\": [2, \"width-lg\"],\n \"hideUp\": [1, \"hide-up\"],\n \"hideDown\": [1, \"hide-down\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"telia-col\", \"telia-vst\"];\n components.forEach(tagName => { switch (tagName) {\n case \"telia-col\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TeliaColumn);\n }\n break;\n case \"telia-vst\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\ndefineCustomElement();\n\nexport { TeliaColumn as T, defineCustomElement as d };\n"],"names":["teliaColumnCss","TeliaColumn","proxyCustomElement","HTMLElement","columnClassList","stringCombiner","h","Host","defineCustomElement","tagName","defineCustomElement$1"],"mappings":";;;AAIA,MAAMA,IAAiB,wmUAEjBC,IAA4B,gBAAAC,EAAmB,cAAcC,EAAY;AAAA,EAC7E,cAAc;AACZ,aACA,KAAK,eAAc,GAEnB,KAAK,iBAAiB;AAAA,EACvB;AAAA,EACD,SAAS;AACP,UAAMC,IAAkBC,EAAe;AAAA,MACrC;AAAA,MACA;AAAA,QACE,CAAC,aAAa,KAAK,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,QACpC,CAAC,gBAAgB,KAAK,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,QACzC,CAAC,gBAAgB,KAAK,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,QACzC,CAAC,qBAAqB,KAAK,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,QAC7C,CAAC,uBAAuB,KAAK,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK;AAAA,MAClD;AAAA,IACP,CAAK;AACD,WAAQC,EAAEC,GAAM,EAAE,OAAOH,EAAe,GAAIE,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,EAAE,gBAAgB,KAAK,eAAgB,CAAA,CAAC;AAAA,EACrH;AAAA,EACD,WAAW,QAAQ;AAAE,WAAON;AAAA,EAAiB;AAC/C,GAAG,CAAC,GAAG,aAAa;AAAA,EAChB,YAAc,CAAC,GAAG,aAAa;AAAA,EAC/B,OAAS,CAAC,CAAC;AAAA,EACX,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,SAAW,CAAC,GAAG,UAAU;AAAA,EACzB,QAAU,CAAC,GAAG,SAAS;AAAA,EACvB,UAAY,CAAC,GAAG,WAAW;AAC5B,CAAA,CAAC;AACJ,SAASQ,IAAsB;AAC7B,MAAI,OAAO,iBAAmB;AAC5B;AAGF,EADmB,CAAC,aAAa,WAAW,EACjC,QAAQ,CAAAC,MAAW;AAAE,YAAQA,GAAO;AAAA,MAC7C,KAAK;AACH,QAAK,eAAe,IAAIA,CAAO,KAC7B,eAAe,OAAOA,GAASR,CAAW;AAE5C;AAAA,MACF,KAAK;AACH,QAAK,eAAe,IAAIQ,CAAO,KAC7BC;AAEF;AAAA,IACH;AAAA,EAAA,CAAE;AACL;AACAF,EAAqB;","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"sources":["../../src/voca/components/telia-col.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-col';\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
export { }
|
|
@@ -1,39 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
constructor() {
|
|
5
|
-
super(), this.__registerHost(), this.__attachShadow(), this.size = "sm", this.withborder = !1, this.dataTrackingId = "telia-color-dot";
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return e("div", { "data-testid": "telia-color-dot-border-container", class: {
|
|
9
|
-
"telia-color-dot": !0,
|
|
10
|
-
"telia-color-dot--with_border": this.withborder,
|
|
11
|
-
[`telia-color-dot--${this.size}`]: !0
|
|
12
|
-
}, style: { backgroundColor: this.color, borderColor: this.borderColor } }, e("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
13
|
-
}
|
|
14
|
-
static get style() {
|
|
15
|
-
return l;
|
|
16
|
-
}
|
|
17
|
-
}, [1, "telia-color-dot", {
|
|
18
|
-
borderColor: [1, "border-color"],
|
|
19
|
-
color: [1],
|
|
20
|
-
size: [1],
|
|
21
|
-
dataTestid: [1, "data-testid"],
|
|
22
|
-
withborder: [4]
|
|
23
|
-
}]);
|
|
24
|
-
function c() {
|
|
25
|
-
if (typeof customElements > "u")
|
|
26
|
-
return;
|
|
27
|
-
["telia-color-dot", "telia-vst"].forEach((t) => {
|
|
28
|
-
switch (t) {
|
|
29
|
-
case "telia-color-dot":
|
|
30
|
-
customElements.get(t) || customElements.define(t, a);
|
|
31
|
-
break;
|
|
32
|
-
case "telia-vst":
|
|
33
|
-
customElements.get(t) || i();
|
|
34
|
-
break;
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
c();
|
|
39
|
-
//# sourceMappingURL=telia-color-dot.js.map
|
|
1
|
+
import '@teliads/components/dist/components/telia-color-dot';
|
|
2
|
+
//# sourceMappingURL=out.js.map
|
|
3
|
+
//# sourceMappingURL=telia-color-dot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../src/voca/components/telia-color-dot.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-color-dot';\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
export { }
|
|
@@ -1,45 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
constructor() {
|
|
5
|
-
super(), this.__registerHost(), this.__attachShadow(), this.value = 0, this.allyLabel = null, this.dataTrackingId = "telia-counter-badge";
|
|
6
|
-
}
|
|
7
|
-
sanitizeValue(t) {
|
|
8
|
-
const e = Number.parseInt(t);
|
|
9
|
-
if (e > 0)
|
|
10
|
-
return e;
|
|
11
|
-
throw Error("Value needs to be a number (1-9)");
|
|
12
|
-
}
|
|
13
|
-
formatValue(t) {
|
|
14
|
-
return t > 999 ? "999+" : t.toString();
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return a(r, { class: {
|
|
18
|
-
"telia-counter-badge": !!this.value,
|
|
19
|
-
"telia-counter-badge--long": this.value > 9
|
|
20
|
-
}, "data-testid": this.dataTestid }, a("span", { class: "telia-counter-badge--placeholder", role: "status", "aria-label": this.allyLabel }, this.formatValue(this.sanitizeValue(this.value))), a("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
21
|
-
}
|
|
22
|
-
static get style() {
|
|
23
|
-
return n;
|
|
24
|
-
}
|
|
25
|
-
}, [1, "telia-counter-badge", {
|
|
26
|
-
dataTestid: [1, "data-testid"],
|
|
27
|
-
value: [2],
|
|
28
|
-
allyLabel: [1, "ally-label"]
|
|
29
|
-
}]);
|
|
30
|
-
function c() {
|
|
31
|
-
if (typeof customElements > "u")
|
|
32
|
-
return;
|
|
33
|
-
["telia-counter-badge", "telia-vst"].forEach((e) => {
|
|
34
|
-
switch (e) {
|
|
35
|
-
case "telia-counter-badge":
|
|
36
|
-
customElements.get(e) || customElements.define(e, o);
|
|
37
|
-
break;
|
|
38
|
-
case "telia-vst":
|
|
39
|
-
customElements.get(e) || s();
|
|
40
|
-
break;
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
c();
|
|
45
|
-
//# sourceMappingURL=telia-counter-badge.js.map
|
|
1
|
+
import '@teliads/components/dist/components/telia-counter-badge';
|
|
2
|
+
//# sourceMappingURL=out.js.map
|
|
3
|
+
//# sourceMappingURL=telia-counter-badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../src/voca/components/telia-counter-badge.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-counter-badge';\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
export { }
|
|
@@ -1,58 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import "../../chunks/getSvgContent-f2389ce0.js";
|
|
5
|
-
const o = '.telia-cta-link{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;color:inherit;cursor:pointer;display:inline-flex;gap:calc(0.8rem * var(--voca-rem-multiplier));justify-content:center;line-height:calc(1.6rem * var(--voca-rem-multiplier));outline:0;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)));position:relative;text-decoration:none;transition:all 150ms ease}@media screen and (min-width: 37.5em){.telia-cta-link{width:auto}}.telia-cta-link:focus{outline:solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;outline-offset:calc(0.2rem * var(--voca-rem-multiplier))}.telia-cta-link:focus:not(:focus-visible){outline:0}.telia-cta-link--primary{background-color:#29003e;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;color:#ffffff}.telia-cta-link--primary:hover{background-color:#5e0092;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;color:#ffffff}.telia-cta-link--primary:active{background-color:#7800b4;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #7800b4;color:#ffffff}.telia-cta-link--secondary{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;color:#29003e}.telia-cta-link--secondary:hover{background-color:#29003e;color:#ffffff}.telia-cta-link--secondary:active{background-color:#5e0092;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;color:#ffffff}.telia-cta-link--expressive{background-color:#990ae3;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #990ae3;color:#ffffff}.telia-cta-link--expressive:hover{background-color:#7800b4;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #7800b4}.telia-cta-link--expressive:active{background-color:#5e0092;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092}.telia-cta-link--primary-white{background-color:#fbf0ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #fbf0ff;color:#29003e}.telia-cta-link--primary-white:hover{background-color:#edc8ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff}.telia-cta-link--primary-white:active{background-color:#de99ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #de99ff}.telia-cta-link--secondary-white{background-color:transparent;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #fbf0ff;color:#fbf0ff}.telia-cta-link--secondary-white:hover{background-color:#fbf0ff;color:#29003e}.telia-cta-link--secondary-white:active{background-color:#edc8ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff;color:#29003e}.telia-cta-link--expressive-white{background-color:#990ae3;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #990ae3;color:#ffffff}.telia-cta-link--expressive-white:hover{background-color:#de99ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #de99ff;color:#29003e}.telia-cta-link--expressive-white:active{background-color:#edc8ff;border:calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff;color:#29003e}.telia-cta-link.telia-cta-link--icon-only{padding:calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-cta-link--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-cta-link--sm.telia-cta-link--icon-only{padding:calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-cta-link--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-cta-link--lg.telia-cta-link--icon-only{padding:calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)))}.telia-cta-link--full-width{box-sizing:border-box;width:100%}', n = /* @__PURE__ */ l(class extends a {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(), this.__registerHost(), this.__attachShadow(), this.size = "md", this.variant = "primary", this.fullWidth = !1, this.emptySlot = !1, this.dataTrackingId = "telia-cta-link";
|
|
8
|
-
}
|
|
9
|
-
componentWillLoad() {
|
|
10
|
-
this.emptySlot = this.host.innerHTML !== "";
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return r(i, null, r("a", { class: {
|
|
14
|
-
"telia-cta-link": !0,
|
|
15
|
-
[`telia-cta-link--${this.variant}`]: !!this.variant,
|
|
16
|
-
"telia-cta-link--full-width": this.fullWidth,
|
|
17
|
-
[`telia-cta-link--${this.size}`]: !0,
|
|
18
|
-
"telia-cta-link--icon-only": !this.emptySlot
|
|
19
|
-
}, href: this.href, target: this.target, download: this.download, "referrer-policy": this.referrerPolicy, title: this.linkTitle }, this.emptySlot && r("slot", null), r("telia-icon", Object.assign({}, this.allyLabel ? { allyTitle: this.allyLabel } : {}, { name: "arrow-right", size: "sm" }))), r("telia-vst", { dataTrackingId: this.dataTrackingId }));
|
|
20
|
-
}
|
|
21
|
-
get host() {
|
|
22
|
-
return this;
|
|
23
|
-
}
|
|
24
|
-
static get style() {
|
|
25
|
-
return o;
|
|
26
|
-
}
|
|
27
|
-
}, [1, "telia-cta-link", {
|
|
28
|
-
dataTestid: [1, "data-testid"],
|
|
29
|
-
href: [1],
|
|
30
|
-
target: [1],
|
|
31
|
-
download: [8],
|
|
32
|
-
referrerPolicy: [1, "referrer-policy"],
|
|
33
|
-
linkTitle: [1, "link-title"],
|
|
34
|
-
size: [1],
|
|
35
|
-
variant: [1],
|
|
36
|
-
allyLabel: [1, "ally-label"],
|
|
37
|
-
fullWidth: [4, "full-width"],
|
|
38
|
-
emptySlot: [32]
|
|
39
|
-
}]);
|
|
40
|
-
function m() {
|
|
41
|
-
if (typeof customElements > "u")
|
|
42
|
-
return;
|
|
43
|
-
["telia-cta-link", "telia-icon", "telia-vst"].forEach((e) => {
|
|
44
|
-
switch (e) {
|
|
45
|
-
case "telia-cta-link":
|
|
46
|
-
customElements.get(e) || customElements.define(e, n);
|
|
47
|
-
break;
|
|
48
|
-
case "telia-icon":
|
|
49
|
-
customElements.get(e) || t();
|
|
50
|
-
break;
|
|
51
|
-
case "telia-vst":
|
|
52
|
-
customElements.get(e) || c();
|
|
53
|
-
break;
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
m();
|
|
58
|
-
//# sourceMappingURL=telia-cta-link.js.map
|
|
1
|
+
import '@teliads/components/dist/components/telia-cta-link';
|
|
2
|
+
//# sourceMappingURL=out.js.map
|
|
3
|
+
//# sourceMappingURL=telia-cta-link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../src/voca/components/telia-cta-link.ts"],"names":[],"mappings":";AACA,OAAO","sourcesContent":["// This file is generated - see scripts/map-voca-components.js\nimport '@teliads/components/dist/components/telia-cta-link';\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
export { }
|