@telia-ace/alliance-ui 1.0.17 → 1.1.0-next.0

package/CHANGELOG.md

@@ -1,520 +0,0 @@
-# @telia-ace/alliance-ui
-
-## 1.0.17
-
-### Patch Changes
-
--   Updated dependencies [[`f8a0a8c`](https://github.com/telia-company/ace-alliance-sdk/commit/f8a0a8cfa9173037bba2731fa80540f698eaf680)]:
-    -   @telia-ace/alliance-internal-client-utilities@1.0.6
-
-## 1.0.17-next.0
-
-### Patch Changes
-
--   Updated dependencies [[`e352474`](https://github.com/telia-company/ace-alliance-sdk/commit/e35247452722e83239813a4edad87a445c6aac4b)]:
-    -   @telia-ace/alliance-internal-client-utilities@1.0.6-next.0
-
-## 1.0.16
-
-### Patch Changes
-
--   d8c3069: Ensure `href` attribute is properly reflected and use [`display: contents`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#contents) on the `<alliance-link>` host element.
--   d8c3069: Add `<alliance-pop-over>` component.
--   Updated dependencies [1b9c7a9]
-    -   @telia-ace/alliance-internal-client-utilities@1.0.5
-
-## 1.0.16-next.1
-
-### Patch Changes
-
--   d8c3069: Ensure `href` attribute is properly reflected and use [`display: contents`](https://developer.mozilla.org/en-US/docs/Web/CSS/display#contents) on the `<alliance-link>` host element.
--   d8c3069: Add `<alliance-pop-over>` component.
-    -   @telia-ace/alliance-internal-client-utilities@1.0.5-next.0
-
-## 1.0.16-next.0
-
-### Patch Changes
-
--   Updated dependencies [1b9c7a9]
-    -   @telia-ace/alliance-internal-client-utilities@1.0.5-next.0
-
-## 1.0.15
-
-### Patch Changes
-
--   c2335bc: Replace Vite with Tsup when building packages.
--   Updated dependencies [c2335bc]
-    -   @telia-ace/alliance-internal-client-utilities@1.0.4
-
-## 1.0.15-next.0
-
-### Patch Changes
-
--   cd44395: Replace Vite with Tsup when building packages.
--   Updated dependencies [cd44395]
-    -   @telia-ace/alliance-internal-client-utilities@1.0.4-next.0
-
-## 1.0.14
-
-### Patch Changes
-
--   9686d20: Remove `<telia-voca-stats>` component (https://github.com/telia-company/ace-alliance-sdk/issues/335).
--   3f31c37: Fixed paginator breaking when using certain properties (https://github.com/telia-company/ace-alliance-sdk/issues/345).
-
-## 1.0.14-next.1
-
-### Patch Changes
-
--   9686d20: Remove `<telia-voca-stats>` component (https://github.com/telia-company/ace-alliance-sdk/issues/335).
-
-## 1.0.14-next.0
-
-### Patch Changes
-
--   3f31c37: Fixed paginator breaking when using certain properties (https://github.com/telia-company/ace-alliance-sdk/issues/345).
-
-## 1.0.13
-
-### Patch Changes
-
--   8763155: Remove [deprecated Voca components](https://docs.voca.teliacompany.com/?path=/story/documentation-migrations-v22--migrations).
--   59f0d3f: Remove unnecessary scripts.
--   8763155: Update all dependencies to latest.
-
-## 1.0.13-next.1
-
-### Patch Changes
-
--   59f0d3f: Remove unnecessary scripts.
-
-## 1.0.13-next.0
-
-### Patch Changes
-
--   8763155: Remove [deprecated Voca components](https://docs.voca.teliacompany.com/?path=/story/documentation-migrations-v22--migrations).
--   8763155: Update all dependencies to latest.
-
-## 1.0.12
-
-### Patch Changes
-
--   776142c: Add support for [`sub-header` slot](https://alliance-dev.ace.teliacompany.net/-/docs/?path=/docs/ui-components-modal--documentation#sub-header) in `<alliance-modal>` (https://github.com/telia-company/ace-alliance-sdk/issues/221).
-
-## 1.0.12-next.0
-
-### Patch Changes
-
--   776142c: Add support for [`sub-header` slot](https://alliance-dev.ace.teliacompany.net/-/docs/?path=/docs/ui-components-modal--documentation#sub-header) in `<alliance-modal>` (https://github.com/telia-company/ace-alliance-sdk/issues/221).
-
-## 1.0.11
-
-### Patch Changes
-
--   c541ead: Move `@teliads/components` from dev to regular dependency since it is required for correct TypeScript typings.
-
-## 1.0.11-next.0
-
-### Patch Changes
-
--   c541ead: Move `@teliads/components` from dev to regular dependency since it is required for correct TypeScript typings.
-
-## 1.0.10
-
-### Patch Changes
-
--   1ea5886: Set `app` property to required in `<alliance-link>`.
--   1ea5886: Add `<telia-counter-badge>` and `<telia-search-input>`.
--   1ea5886: Add `<alliance-link>`.
--   1ea5886: Use internal property `_href` in `<alliance-link>`.
-
-## 1.0.10-next.1
-
-### Patch Changes
-
--   9f57f2f: Set `app` property to required in `<alliance-link>`.
--   9f57f2f: Use internal property `_href` in `<alliance-link>`.
-
-## 1.0.10-next.0
-
-### Patch Changes
-
--   cd495d7: Add `<telia-counter-badge>` and `<telia-search-input>`.
--   cd495d7: Add `<alliance-link>`.
-
-## 1.0.9
-
-### Patch Changes
-
--   69d2ced: Update all dependencies to latest.
-
-## 1.0.9-next.0
-
-### Patch Changes
-
--   69d2ced: Update all dependencies to latest.
-
-## 1.0.8
-
-### Patch Changes
-
--   6f4dfae: Remove deprecated `--box-shadow-hard` and `--box-shadow-soft` from Voca foundation CSS variables.
--   3cfe2c7: Change scripts to `<script>:dev|prod|test` for local, production and test environment builds.
--   6f4dfae: Update all dependencies to latest.
--   6f4dfae: Make `<alliance-paginator>` responsive relative to its closest [CSS container](https://developer.mozilla.org/en-US/docs/Web/CSS/container) (https://github.com/telia-company/ace-alliance-sdk/issues/136).
--   cc1ff6f: Add `<telia-voca-stats>`.
-
-## 1.0.8-next.1
-
-### Patch Changes
-
--   6f4dfae: Remove deprecated `--box-shadow-hard` and `--box-shadow-soft` from Voca foundation CSS variables.
--   6f4dfae: Update all dependencies to latest.
--   6f4dfae: Make `<alliance-paginator>` responsive relative to its closest [CSS container](https://developer.mozilla.org/en-US/docs/Web/CSS/container) (https://github.com/telia-company/ace-alliance-sdk/issues/136).
--   cc1ff6f: Add `<telia-voca-stats>`.
-
-## 1.0.8-next.0
-
-### Patch Changes
-
--   3cfe2c7: Change scripts to `<script>:dev|prod|test` for local, production and test environment builds.
-
-## 1.0.7
-
-### Patch Changes
-
--   ebf3c0c: Add support for `required` property in `<alliance-modal>.`
--   0c1ec7b: Add `scroll-mode` property to `<alliance-modal>`.
-
-    ![image](https://i.imgur.com/qlOdkU1.gif)
-
--   0c1ec7b: Smaller action buttons and decreased vertical padding in `<alliance-modal>`.
-
-## 1.0.7-next.1
-
-### Patch Changes
-
--   0c1ec7b: Add `scroll-mode` property to `<alliance-modal>`.
-
-    ![image](https://i.imgur.com/qlOdkU1.gif)
-
--   0c1ec7b: Smaller action buttons and decreased vertical padding in `<alliance-modal>`.
-
-## 1.0.7-next.0
-
-### Patch Changes
-
--   ebf3c0c: Add support for `required` property in `<alliance-modal>.`
-
-## 1.0.6
-
-### Patch Changes
-
--   fea9df3: Remove `<telia-button-text>` after it was removed in `@teliads/components@19`.
--   cc604b0: Improvements to `<alliance-modal>`.
-
-    -   Sets `max-width` to same width as [Voca Large breakpoint](https://docs.voca.teliacompany.com/?path=/story/foundations-breakpoints-showcase--showcase) (`1024px` / `64em`).
-    -   Adds scrolling support.
-        ![image](https://i.imgur.com/fz2FD8R.gif)
-    -   Uses `<dialog>` instead of `<div>` for modal window.
-    -   Adds support for `disabled` actions.
-
--   508cbdc: Fix exports of types.
--   f196975: Add comment to custom event types. Export ActionEvent from modal.
--   cc604b0: Relative path support in CSS import vite plugin.
--   fea9df3: Update dependencies to latest.
--   1740edd: Fix `<alliance-modal>` having incorrect `z-index`.
--   f196975: Dispatch `'close'` action when pressing Escape in modal.
--   50e1c70: Add `<alliance-modal>` component, see the documentation for more information.
--   c3765fc: BREAKING: Always use objects as detail type for events (https://github.com/telia-company/ace-alliance-sdk/issues/190).
-
-    ### Migration guide for existing apps
-
-    #### Paginator `change-page` event
-
-    ```diff
-    import type { ChangePageEvent } from '@telia-ace/alliance-ui/components/alliance-paginator';
-    let currentPage = 1;
-    function onChangePage (event: ChangePageEvent) {
-    -  currentPage = event.detail;
-    +  currentPage = event.detail.nextPage;
-    }
-    ```
-
-    #### Modal `action` event
-
-    ```diff
-    import type { ActionEvent } from '@telia-ace/alliance-ui/components/alliance-modal';
-    let modalOpen = true;
-    function onModalAction (event: ActionEvent) {
-    -  modalOpen = event.detail === 'close';
-    +  modalOpen = event.detail.action === 'close';
-    }
-    ```
-
--   f196975: Prefix all environment variables defined by the CLI with `ALLIANCE_` to avoid conflicting with third party packages.
--   f196975: Correct link to Alliance documentation in README.
-
-## 1.0.6-next.5
-
-### Patch Changes
-
--   508cbdc: Fix exports of types.
--   c3765fc: BREAKING: Always use objects as detail type for events (https://github.com/telia-company/ace-alliance-sdk/issues/190).
-
-    ### Migration guide for existing apps
-
-    #### Paginator `change-page` event
-
-    ```diff
-    import type { ChangePageEvent } from '@telia-ace/alliance-ui/components/alliance-paginator';
-    let currentPage = 1;
-    function onChangePage (event: ChangePageEvent) {
-    -  currentPage = event.detail;
-    +  currentPage = event.detail.nextPage;
-    }
-    ```
-
-    #### Modal `action` event
-
-    ```diff
-    import type { ActionEvent } from '@telia-ace/alliance-ui/components/alliance-modal';
-    let modalOpen = true;
-    function onModalAction (event: ActionEvent) {
-    -  modalOpen = event.detail === 'close';
-    +  modalOpen = event.detail.action === 'close';
-    }
-    ```
-
-## 1.0.6-next.4
-
-### Patch Changes
-
--   f196975: Add comment to custom event types. Export ActionEvent from modal.
--   f196975: Dispatch `'close'` action when pressing Escape in modal.
--   f196975: Prefix all environment variables defined by the CLI with `ALLIANCE_` to avoid conflicting with third party packages.
--   f196975: Correct link to Alliance documentation in README.
-
-## 1.0.6-next.3
-
-### Patch Changes
-
--   1740edd: Fix `<alliance-modal>` having incorrect `z-index`.
-
-## 1.0.6-next.2
-
-### Patch Changes
-
--   cc604b0: Improvements to `<alliance-modal>`.
-
-    -   Sets `max-width` to same width as [Voca Large breakpoint](https://docs.voca.teliacompany.com/?path=/story/foundations-breakpoints-showcase--showcase) (`1024px` / `64em`).
-    -   Adds scrolling support.
-        ![image](https://i.imgur.com/fz2FD8R.gif)
-    -   Uses `<dialog>` instead of `<div>` for modal window.
-    -   Adds support for `disabled` actions.
-
--   cc604b0: Relative path support in CSS import vite plugin.
-
-## 1.0.6-next.1
-
-### Patch Changes
-
--   fea9df3: Remove `<telia-button-text>` after it was removed in `@teliads/components@19`.
--   fea9df3: Update dependencies to latest.
-
-## 1.0.6-next.0
-
-### Patch Changes
-
--   50e1c70: Add `<alliance-modal>` component, see the documentation for more information.
-
-## 1.0.5
-
-### Patch Changes
-
--   c47d82c: Update all deps to latest.
--   c47d82c: Fix Alliance paginator component paging arrows getting too much horizontal padding.
--   c47d82c: Improvements to Alliance paginator.
-
-    -   Support for preventing default behaviour of `change-page` event.
-    -   Export `ChangePageEvent` type.
-    -   Fixes bug where the Paginator state did not update after properties were changed (https://github.com/telia-company/ace-alliance-sdk/issues/140).
-
-    ```svelte
-    <script lang="ts">
-        import type { ChangePageEvent } from '@telia-ace/alliance-ui/components/alliance-paginator';
-
-        let currentPage = 1;
-
-        function changePageHandler(event: ChangePageEvent) {
-            event.preventDefault();
-            currentPage = event.detail;
-        }
-    </script>
-
-    // view.svelte
-    <alliance-paginator
-        on:change-page={changePageHandler}
-        initial-page={currentPage}
-        item-count="1000"
-    />
-    ```
-
--   c47d82c: Replace `<alliance-object-list>` with `<alliance-table>` and use `display: table` instead of `flex`.
--   c47d82c: More consistent CSS variable names (https://github.com/telia-company/ace-alliance-sdk/issues/137).
-
-    _New/changed variables_
-    | Variable | Equivalent Voca SCSS Variable |
-    | -------------------------- | ---------------------------------------------------- |
-    | `--box-shadow-sm` | `$telia-shadow-sm` |
-    | `--box-shadow-md` | `$telia-shadow-md` |
-    | `--box-shadow-lg` | `$telia-shadow-lg` |
-    | `--grid-gutter-sm` | `$gutter` |
-    | `--grid-gutter-md` | `$gutter-medium` |
-    | `--grid-gutter-lg` | `$gutter-large` |
-    | `--grid-page-padding-sm` | `$page-padding` |
-    | `--grid-page-padding-md` | `$page-padding-m` |
-    | `--grid-page-padding-lg` | `$page-padding-l` |
-
-    _Deprecated variables_
-    | Variable | Equivalent Voca SCSS Variable |
-    | -------------------------- | ---------------------------------------------------- |
-    | `--box-shadow-hard` | `$telia-shadow-hard` |
-    | `--box-shadow-soft` | `$telia-shadow-soft` |
-    | `--grid-gutter` | `$gutter` |
-    | `--grid-gutter-medium` | `$gutter-medium` |
-    | `--grid-gutter-large` | `$gutter-large` |
-    | `--grid-page-padding` | `$page-padding` |
-    | `--grid-page-padding-m` | `$page-padding-m` |
-    | `--grid-page-padding-l` | `$page-padding-l` |
-
-## 1.0.5-next.1
-
-### Patch Changes
-
--   603ff44: Replace `<alliance-object-list>` with `<alliance-table>` and use `display: table` instead of `flex`.
--   d87f961: More consistent CSS variable names (https://github.com/telia-company/ace-alliance-sdk/issues/137).
-
-    _New/changed variables_
-    | Variable | Equivalent Voca SCSS Variable |
-    | -------------------------- | ---------------------------------------------------- |
-    | `--box-shadow-sm` | `$telia-shadow-sm` |
-    | `--box-shadow-md` | `$telia-shadow-md` |
-    | `--box-shadow-lg` | `$telia-shadow-lg` |
-    | `--grid-gutter-sm` | `$gutter` |
-    | `--grid-gutter-md` | `$gutter-medium` |
-    | `--grid-gutter-lg` | `$gutter-large` |
-    | `--grid-page-padding-sm` | `$page-padding` |
-    | `--grid-page-padding-md` | `$page-padding-m` |
-    | `--grid-page-padding-lg` | `$page-padding-l` |
-
-    _Deprecated variables_
-    | Variable | Equivalent Voca SCSS Variable |
-    | -------------------------- | ---------------------------------------------------- |
-    | `--box-shadow-hard` | `$telia-shadow-hard` |
-    | `--box-shadow-soft` | `$telia-shadow-soft` |
-    | `--grid-gutter` | `$gutter` |
-    | `--grid-gutter-medium` | `$gutter-medium` |
-    | `--grid-gutter-large` | `$gutter-large` |
-    | `--grid-page-padding` | `$page-padding` |
-    | `--grid-page-padding-m` | `$page-padding-m` |
-    | `--grid-page-padding-l` | `$page-padding-l` |
-
-## 1.0.5-next.0
-
-### Patch Changes
-
--   1299e77: Update all deps to latest.
--   1299e77: Fix Alliance paginator component paging arrows getting too much horizontal padding.
--   1299e77: Improvements to Alliance paginator.
-
-    -   Support for preventing default behaviour of `change-page` event.
-    -   Export `ChangePageEvent` type.
-    -   Fixes bug where the Paginator state did not update after properties were changed (https://github.com/telia-company/ace-alliance-sdk/issues/140).
-
-    ```svelte
-    <script lang="ts">
-        import type { ChangePageEvent } from '@telia-ace/alliance-ui/components/alliance-paginator';
-
-        let currentPage = 1;
-
-        function changePageHandler(event: ChangePageEvent) {
-            event.preventDefault();
-            currentPage = event.detail;
-        }
-    </script>
-
-    // view.svelte
-    <alliance-paginator
-        on:change-page={changePageHandler}
-        initial-page={currentPage}
-        item-count="1000"
-    />
-    ```
-
-## 1.0.4
-
-### Patch Changes
-
--   9312699: Update dependencies.
--   94cc0b7: Replace existing voca-foundations-style-tag element if existing.
-
-## 1.0.4-next.1
-
-### Patch Changes
-
--   9312699: Update dependencies.
-
-## 1.0.4-next.0
-
-### Patch Changes
-
--   94cc0b7: Replace existing voca-foundations-style-tag element if existing.
-
-## 1.0.3
-
-### Patch Changes
-
--   b23b6b7: Add `addCssVariables()` to Voca foundations.
--   b23b6b7: Add `alliance-paginator` component.
--   b23b6b7: Fixes TypeScript errors when importing (https://github.com/telia-company/ace-alliance-sdk/issues/97).
--   b23b6b7: Upgrade dependencies.
-
-## 1.0.3-next.1
-
-### Patch Changes
-
--   380d5d0: Upgrade dependencies.
-
-## 1.0.3-next.0
-
-### Patch Changes
-
--   2520b66: Add `addCssVariables()` to Voca foundations.
--   2520b66: Add `alliance-paginator` component.
--   2520b66: Fixes TypeScript errors when importing (https://github.com/telia-company/ace-alliance-sdk/issues/97).
-
-## 1.0.2
-
-### Patch Changes
-
--   36a2430: Support global APP_MANIFEST environment variable.
-
-## 1.0.2-next.0
-
-### Patch Changes
-
--   0383954: Support global APP_MANIFEST environment variable.
-
-## 1.0.1
-
-### Patch Changes
-
--   ddd21be: Update dependencies.
-
-## 1.0.1-next.0
-
-### Patch Changes
-
--   d9726c6: Update dependencies.
-
-## 1.0.0

package/components/alliance-link.d.ts

@@ -1,2 +0,0 @@
-
-export { }

package/components/alliance-link.js

@@ -1,4 +0,0 @@
-import './chunk-2PC6L5RK.js';
-import './chunk-AW7BCYX5.js';
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=alliance-link.js.map

package/components/alliance-link.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":""}

package/components/alliance-modal.d.ts

@@ -1,12 +0,0 @@
-/**
- * Event dispatched when clicking the close button, the backdrop, an action button or pressing escape.
- *
- * Event: `action`
- *
- * Detail: Object containing the property `action`.
- */
-type ActionEvent = CustomEvent<{
-    action: string;
-}>;
-
-export { ActionEvent };

package/components/alliance-modal.js

@@ -1,7 +0,0 @@
-import './chunk-4546RD56.js';
-import './chunk-JQ76TOQT.js';
-import './chunk-P2AWWJPH.js';
-import './chunk-5A2VXG2P.js';
-import './chunk-AW7BCYX5.js';
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=alliance-modal.js.map

package/components/alliance-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":""}

package/components/alliance-paginator.d.ts

@@ -1,13 +0,0 @@
-/**
- * Event dispatched when pressing a page button.
- *
- * Event: `change-page`
- *
- * Detail: Object containing the properties `nextPage` and `previousPage`.
- */
-type ChangePageEvent = CustomEvent<{
-    nextPage: number;
-    previousPage: number;
-}>;
-
-export { ChangePageEvent };

package/components/alliance-paginator.js

@@ -1,6 +0,0 @@
-import './chunk-CZPHL6EU.js';
-import './chunk-JQ76TOQT.js';
-import './chunk-5A2VXG2P.js';
-import './chunk-AW7BCYX5.js';
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=alliance-paginator.js.map

package/components/alliance-paginator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":""}

package/components/alliance-pop-over.d.ts

@@ -1,2 +0,0 @@
-
-export { }

package/components/alliance-pop-over.js

@@ -1,5 +0,0 @@
-import './chunk-IFHLWFVT.js';
-import './chunk-5A2VXG2P.js';
-import './chunk-AW7BCYX5.js';
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=alliance-pop-over.js.map

package/components/alliance-pop-over.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":""}

package/components/alliance-table.d.ts

@@ -1,2 +0,0 @@
-
-export { }

package/components/alliance-table.js

@@ -1,6 +0,0 @@
-import './chunk-MA6NFT5S.js';
-import './chunk-P2AWWJPH.js';
-import './chunk-5A2VXG2P.js';
-import './chunk-AW7BCYX5.js';
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=alliance-table.js.map

package/components/alliance-table.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":""}

package/components/alliance-view.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/alliance-view/alliance-view.ts"],"names":["ViewElementType"],"mappings":"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","sourcesContent":["import type {\n    Promisable,\n    SerializeableObject,\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\nexport const viewElementPrefix = 'alliance-view-';\n\nexport const viewElementSelector = 'app-view';\n\nexport enum ViewElementType {\n    Main = 'main',\n    Aside = 'aside',\n    Body = 'body',\n}\n\nexport function viewElementTag(appName: string) {\n    return `${viewElementPrefix}${appName}`;\n}\n\nexport type ViewInitProps = {\n    app?: IViewElement['app'];\n    capability?: IViewElement['capability'];\n    id?: IViewElement['id'];\n    args?: IViewElement['args'];\n    type?: IViewElement['type'];\n    complete?: IViewElement['complete'];\n};\n\nexport interface IViewElement extends LitElement {\n    init: (props: ViewInitProps) => void;\n    complete: (result: SerializeableObject | null) => void;\n    app: string;\n    capability: string;\n    args: SerializeableObject;\n    mounted: boolean;\n    loading: boolean;\n    type?: ViewElementType;\n}\n\nexport function registerViewElement(\n    appName: string,\n    onRender: (element: IViewElement) => Promisable<void>,\n) {\n    class ViewElement extends LitElement implements IViewElement {\n        static styles = css`\n            .loader {\n                background-color: rgba(255, 255, 255, 0.4);\n                z-index: var(--layer-modal);\n                position: absolute;\n                inset: 0;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n\n                > div {\n                    display: inline-block;\n                    position: relative;\n                    width: 80px;\n                    height: 80px;\n\n                    > div {\n                        animation: alliance-app-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n                        transform-origin: 40px 40px;\n\n                        &:after {\n                            content: ' ';\n                            display: block;\n                            position: absolute;\n                            width: 7px;\n                            height: 7px;\n                            border-radius: 50%;\n                            background: var(--purple-850);\n                            margin: -4px 0 0 -4px;\n                        }\n                        &:nth-child(1) {\n                            animation-delay: -0.036s;\n                        }\n                        &:nth-child(1):after {\n                            top: 63px;\n                            left: 63px;\n                        }\n                        &:nth-child(2) {\n                            animation-delay: -0.072s;\n                        }\n                        &:nth-child(2):after {\n                            top: 68px;\n                            left: 56px;\n                        }\n                        &:nth-child(3) {\n                            animation-delay: -0.108s;\n                        }\n                        &:nth-child(3):after {\n                            top: 71px;\n                            left: 48px;\n                        }\n                        &:nth-child(4) {\n                            animation-delay: -0.144s;\n                        }\n                        &:nth-child(4):after {\n                            top: 72px;\n                            left: 40px;\n                        }\n                        &:nth-child(5) {\n                            animation-delay: -0.18s;\n                        }\n                        &:nth-child(5):after {\n                            top: 71px;\n                            left: 32px;\n                        }\n                        &:nth-child(6) {\n                            animation-delay: -0.216s;\n                        }\n                        &:nth-child(6):after {\n                            top: 68px;\n                            left: 24px;\n                        }\n                        &:nth-child(7) {\n                            animation-delay: -0.252s;\n                        }\n                        &:nth-child(7):after {\n                            top: 63px;\n                            left: 17px;\n                        }\n                        &:nth-child(8) {\n                            animation-delay: -0.288s;\n                        }\n                        &:nth-child(8):after {\n                            top: 56px;\n                            left: 12px;\n                        }\n                    }\n                }\n            }\n            @keyframes alliance-app-loader {\n                0% {\n                    transform: rotate(0deg);\n                }\n                100% {\n                    transform: rotate(360deg);\n                }\n            }\n        `;\n\n        constructor() {\n            super();\n            this.appView = true;\n            this.loading = true;\n            this.mounted = false;\n            this.args = {};\n            this.app = appName;\n            this.capability = 'launch';\n            this.complete = (result) => {\n                this.dispatchEvent(new CustomEvent('complete', { detail: result }));\n            };\n        }\n\n        init(props: ViewInitProps) {\n            for (const [key, value] of Object.entries(props)) {\n                if (value) {\n                    // @ts-ignore\n                    this[key] = value;\n                }\n            }\n        }\n\n        @property({ type: Boolean, attribute: viewElementSelector, reflect: true })\n        private declare appView: boolean;\n\n        @property({ type: Boolean, attribute: true, reflect: true })\n        declare mounted: IViewElement['mounted'];\n\n        @property({ type: Boolean, attribute: true, reflect: true })\n        declare loading: IViewElement['loading'];\n\n        @property({ type: String, attribute: false, reflect: true })\n        declare app: IViewElement['app'];\n\n        @property({ type: String, attribute: true, reflect: true })\n        declare type: IViewElement['type'];\n\n        @property({ type: String, attribute: true, reflect: true })\n        declare capability: IViewElement['capability'];\n\n        @property({ type: Object, attribute: true, reflect: true })\n        declare args: IViewElement['args'];\n\n        declare complete: IViewElement['complete'];\n\n        async connectedCallback() {\n            super.connectedCallback();\n            if (!this.id) {\n                this.id = crypto.randomUUID();\n            }\n            await onRender(this);\n            this.loading = false;\n            this.mounted = true;\n        }\n\n        private renderLoader() {\n            return html`\n                <div class=\"loader\">\n                    <div>\n                        <div></div>\n                        <div></div>\n                        <div></div>\n                        <div></div>\n                        <div></div>\n                        <div></div>\n                        <div></div>\n                        <div></div>\n                    </div>\n                </div>\n            `;\n        }\n\n        private renderTypeStyling() {\n            switch (this.type) {\n                case ViewElementType.Body:\n                    return html`\n                        <style>\n                            :host .app-loader {\n                                display: none;\n                            }\n                        </style>\n                    `;\n                case ViewElementType.Aside:\n                    return html`\n                        <style>\n                            :host {\n                                height: 100vh;\n                                width: auto;\n                                z-index: 3;\n                                position: fixed;\n                                top: 0;\n                                left: 0;\n                            }\n                            :host .app-loader {\n                                display: none;\n                            }\n                        </style>\n                    `;\n                default:\n                case ViewElementType.Main:\n                    return html`\n                        <style>\n                            :host {\n                                position: relative;\n                                display: block;\n                                height: 100%;\n                                width: 100%;\n                            }\n                        </style>\n                    `;\n            }\n        }\n\n        protected render() {\n            return html`\n                ${this.renderTypeStyling()} ${this.loading ? this.renderLoader() : ''}\n                <slot></slot>\n            `;\n        }\n    }\n\n    define(viewElementTag(appName), ViewElement);\n}\n"]}