@telia-ace/alliance-ui 1.0.15 → 1.0.16-next.1

package/components/chunk-WYQTL7R3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/alliance-link/alliance-link.ts"],"names":["createCapabilityPath","onEnter","LitElement","html","property","isOnCurrentPath","path","cleanedPath","location","href","replace","origin","startsWith","Link","constructor","args","download","target","_href","capability","active","navigate","history","pushState","window","dispatchEvent","Event","clickHandler","event","preventDefault","updateActive","connectedCallback","addEventListener","computeHref","disconnectedCallback","removeEventListener","attributeChangedCallback","_1","_2","_3","setTimeout","app","Error","render","rel","type","String","attribute","reflect","Object","Boolean","define"],"mappings":";;;;;;AAAA,SAEIA,sBACAC,eACG;AACP,SAASC,YAAYC,YAAY;AACjC,SAASC,gBAAgB;;;;;;;;;;;;;;;;;AAIzB,SAASC,gBAAgBC,OAAe,IAAE;AACtC,QAAMC,cAAcC,SAASC,KAAKC,QAAQF,SAASG,QAAQ,EAAA;AAC3D,SAAOJ,YAAYK,WAAWN,IAAAA;AAClC;AAHSD;AAKF,IAAMQ,OAAN,cAAmBX,WAAAA;SAAAA;;;EACtBY,cAAc;AACV,UAAK;AACL,SAAKC,OAAO,CAAC;AACb,SAAKC,WAAW;AAChB,SAAKC,SAAS;AACd,SAAKR,OAAO,KAAKS,QAAQ;AACzB,SAAKC,aAAa;AAClB,SAAKC,SAAS;EAClB;EA0BAC,WAAW,MAAA;AACP,QAAI,KAAKD,QAAQ;AACb;IACJ;AAEAE,YAAQC,UAAU,CAAC,GAAG,IAAI,KAAKL,KAAK;AACpCM,WAAOC,cAAc,IAAIC,MAAM,UAAA,CAAA;EACnC;EAEAC,eAAe,CAACC,UAAAA;AACZ,QAAI,KAAKnB,QAAQ,KAAKO,UAAU;AAC5B;IACJ;AAEAY,UAAMC,eAAc;AAEpB,SAAKR,SAAQ;EACjB;EAEAS,eAAe,MAAA;AACX,SAAKV,SAASf,gBAAgB,KAAKa,KAAK;EAC5C;EAEAa,oBAAoB;AAChB,UAAMA,kBAAAA;AACNP,WAAOQ,iBAAiB,YAAY,KAAKF,YAAY;AACrD,SAAKG,YAAW;EACpB;EAEAC,uBAAuB;AACnBV,WAAOW,oBAAoB,YAAY,KAAKL,YAAY;AACxD,UAAMI,qBAAAA;EACV;EAEAE,yBAAyBC,IAAYC,IAAmBC,IAAmB;AACvE,UAAMH,yBAAyBC,IAAIC,IAAIC,EAAAA;AAIvCC,eAAW,MAAM,KAAKP,YAAW,CAAA;EACrC;EAWQA,cAAc,MAAA;AAClB,QAAI,KAAKxB,MAAM;AACX,aAAQ,KAAKS,QAAQ,KAAKT;IAC9B;AAEA,QAAI,CAAC,KAAKgC,KAAK;AACX,YAAM,IAAIC,MAAM,+DAAA;IACpB;AACA,SAAKxB,QAAQlB,qBAAqB,KAAKyC,KAAK,KAAKtB,YAAY,KAAKJ,IAAI;AACtE,SAAKe,aAAY;EACrB;EAEAa,SAAS;AACL,WAAOxC;;kBAEG,KAAKyC,GAAG;sBACJ,KAAK3B,MAAM;oBACb,KAAKC,KAAK;wBACN,KAAKF,QAAQ;sBACf,KAAKI,MAAM;qBACZ,KAAKO,YAAY;uBACf1B,QAAQ,KAAK0B,YAAY,CAAA;;;;EAI5C;AACJ;;EArGKvB,SAAS;IAAEyC,MAAMC;IAAQC,WAAW;IAAMC,SAAS;EAAK,CAAA;;GAXhDnC,KAAAA,WAAAA,cAAAA,MAAAA;;EAcRT,SAAS;IAAEyC,MAAMC;IAAQC,WAAW;IAAMC,SAAS;EAAK,CAAA;;GAdhDnC,KAAAA,WAAAA,OAAAA,MAAAA;;EAiBRT,SAAS;IAAEyC,MAAMI;IAAQF,WAAW;IAAMC,SAAS;EAAK,CAAA;qCAC3C,wBAAA,cAAA,SAAA,mBAAA;GAlBLnC,KAAAA,WAAAA,QAAAA,MAAAA;;EAuBRT,SAAS;IAAEyC,MAAMC;IAAQC,WAAW;IAAMC,SAAS;EAAK,CAAA;;GAvBhDnC,KAAAA,WAAAA,QAAAA,MAAAA;;EA0BRT,SAAS;IAAEyC,MAAMC;EAAO,CAAA;;GA1BhBjC,KAAAA,WAAAA,UAAAA,MAAAA;;EA6BRT,SAAS;IAAEyC,MAAMC;IAAQC,WAAW;IAAMC,SAAS;EAAK,CAAA;;GA7BhDnC,KAAAA,WAAAA,OAAAA,MAAAA;;EAgCRT,SAAS;IAAEyC,MAAMK;IAASH,WAAW;IAAMC,SAAS;EAAK,CAAA;;GAhCjDnC,KAAAA,WAAAA,YAAAA,MAAAA;;EAgFRT,SAAS;IAAEyC,MAAMC;IAAQC,WAAW;IAAOC,SAAS;EAAM,CAAA;;GAhFlDnC,KAAAA,WAAAA,SAAAA,MAAAA;;EAmFRT,SAAS;IAAEyC,MAAMK;IAASH,WAAW;IAAMC,SAAS;EAAK,CAAA;;GAnFjDnC,KAAAA,WAAAA,UAAAA,MAAAA;AAkHbsC,OAAO,iBAAiBtC,IAAAA","sourcesContent":["import {\n    type SerializeableObject,\n    createCapabilityPath,\n    onEnter,\n} from '@telia-ace/alliance-internal-client-utilities';\nimport { LitElement, 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    @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.href || 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.href) {\n            return (this._href = this.href);\n        }\n\n        if (!this.app) {\n            throw new Error('The app property is required when creating a capability link!');\n        }\n        this._href = createCapabilityPath(this.app, this.capability, this.args);\n        this.updateActive();\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"]}

