@telia-ace/alliance-ui 1.0.17 → 1.1.0-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/dist/chunk-25DKARS5.js +1 -0
- package/dist/chunk-2CBI5DBV.js +1 -0
- package/dist/chunk-2INTPVP7.js +1 -0
- package/dist/chunk-2KYKMBE5.js +1 -0
- package/dist/chunk-3SNMRPVF.js +33 -0
- package/dist/chunk-3XBIT2QC.js +1 -0
- package/dist/chunk-4BBGHITO.js +1 -0
- package/dist/chunk-4RRWBCIH.js +1 -0
- package/dist/chunk-4YVRMZHU.js +1 -0
- package/dist/chunk-5ADT643J.js +116 -0
- package/dist/chunk-652ZEYLG.js +1 -0
- package/dist/chunk-7ADVKHKA.js +1 -0
- package/{components/alliance-view.js → dist/chunk-7GNCIH46.js} +8 -100
- package/dist/chunk-AV5TYPEK.js +162 -0
- package/dist/chunk-BJCDB2UT.js +23 -0
- package/dist/chunk-CPNFJGZA.js +5 -0
- package/dist/chunk-CQXRGCL7.js +0 -0
- package/dist/chunk-DWTR6BZK.js +1 -0
- package/dist/chunk-EODFLZFI.js +1 -0
- package/dist/chunk-FTUVFYUS.js +1 -0
- package/dist/chunk-GXNVKBPH.js +24 -0
- package/dist/chunk-HY3DWO5A.js +1 -0
- package/dist/chunk-ILHJDXOE.js +1 -0
- package/dist/chunk-IP3GWZV5.js +1 -0
- package/dist/chunk-IRYZEKCA.js +1 -0
- package/dist/chunk-KIDSEE4D.js +16 -0
- package/dist/chunk-KTIWAGIV.js +1 -0
- package/dist/chunk-LU2NZ7PI.js +55 -0
- package/dist/chunk-NFNKJID6.js +0 -0
- package/dist/chunk-NXHOKNJ5.js +10 -0
- package/dist/chunk-R4RSRPKJ.js +1 -0
- package/dist/chunk-SX4ITYO2.js +1 -0
- package/dist/chunk-TCEWEAN6.js +1 -0
- package/dist/chunk-TNVJYLUC.js +34 -0
- package/dist/chunk-UFBH25JR.js +1 -0
- package/dist/chunk-W3X3OW6G.js +118 -0
- package/dist/chunk-WF2W45FP.js +0 -0
- package/dist/chunk-WOSOA5JK.js +0 -0
- package/dist/chunk-ZK2OOPE4.js +1 -0
- package/dist/components/alliance-link/index.d.ts +33 -0
- package/dist/components/alliance-link/index.js +1 -0
- package/dist/components/alliance-modal/index.d.ts +45 -0
- package/dist/components/alliance-modal/index.js +1 -0
- package/dist/components/alliance-paginator/index.d.ts +72 -0
- package/dist/components/alliance-paginator/index.js +1 -0
- package/dist/components/alliance-pop-over/index.d.ts +21 -0
- package/dist/components/alliance-pop-over/index.js +1 -0
- package/dist/components/alliance-table/index.d.ts +33 -0
- package/dist/components/alliance-table/index.js +1 -0
- package/{components/alliance-view.d.ts → dist/components/alliance-view/index.d.ts} +1 -1
- package/dist/components/alliance-view/index.js +1 -0
- package/dist/components/index.d.ts +10 -0
- package/dist/components/index.js +1 -0
- package/dist/shadow-css-3DZKVWAG.js +17 -0
- package/dist/voca/component-library-styling.d.ts +2 -0
- package/dist/voca/component-library-styling.js +2 -0
- package/dist/voca/components/telia-accordion-item.d.ts +2 -0
- package/dist/voca/components/telia-accordion-item.js +4 -0
- package/dist/voca/components/telia-accordion.d.ts +2 -0
- package/dist/voca/components/telia-accordion.js +1 -0
- package/dist/voca/components/telia-badge.d.ts +2 -0
- package/dist/voca/components/telia-badge.js +1 -0
- package/dist/voca/components/telia-button.js +1 -0
- package/dist/voca/components/telia-card-frame-link.d.ts +2 -0
- package/dist/voca/components/telia-card-frame-link.js +1 -0
- package/dist/voca/components/telia-card-frame.d.ts +2 -0
- package/dist/voca/components/telia-card-frame.js +1 -0
- package/dist/voca/components/telia-checkbox.d.ts +2 -0
- package/dist/voca/components/telia-checkbox.js +1 -0
- package/dist/voca/components/telia-chip-choice.d.ts +2 -0
- package/dist/voca/components/telia-chip-choice.js +3 -0
- package/dist/voca/components/telia-chip-filter.d.ts +2 -0
- package/dist/voca/components/telia-chip-filter.js +3 -0
- package/dist/voca/components/telia-col.d.ts +2 -0
- package/dist/voca/components/telia-col.js +1 -0
- package/dist/voca/components/telia-color-dot.d.ts +2 -0
- package/dist/voca/components/telia-color-dot.js +1 -0
- package/dist/voca/components/telia-counter-badge.d.ts +2 -0
- package/dist/voca/components/telia-counter-badge.js +1 -0
- package/dist/voca/components/telia-cta-link.d.ts +2 -0
- package/dist/voca/components/telia-cta-link.js +1 -0
- package/dist/voca/components/telia-date-picker.d.ts +2 -0
- package/dist/voca/components/telia-date-picker.js +1 -0
- package/dist/voca/components/telia-divider.d.ts +2 -0
- package/dist/voca/components/telia-divider.js +1 -0
- package/dist/voca/components/telia-field-assistive-text.d.ts +2 -0
- package/dist/voca/components/telia-field-assistive-text.js +1 -0
- package/dist/voca/components/telia-field-error.d.ts +2 -0
- package/dist/voca/components/telia-field-error.js +1 -0
- package/dist/voca/components/telia-field-valid.d.ts +2 -0
- package/dist/voca/components/telia-field-valid.js +1 -0
- package/dist/voca/components/telia-fieldset.d.ts +2 -0
- package/dist/voca/components/telia-fieldset.js +4 -0
- package/dist/voca/components/telia-focus-trap.d.ts +2 -0
- package/dist/voca/components/telia-focus-trap.js +1 -0
- package/dist/voca/components/telia-form.d.ts +2 -0
- package/dist/voca/components/telia-form.js +1 -0
- package/dist/voca/components/telia-grid.d.ts +2 -0
- package/dist/voca/components/telia-grid.js +1 -0
- package/dist/voca/components/telia-heading.d.ts +2 -0
- package/dist/voca/components/telia-heading.js +1 -0
- package/dist/voca/components/telia-icon.d.ts +2 -0
- package/dist/voca/components/telia-icon.js +1 -0
- package/dist/voca/components/telia-image.d.ts +2 -0
- package/dist/voca/components/telia-image.js +1 -0
- package/dist/voca/components/telia-label.d.ts +2 -0
- package/dist/voca/components/telia-label.js +1 -0
- package/dist/voca/components/telia-link-image.d.ts +2 -0
- package/dist/voca/components/telia-link-image.js +1 -0
- package/dist/voca/components/telia-link.d.ts +2 -0
- package/dist/voca/components/telia-link.js +1 -0
- package/dist/voca/components/telia-list.d.ts +2 -0
- package/dist/voca/components/telia-list.js +1 -0
- package/dist/voca/components/telia-logo.d.ts +2 -0
- package/dist/voca/components/telia-logo.js +1 -0
- package/dist/voca/components/telia-notification.d.ts +2 -0
- package/dist/voca/components/telia-notification.js +1 -0
- package/dist/voca/components/telia-overlay.d.ts +2 -0
- package/dist/voca/components/telia-overlay.js +1 -0
- package/dist/voca/components/telia-p.d.ts +2 -0
- package/dist/voca/components/telia-p.js +7 -0
- package/dist/voca/components/telia-pictogram.d.ts +2 -0
- package/dist/voca/components/telia-pictogram.js +1 -0
- package/dist/voca/components/telia-radio-button.d.ts +2 -0
- package/dist/voca/components/telia-radio-button.js +1 -0
- package/dist/voca/components/telia-row.d.ts +2 -0
- package/dist/voca/components/telia-row.js +1 -0
- package/dist/voca/components/telia-search-input.d.ts +2 -0
- package/dist/voca/components/telia-search-input.js +1 -0
- package/dist/voca/components/telia-select.d.ts +2 -0
- package/dist/voca/components/telia-select.js +1 -0
- package/dist/voca/components/telia-skeleton.d.ts +2 -0
- package/dist/voca/components/telia-skeleton.js +1 -0
- package/dist/voca/components/telia-status-badge.d.ts +2 -0
- package/dist/voca/components/telia-status-badge.js +1 -0
- package/dist/voca/components/telia-style-link.d.ts +2 -0
- package/dist/voca/components/telia-style-link.js +1 -0
- package/dist/voca/components/telia-tab-content.d.ts +2 -0
- package/dist/voca/components/telia-tab-content.js +1 -0
- package/dist/voca/components/telia-tab-header.d.ts +2 -0
- package/dist/voca/components/telia-tab-header.js +1 -0
- package/dist/voca/components/telia-tab.d.ts +2 -0
- package/dist/voca/components/telia-tab.js +1 -0
- package/dist/voca/components/telia-text-input.d.ts +2 -0
- package/dist/voca/components/telia-text-input.js +1 -0
- package/dist/voca/components/telia-text-spacing.d.ts +2 -0
- package/dist/voca/components/telia-text-spacing.js +1 -0
- package/dist/voca/components/telia-textarea.d.ts +2 -0
- package/dist/voca/components/telia-textarea.js +1 -0
- package/dist/voca/components/telia-toggle.d.ts +2 -0
- package/dist/voca/components/telia-toggle.js +1 -0
- package/dist/voca/components/telia-visually-hidden.d.ts +2 -0
- package/dist/voca/components/telia-visually-hidden.js +1 -0
- package/dist/voca/foundations.js +1 -0
- package/dist/voca/icons.js +1 -0
- package/package.json +23 -33
- package/CHANGELOG.md +0 -520
- package/components/alliance-link.d.ts +0 -2
- package/components/alliance-link.js +0 -4
- package/components/alliance-link.js.map +0 -1
- package/components/alliance-modal.d.ts +0 -12
- package/components/alliance-modal.js +0 -7
- package/components/alliance-modal.js.map +0 -1
- package/components/alliance-paginator.d.ts +0 -13
- package/components/alliance-paginator.js +0 -6
- package/components/alliance-paginator.js.map +0 -1
- package/components/alliance-pop-over.d.ts +0 -2
- package/components/alliance-pop-over.js +0 -5
- package/components/alliance-pop-over.js.map +0 -1
- package/components/alliance-table.d.ts +0 -2
- package/components/alliance-table.js +0 -6
- package/components/alliance-table.js.map +0 -1
- package/components/alliance-view.js.map +0 -1
- package/components/chunk-2PC6L5RK.js +0 -115
- package/components/chunk-2PC6L5RK.js.map +0 -1
- package/components/chunk-4546RD56.js +0 -279
- package/components/chunk-4546RD56.js.map +0 -1
- package/components/chunk-5A2VXG2P.js +0 -4
- package/components/chunk-5A2VXG2P.js.map +0 -1
- package/components/chunk-AW7BCYX5.js +0 -22
- package/components/chunk-AW7BCYX5.js.map +0 -1
- package/components/chunk-CZPHL6EU.js +0 -347
- package/components/chunk-CZPHL6EU.js.map +0 -1
- package/components/chunk-IFHLWFVT.js +0 -133
- package/components/chunk-IFHLWFVT.js.map +0 -1
- package/components/chunk-JQ76TOQT.js +0 -4
- package/components/chunk-JQ76TOQT.js.map +0 -1
- package/components/chunk-MA6NFT5S.js +0 -121
- package/components/chunk-MA6NFT5S.js.map +0 -1
- package/components/chunk-P2AWWJPH.js +0 -3
- package/components/chunk-P2AWWJPH.js.map +0 -1
- package/components/index.d.ts +0 -2
- package/components/index.js +0 -11
- package/components/index.js.map +0 -1
- package/voca/components/telia-accordion-item.js +0 -3
- package/voca/components/telia-accordion-item.js.map +0 -1
- package/voca/components/telia-accordion.d.ts +0 -2
- package/voca/components/telia-accordion.js +0 -3
- package/voca/components/telia-accordion.js.map +0 -1
- package/voca/components/telia-badge.d.ts +0 -2
- package/voca/components/telia-badge.js +0 -3
- package/voca/components/telia-badge.js.map +0 -1
- package/voca/components/telia-button.d.ts +0 -2
- package/voca/components/telia-button.js +0 -3
- package/voca/components/telia-button.js.map +0 -1
- package/voca/components/telia-card-frame-link.d.ts +0 -2
- package/voca/components/telia-card-frame-link.js +0 -3
- package/voca/components/telia-card-frame-link.js.map +0 -1
- package/voca/components/telia-card-frame.d.ts +0 -2
- package/voca/components/telia-card-frame.js +0 -3
- package/voca/components/telia-card-frame.js.map +0 -1
- package/voca/components/telia-checkbox.d.ts +0 -2
- package/voca/components/telia-checkbox.js +0 -3
- package/voca/components/telia-checkbox.js.map +0 -1
- package/voca/components/telia-chip-choice.d.ts +0 -2
- package/voca/components/telia-chip-choice.js +0 -3
- package/voca/components/telia-chip-choice.js.map +0 -1
- package/voca/components/telia-chip-filter.d.ts +0 -2
- package/voca/components/telia-chip-filter.js +0 -3
- package/voca/components/telia-chip-filter.js.map +0 -1
- package/voca/components/telia-col.d.ts +0 -2
- package/voca/components/telia-col.js +0 -3
- package/voca/components/telia-col.js.map +0 -1
- package/voca/components/telia-color-dot.d.ts +0 -2
- package/voca/components/telia-color-dot.js +0 -3
- package/voca/components/telia-color-dot.js.map +0 -1
- package/voca/components/telia-counter-badge.d.ts +0 -2
- package/voca/components/telia-counter-badge.js +0 -3
- package/voca/components/telia-counter-badge.js.map +0 -1
- package/voca/components/telia-cta-link.d.ts +0 -2
- package/voca/components/telia-cta-link.js +0 -3
- package/voca/components/telia-cta-link.js.map +0 -1
- package/voca/components/telia-date-picker.d.ts +0 -2
- package/voca/components/telia-date-picker.js +0 -3
- package/voca/components/telia-date-picker.js.map +0 -1
- package/voca/components/telia-divider.d.ts +0 -2
- package/voca/components/telia-divider.js +0 -3
- package/voca/components/telia-divider.js.map +0 -1
- package/voca/components/telia-field-assistive-text.d.ts +0 -2
- package/voca/components/telia-field-assistive-text.js +0 -3
- package/voca/components/telia-field-assistive-text.js.map +0 -1
- package/voca/components/telia-field-error.d.ts +0 -2
- package/voca/components/telia-field-error.js +0 -3
- package/voca/components/telia-field-error.js.map +0 -1
- package/voca/components/telia-field-valid.d.ts +0 -2
- package/voca/components/telia-field-valid.js +0 -3
- package/voca/components/telia-field-valid.js.map +0 -1
- package/voca/components/telia-fieldset.d.ts +0 -2
- package/voca/components/telia-fieldset.js +0 -3
- package/voca/components/telia-fieldset.js.map +0 -1
- package/voca/components/telia-focus-trap.d.ts +0 -2
- package/voca/components/telia-focus-trap.js +0 -3
- package/voca/components/telia-focus-trap.js.map +0 -1
- package/voca/components/telia-form.d.ts +0 -2
- package/voca/components/telia-form.js +0 -3
- package/voca/components/telia-form.js.map +0 -1
- package/voca/components/telia-grid.d.ts +0 -2
- package/voca/components/telia-grid.js +0 -3
- package/voca/components/telia-grid.js.map +0 -1
- package/voca/components/telia-heading.d.ts +0 -2
- package/voca/components/telia-heading.js +0 -3
- package/voca/components/telia-heading.js.map +0 -1
- package/voca/components/telia-icon.d.ts +0 -2
- package/voca/components/telia-icon.js +0 -3
- package/voca/components/telia-icon.js.map +0 -1
- package/voca/components/telia-image.d.ts +0 -2
- package/voca/components/telia-image.js +0 -3
- package/voca/components/telia-image.js.map +0 -1
- package/voca/components/telia-label.d.ts +0 -2
- package/voca/components/telia-label.js +0 -3
- package/voca/components/telia-label.js.map +0 -1
- package/voca/components/telia-link-image.d.ts +0 -2
- package/voca/components/telia-link-image.js +0 -3
- package/voca/components/telia-link-image.js.map +0 -1
- package/voca/components/telia-link.d.ts +0 -2
- package/voca/components/telia-link.js +0 -3
- package/voca/components/telia-link.js.map +0 -1
- package/voca/components/telia-list.d.ts +0 -2
- package/voca/components/telia-list.js +0 -3
- package/voca/components/telia-list.js.map +0 -1
- package/voca/components/telia-logo.d.ts +0 -2
- package/voca/components/telia-logo.js +0 -3
- package/voca/components/telia-logo.js.map +0 -1
- package/voca/components/telia-notification.d.ts +0 -2
- package/voca/components/telia-notification.js +0 -3
- package/voca/components/telia-notification.js.map +0 -1
- package/voca/components/telia-overlay.d.ts +0 -2
- package/voca/components/telia-overlay.js +0 -3
- package/voca/components/telia-overlay.js.map +0 -1
- package/voca/components/telia-p.d.ts +0 -2
- package/voca/components/telia-p.js +0 -3
- package/voca/components/telia-p.js.map +0 -1
- package/voca/components/telia-pictogram.d.ts +0 -2
- package/voca/components/telia-pictogram.js +0 -3
- package/voca/components/telia-pictogram.js.map +0 -1
- package/voca/components/telia-radio-button.d.ts +0 -2
- package/voca/components/telia-radio-button.js +0 -3
- package/voca/components/telia-radio-button.js.map +0 -1
- package/voca/components/telia-row.d.ts +0 -2
- package/voca/components/telia-row.js +0 -3
- package/voca/components/telia-row.js.map +0 -1
- package/voca/components/telia-search-input.d.ts +0 -2
- package/voca/components/telia-search-input.js +0 -3
- package/voca/components/telia-search-input.js.map +0 -1
- package/voca/components/telia-select.d.ts +0 -2
- package/voca/components/telia-select.js +0 -3
- package/voca/components/telia-select.js.map +0 -1
- package/voca/components/telia-skeleton.d.ts +0 -2
- package/voca/components/telia-skeleton.js +0 -3
- package/voca/components/telia-skeleton.js.map +0 -1
- package/voca/components/telia-status-badge.d.ts +0 -2
- package/voca/components/telia-status-badge.js +0 -3
- package/voca/components/telia-status-badge.js.map +0 -1
- package/voca/components/telia-style-link.d.ts +0 -2
- package/voca/components/telia-style-link.js +0 -3
- package/voca/components/telia-style-link.js.map +0 -1
- package/voca/components/telia-tab-content.d.ts +0 -2
- package/voca/components/telia-tab-content.js +0 -3
- package/voca/components/telia-tab-content.js.map +0 -1
- package/voca/components/telia-tab-header.d.ts +0 -2
- package/voca/components/telia-tab-header.js +0 -3
- package/voca/components/telia-tab-header.js.map +0 -1
- package/voca/components/telia-tab.d.ts +0 -2
- package/voca/components/telia-tab.js +0 -3
- package/voca/components/telia-tab.js.map +0 -1
- package/voca/components/telia-text-input.d.ts +0 -2
- package/voca/components/telia-text-input.js +0 -3
- package/voca/components/telia-text-input.js.map +0 -1
- package/voca/components/telia-text-spacing.d.ts +0 -2
- package/voca/components/telia-text-spacing.js +0 -3
- package/voca/components/telia-text-spacing.js.map +0 -1
- package/voca/components/telia-textarea.d.ts +0 -2
- package/voca/components/telia-textarea.js +0 -3
- package/voca/components/telia-textarea.js.map +0 -1
- package/voca/components/telia-toggle.d.ts +0 -2
- package/voca/components/telia-toggle.js +0 -3
- package/voca/components/telia-toggle.js.map +0 -1
- package/voca/components/telia-visually-hidden.d.ts +0 -2
- package/voca/components/telia-visually-hidden.js +0 -3
- package/voca/components/telia-visually-hidden.js.map +0 -1
- package/voca/foundations/component-library-styling.d.ts +0 -2
- package/voca/foundations/component-library-styling.js +0 -3
- package/voca/foundations/component-library-styling.js.map +0 -1
- package/voca/foundations/index.js +0 -191
- package/voca/foundations/index.js.map +0 -1
- package/voca/icons/index.js +0 -3
- package/voca/icons/index.js.map +0 -1
- /package/{voca/components/telia-accordion-item.d.ts → dist/voca/components/telia-button.d.ts} +0 -0
- /package/{voca/foundations/index.d.ts → dist/voca/foundations.d.ts} +0 -0
- /package/{voca/icons/index.d.ts → dist/voca/icons.d.ts} +0 -0
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { __decorateClass, define } from './chunk-AW7BCYX5.js';
|
|
2
|
-
import { createCapabilityPath, onEnter } from '@telia-ace/alliance-internal-client-utilities';
|
|
3
|
-
import { LitElement, css, html } from 'lit';
|
|
4
|
-
import { property } from 'lit/decorators.js';
|
|
5
|
-
|
|
6
|
-
function isOnCurrentPath(path = "") {
|
|
7
|
-
const cleanedPath = location.href.replace(location.origin, "");
|
|
8
|
-
return cleanedPath.startsWith(path);
|
|
9
|
-
}
|
|
10
|
-
var Link = class extends LitElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super();
|
|
13
|
-
this.navigate = () => {
|
|
14
|
-
if (this.active) {
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
history.pushState({}, "", this._href);
|
|
18
|
-
window.dispatchEvent(new Event("popstate"));
|
|
19
|
-
};
|
|
20
|
-
this.clickHandler = (event) => {
|
|
21
|
-
if (!this.app || this.download) {
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
event.preventDefault();
|
|
25
|
-
this.navigate();
|
|
26
|
-
};
|
|
27
|
-
this.updateActive = () => {
|
|
28
|
-
this.active = isOnCurrentPath(this._href);
|
|
29
|
-
};
|
|
30
|
-
this.computeHref = () => {
|
|
31
|
-
if (this.app) {
|
|
32
|
-
this._href = this.href = createCapabilityPath(this.app, this.capability, this.args);
|
|
33
|
-
this.updateActive();
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
if (this.href) {
|
|
37
|
-
this.capability = "";
|
|
38
|
-
return this._href = this.href;
|
|
39
|
-
}
|
|
40
|
-
throw new Error(
|
|
41
|
-
"The <alliance-link> component requires either the 'app' property or 'href' property!"
|
|
42
|
-
);
|
|
43
|
-
};
|
|
44
|
-
this.args = {};
|
|
45
|
-
this.download = false;
|
|
46
|
-
this.target = "_self";
|
|
47
|
-
this.href = this._href = "";
|
|
48
|
-
this.capability = "launch";
|
|
49
|
-
this.active = false;
|
|
50
|
-
}
|
|
51
|
-
static {
|
|
52
|
-
this.styles = css`
|
|
53
|
-
:host {
|
|
54
|
-
display: contents;
|
|
55
|
-
}
|
|
56
|
-
`;
|
|
57
|
-
}
|
|
58
|
-
connectedCallback() {
|
|
59
|
-
super.connectedCallback();
|
|
60
|
-
window.addEventListener("popstate", this.updateActive);
|
|
61
|
-
this.computeHref();
|
|
62
|
-
}
|
|
63
|
-
disconnectedCallback() {
|
|
64
|
-
window.removeEventListener("popstate", this.updateActive);
|
|
65
|
-
super.disconnectedCallback();
|
|
66
|
-
}
|
|
67
|
-
attributeChangedCallback(_1, _2, _3) {
|
|
68
|
-
super.attributeChangedCallback(_1, _2, _3);
|
|
69
|
-
setTimeout(() => this.computeHref());
|
|
70
|
-
}
|
|
71
|
-
render() {
|
|
72
|
-
return html`<a
|
|
73
|
-
part="anchor"
|
|
74
|
-
rel=${this.rel}
|
|
75
|
-
.target=${this.target}
|
|
76
|
-
.href=${this._href}
|
|
77
|
-
?download=${this.download}
|
|
78
|
-
?active=${this.active}
|
|
79
|
-
@click=${this.clickHandler}
|
|
80
|
-
@keydown=${onEnter(this.clickHandler)}
|
|
81
|
-
>
|
|
82
|
-
<slot></slot>
|
|
83
|
-
</a>`;
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
__decorateClass([
|
|
87
|
-
property({ type: String, attribute: true, reflect: true })
|
|
88
|
-
], Link.prototype, "capability", 2);
|
|
89
|
-
__decorateClass([
|
|
90
|
-
property({ type: String, attribute: true, reflect: true })
|
|
91
|
-
], Link.prototype, "app", 2);
|
|
92
|
-
__decorateClass([
|
|
93
|
-
property({ type: Object, attribute: true, reflect: true })
|
|
94
|
-
], Link.prototype, "args", 2);
|
|
95
|
-
__decorateClass([
|
|
96
|
-
property({ type: String, attribute: true, reflect: true })
|
|
97
|
-
], Link.prototype, "href", 2);
|
|
98
|
-
__decorateClass([
|
|
99
|
-
property({ type: String })
|
|
100
|
-
], Link.prototype, "target", 2);
|
|
101
|
-
__decorateClass([
|
|
102
|
-
property({ type: String, attribute: true, reflect: true })
|
|
103
|
-
], Link.prototype, "rel", 2);
|
|
104
|
-
__decorateClass([
|
|
105
|
-
property({ type: Boolean, attribute: true, reflect: true })
|
|
106
|
-
], Link.prototype, "download", 2);
|
|
107
|
-
__decorateClass([
|
|
108
|
-
property({ type: String, attribute: false, reflect: false })
|
|
109
|
-
], Link.prototype, "_href", 2);
|
|
110
|
-
__decorateClass([
|
|
111
|
-
property({ type: Boolean, attribute: true, reflect: true })
|
|
112
|
-
], Link.prototype, "active", 2);
|
|
113
|
-
define("alliance-link", Link);
|
|
114
|
-
//# sourceMappingURL=out.js.map
|
|
115
|
-
//# sourceMappingURL=chunk-2PC6L5RK.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/alliance-link/alliance-link.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n type SerializeableObject,\n createCapabilityPath,\n onEnter,\n} from '@telia-ace/alliance-internal-client-utilities';\nimport { LitElement, css, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\n\nfunction isOnCurrentPath(path: string = '') {\n const cleanedPath = location.href.replace(location.origin, '');\n return cleanedPath.startsWith(path);\n}\n\nexport class Link extends LitElement {\n constructor() {\n super();\n this.args = {};\n this.download = false;\n this.target = '_self';\n this.href = this._href = '';\n this.capability = 'launch';\n this.active = false;\n }\n\n static styles = css`\n :host {\n display: contents;\n }\n `;\n\n @property({ type: String, attribute: true, reflect: true })\n declare capability: string;\n\n @property({ type: String, attribute: true, reflect: true })\n declare app: string;\n\n @property({ type: Object, attribute: true, reflect: true })\n declare args: SerializeableObject;\n\n /**\n * Link properties\n */\n @property({ type: String, attribute: true, reflect: true })\n declare href?: string;\n\n @property({ type: String })\n declare target?: string;\n\n @property({ type: String, attribute: true, reflect: true })\n declare rel?: string;\n\n @property({ type: Boolean, attribute: true, reflect: true })\n declare download?: boolean;\n\n navigate = () => {\n if (this.active) {\n return;\n }\n\n history.pushState({}, '', this._href);\n window.dispatchEvent(new Event('popstate'));\n };\n\n clickHandler = (event: MouseEvent | KeyboardEvent) => {\n if (!this.app || this.download) {\n return;\n }\n\n event.preventDefault();\n\n this.navigate();\n };\n\n updateActive = () => {\n this.active = isOnCurrentPath(this._href);\n };\n\n connectedCallback() {\n super.connectedCallback();\n window.addEventListener('popstate', this.updateActive);\n this.computeHref();\n }\n\n disconnectedCallback() {\n window.removeEventListener('popstate', this.updateActive);\n super.disconnectedCallback();\n }\n\n attributeChangedCallback(_1: string, _2: string | null, _3: string | null) {\n super.attributeChangedCallback(_1, _2, _3);\n\n // FUTURE TODO: Try to figure out this timeout is needed\n // Update seems to happen too early if this is not timed\n setTimeout(() => this.computeHref());\n }\n\n /**\n * Internal properties\n */\n @property({ type: String, attribute: false, reflect: false })\n private declare _href: string;\n\n @property({ type: Boolean, attribute: true, reflect: true })\n private declare active: boolean;\n\n private computeHref = () => {\n if (this.app) {\n this._href = this.href = createCapabilityPath(this.app, this.capability, this.args);\n this.updateActive();\n return;\n }\n\n if (this.href) {\n this.capability = '';\n return (this._href = this.href);\n }\n\n throw new Error(\n \"The <alliance-link> component requires either the 'app' property or 'href' property!\",\n );\n };\n\n render() {\n return html`<a\n part=\"anchor\"\n rel=${this.rel}\n .target=${this.target}\n .href=${this._href}\n ?download=${this.download}\n ?active=${this.active}\n @click=${this.clickHandler}\n @keydown=${onEnter(this.clickHandler)}\n >\n <slot></slot>\n </a>`;\n }\n}\n\ndefine('alliance-link', Link);\n"]}
|
|
@@ -1,279 +0,0 @@
|
|
|
1
|
-
import { spacing, borders, colors, layers, shadows, breakpoints } from './chunk-5A2VXG2P.js';
|
|
2
|
-
import { __decorateClass, define } from './chunk-AW7BCYX5.js';
|
|
3
|
-
import { close } from '@teliads/components/icons';
|
|
4
|
-
import { LitElement, html, unsafeCSS, css } from 'lit';
|
|
5
|
-
import { property, state } from 'lit/decorators.js';
|
|
6
|
-
import { repeat } from 'lit/directives/repeat.js';
|
|
7
|
-
|
|
8
|
-
var Modal = class extends LitElement {
|
|
9
|
-
constructor() {
|
|
10
|
-
super();
|
|
11
|
-
this.containStyling = () => {
|
|
12
|
-
if (!this.contain) {
|
|
13
|
-
return html`<style>
|
|
14
|
-
:host {
|
|
15
|
-
position: fixed;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.backdrop {
|
|
19
|
-
position: absolute;
|
|
20
|
-
}
|
|
21
|
-
</style>`;
|
|
22
|
-
}
|
|
23
|
-
return html`<style>
|
|
24
|
-
:host {
|
|
25
|
-
height: 500px;
|
|
26
|
-
position: static;
|
|
27
|
-
}
|
|
28
|
-
.backdrop {
|
|
29
|
-
position: absolute;
|
|
30
|
-
}
|
|
31
|
-
</style>`;
|
|
32
|
-
};
|
|
33
|
-
this.scrollStyling = () => {
|
|
34
|
-
if (this.scrollMode === "inside") {
|
|
35
|
-
return html`<style>
|
|
36
|
-
.container {
|
|
37
|
-
align-items: center;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
dialog {
|
|
41
|
-
max-height: 80%;
|
|
42
|
-
display: flex;
|
|
43
|
-
flex-direction: column;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.body {
|
|
47
|
-
flex: 1;
|
|
48
|
-
padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};
|
|
49
|
-
height: 80%;
|
|
50
|
-
overflow-x: hidden;
|
|
51
|
-
overflow-y: auto;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.footer {
|
|
55
|
-
border-top: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};
|
|
56
|
-
padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};
|
|
57
|
-
}
|
|
58
|
-
</style>`;
|
|
59
|
-
}
|
|
60
|
-
return html`<style>
|
|
61
|
-
.container {
|
|
62
|
-
overflow-x: hidden;
|
|
63
|
-
overflow-y: overlay;
|
|
64
|
-
align-items: flex-start;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
dialog {
|
|
68
|
-
display: block;
|
|
69
|
-
margin: ${unsafeCSS(spacing.spacing128)} ${unsafeCSS(spacing.spacing24)};
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.footer,
|
|
73
|
-
.body {
|
|
74
|
-
margin: ${unsafeCSS(spacing.spacing24)} 0;
|
|
75
|
-
padding: 0 ${unsafeCSS(spacing.spacing32)};
|
|
76
|
-
}
|
|
77
|
-
</style>`;
|
|
78
|
-
};
|
|
79
|
-
this.subHeaderStyling = () => {
|
|
80
|
-
if (this.hasSubHeader) {
|
|
81
|
-
return html`<style>
|
|
82
|
-
div.sub-header {
|
|
83
|
-
display: block;
|
|
84
|
-
}
|
|
85
|
-
</style>`;
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
this.closeButton = () => {
|
|
89
|
-
if (this.required) {
|
|
90
|
-
return "";
|
|
91
|
-
}
|
|
92
|
-
return html`<telia-button
|
|
93
|
-
size="sm"
|
|
94
|
-
variant="text"
|
|
95
|
-
data-testid="close-modal-button"
|
|
96
|
-
@click=${this.onCloseClick}
|
|
97
|
-
><telia-icon size="md" svg="${close.svg}"
|
|
98
|
-
/></telia-button>`;
|
|
99
|
-
};
|
|
100
|
-
this.footer = () => {
|
|
101
|
-
if (!this.actions.length) {
|
|
102
|
-
return "";
|
|
103
|
-
}
|
|
104
|
-
return html`
|
|
105
|
-
<div class="footer">
|
|
106
|
-
${repeat(
|
|
107
|
-
this.actions,
|
|
108
|
-
({ disabled, variant, action, label }) => html`
|
|
109
|
-
<telia-button
|
|
110
|
-
disabled="${disabled ? "true" : "false"}"
|
|
111
|
-
variant="${variant || "primary"}"
|
|
112
|
-
size="sm"
|
|
113
|
-
@click=${() => this.action(action)}
|
|
114
|
-
data-testid="${action}-action-button"
|
|
115
|
-
>
|
|
116
|
-
${label}
|
|
117
|
-
</telia-button>
|
|
118
|
-
`
|
|
119
|
-
)}
|
|
120
|
-
</div>
|
|
121
|
-
`;
|
|
122
|
-
};
|
|
123
|
-
this.onBackdropClick = () => {
|
|
124
|
-
if (this.required) {
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
|
-
return this.action("close");
|
|
128
|
-
};
|
|
129
|
-
this.onCloseClick = () => {
|
|
130
|
-
if (this.required) {
|
|
131
|
-
return;
|
|
132
|
-
}
|
|
133
|
-
return this.action("close");
|
|
134
|
-
};
|
|
135
|
-
this.onKeyDown = (event) => {
|
|
136
|
-
if (event.defaultPrevented) {
|
|
137
|
-
return;
|
|
138
|
-
}
|
|
139
|
-
if (!this.required && event.key === "Escape") {
|
|
140
|
-
this.action("close");
|
|
141
|
-
}
|
|
142
|
-
};
|
|
143
|
-
// The slotchange event is only triggered if slot changes content
|
|
144
|
-
// So if event is triggered, that means sub-header is populated and should be shown
|
|
145
|
-
this.onSubHeaderSlotChange = () => {
|
|
146
|
-
this.hasSubHeader = true;
|
|
147
|
-
};
|
|
148
|
-
this.action = (action) => {
|
|
149
|
-
const event = new CustomEvent("action", {
|
|
150
|
-
bubbles: true,
|
|
151
|
-
composed: true,
|
|
152
|
-
detail: { action },
|
|
153
|
-
cancelable: true
|
|
154
|
-
});
|
|
155
|
-
return this.dispatchEvent(event);
|
|
156
|
-
};
|
|
157
|
-
this.header = "";
|
|
158
|
-
this.actions = [];
|
|
159
|
-
this.required = false;
|
|
160
|
-
this.scrollMode = "outside";
|
|
161
|
-
this.hasSubHeader = false;
|
|
162
|
-
}
|
|
163
|
-
static {
|
|
164
|
-
this.styles = css`
|
|
165
|
-
:host {
|
|
166
|
-
display: block;
|
|
167
|
-
inset: 0;
|
|
168
|
-
z-index: ${unsafeCSS(parseInt(layers.modal) - 2)};
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.backdrop {
|
|
172
|
-
inset: 0;
|
|
173
|
-
z-index: ${unsafeCSS(parseInt(layers.modal) - 1)};
|
|
174
|
-
background-color: ${unsafeCSS(colors.black)};
|
|
175
|
-
opacity: 0.3;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.container {
|
|
179
|
-
margin: 0 auto;
|
|
180
|
-
display: flex;
|
|
181
|
-
justify-content: center;
|
|
182
|
-
height: 100%;
|
|
183
|
-
width: 100%;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
dialog {
|
|
187
|
-
background-color: ${unsafeCSS(colors.white)};
|
|
188
|
-
border-radius: ${unsafeCSS(borders.radiusLg)};
|
|
189
|
-
box-shadow: ${unsafeCSS(shadows.md)};
|
|
190
|
-
z-index: ${unsafeCSS(parseInt(layers.modal))};
|
|
191
|
-
max-width: ${unsafeCSS(breakpoints.breakpointLg)};
|
|
192
|
-
position: static;
|
|
193
|
-
padding: 0;
|
|
194
|
-
border: none;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.header {
|
|
198
|
-
position: relative;
|
|
199
|
-
display: flex;
|
|
200
|
-
align-items: center;
|
|
201
|
-
padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};
|
|
202
|
-
border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};
|
|
203
|
-
min-height: 40px;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
.header telia-button {
|
|
207
|
-
position: absolute;
|
|
208
|
-
top: ${unsafeCSS(spacing.spacing20)};
|
|
209
|
-
right: ${unsafeCSS(spacing.spacing24)};
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
.sub-header {
|
|
213
|
-
padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};
|
|
214
|
-
border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};
|
|
215
|
-
display: none;
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
.body {
|
|
219
|
-
min-width: calc(${unsafeCSS(spacing.spacing128)} * 2);
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
.footer {
|
|
223
|
-
display: flex;
|
|
224
|
-
justify-content: flex-end;
|
|
225
|
-
gap: ${unsafeCSS(spacing.spacing16)};
|
|
226
|
-
}
|
|
227
|
-
`;
|
|
228
|
-
}
|
|
229
|
-
connectedCallback() {
|
|
230
|
-
super.connectedCallback();
|
|
231
|
-
window.addEventListener("keydown", this.onKeyDown);
|
|
232
|
-
}
|
|
233
|
-
disconnectedCallback() {
|
|
234
|
-
window.removeEventListener("keydown", this.onKeyDown);
|
|
235
|
-
super.disconnectedCallback();
|
|
236
|
-
}
|
|
237
|
-
render() {
|
|
238
|
-
return html`
|
|
239
|
-
${this.containStyling()} ${this.scrollStyling()} ${this.subHeaderStyling()}
|
|
240
|
-
<div class="backdrop" @click=${this.onBackdropClick}></div>
|
|
241
|
-
<div class="container">
|
|
242
|
-
<dialog open>
|
|
243
|
-
<div class="header">
|
|
244
|
-
<telia-heading tag="h3" variant="title-100">${this.header}</telia-heading>
|
|
245
|
-
${this.closeButton()}
|
|
246
|
-
</div>
|
|
247
|
-
<div class="sub-header">
|
|
248
|
-
<slot name="sub-header" @slotchange=${this.onSubHeaderSlotChange}></slot>
|
|
249
|
-
</div>
|
|
250
|
-
<div class="body">
|
|
251
|
-
<slot></slot>
|
|
252
|
-
</div>
|
|
253
|
-
${this.footer()}
|
|
254
|
-
</dialog>
|
|
255
|
-
</div>
|
|
256
|
-
`;
|
|
257
|
-
}
|
|
258
|
-
};
|
|
259
|
-
__decorateClass([
|
|
260
|
-
property({ type: String, attribute: "header" })
|
|
261
|
-
], Modal.prototype, "header", 2);
|
|
262
|
-
__decorateClass([
|
|
263
|
-
property({ type: Array })
|
|
264
|
-
], Modal.prototype, "actions", 2);
|
|
265
|
-
__decorateClass([
|
|
266
|
-
property({ type: Boolean, attribute: "required" })
|
|
267
|
-
], Modal.prototype, "required", 2);
|
|
268
|
-
__decorateClass([
|
|
269
|
-
property({ type: String, attribute: "scroll-mode" })
|
|
270
|
-
], Modal.prototype, "scrollMode", 2);
|
|
271
|
-
__decorateClass([
|
|
272
|
-
state()
|
|
273
|
-
], Modal.prototype, "hasSubHeader", 2);
|
|
274
|
-
__decorateClass([
|
|
275
|
-
property({ type: Boolean, attribute: "contain" })
|
|
276
|
-
], Modal.prototype, "contain", 2);
|
|
277
|
-
define("alliance-modal", Modal);
|
|
278
|
-
//# sourceMappingURL=out.js.map
|
|
279
|
-
//# sourceMappingURL=chunk-4546RD56.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/alliance-modal/alliance-modal.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,SAAS,aAAa;AACtB,SAAS,YAAY,KAAK,MAAM,iBAAiB;AACjD,SAAS,UAAU,aAAa;AAChC,SAAS,cAAc;AAwBhB,IAAM,QAAN,cAAoB,WAAW;AAAA,EAClC,cAAc;AACV,UAAM;AA6FV,0BAAiB,MAAM;AACnB,UAAI,CAAC,KAAK,SAAS;AACf,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASX;AAEA,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASX;AAEA,yBAAgB,MAAM;AAClB,UAAI,KAAK,eAAe,UAAU;AAC9B,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAaY,UAAU,QAAQ,SAAS,CAAC,IAAI,UAAU,QAAQ,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAOzD,UAAU,QAAQ,OAAO,CAAC,UAAU,UAAU,OAAO,OAAO,CAAC;AAAA,+BAChE,UAAU,QAAQ,SAAS,CAAC,IAAI,UAAU,QAAQ,SAAS,CAAC;AAAA;AAAA;AAAA,MAGnF;AAEA,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BASW,UAAU,QAAQ,UAAU,CAAC,IAAI,UAAU,QAAQ,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,0BAK7D,UAAU,QAAQ,SAAS,CAAC;AAAA,6BACzB,UAAU,QAAQ,SAAS,CAAC;AAAA;AAAA;AAAA,IAGrD;AAEA,4BAAmB,MAAM;AACrB,UAAI,KAAK,cAAc;AACnB,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA,MAKX;AAAA,IACJ;AAEA,uBAAc,MAAM;AAChB,UAAI,KAAK,UAAU;AACf,eAAO;AAAA,MACX;AAEA,aAAO;AAAA;AAAA;AAAA;AAAA,qBAIM,KAAK,YAAY;AAAA,0CACI,MAAM,GAAG;AAAA;AAAA,IAE/C;AAEA,kBAAS,MAAM;AACX,UAAI,CAAC,KAAK,QAAQ,QAAQ;AACtB,eAAO;AAAA,MACX;AAEA,aAAO;AAAA;AAAA,kBAEG;AAAA,QACE,KAAK;AAAA,QACL,CAAC,EAAE,UAAU,SAAS,QAAQ,MAAM,MAAM;AAAA;AAAA,wCAEtB,WAAW,SAAS,OAAO;AAAA,uCAC5B,WAAW,SAAS;AAAA;AAAA,qCAEtB,MAAM,KAAK,OAAO,MAAM,CAAC;AAAA,2CACnB,MAAM;AAAA;AAAA,8BAEnB,KAAK;AAAA;AAAA;AAAA,MAGnB,CAAC;AAAA;AAAA;AAAA,IAGb;AAEA,2BAAkB,MAAM;AACpB,UAAI,KAAK,UAAU;AACf;AAAA,MACJ;AAEA,aAAO,KAAK,OAAO,OAAO;AAAA,IAC9B;AAEA,wBAAe,MAAM;AACjB,UAAI,KAAK,UAAU;AACf;AAAA,MACJ;AAEA,aAAO,KAAK,OAAO,OAAO;AAAA,IAC9B;AAEA,qBAAY,CAAC,UAAyB;AAClC,UAAI,MAAM,kBAAkB;AACxB;AAAA,MACJ;AAEA,UAAI,CAAC,KAAK,YAAY,MAAM,QAAQ,UAAU;AAC1C,aAAK,OAAO,OAAO;AAAA,MACvB;AAAA,IACJ;AAIA;AAAA;AAAA,iCAAwB,MAAM;AAC1B,WAAK,eAAe;AAAA,IACxB;AAYA,kBAAS,CAAC,WAAmB;AACzB,YAAM,QAAqB,IAAI,YAAY,UAAU;AAAA,QACjD,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,EAAE,OAAO;AAAA,QACjB,YAAY;AAAA,MAChB,CAAC;AACD,aAAO,KAAK,cAAc,KAAK;AAAA,IACnC;AAvQI,SAAK,SAAS;AACd,SAAK,UAAU,CAAC;AAChB,SAAK,WAAW;AAChB,SAAK,aAAa;AAClB,SAAK,eAAe;AAAA,EACxB;AAAA,EAEA;AAAA,SAAO,SAAS;AAAA;AAAA;AAAA;AAAA,uBAIG,UAAU,SAAS,OAAO,KAAK,IAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKrC,UAAU,SAAS,OAAO,KAAK,IAAI,CAAC,CAAC;AAAA,gCAC5B,UAAU,OAAO,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAavB,UAAU,OAAO,KAAK,CAAC;AAAA,6BAC1B,UAAU,QAAQ,QAAQ,CAAC;AAAA,0BAC9B,UAAU,QAAQ,EAAE,CAAC;AAAA,uBACxB,UAAU,SAAS,OAAO,KAAK,CAAC,CAAC;AAAA,yBAC/B,UAAU,YAAY,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUrC,UAAU,QAAQ,SAAS,CAAC,IAAI,UAAU,QAAQ,SAAS,CAAC;AAAA,6BACtD,UAAU,QAAQ,OAAO,CAAC,UAAU,UAAU,OAAO,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMvE,UAAU,QAAQ,SAAS,CAAC;AAAA,qBAC1B,UAAU,QAAQ,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,uBAI1B,UAAU,QAAQ,SAAS,CAAC,IAAI,UAAU,QAAQ,SAAS,CAAC;AAAA,6BACtD,UAAU,QAAQ,OAAO,CAAC,UAAU,UAAU,OAAO,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,8BAK5D,UAAU,QAAQ,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMxC,UAAU,QAAQ,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,EAiL3C,oBAAoB;AAChB,UAAM,kBAAkB;AACxB,WAAO,iBAAiB,WAAW,KAAK,SAAS;AAAA,EACrD;AAAA,EAEA,uBAAuB;AACnB,WAAO,oBAAoB,WAAW,KAAK,SAAS;AACpD,UAAM,qBAAqB;AAAA,EAC/B;AAAA,EAYA,SAAS;AACL,WAAO;AAAA,cACD,KAAK,eAAe,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI,KAAK,iBAAiB,CAAC;AAAA,2CAC3C,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA,sEAIO,KAAK,MAAM;AAAA,0BACvD,KAAK,YAAY,CAAC;AAAA;AAAA;AAAA,8DAGkB,KAAK,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKlE,KAAK,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAI/B;AACJ;AArNY;AAAA,EADP,SAAS,EAAE,MAAM,QAAQ,WAAW,SAAS,CAAC;AAAA,GA3EtC,MA4ED;AAGA;AAAA,EADP,SAAS,EAAE,MAAM,MAAM,CAAC;AAAA,GA9EhB,MA+ED;AAGA;AAAA,EADP,SAAS,EAAE,MAAM,SAAS,WAAW,WAAW,CAAC;AAAA,GAjFzC,MAkFD;AAGA;AAAA,EADP,SAAS,EAAE,MAAM,QAAQ,WAAW,cAAc,CAAC;AAAA,GApF3C,MAqFD;AAGA;AAAA,EADP,MAAM;AAAA,GAvFE,MAwFD;AAKA;AAAA,EADP,SAAS,EAAE,MAAM,SAAS,WAAW,UAAU,CAAC;AAAA,GA5FxC,MA6FD;AAsMZ,OAAO,kBAAkB,KAAK","sourcesContent":["import type { ButtonVariantType } from '@teliads/components/dist/types/types/ButtonVariant';\nimport { close } from '@teliads/components/icons';\nimport { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\n\nimport { define } from '@/utils';\nimport '@/voca/components/telia-button';\nimport '@/voca/components/telia-heading';\nimport '@/voca/components/telia-icon';\nimport { borders, breakpoints, colors, layers, shadows, spacing } from '@/voca/foundations';\n\nexport type Action = {\n variant: ButtonVariantType;\n label: string;\n action: string;\n disabled?: boolean;\n};\n\n/**\n * Event dispatched when clicking the close button, the backdrop, an action button or pressing escape.\n *\n * Event: `action`\n *\n * Detail: Object containing the property `action`.\n */\nexport type ActionEvent = CustomEvent<{ action: string }>;\n\nexport class Modal extends LitElement {\n constructor() {\n super();\n this.header = '';\n this.actions = [];\n this.required = false;\n this.scrollMode = 'outside';\n this.hasSubHeader = false;\n }\n\n static styles = css`\n :host {\n display: block;\n inset: 0;\n z-index: ${unsafeCSS(parseInt(layers.modal) - 2)};\n }\n\n .backdrop {\n inset: 0;\n z-index: ${unsafeCSS(parseInt(layers.modal) - 1)};\n background-color: ${unsafeCSS(colors.black)};\n opacity: 0.3;\n }\n\n .container {\n margin: 0 auto;\n display: flex;\n justify-content: center;\n height: 100%;\n width: 100%;\n }\n\n dialog {\n background-color: ${unsafeCSS(colors.white)};\n border-radius: ${unsafeCSS(borders.radiusLg)};\n box-shadow: ${unsafeCSS(shadows.md)};\n z-index: ${unsafeCSS(parseInt(layers.modal))};\n max-width: ${unsafeCSS(breakpoints.breakpointLg)};\n position: static;\n padding: 0;\n border: none;\n }\n\n .header {\n position: relative;\n display: flex;\n align-items: center;\n padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n min-height: 40px;\n }\n\n .header telia-button {\n position: absolute;\n top: ${unsafeCSS(spacing.spacing20)};\n right: ${unsafeCSS(spacing.spacing24)};\n }\n\n .sub-header {\n padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n display: none;\n }\n\n .body {\n min-width: calc(${unsafeCSS(spacing.spacing128)} * 2);\n }\n\n .footer {\n display: flex;\n justify-content: flex-end;\n gap: ${unsafeCSS(spacing.spacing16)};\n }\n `;\n\n @property({ type: String, attribute: 'header' })\n declare header: string;\n\n @property({ type: Array })\n declare actions: Action[];\n\n @property({ type: Boolean, attribute: 'required' })\n declare required: boolean;\n\n @property({ type: String, attribute: 'scroll-mode' })\n declare scrollMode: 'outside' | 'inside';\n\n @state()\n declare hasSubHeader: boolean;\n\n // Internal usage only\n // Used in Storybook to contain modal in story\n @property({ type: Boolean, attribute: 'contain' })\n declare contain?: boolean;\n\n containStyling = () => {\n if (!this.contain) {\n return html`<style>\n :host {\n position: fixed;\n }\n\n .backdrop {\n position: absolute;\n }\n </style>`;\n }\n\n return html`<style>\n :host {\n height: 500px;\n position: static;\n }\n .backdrop {\n position: absolute;\n }\n </style>`;\n };\n\n scrollStyling = () => {\n if (this.scrollMode === 'inside') {\n return html`<style>\n .container {\n align-items: center;\n }\n\n dialog {\n max-height: 80%;\n display: flex;\n flex-direction: column;\n }\n\n .body {\n flex: 1;\n padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n height: 80%;\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n .footer {\n border-top: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n padding: ${unsafeCSS(spacing.spacing24)} ${unsafeCSS(spacing.spacing32)};\n }\n </style>`;\n }\n\n return html`<style>\n .container {\n overflow-x: hidden;\n overflow-y: overlay;\n align-items: flex-start;\n }\n\n dialog {\n display: block;\n margin: ${unsafeCSS(spacing.spacing128)} ${unsafeCSS(spacing.spacing24)};\n }\n\n .footer,\n .body {\n margin: ${unsafeCSS(spacing.spacing24)} 0;\n padding: 0 ${unsafeCSS(spacing.spacing32)};\n }\n </style>`;\n };\n\n subHeaderStyling = () => {\n if (this.hasSubHeader) {\n return html`<style>\n div.sub-header {\n display: block;\n }\n </style>`;\n }\n };\n\n closeButton = () => {\n if (this.required) {\n return '';\n }\n\n return html`<telia-button\n size=\"sm\"\n variant=\"text\"\n data-testid=\"close-modal-button\"\n @click=${this.onCloseClick}\n ><telia-icon size=\"md\" svg=\"${close.svg}\"\n /></telia-button>`;\n };\n\n footer = () => {\n if (!this.actions.length) {\n return '';\n }\n\n return html`\n <div class=\"footer\">\n ${repeat(\n this.actions,\n ({ disabled, variant, action, label }) => html`\n <telia-button\n disabled=\"${disabled ? 'true' : 'false'}\"\n variant=\"${variant || 'primary'}\"\n size=\"sm\"\n @click=${() => this.action(action)}\n data-testid=\"${action}-action-button\"\n >\n ${label}\n </telia-button>\n `,\n )}\n </div>\n `;\n };\n\n onBackdropClick = () => {\n if (this.required) {\n return;\n }\n\n return this.action('close');\n };\n\n onCloseClick = () => {\n if (this.required) {\n return;\n }\n\n return this.action('close');\n };\n\n onKeyDown = (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n\n if (!this.required && event.key === 'Escape') {\n this.action('close');\n }\n };\n\n // The slotchange event is only triggered if slot changes content\n // So if event is triggered, that means sub-header is populated and should be shown\n onSubHeaderSlotChange = () => {\n this.hasSubHeader = true;\n };\n\n connectedCallback() {\n super.connectedCallback();\n window.addEventListener('keydown', this.onKeyDown);\n }\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.onKeyDown);\n super.disconnectedCallback();\n }\n\n action = (action: string) => {\n const event: ActionEvent = new CustomEvent('action', {\n bubbles: true,\n composed: true,\n detail: { action },\n cancelable: true,\n });\n return this.dispatchEvent(event);\n };\n\n render() {\n return html`\n ${this.containStyling()} ${this.scrollStyling()} ${this.subHeaderStyling()}\n <div class=\"backdrop\" @click=${this.onBackdropClick}></div>\n <div class=\"container\">\n <dialog open>\n <div class=\"header\">\n <telia-heading tag=\"h3\" variant=\"title-100\">${this.header}</telia-heading>\n ${this.closeButton()}\n </div>\n <div class=\"sub-header\">\n <slot name=\"sub-header\" @slotchange=${this.onSubHeaderSlotChange}></slot>\n </div>\n <div class=\"body\">\n <slot></slot>\n </div>\n ${this.footer()}\n </dialog>\n </div>\n `;\n }\n}\n\ndefine('alliance-modal', Modal);\n"]}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { borders, breakpoints, colors, layers, motion, shadows, spacing } from '@teliads/components/foundations';
|
|
2
|
-
export { default as focus } from '@teliads/components/foundations/focus/variables.json';
|
|
3
|
-
//# sourceMappingURL=out.js.map
|
|
4
|
-
//# sourceMappingURL=chunk-5A2VXG2P.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/voca/foundations/index.ts"],"names":[],"mappings":";AAAA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO,WAAW","sourcesContent":["import {\n borders,\n breakpoints,\n colors,\n grid,\n layers,\n motion,\n shadows,\n spacing,\n typography,\n} from '@teliads/components/foundations';\nimport focus from '@teliads/components/foundations/focus/variables.json';\n\nexport { borders, breakpoints, colors, grid, layers, motion, shadows, spacing, typography, focus };\n\nexport const addCssVariables = () => {\n const styleId = 'voca-foundations-style-tag';\n const existing = document.getElementById(styleId);\n const element = document.createElement('style');\n element.id = styleId;\n\n const variables: Record<string, string> = {\n '--font-telia-heading':\n 'TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif',\n '--font-telia-sans': 'TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif',\n '--font-normal': typography.weightNormal,\n '--font-medium': typography.weightMedium,\n '--font-bold': typography.weightBold,\n\n '--spacing-0': spacing.spacing0,\n '--spacing-2': spacing.spacing2,\n '--spacing-4': spacing.spacing4,\n '--spacing-8': spacing.spacing8,\n '--spacing-12': spacing.spacing12,\n '--spacing-16': spacing.spacing16,\n '--spacing-20': spacing.spacing20,\n '--spacing-24': spacing.spacing24,\n '--spacing-32': spacing.spacing32,\n '--spacing-48': spacing.spacing48,\n '--spacing-64': spacing.spacing64,\n '--spacing-80': spacing.spacing80,\n '--spacing-96': spacing.spacing96,\n '--spacing-128': spacing.spacing128,\n\n '--box-shadow-none': shadows.none,\n '--box-shadow-sm': shadows.sm,\n '--box-shadow-md': shadows.md,\n '--box-shadow-lg': shadows.lg,\n\n '--duration-50': motion.duration50,\n '--duration-100': motion.duration100,\n '--duration-150': motion.duration150,\n '--duration-200': motion.duration200,\n '--duration-250': motion.duration250,\n '--duration-300': motion.duration300,\n '--duration-350': motion.duration350,\n '--duration-400': motion.duration400,\n '--duration-500': motion.duration500,\n '--duration-1500': motion.duration1500,\n '--duration-2000': motion.duration2000,\n\n '--timing-ease-in': motion.easeIn,\n '--timing-ease-out': motion.easeOut,\n '--timing-ease-in-out': motion.easeInOut,\n\n '--layer-base': layers.base,\n '--layer-dropdown': layers.dropdown,\n '--layer-header': layers.header,\n '--layer-modal': layers.modal,\n\n '--border-width-none': borders.widthNone,\n '--border-width-xs': borders.widthXs,\n '--border-width-sm': borders.widthSm,\n '--border-width-md': borders.widthMd,\n\n '--border-radius-none': borders.radiusNone,\n '--border-radius-default': borders.radiusDefault,\n '--border-radius-sm': borders.radiusSm,\n '--border-radius-lg': borders.radiusLg,\n '--border-radius-full': borders.radiusFull,\n\n '--screen-size-sm': breakpoints.breakpointSm,\n '--screen-size-md': breakpoints.breakpointMd,\n '--screen-size-lg': breakpoints.breakpointLg,\n '--screen-size-xl': breakpoints.breakpointXl,\n\n '--purple-100': colors.purple100,\n '--purple-200': colors.purple200,\n '--purple-300': colors.purple300,\n '--purple-400': colors.purple400,\n '--purple-500': colors.purple500,\n '--purple-600': colors.purple600,\n '--purple-700': colors.purple700,\n '--purple-800': colors.purple800,\n '--purple-850': colors.purple850,\n '--purple-900': colors.purple900,\n\n '--beige-50': colors.beige50,\n '--beige-100': colors.beige100,\n '--beige-200': colors.beige200,\n '--beige-300': colors.beige300,\n '--beige-400': colors.beige400,\n '--beige-500': colors.beige500,\n '--beige-600': colors.beige600,\n '--beige-700': colors.beige700,\n '--beige-800': colors.beige800,\n '--beige-900': colors.beige900,\n\n '--gray-50': colors.gray50,\n '--gray-100': colors.gray100,\n '--gray-200': colors.gray200,\n '--gray-300': colors.gray300,\n '--gray-400': colors.gray400,\n '--gray-500': colors.gray500,\n '--gray-600': colors.gray600,\n '--gray-700': colors.gray700,\n '--gray-800': colors.gray800,\n '--gray-900': colors.gray900,\n\n '--green-100': colors.green100,\n '--green-200': colors.green200,\n '--green-300': colors.green300,\n '--green-400': colors.green400,\n '--green-500': colors.green500,\n '--green-600': colors.green600,\n '--green-700': colors.green700,\n '--green-800': colors.green800,\n '--green-900': colors.green900,\n\n '--red-100': colors.red100,\n '--red-200': colors.red200,\n '--red-300': colors.red300,\n '--red-400': colors.red400,\n '--red-500': colors.red500,\n '--red-600': colors.red600,\n '--red-700': colors.red700,\n '--red-800': colors.red800,\n '--red-900': colors.red900,\n\n '--orange-100': colors.orange100,\n '--orange-200': colors.orange200,\n '--orange-300': colors.orange300,\n '--orange-400': colors.orange400,\n '--orange-500': colors.orange500,\n '--orange-600': colors.orange600,\n '--orange-700': colors.orange700,\n '--orange-800': colors.orange800,\n '--orange-900': colors.orange900,\n\n '--blue-100': colors.blue100,\n '--blue-200': colors.blue200,\n '--blue-300': colors.blue300,\n '--blue-400': colors.blue400,\n '--blue-500': colors.blue500,\n '--blue-600': colors.blue600,\n '--blue-700': colors.blue700,\n '--blue-800': colors.blue800,\n '--blue-900': colors.blue900,\n\n '--white': colors.white,\n '--black': colors.black,\n '--functional-black': colors.functionalBlack,\n\n /* DEPRECATED */\n '--grid-gutter': grid.gutter,\n '--grid-gutter-medium': grid.gutterMedium,\n '--grid-gutter-large': grid.gutterLarge,\n '--grid-page-padding': grid.pagePadding,\n '--grid-page-padding-m': grid.pagePaddingM,\n '--grid-page-padding-l': grid.pagePaddingL,\n\n '--grid-gutter-sm': grid.gutter,\n '--grid-gutter-md': grid.gutterMedium,\n '--grid-gutter-lg': grid.gutterLarge,\n '--grid-page-padding-sm': grid.pagePadding,\n '--grid-page-padding-md': grid.pagePaddingM,\n '--grid-page-padding-lg': grid.pagePaddingL,\n '--grid-page-padding-xl': grid.pagePaddingXl,\n\n // The following are not available in JS variables for some reason\n '--functional-transparent': 'transparent',\n '--transparent-black-50': 'rgba(0, 0, 0, 0.05)',\n '--transparent-black-100': 'rgba(0, 0, 0, 0.1)',\n '--transparent-black-200': 'rgba(0, 0, 0, 0.2)',\n '--transparent-black-300': 'rgba(0, 0, 0, 0.3)',\n '--transparent-black-400': 'rgba(0, 0, 0, 0.4)',\n '--transparent-black-500': 'rgba(0, 0, 0, 0.5)',\n '--transparent-black-600': 'rgba(0, 0, 0, 0.6)',\n '--transparent-black-700': 'rgba(0, 0, 0, 0.7)',\n '--transparent-black-800': 'rgba(0, 0, 0, 0.8)',\n '--transparent-black-850': 'rgba(0, 0, 0, 0.85)',\n '--transparent-black-900': 'rgba(0, 0, 0, 0.9)',\n '--transparent-white-50': 'rgba(0, 0, 0, 0.05)',\n '--transparent-white-100': 'rgba(0, 0, 0, 0.1)',\n '--transparent-white-200': 'rgba(0, 0, 0, 0.2)',\n '--transparent-white-300': 'rgba(0, 0, 0, 0.3)',\n '--transparent-white-400': 'rgba(0, 0, 0, 0.4)',\n '--transparent-white-500': 'rgba(0, 0, 0, 0.5)',\n '--transparent-white-600': 'rgba(0, 0, 0, 0.6)',\n '--transparent-white-700': 'rgba(0, 0, 0, 0.7)',\n '--transparent-white-800': 'rgba(0, 0, 0, 0.8)',\n '--transparent-white-850': 'rgba(0, 0, 0, 0.85)',\n '--transparent-white-900': 'rgba(0, 0, 0, 0.9)',\n\n '--focus-border': `${focus.focusBorderWidth} solid ${focus.focusColor}`,\n };\n\n const variableString = Object.keys(variables)\n .map((key) => `${key}:${variables[key]};`)\n .join('');\n\n element.innerHTML = `\n :root {\n ${variableString}\n }\n `;\n\n if (existing) {\n document.head.replaceChild(element, existing);\n return;\n }\n return document.head.append(element);\n};\n"]}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __decorateClass = (decorators, target, key, kind) => {
|
|
4
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
5
|
-
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
6
|
-
if (decorator = decorators[i])
|
|
7
|
-
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
8
|
-
if (kind && result)
|
|
9
|
-
__defProp(target, key, result);
|
|
10
|
-
return result;
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
// src/utils.ts
|
|
14
|
-
var define = (tag, ...args) => {
|
|
15
|
-
if (!customElements.get(tag)) {
|
|
16
|
-
return customElements.define(tag, ...args);
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { __decorateClass, define };
|
|
21
|
-
//# sourceMappingURL=out.js.map
|
|
22
|
-
//# sourceMappingURL=chunk-AW7BCYX5.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAO,IAAM,SAAuC,CAAC,QAAQ,SAAS;AAClE,MAAI,CAAC,eAAe,IAAI,GAAG,GAAG;AAC1B,WAAO,eAAe,OAAO,KAAK,GAAG,IAAI;AAAA,EAC7C;AACJ","sourcesContent":["export const define: typeof customElements.define = (tag, ...args) => {\n if (!customElements.get(tag)) {\n return customElements.define(tag, ...args);\n }\n};\n"]}
|