@decaf-ts/for-angular 0.1.0 → 0.1.3

package/workdocs/tutorials/For Developers.md

@@ -1,337 +0,0 @@
-## **_Initial Setup_**
-
-#### if you use GitHub
-
-create a new project using this one as a template.
-
-clone it `git clone <project>` and navigate to the root folder `cd <project>`
-
-add a `.token` file containing your access token to the git repository (allows for git opts to work seamlessly).
-
-run `npm run set-git-auth` to update your repo's git config to include the token
-
-#### If your project has private dependencies or publishes to private npm registries, create an `.npmrc` containing:
-
-```text
-@<scope1>:registry=https://<ADDRESS>.com/api/v4/packages/npm/
-@<scope2>:registry=https://<ADDRESS>.<DOMAIN>.com/api/v4/packages/npm/
-//<ADDRESS>.<DOMAIN>.com/:_authToken=${TOKEN}
-//<ADDRESS>.<DOMAIN>.com/api/v4/groups/<GROUP_ID>/packages/npm/:_authToken=${TOKEN}
-//<ADDRESS>.<DOMAIN>.com/api/v4/projects/<PROJECT_ID>/packages/npm/:_authToken=${TOKEN}
-```
-
-Changing:
-
-- <ADDRESS> to `gitlab` or `github` (or other);
-- <DOMAIN> to your domain if any (if you are using plain gitlab or GitHub, remove "<DOMAIN>" and the extra dot);
-- <GROUP_ID> to your project's group id (if any). otherwise remove this line
-- <PROJECT_ID> to your project's id
-
-### Installation
-
-Run `npm install` (or `npm run do-install` if you have private dependencies and a `.token` file) to install the dependencies:
-
-If this is the first time you are running this command, it will also (according to your choices:
-
-- update this repository's dependencies to their latest version;
-- creates the various token files which you can leave empty unless you have private dependencies or publish to private registries
-- delete the `postinstall` script from `package.json`;
-- try to commit the updated `package.json` and deleted files (having ssh access helps here);
-
-### Scripts
-
-The following npm scripts are available for development:
-
-- `do-install` - sets a `TOKEN` environment variable to the contents of `.token` and runs npm install (useful when you
-  have private dependencies);
-- `update-scripts`: will pull the GitHub actions, templates, and style configs from the [for-angular](https://github.com/decaf-ts/for-angular) repository, overwriting the existing.
-- `on-first-run`: will run the initial setup script,
-- `set-git-auth` - change git config to include the token (no longer requires manual auth);
-- `postinstall` - will run only on the first installation to trigger the dep update. Will self-delete;
-- `flash-forward` - updates all dependencies. Take care, This may not be desirable is some cases;
-- `reset` - updates all dependencies. Take care, This may not be desirable is some cases;
-- `build` - builds the code (via gulp `gulpfile.js`) in development mode (generates `lib` and `dist` folder);
-- `build:prod` - builds the code (via gulp `gulpfile.js`) in production mode (generates `lib` and `dist` folder);
-- `test` - default project test script, defaults to `test:unit`;
-- `test:unit` - runs unit tests;
-- `test:integration` - runs it tests;
-- `test:all` - runs all tests;
-- `test:circular` - tests for circular dependencies;
-- `coverage` - runs all tests, calculates coverage (html/csv), generates a test report (HTML and junit) and generates badges for readme;
-- `prepare-pr`: same as prepare-release,
-- `lint` - runs es lint on the code folder;
-- `lint-fix` - tries to auto-fix the code folder;
-- `prepare-release` - defines the commands to run prior to a new tag (defaults to linting, building production code,
-  running tests and documentation generation);
-- `release` - triggers a new tag being pushed to master (via `./bin/tag_release.sh`);
-- `clean-publish` - cleans the package.json for publishing;
-- `drawings` - compiles all DrawIO `*.drawio` files in the `workdocs/drawings` folder to png and moves them to
-  the `workdocs/resources` folder;
-- `uml` - compiles all PlantUML `*.puml` files in the `workdocs/uml` folder to png and moves them to
-  the `workdocs/resources` folder;
-- `docs` - compiles all the coverage, drawings, uml, jsdocs, and md docs into a readable web page under `./docs`. Will be made available at [GitHub Pages](https://decaf-ts.github.io/for-angular);
-- `publish-docs` - publishes the content of `./workdocs/confluence` to confluence according to the config at `./workdocs/confluence/.markdown-confluence.json`.
-  Uses [markdown-confluence](https://markdown-confluence.com/introduction.html). Check their documentation for configuration details;
-
-## Linting
-
-This repo comes with eslint + prettier preconfigured to the default standards.
-
-Please configure your IDE to recognize these files and perform automatic validation and fixes on save:
- - Webstorm:
-   - eslint recommended setup [here](../assets/ws-eslint-setup.png)
-   - prettier recommended setup [here](../assets/ws-prettier-setup.png)
- - VSCode(ium):
-   - eslint recommended setup preconfigured under `.vscode/settings.json`
-   - prettier recommended setup preconfigured under `.vscode/settings.json`
-
-## Testing
-
-Preconfigured Jest based testing:
-
-- `npm run test` - default repository test script. defaults to `test:unit`;
-- `npm run test:unit` - unit tests under the `tests/unit` folder without coverage;
-- `npm run test:all` - include a dist/bundle test under `tests/bundling` (helps with circular dependencies dist test);
-- `npm run test:bundling` - integration tests under the `tests/integration` folder;
-- `npm run test:circular` - stores coverage results under `workdocs/coverage`;
-- `npm run coverage` - stores coverage & test reports under `workdocs/reports`;
-- Coverage and test results will become part of exported docs;
-- ignores `cli.ts` from coverage since that is an executable file;
-- uses `jest.config.ts` as its base config;
-- uses `workdocs/reports/jest.coverage.config.ts` as its base config;
-- defines the coverage threshold in `workdocs/reports/jest.coverage.config.ts`;
-
-## Documentation
-
-The repository proposes a [way to generate documentation](./Documentation.md) that while still not ideal, produces very consistent results.
-
-There are 3 steps in generating the documentation (automated in CI):
-
-- `npm run drawings` - generates png files from each drawing in the `workdocs/drawings` folder and moves them to the `workdocs/resources` folder (requires Docker);
-- `npm run uml` - generates png files from each PlantUML diagram in the `workdocs/uml` folder and moves them to the `workdocs/resources` folder (requires Docker);
-- `npm run docs` - this has several stages, defined under the `gulp docs` (gulpfile.js):
-  - compiles the Readme file via md compile:
-    - enables keeping separate files for sections that are then joined into a single file;
-    - Allows keeping specific files in the jsdoc tutorial folder so they show up on their own menu;
-  - compiles the documentation from the source code using jsdoc:
-    - uses the better docs template with the category and component plugins
-    - uses the mermaid jsdoc plugin to imbue uml diagrams in the docs
-    - includes a nav link to the test coverage results;
-  - copies the jsdoc and mds to `/docs`;
-  - copies the `./workdocs/{drawings, uml, assets, resources}` to `./docs`;
-
-The produced `docs` folder contains the resulting documentation;
-
-## Continuous Integration/Deployment
-
-While the implementation for gitlab and GitHub are not perfectly matched, they are perfectly usable.
-
-The template comes with ci/cd for :
-
-- gitlab (with caching for performance):
-  - stages:
-    - dependencies: Installs dependencies (on `package-lock.json` changes, caches node modules);
-    - build: builds the code (on `src/*` changes, caches `lib` and `dist`);
-    - test: tests the code (on `src/*`, `test/*` changes, caches `workdocs/{resources, badges, coverage}`);
-    - deploy:
-      - deploys to package registry on a tag (public|private);
-      - deploys docker image to docker registry (private);
-      - Deploys the documentation to the repository pages;
-- github:
-  - jest-test: standard `install -> build -> test` loop;
-  - jest-coverage: extracts coverage from the tests;
-  - codeql-analysis: Code quality analysis;
-  - snyk-scan: Vulnerability scanning
-  - pages: builds the documentation and deploys to GitHub pages
-  - release-on-tag: issues a release when the tag does not contain `-no-ci` string
-  - publish-on-release: publishes to package registry (following the release) when the tag does not contain the `-no-ci` string
-  - Requires Variables:
-    - CONSECUTIVE_ACTION_TRIGGER: secret to enable actions to trigger other actions;
-    - NPM_TOKEN: npm registry token
-  - CI Pages Setup:
-    - Enable Pages via a GitHub action: ![pages-via-action](../assets/gh-pages-by-action.png)
-    - Secure Workflows via GitHub action: ![secure-workflows](../assets/gh-allow-workflows.png)
-    - Allow GitHub pages via GitHub action for tags: ![environment-rules](../assets/gh-environment-rules.png)
-
-### Releases
-
-This repository automates releases in the following manner:
-
-- run `npm run release -- <major|minor|patch|version> <message>`:
-  - if arguments are missing, you will be prompted for them;
-- it will run `npm run prepare-release` npm script;
-- it will commit all changes;
-- it will push the new tag;
-
-If publishing to a private repo's npm registry, make sure you add to your `package.json`:
-
-```json
-{
-  "publishConfig": {
-    "<SCOPE>:registry": " https://<REGISTRY>/api/v4/projects/<PROJECT_ID>/packages/npm/"
-  }
-}
-```
-
-Where:
-
-- `<SCOPE>` - Is the scope of your package;
-- `<REGISTRY>` - your registry host;
-- `<PROJECT_ID>` - you project ID number (easy to grab via UI in gitlab or by
-  running `$("meta[name=octolytics-dimension-repository_id]").getAttribute('content')` in the repository page in github);
-
-### Publishing
-
-Unless the `-no-ci` flag is passed in the commit message to the `npm run release` command, publishing will be handled
-automatically by github/gitlab (triggered by the tag).
-
-When the `-no-ci` flag is passed then you can:
-
-- run `npm run publish`. This command assumes :
-  - you have previously run the `npm run release`;
-  - you have you publishing properly configured in `npmrc` and `package.json`;
-  - The token for any special access required is stored in the `.token` file;
-
-### Repository Structure
-
-```
-for-angular
-│
-│   .confluence-token               <-- stores confluence access token
-│   .dockerignore                   <-- Defines files by docker in the build image
-│   .dockeruser                     <-- stores docker registry user
-│   .dockertoken                    <-- stores docker registry access token
-│   .gitignore                      <-- Defines files ignored to git
-│   .gitlab-ci.yml                  <-- CI behaviour for gitlab
-│   .npmignore                      <-- Defines files ignored by npm
-│   .nmprc                          <-- Defines the Npm registry for this package
-│   .nmptoken                       <-- Defines access token for the Npm registry for this package
-│   .prettierrc                     <-- style definitions for the project
-│   .snyk                           <-- vulnerability scan (via snyk) config
-│   .token                          <-- token for dependencies in private registries
-│   .eslint.config.js               <-- linting for the project
-│   gulpfile.js                     <-- Gulp build scripts. used for building na other features (eg docs)
-│   jest.config.ts                  <-- Tests Configuration file
-│   LICENCE.md                      <-- Licence disclamer
-│   package.json
-│   package-lock.json
-│   README.md                       <-- Readme File dynamically compiled from 'workdocs' via the 'docs' npm script
-│   tsconfig.json                   <-- Typescript config file. Is overriden in 'gulpfile.js'
-│
-└───.github
-│   │   ...                         <-- github workflows and templates
-│
-└───.run
-│   │   ...                         <-- IDE run scripts for WebStorm
-│
-│└───.vscode
-│   │   ...                         <-- IDE run scripts and configs for VSCode(ium)
-│
-└───bin
-│   │───tag_release.cjs             <-- Script to help with releases
-│   │───template-setup.cjs          <-- Script that runs on first npm install and configures the repo
-│   └───update-scripts.cjs          <-- Retrieves the most updated configuration files from the original repository
-└───dist
-│   │   ...                         <-- Dinamically generated folder containing the bundles for distribution
-│
-└───docs
-│   │   ...                         <-- Dinamically generated folder, containing the compiled documentation for this repository. generated via the 'docs' npm script
-│
-└───lib
-│   |   ...                         <-- Dinamically generated folder containing the compiled code
-│
-└───src
-│   │   ...                         <-- Source code for this repository
-│
-└───tests
-│   │───bundling                    <-- Tests the result of the produced bundle
-│   │───unit                        <-- Unit tests
-│   └───integration                 <-- Integration tests
-│
-└───workdocs                        <-- Folder with all pre-compiled documentation
-    │───assets                      <-- Documentation asset folder
-    │───confluence                  <-- folder containing specific documentation to be synced with a confluence page
-    │───drawings                    <-- Drawio drawings that are converted to the resources folder dynamically
-    │───prompts                     <-- Used AI prompts (great for documentation and testing)
-    │───reports                     <-- Folder storing generated content (compiled uml, drawio, test reports, etc)
-    │   └───coverage                <-- Auto generated coverage results (report ready html)
-    │   └───data                    <-- folder used as temp while genrating reports wiht attachements
-    │   └───html                    <-- test results (jest-html-reporters) complete test report with attachements
-    │   └───junit                   <-- test results (junit xml)
-    │   └───jest.coverage.config.ts <-- jest config collecting coverage and exporting test results (extends base config)
-    │───resources                   <-- Folder storing generated content (compiled uml, drawio, etc)
-    │───tutorials                   <-- Tutorial folder (will show up on tutorial section in generated documentation)
-    │───uml                         <-- folder containing puml files to be compiled along with the documentation
-    │   ...                         <-- Categorized *.md files that are merged to generate the final readme (via md compile)
-    │   jsdocs.json                 <-- jsdoc Documentation generation configuration file
-    │   Readme.md                   <-- Entry point to the README.md (will import other referenced md files)
-    │   readme-md.json              <-- md Documentation generation configuration file for the README.md file
-```
-
-## IDE Integrations
-
-### Visual Studio Code (VSCode)
-
-For an optimal development experience in **VSCode**, we recommend installing the following extensions:
-
-- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) – Linting made easy and integrated.
-- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) – Code formatting with style.
-- [Jest](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest) – Smooth integration for running and debugging tests.
-
-We've included a pre-configured `settings.json` that ensures:
-
-- **Linting and formatting** are automatically applied on file save.
-- **Jest** works seamlessly with your test suite out of the box.
-
-#### Tasks & Launchers
-
-Common tasks like `build`, `test`, and others are pre-configured as **VSCode Tasks** and **Launch Configurations**.
-
-To access and run them:
-
-- Open the Command Palette (`Cmd/Ctrl + Shift + P`) and select `Tasks: Run Task`.
-- Or go to the **Run and Debug** panel, choose a configuration from the dropdown, and press ▶️.
-
----
-
-### WebStorm
-
-For **WebStorm** users, everything comes integrated right out of the box 🎉  
-Common commands for builds, tests, and documentation generation are available in the **Run/Debug configurations** dropdown for quick access and execution via:
-
- - Jest integration:
-   - `tests/Unit Tests` - Runs all unit tests (analog to `test:unit`)
-   - `tests/Integration Tests` - Runs all integration tests (analog to `test:integration`)
-   - `tests/Bundling Tests` - Runs the dist and bundling tests (analog to `test:bundling`)
-   - `All Tests` - Runs all tests (analog to `test:all`)
-
- - Node integration:
-   - `repo/docs` - Builds documentation (analog to `docs`)
-   - `repo/coverage` - runs `test:all`, collects coverage (csv, HTML), generates test reports (junit, HTML) (analog to `coverage`)
-   - `repo/uml` - builds uml into png files (analog to `uml`)
-   - `repo/test:circular` - test code for circular dependencies (analog to `test:circular`)
-   - `repo/lint-fix` - tries to fix linting issues (analog to `lint-fix`)
-   - `repo/drawings` - compiles draw.io files to png (one per page) (analog to `drawings`)
-   - `repo/flash-forward` - updates all dependencies to latest versions (analog to `flash-forward`)
-   - `repo/update-scripts` - runs cli to update repo's configs (CI, Doc boilerplate, Linting, Style, etc) via it's template repository (analog to `drawings`)
-   - `build:prod` - `build`s code in production mode (minify, uglify, doc extraction, and no source-map for bundled production)
-   - `build` - `build`s code in development mode
-
-## Considerations
-
-- Setup for node 20, but will work at least with 16;
-- Requires docker to build documentation (drawings and PlantUML)
-
-
-
-## Coding Principles
-
-- group similar functionality in folders (analog to namespaces but without any namespace declaration)
-- one class per file;
-- one interface per file (unless interface is just used as a type);
-- group types as other interfaces in a types.ts file per folder;
-- group constants or enums in a constants.ts file per folder;
-- group decorators in a decorators.ts file per folder;
-- group pure/utilitarian functions in a utils.ts file per folder, or create a dedicated file per related functionality. Try to limit the export of these outside the package.
-- always import from the specific file, never from a folder or index file (exceptions for dependencies on other packages)
-- All classes, interfaces, constants and types should always be exported

package/workdocs/uml/diagram.puml

@@ -1,11 +0,0 @@
-@startuml
-
-[*] --> State1 : moves into state 1
-State1 --> State2 : moves into state 2
-State1 --> State3 : moves into state 3
-
-State3 --> State2: moves into state 2
-
-State2 --> [*]: end state
-
-@enduml

package/www/1049.10b030f0de36543b.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfor_angular_app=self.webpackChunkfor_angular_app||[]).push([[1049],{1049(u,s,i){i.r(s),i.d(s,{ion_avatar:()=>b,ion_badge:()=>o,ion_thumbnail:()=>c});var r=i(5705),d=i(6855),l=i(4576);const b=(()=>{let n=class{constructor(e){(0,r.r)(this,e)}render(){return(0,r.h)(r.d,{key:"998217066084f966bf5d356fed85bcbd451f675a",class:(0,d.b)(this)},(0,r.h)("slot",{key:"1a6f7c9d4dc6a875f86b5b3cda6d59cb39587f22"}))}};return n.style={ios:":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}",md:":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}"},n})(),o=(()=>{let n=class{constructor(e){(0,r.r)(this,e)}render(){const e=(0,d.b)(this);return(0,r.h)(r.d,{key:"1a2d39c5deec771a2f2196447627b62a7d4c8389",class:(0,l.c)(this.color,{[e]:!0})},(0,r.h)("slot",{key:"fc1b6587f1ed24715748eb6785e7fb7a57cdd5cd"}))}};return n.style={ios:":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}",md:":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}"},n})(),c=(()=>{let n=class{constructor(e){(0,r.r)(this,e)}render(){return(0,r.h)(r.d,{key:"70ada828e8cf541ab3b47f94b7e56ce34114ef88",class:(0,d.b)(this)},(0,r.h)("slot",{key:"c43e105669d2bae123619b616f3af8ca2f722d61"}))}};return n.style=":host{--size:48px;--border-radius:0;border-radius:var(--border-radius);display:block;width:var(--size);height:var(--size)}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}",n})()},4576(u,s,i){i.d(s,{c:()=>l,g:()=>g,h:()=>d,o:()=>h});var r=i(467);const d=(t,o)=>null!==o.closest(t),l=(t,o)=>"string"==typeof t&&t.length>0?Object.assign({"ion-color":!0,[`ion-color-${t}`]:!0},o):o,g=t=>{const o={};return(t=>void 0!==t?(Array.isArray(t)?t:t.split(" ")).filter(a=>null!=a).map(a=>a.trim()).filter(a=>""!==a):[])(t).forEach(a=>o[a]=!0),o},b=/^[a-z][a-z0-9+\-.]*:/,h=function(){var t=(0,r.A)(function*(o,a,c,n){if(null!=o&&"#"!==o[0]&&!b.test(o)){const e=document.querySelector("ion-router");if(e)return a?.preventDefault(),e.push(o,c,n)}return!1});return function(a,c,n,e){return t.apply(this,arguments)}}()}}]);

package/www/1102.67cedfb3e29f0a05.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkfor_angular_app=self.webpackChunkfor_angular_app||[]).push([[1102],{1102(g,l,s){s.r(l),s.d(l,{ion_tab:()=>f,ion_tabs:()=>d});var n=s(467),i=s(5705),u=s(6118);s(4674);const f=(()=>{let t=class{constructor(e){(0,i.r)(this,e),this.loaded=!1,this.active=!1}componentWillLoad(){var e=this;return(0,n.A)(function*(){e.active&&(yield e.setActive())})()}setActive(){var e=this;return(0,n.A)(function*(){yield e.prepareLazyLoaded(),e.active=!0})()}changeActive(e){e&&this.prepareLazyLoaded()}prepareLazyLoaded(){if(!this.loaded&&null!=this.component){this.loaded=!0;try{return(0,u.a)(this.delegate,this.el,this.component,["ion-page"])}catch(e){(0,i.j)("[ion-tab] - Exception in prepareLazyLoaded:",e)}}return Promise.resolve(void 0)}render(){const{tab:e,active:a,component:r}=this;return(0,i.h)(i.d,{key:"dbad8fe9f1566277d14647626308eaf1601ab01f",role:"tabpanel","aria-hidden":a?null:"true","aria-labelledby":`tab-button-${e}`,class:{"ion-page":void 0===r,"tab-hidden":!a}},(0,i.h)("slot",{key:"3be64f4e7161f6769aaf8e4dcb5293fcaa09af45"}))}get el(){return(0,i.g)(this)}static get watchers(){return{active:["changeActive"]}}};return t.style=":host(.tab-hidden){display:none !important}",t})(),d=class{constructor(t){(0,i.r)(this,t),this.ionNavWillLoad=(0,i.c)(this,"ionNavWillLoad",7),this.ionTabsWillChange=(0,i.c)(this,"ionTabsWillChange",3),this.ionTabsDidChange=(0,i.c)(this,"ionTabsDidChange",3),this.transitioning=!1,this.useRouter=!1,this.onTabClicked=e=>{const{href:a,tab:r}=e.detail;if(this.useRouter&&void 0!==a){const c=document.querySelector("ion-router");c&&c.push(a)}else this.select(r)}}componentWillLoad(){var t=this;return(0,n.A)(function*(){if(t.useRouter||(t.useRouter=!(!t.el.querySelector("ion-router-outlet")&&!document.querySelector("ion-router")||t.el.closest("[no-router]"))),!t.useRouter){const e=t.tabs;e.length>0&&(yield t.select(e[0]))}t.ionNavWillLoad.emit()})()}componentDidLoad(){this.updateTabBar()}componentDidUpdate(){this.updateTabBar()}updateTabBar(){const t=this.el.querySelector("ion-tab-bar");if(!t)return;const e=this.selectedTab?this.selectedTab.tab:void 0;void 0!==e&&t.selectedTab!==e&&(t.selectedTab=e)}select(t){var e=this;return(0,n.A)(function*(){const a=o(e.tabs,t);return!!e.shouldSwitch(a)&&(yield e.setActive(a),yield e.notifyRouter(),e.tabSwitch(),!0)})()}getTab(t){var e=this;return(0,n.A)(function*(){return o(e.tabs,t)})()}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:void 0)}setRouteId(t){var e=this;return(0,n.A)(function*(){const a=o(e.tabs,t);return e.shouldSwitch(a)?(yield e.setActive(a),{changed:!0,element:e.selectedTab,markVisible:()=>e.tabSwitch()}):{changed:!1,element:e.selectedTab}})()}getRouteId(){var t=this;return(0,n.A)(function*(){var e;const a=null===(e=t.selectedTab)||void 0===e?void 0:e.tab;return void 0!==a?{id:a,element:t.selectedTab}:void 0})()}setActive(t){return this.transitioning?Promise.reject("transitioning already happening"):(this.transitioning=!0,this.leavingTab=this.selectedTab,this.selectedTab=t,this.ionTabsWillChange.emit({tab:t.tab}),t.active=!0,this.updateTabBar(),Promise.resolve())}tabSwitch(){const t=this.selectedTab,e=this.leavingTab;this.leavingTab=void 0,this.transitioning=!1,t&&e!==t&&(e&&(e.active=!1),this.ionTabsDidChange.emit({tab:t.tab}))}notifyRouter(){if(this.useRouter){const t=document.querySelector("ion-router");if(t)return t.navChanged("forward")}return Promise.resolve(!1)}shouldSwitch(t){return void 0!==t&&t!==this.selectedTab&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("ion-tab"))}render(){return(0,i.h)(i.d,{key:"7b4b302f2942d8d131f6fc24e817989a8be08867",onIonTabButtonClick:this.onTabClicked},(0,i.h)("slot",{key:"2c51cf14c0f17a8ddf2d879858c984cdf8fd3147",name:"top"}),(0,i.h)("div",{key:"7e9d6055092d41bd9bc80ae15965f77e216feb84",class:"tabs-inner"},(0,i.h)("slot",{key:"c308a787e37ff7f6653531d70deca597a7602d26"})),(0,i.h)("slot",{key:"d5f5e693710c853570811602f859cf3e88272684",name:"bottom"}))}get el(){return(0,i.g)(this)}},o=(t,e)=>{const a="string"==typeof e?t.find(r=>r.tab===e):e;return a||(0,i.j)(`[ion-tabs] - Tab with id: "${a}" does not exist`),a};d.style=":host{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;contain:layout size style;z-index:0}.tabs-inner{position:relative;-ms-flex:1;flex:1;contain:layout size style}"}}]);