package/components/chunk-XPHFAKEI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/alliance-table/alliance-table.ts","../src/components/alliance-table/alliance-table-body.ts","../src/components/alliance-table/alliance-table-data.ts","../src/components/alliance-table/alliance-table-head.ts","../src/components/alliance-table/alliance-table-row.ts"],"names":["LitElement","css","html","Table","styles","render","define","TableBody","unsafeCSS","TableData","spacing","spacing24","property","TableHead","constructor","label","type","String","TableRow","clickable","borders","widthXs","colors","gray200","clickableStyling","Boolean","motion","duration150","easeIn","gray300","focus","focusBorderWidth","focusColor","spacing4"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,YAAYC,KAAKC,YAAY;AAI/B,IAAMC,QAAN,cAAoBH,WAAAA;EAJ3B,OAI2BA;;;EACvB,OAAOI,SAASH;;;;;;;EAQhBI,SAAS;AACL,WAAOH;;;EAGX;AACJ;AAEAI,OAAO,kBAAkBH,KAAAA;;;ACpBzB,SAASH,cAAAA,aAAYC,OAAAA,MAAKC,QAAAA,aAAY;AAI/B,IAAMK,YAAN,cAAwBP,YAAAA;EAJ/B,OAI+BA;;;EAC3B,OAAOI,SAASH;;;;;;;EAQhBI,SAAS;AACL,WAAOH;EACX;AACJ;AAEAI,OAAO,eAAeC,SAAAA;;;AClBtB,SAASP,cAAAA,aAAYC,OAAAA,MAAKC,QAAAA,OAAMM,iBAAiB;AAK1C,IAAMC,YAAN,cAAwBT,YAAAA;EAL/B,OAK+BA;;;EAC3B,OAAOI,SAASH;;;;uBAIGO,UAAUE,QAAQC,SAAS,CAAA;;;EAI9CN,SAAS;AACL,WAAOH;EACX;AACJ;AAEAI,OAAO,eAAeG,SAAAA;;;ACnBtB,SAAST,cAAAA,aAAYC,OAAAA,MAAKC,QAAAA,OAAMM,aAAAA,kBAAiB;AACjD,SAASI,gBAAgB;;;;;;;;;;;;;;;;;AAMlB,IAAMC,YAAN,cAAwBb,YAAAA;SAAAA;;;EAC3Bc,cAAc;AACV,UAAK;AACL,SAAKC,QAAQ;EACjB;EAEA,OAAOX,SAASH;;;uBAGGO,WAAUE,QAAQC,SAAS,CAAA;;;EAO9CN,SAAS;AACL,WAAOH,oDAAmD,KAAKa,KAAK;EACxE;AACJ;;EANKH,SAAS;IAAEI,MAAMC;EAAO,CAAA;;GAbhBJ,UAAAA,WAAAA,SAAAA,MAAAA;AAqBbP,OAAO,eAAeO,SAAAA;;;AC5BtB,SAASb,cAAAA,aAAYC,OAAAA,MAAKC,QAAAA,OAAMM,aAAAA,kBAAiB;AACjD,SAASI,YAAAA,iBAAgB;;;;;;;;;;;;;;;;;AAKlB,IAAMM,WAAN,cAAuBlB,YAAAA;SAAAA;;;EAC1Bc,cAAc;AACV,UAAK;AACL,SAAKK,YAAY;EACrB;EAEA,OAAOf,SAASH;;;6BAGSO,WAAUY,QAAQC,OAAO,CAAA,UAAWb,WAAUc,OAAOC,OAAO,CAAA;;;EAOrFlB,SAAS;AACL,WAAOH;cACD,KAAKiB,YAAYK,mBAAmB,EAAA;;;EAG9C;AACJ;;EATKZ,UAAS;IAAEI,MAAMS;EAAQ,CAAA;;GAbjBP,SAAAA,WAAAA,aAAAA,MAAAA;AAwBb,IAAMM,mBAAmBtB;;;uCAGcM,WAAUkB,OAAOC,WAAW,CAAA,IAAKnB,WAAUkB,OAAOE,MAAM,CAAA;;;;;;;4BAOnEpB,WAAUc,OAAOC,OAAO,CAAA;;;;4BAIxBf,WAAUc,OAAOO,OAAO,CAAA;;;;yBAI3BrB,WAAUsB,MAAMC,gBAAgB,CAAA,IAAKvB,WAAUsB,MAAME,UAAU,CAAA;0BAC9DxB,WAAUE,QAAQuB,QAAQ,CAAA;;;AAIpD3B,OAAO,eAAeY,QAAAA","sourcesContent":["import { LitElement, css, html } from 'lit';\n\nimport { define } from '@/utils';\n\nexport class Table extends LitElement {\n    static styles = css`\n        :host {\n            display: table;\n            border-collapse: collapse;\n            width: 100%;\n        }\n    `;\n\n    render() {\n        return html` <alliance-tb>\n            <slot></slot>\n        </alliance-tb>`;\n    }\n}\n\ndefine('alliance-table', Table);\n","import { LitElement, css, html } from 'lit';\n\nimport { define } from '@/utils';\n\nexport class TableBody extends LitElement {\n    static styles = css`\n        :host {\n            display: table-row-group;\n            vertical-align: middle;\n            border-color: inherit;\n        }\n    `;\n\n    render() {\n        return html`<slot></slot>`;\n    }\n}\n\ndefine('alliance-tb', TableBody);\n","import { LitElement, css, html, unsafeCSS } from 'lit';\n\nimport { define } from '@/utils';\nimport { spacing } from '@/voca/foundations';\n\nexport class TableData extends LitElement {\n    static styles = css`\n        :host {\n            display: table-cell;\n            vertical-align: inherit;\n            padding: ${unsafeCSS(spacing.spacing24)};\n        }\n    `;\n\n    render() {\n        return html` <slot></slot> `;\n    }\n}\n\ndefine('alliance-td', TableData);\n","import { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\nimport '@/voca/components/telia-heading';\nimport { spacing } from '@/voca/foundations';\n\nexport class TableHead extends LitElement {\n    constructor() {\n        super();\n        this.label = '';\n    }\n\n    static styles = css`\n        :host {\n            display: table-cell;\n            padding: ${unsafeCSS(spacing.spacing24)};\n        }\n    `;\n\n    @property({ type: String })\n    declare label: string;\n\n    render() {\n        return html`<telia-heading tag=\"h4\" variant=\"title-100\">${this.label}</telia-heading>`;\n    }\n}\n\ndefine('alliance-th', TableHead);\n","import { LitElement, css, html, unsafeCSS } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { define } from '@/utils';\nimport { borders, colors, focus, motion, spacing } from '@/voca/foundations';\n\nexport class TableRow extends LitElement {\n    constructor() {\n        super();\n        this.clickable = false;\n    }\n\n    static styles = css`\n        :host {\n            display: table-row;\n            border-bottom: ${unsafeCSS(borders.widthXs)} solid ${unsafeCSS(colors.gray200)};\n        }\n    `;\n\n    @property({ type: Boolean })\n    declare clickable: boolean;\n\n    render() {\n        return html`\n            ${this.clickable ? clickableStyling : ''}\n            <slot></slot>\n        `;\n    }\n}\n\nconst clickableStyling = html`<style>\n    :host {\n        background-color: transparent;\n        transition: background-color ${unsafeCSS(motion.duration150)} ${unsafeCSS(motion.easeIn)};\n        cursor: pointer;\n    }\n\n    :host(:hover),\n    :host(:focus-visible),\n    :host(:focus) {\n        background-color: ${unsafeCSS(colors.gray200)};\n    }\n\n    :host(:active) {\n        background-color: ${unsafeCSS(colors.gray300)};\n    }\n\n    :host(:focus-visible) {\n        outline: solid ${unsafeCSS(focus.focusBorderWidth)} ${unsafeCSS(focus.focusColor)};\n        outline-offset: ${unsafeCSS(spacing.spacing4)};\n    }\n</style>`;\n\ndefine('alliance-tr', TableRow);\n"]}