diff --git a/.github/workflows/deploy-pages-daily.yml b/.github/workflows/deploy-pages-daily.yml index cf5fd8e498a..e58ded4ace8 100644 --- a/.github/workflows/deploy-pages-daily.yml +++ b/.github/workflows/deploy-pages-daily.yml @@ -2,6 +2,8 @@ name: Deploy to GitHub Pages (DEV Version) on: workflow_dispatch: + schedule: + - cron: '0 6 * * 1-4' permissions: contents: write diff --git a/packages/angular-test-app/src/app/app-routing.module.ts b/packages/angular-test-app/src/app/app-routing.module.ts index 2235cc4b7a2..a0e3f7befa4 100644 --- a/packages/angular-test-app/src/app/app-routing.module.ts +++ b/packages/angular-test-app/src/app/app-routing.module.ts @@ -12,6 +12,10 @@ import { RouterModule, Routes } from '@angular/router'; import AboutAndLegal from 'src/preview-examples/about-and-legal'; import ActionCard from 'src/preview-examples/action-card'; import AGGrid from 'src/preview-examples/aggrid'; +import ApplicationExample from 'src/preview-examples/application'; +import ApplicationAppSwitchExample from 'src/preview-examples/application-app-switch'; +import ApplicationBreakpointExample from 'src/preview-examples/application-breakpoints'; +import ApplicationHeaderExample from 'src/preview-examples/application-header'; import BasicNavigation from 'src/preview-examples/basic-navigation'; import BasicNavigationWithOutHeader from 'src/preview-examples/basic-navigation-without-header'; import Blind from 'src/preview-examples/blind'; @@ -28,6 +32,7 @@ import CategoryFilterSuggestions from 'src/preview-examples/category-filter-sugg import Checkbox from 'src/preview-examples/checkbox'; import CheckboxIndeterminate from 'src/preview-examples/checkbox-indeterminate'; import Chip from 'src/preview-examples/chip'; +import ContentExample from 'src/preview-examples/content'; import PageHeader from 'src/preview-examples/content-header'; import PageHeaderNoBack from 'src/preview-examples/content-header-no-back'; import DateDropdown from 'src/preview-examples/date-dropdown'; @@ -160,6 +165,26 @@ const routes: Routes = [ { path: 'preview', children: [ + { + path: 'application', + component: ApplicationExample, + }, + { + path: 'application-breakpoints', + component: ApplicationBreakpointExample, + }, + { + path: 'application-app-switch', + component: ApplicationAppSwitchExample, + }, + { + path: 'application-header', + component: ApplicationHeaderExample, + }, + { + path: 'content', + component: ContentExample, + }, { path: 'buttons', component: Buttons, diff --git a/packages/angular-test-app/src/app/app.module.ts b/packages/angular-test-app/src/app/app.module.ts index 0ebecde882b..7c383117ddb 100644 --- a/packages/angular-test-app/src/app/app.module.ts +++ b/packages/angular-test-app/src/app/app.module.ts @@ -19,6 +19,10 @@ import { AgGridModule } from 'ag-grid-angular'; import AboutAndLegal from 'src/preview-examples/about-and-legal'; import ActionCard from 'src/preview-examples/action-card'; import AGGrid from 'src/preview-examples/aggrid'; +import ApplicationExample from 'src/preview-examples/application'; +import ApplicationAppSwitchExample from 'src/preview-examples/application-app-switch'; +import ApplicationBreakpointExample from 'src/preview-examples/application-breakpoints'; +import ApplicationHeaderExample from 'src/preview-examples/application-header'; import BasicNavigation from 'src/preview-examples/basic-navigation'; import BasicNavigationWithOutHeader from 'src/preview-examples/basic-navigation-without-header'; import Blind from 'src/preview-examples/blind'; @@ -35,6 +39,7 @@ import CategoryFilterSuggestions from 'src/preview-examples/category-filter-sugg import Checkbox from 'src/preview-examples/checkbox'; import CheckboxIndeterminate from 'src/preview-examples/checkbox-indeterminate'; import Chip from 'src/preview-examples/chip'; +import ContentExample from 'src/preview-examples/content'; import ContentHeader from 'src/preview-examples/content-header'; import ContentHeaderNoBack from 'src/preview-examples/content-header-no-back'; import DateDropdown from 'src/preview-examples/date-dropdown'; @@ -142,7 +147,12 @@ import { NavigationTestComponent } from './components/navigation-test.component' @NgModule({ declarations: [ + ApplicationExample, + ApplicationBreakpointExample, + ApplicationAppSwitchExample, + ApplicationHeaderExample, AppComponent, + ContentExample, Buttons, ButtonGroup, AGGrid, diff --git a/packages/angular-test-app/src/preview-examples/about-and-legal.html b/packages/angular-test-app/src/preview-examples/about-and-legal.html new file mode 100644 index 00000000000..d354ea769c2 --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/about-and-legal.html @@ -0,0 +1,11 @@ + + + + + + + Content 1 + Content 2 + + + diff --git a/packages/angular-test-app/src/preview-examples/about-and-legal.ts b/packages/angular-test-app/src/preview-examples/about-and-legal.ts index 3a7e0120c2d..ade65dafc2d 100644 --- a/packages/angular-test-app/src/preview-examples/about-and-legal.ts +++ b/packages/angular-test-app/src/preview-examples/about-and-legal.ts @@ -11,17 +11,7 @@ import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core'; @Component({ selector: 'app-example', - template: ` - - - - - Content 1 - Content 2 - - - - `, + templateUrl: './about-and-legal.html', }) export default class AboutAndLegal implements AfterViewInit { @ViewChild('menu', { read: ElementRef }) diff --git a/packages/angular-test-app/src/preview-examples/application-app-switch.html b/packages/angular-test-app/src/preview-examples/application-app-switch.html new file mode 100644 index 00000000000..c55a6902369 --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/application-app-switch.html @@ -0,0 +1,17 @@ + + + + + + Item 1 + Item 2 + + + + + + + diff --git a/packages/angular-test-app/src/preview-examples/application-app-switch.ts b/packages/angular-test-app/src/preview-examples/application-app-switch.ts new file mode 100644 index 00000000000..5230ac6606b --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/application-app-switch.ts @@ -0,0 +1,40 @@ +/* + * SPDX-FileCopyrightText: 2023 Siemens AG + * + * SPDX-License-Identifier: MIT + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import { Component } from '@angular/core'; +import { AppSwitchConfiguration } from '@siemens/ix'; + +@Component({ + selector: 'app-example', + templateUrl: './application-app-switch.html', +}) +export default class ApplicationAppSwitchExample { + appSwitchConfig: AppSwitchConfiguration = { + i18nAppSwitch: 'Switch to Application', + currentAppId: 'demo-app-2', + apps: [ + { + id: 'demo-app-1', + name: 'Floor App', + iconSrc: 'https://www.svgrepo.com/show/530661/genetic-data.svg', + url: 'https://ix.siemens.io/', + description: 'Example description for floor app', + target: '_self', + }, + { + id: 'demo-app-2', + name: 'Calculator App', + iconSrc: 'https://www.svgrepo.com/show/530661/genetic-data.svg', + url: 'https://ix.siemens.io/', + description: 'Example description for floor app', + target: '_self', + }, + ], + }; +} diff --git a/packages/angular-test-app/src/preview-examples/application-breakpoints.html b/packages/angular-test-app/src/preview-examples/application-breakpoints.html new file mode 100644 index 00000000000..fdf3dca2414 --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/application-breakpoints.html @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + Item 1 + Item 2 + + + + + + + + + + + + + + + diff --git a/packages/angular-test-app/src/preview-examples/application-breakpoints.ts b/packages/angular-test-app/src/preview-examples/application-breakpoints.ts new file mode 100644 index 00000000000..83f811ba013 --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/application-breakpoints.ts @@ -0,0 +1,22 @@ +/* + * SPDX-FileCopyrightText: 2023 Siemens AG + * + * SPDX-License-Identifier: MIT + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +import { Component } from '@angular/core'; +import { Breakpoint } from '@siemens/ix'; + +@Component({ + selector: 'app-example', + templateUrl: './application-breakpoints.html', +}) +export default class ApplicationBreakpointExample { + breakpoints: Breakpoint[] = ['md']; + + onCheckedChange(breakpoint: Breakpoint) { + this.breakpoints = [breakpoint]; + } +} diff --git a/packages/angular-test-app/src/preview-examples/application-header.html b/packages/angular-test-app/src/preview-examples/application-header.html new file mode 100644 index 00000000000..ee839d7c310 --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/application-header.html @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/packages/angular-test-app/src/preview-examples/application-header.ts b/packages/angular-test-app/src/preview-examples/application-header.ts new file mode 100644 index 00000000000..5e6efd4badc --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/application-header.ts @@ -0,0 +1,16 @@ +/* + * SPDX-FileCopyrightText: 2023 Siemens AG + * + * SPDX-License-Identifier: MIT + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-example', + templateUrl: './application-header.html', +}) +export default class ApplicationHeaderExample {} diff --git a/packages/angular-test-app/src/preview-examples/application.html b/packages/angular-test-app/src/preview-examples/application.html new file mode 100644 index 00000000000..3f9d76df7ba --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/application.html @@ -0,0 +1,17 @@ + + + + + + Item 1 + Item 2 + + + + + + + diff --git a/packages/angular-test-app/src/preview-examples/application.ts b/packages/angular-test-app/src/preview-examples/application.ts new file mode 100644 index 00000000000..ed4d1d81273 --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/application.ts @@ -0,0 +1,16 @@ +/* + * SPDX-FileCopyrightText: 2023 Siemens AG + * + * SPDX-License-Identifier: MIT + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-example', + templateUrl: './application.html', +}) +export default class ApplicationExample {} diff --git a/packages/angular-test-app/src/preview-examples/content.html b/packages/angular-test-app/src/preview-examples/content.html new file mode 100644 index 00000000000..f0988393188 --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/content.html @@ -0,0 +1,13 @@ + + + + Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy + eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam + voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet + clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit + amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam + nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, + sed diam voluptua. At vero eos et accusam et justo duo dolores et ea + rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem + ipsum dolor sit amet. + diff --git a/packages/angular-test-app/src/preview-examples/content.ts b/packages/angular-test-app/src/preview-examples/content.ts new file mode 100644 index 00000000000..19a229cc026 --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/content.ts @@ -0,0 +1,16 @@ +/* + * SPDX-FileCopyrightText: 2023 Siemens AG + * + * SPDX-License-Identifier: MIT + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-example', + templateUrl: './content.html', +}) +export default class ContentExample {} diff --git a/packages/angular-test-app/src/preview-examples/menu-category.html b/packages/angular-test-app/src/preview-examples/menu-category.html index d6e0ff90fec..43477761b82 100644 --- a/packages/angular-test-app/src/preview-examples/menu-category.html +++ b/packages/angular-test-app/src/preview-examples/menu-category.html @@ -1,4 +1,4 @@ - + Home Normal Tab @@ -7,4 +7,4 @@ Nested Tab - + diff --git a/packages/angular-test-app/src/preview-examples/popover-news.html b/packages/angular-test-app/src/preview-examples/popover-news.html new file mode 100644 index 00000000000..98d6b47901e --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/popover-news.html @@ -0,0 +1,13 @@ + + + + + + + + + + Test + + + diff --git a/packages/angular-test-app/src/preview-examples/popover-news.ts b/packages/angular-test-app/src/preview-examples/popover-news.ts index 244e1a7b336..c08dc835f0e 100644 --- a/packages/angular-test-app/src/preview-examples/popover-news.ts +++ b/packages/angular-test-app/src/preview-examples/popover-news.ts @@ -11,18 +11,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-example', - template: ` - - - - - - - - Test - - - - `, + templateUrl: './popover-news.html', }) export default class PopoverNews {} diff --git a/packages/angular-test-app/src/preview-examples/settings.html b/packages/angular-test-app/src/preview-examples/settings.html new file mode 100644 index 00000000000..cff517cfc2d --- /dev/null +++ b/packages/angular-test-app/src/preview-examples/settings.html @@ -0,0 +1,15 @@ + + + + + + + + + + + diff --git a/packages/angular-test-app/src/preview-examples/settings.ts b/packages/angular-test-app/src/preview-examples/settings.ts index 8a1639e4408..38356d8305a 100644 --- a/packages/angular-test-app/src/preview-examples/settings.ts +++ b/packages/angular-test-app/src/preview-examples/settings.ts @@ -11,21 +11,7 @@ import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core'; @Component({ selector: 'app-example', - template: ` - - - - - - - - - - `, + templateUrl: './settings.html', }) export default class Settings implements AfterViewInit { @ViewChild('menu', { read: ElementRef }) diff --git a/packages/angular/src/angular-component-lib/utils.ts b/packages/angular/src/angular-component-lib/utils.ts index 58ed93b7d3c..b759048790c 100644 --- a/packages/angular/src/angular-component-lib/utils.ts +++ b/packages/angular/src/angular-component-lib/utils.ts @@ -12,6 +12,14 @@ export const proxyInputs = (Cmp: any, inputs: string[]) => { set(val: any) { this.z.runOutsideAngular(() => (this.el[item] = val)); }, + /** + * In the event that proxyInputs is called + * multiple times re-defining these inputs + * will cause an error to be thrown. As a result + * we set configurable: true to indicate these + * properties can be changed. + */ + configurable: true, }); }); }; diff --git a/packages/angular/src/components.ts b/packages/angular/src/components.ts index 38a26026830..fdf8a8bbf81 100644 --- a/packages/angular/src/components.ts +++ b/packages/angular/src/components.ts @@ -29,6 +29,28 @@ export class IxActionCard { export declare interface IxActionCard extends Components.IxActionCard {} +@ProxyCmp({ + inputs: ['appSwitchConfig', 'breakpoints', 'forceBreakpoint', 'theme', 'themeSystemAppearance'] +}) +@Component({ + selector: 'ix-application', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['appSwitchConfig', 'breakpoints', 'forceBreakpoint', 'theme', 'themeSystemAppearance'], +}) +export class IxApplication { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface IxApplication extends Components.IxApplication {} + + @ProxyCmp({ inputs: ['name'] }) @@ -361,14 +383,14 @@ export declare interface IxCategoryFilter extends Components.IxCategoryFilter { @ProxyCmp({ - inputs: ['active', 'background', 'closable', 'color', 'icon', 'outline', 'variant'] + inputs: ['active', 'background', 'chipColor', 'closable', 'color', 'icon', 'outline', 'variant'] }) @Component({ selector: 'ix-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['active', 'background', 'closable', 'color', 'icon', 'outline', 'variant'], + inputs: ['active', 'background', 'chipColor', 'closable', 'color', 'icon', 'outline', 'variant'], }) export class IxChip { protected el: HTMLElement; @@ -410,6 +432,27 @@ export class IxCol { export declare interface IxCol extends Components.IxCol {} +@ProxyCmp({ +}) +@Component({ + selector: 'ix-content', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class IxContent { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface IxContent extends Components.IxContent {} + + @ProxyCmp({ inputs: ['hasBackButton', 'headerSubtitle', 'headerTitle', 'variant'] }) @@ -784,14 +827,14 @@ export declare interface IxEventList extends Components.IxEventList {} @ProxyCmp({ - inputs: ['chevron', 'color', 'disabled', 'selected'] + inputs: ['chevron', 'color', 'disabled', 'itemColor', 'selected'] }) @Component({ selector: 'ix-event-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['chevron', 'color', 'disabled', 'selected'], + inputs: ['chevron', 'color', 'disabled', 'itemColor', 'selected'], }) export class IxEventListItem { protected el: HTMLElement; @@ -1018,14 +1061,14 @@ export declare interface IxGroupItem extends Components.IxGroupItem { @ProxyCmp({ - inputs: ['a11yLabel', 'color', 'disabled', 'ghost', 'icon', 'loading', 'outline', 'oval', 'size', 'type', 'variant'] + inputs: ['a11yLabel', 'color', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'] }) @Component({ selector: 'ix-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['a11yLabel', 'color', 'disabled', 'ghost', 'icon', 'loading', 'outline', 'oval', 'size', 'type', 'variant'], + inputs: ['a11yLabel', 'color', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'], }) export class IxIconButton { protected el: HTMLElement; @@ -1232,14 +1275,14 @@ export declare interface IxMapNavigation extends Components.IxMapNavigation { @ProxyCmp({ - inputs: ['color', 'icon', 'name'] + inputs: ['color', 'icon', 'iconColor', 'name'] }) @Component({ selector: 'ix-map-navigation-overlay', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['color', 'icon', 'name'], + inputs: ['color', 'icon', 'iconColor', 'name'], }) export class IxMapNavigationOverlay { protected el: HTMLElement; @@ -1715,14 +1758,14 @@ export declare interface IxPagination extends Components.IxPagination { @ProxyCmp({ - inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'variant'] + inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'pillColor', 'variant'] }) @Component({ selector: 'ix-pill', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'variant'], + inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'pillColor', 'variant'], }) export class IxPill { protected el: HTMLElement; @@ -2230,14 +2273,14 @@ export declare interface IxTreeItem extends Components.IxTreeItem { @ProxyCmp({ - inputs: ['bold', 'color', 'format', 'textDecoration'] + inputs: ['bold', 'color', 'format', 'textColor', 'textDecoration'] }) @Component({ selector: 'ix-typography', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['bold', 'color', 'format', 'textDecoration'], + inputs: ['bold', 'color', 'format', 'textColor', 'textDecoration'], }) export class IxTypography { protected el: HTMLElement; diff --git a/packages/angular/src/declare-components.ts b/packages/angular/src/declare-components.ts index 1c043c976f9..31540d4e4a4 100644 --- a/packages/angular/src/declare-components.ts +++ b/packages/angular/src/declare-components.ts @@ -3,6 +3,7 @@ import * as d from './components'; export const DIRECTIVES = [ d.IxActionCard, + d.IxApplication, d.IxApplicationHeader, d.IxAvatar, d.IxBasicNavigation, @@ -18,6 +19,7 @@ export const DIRECTIVES = [ d.IxCategoryFilter, d.IxChip, d.IxCol, + d.IxContent, d.IxContentHeader, d.IxDateDropdown, d.IxDatePicker, diff --git a/packages/core/.eslintrc.json b/packages/core/.eslintrc.json index 8602531444c..58c1c41089a 100644 --- a/packages/core/.eslintrc.json +++ b/packages/core/.eslintrc.json @@ -1,12 +1,15 @@ { "root": true, - "plugins": ["@stencil-community/eslint-plugin"], + "parserOptions": { + "project": "./tsconfig.json" + }, "extends": ["plugin:@stencil-community/recommended", "ix"], "rules": { "@stencil-community/async-methods": 0, "@stencil-community/own-props-must-be-private": 0, "@stencil-community/own-methods-must-be-private": 0, "@stencil-community/strict-boolean-conditions": 0, + "@stencil-community/ban-default-true": ["warn"], "react/jsx-no-bind": 0, "react/jsx-uses-react": 0, "react/react-in-jsx-scope": 0 diff --git a/packages/core/component-doc.json b/packages/core/component-doc.json index ceac8fcf635..e21a92a8c90 100644 --- a/packages/core/component-doc.json +++ b/packages/core/component-doc.json @@ -2,16 +2,16 @@ "timestamp": "", "compiler": { "name": "@stencil/core", - "version": "3.2.2", - "typescriptVersion": "4.9.5" + "version": "4.9.0", + "typescriptVersion": "5.2.2" }, "components": [ { - "dirPath": "./src/components/action-card", - "filePath": "./src/components/action-card/action-card.tsx", + "dirPath": "src/components/action-card", + "filePath": "src/components/action-card/action-card.tsx", "fileName": "action-card.tsx", - "readmePath": "./src/components/action-card/readme.md", - "usagesDir": "./src/components/action-card/usage", + "readmePath": "src/components/action-card/readme.md", + "usagesDir": "src/components/action-card/usage", "tag": "ix-action-card", "overview": "", "usage": {}, @@ -40,6 +40,11 @@ { "name": "heading", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "heading", "reflectToAttr": false, @@ -56,6 +61,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -73,6 +83,11 @@ { "name": "selected", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "selected", "reflectToAttr": false, @@ -90,6 +105,11 @@ { "name": "subheading", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "subheading", "reflectToAttr": false, @@ -106,6 +126,17 @@ { "name": "variant", "type": "\"alarm\" | \"critical\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"primary\" | \"success\" | \"warning\"", + "complexType": { + "original": "ActionCardVariant", + "resolved": "\"alarm\" | \"critical\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"primary\" | \"success\" | \"warning\"", + "references": { + "ActionCardVariant": { + "location": "local", + "path": "src/components/action-card/action-card.tsx", + "id": "src/components/action-card/action-card.tsx::ActionCardVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -162,27 +193,222 @@ "listeners": [] }, { - "dirPath": "./src/components/application-header", - "filePath": "./src/components/application-header/application-header.tsx", + "dirPath": "src/components/application", + "filePath": "src/components/application/application.tsx", + "fileName": "application.tsx", + "readmePath": "src/components/application/readme.md", + "usagesDir": "src/components/application/usage", + "tag": "ix-application", + "overview": "", + "usage": {}, + "docs": "", + "docsTags": [ + { + "name": "since", + "text": "2.1.0" + } + ], + "encapsulation": "shadow", + "dependents": [], + "dependencies": [], + "dependencyGraph": {}, + "props": [ + { + "name": "appSwitchConfig", + "type": "{ currentAppId: string; apps: { id: string; name: string; description: string; url: string; target: AppSwitchConfigurationTarget; iconSrc: string; }[]; i18nAppSwitch?: string; i18nLoadingApps?: string; }", + "complexType": { + "original": "AppSwitchConfiguration", + "resolved": "{ currentAppId: string; apps: { id: string; name: string; description: string; url: string; target: AppSwitchConfigurationTarget; iconSrc: string; }[]; i18nAppSwitch?: string; i18nLoadingApps?: string; }", + "references": { + "AppSwitchConfiguration": { + "location": "import", + "path": "../utils/application-layout/context", + "id": "src/components/utils/application-layout/context.ts::AppSwitchConfiguration" + } + } + }, + "mutable": false, + "reflectToAttr": false, + "docs": "Define application switch configuration", + "docsTags": [], + "values": [ + { + "type": "{ currentAppId: string; apps: { id: string; name: string; description: string; url: string; target: AppSwitchConfigurationTarget; iconSrc: string; }[]; i18nAppSwitch?: string; i18nLoadingApps?: string; }" + } + ], + "optional": false, + "required": false + }, + { + "name": "breakpoints", + "type": "(\"sm\" | \"md\" | \"lg\")[]", + "complexType": { + "original": "Breakpoint[]", + "resolved": "(\"sm\" | \"md\" | \"lg\")[]", + "references": { + "Breakpoint": { + "location": "import", + "path": "../utils/breakpoints", + "id": "src/components/utils/breakpoints.ts::Breakpoint" + } + } + }, + "mutable": false, + "reflectToAttr": false, + "docs": "Supported layouts", + "docsTags": [], + "default": "['sm', 'md', 'lg']", + "values": [ + { + "type": "(\"sm\"" + }, + { + "value": "md", + "type": "string" + }, + { + "type": "\"lg\")[]" + } + ], + "optional": false, + "required": false + }, + { + "name": "forceBreakpoint", + "type": "\"lg\" | \"md\" | \"sm\"", + "complexType": { + "original": "Breakpoint | undefined", + "resolved": "\"lg\" | \"md\" | \"sm\"", + "references": { + "Breakpoint": { + "location": "import", + "path": "../utils/breakpoints", + "id": "src/components/utils/breakpoints.ts::Breakpoint" + } + } + }, + "mutable": false, + "attr": "force-breakpoint", + "reflectToAttr": false, + "docs": "Change the responsive layout of the menu structure", + "docsTags": [], + "values": [ + { + "value": "lg", + "type": "string" + }, + { + "value": "md", + "type": "string" + }, + { + "value": "sm", + "type": "string" + } + ], + "optional": false, + "required": false + }, + { + "name": "theme", + "type": "\"classic\" | \"classic-dark\" | \"classic-light\" | string & {}", + "complexType": { + "original": "IxTheme", + "resolved": "\"classic\" | \"classic-dark\" | \"classic-light\" | string & {}", + "references": { + "IxTheme": { + "location": "import", + "path": "../utils/theme-switcher", + "id": "src/components/utils/theme-switcher.ts::IxTheme" + } + } + }, + "mutable": false, + "attr": "theme", + "reflectToAttr": false, + "docs": "Application theme", + "docsTags": [], + "values": [ + { + "value": "classic", + "type": "string" + }, + { + "value": "classic-dark", + "type": "string" + }, + { + "value": "classic-light", + "type": "string" + }, + { + "type": "string & {}" + } + ], + "optional": false, + "required": false + }, + { + "name": "themeSystemAppearance", + "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, + "mutable": false, + "attr": "theme-system-appearance", + "reflectToAttr": false, + "docs": "Use the system appearance dark or light", + "docsTags": [], + "default": "false", + "values": [ + { + "type": "boolean" + } + ], + "optional": false, + "required": false + } + ], + "methods": [], + "events": [], + "styles": [], + "slots": [], + "parts": [], + "listeners": [] + }, + { + "dirPath": "src/components/application-header", + "filePath": "src/components/application-header/application-header.tsx", "fileName": "application-header.tsx", - "readmePath": "./src/components/application-header/readme.md", - "usagesDir": "./src/components/application-header/usage", + "readmePath": "src/components/application-header/readme.md", + "usagesDir": "src/components/application-header/usage", "tag": "ix-application-header", "overview": "", "usage": {}, "docs": "", - "docsTags": [], + "docsTags": [ + { + "name": "slot", + "text": "logo - Location of the Logo" + } + ], "encapsulation": "shadow", "dependents": [ "ix-basic-navigation", "ix-map-navigation" ], "dependencies": [ - "ix-burger-menu" + "ix-burger-menu", + "ix-icon-button", + "ix-dropdown" ], "dependencyGraph": { "ix-application-header": [ - "ix-burger-menu" + "ix-burger-menu", + "ix-icon-button", + "ix-dropdown" ], "ix-burger-menu": [ "ix-icon-button", @@ -202,6 +428,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -219,16 +450,21 @@ "methods": [], "events": [], "styles": [], - "slots": [], + "slots": [ + { + "name": "logo", + "docs": "Location of the Logo" + } + ], "parts": [], "listeners": [] }, { - "dirPath": "./src/components/avatar", - "filePath": "./src/components/avatar/avatar.tsx", + "dirPath": "src/components/avatar", + "filePath": "src/components/avatar/avatar.tsx", "fileName": "avatar.tsx", - "readmePath": "./src/components/avatar/readme.md", - "usagesDir": "./src/components/avatar/usage", + "readmePath": "src/components/avatar/readme.md", + "usagesDir": "src/components/avatar/usage", "tag": "ix-avatar", "overview": "", "usage": {}, @@ -243,8 +479,15 @@ "dependents": [ "ix-menu-avatar" ], - "dependencies": [], + "dependencies": [ + "ix-dropdown", + "ix-spinner" + ], "dependencyGraph": { + "ix-avatar": [ + "ix-dropdown", + "ix-spinner" + ], "ix-menu-avatar": [ "ix-avatar" ] @@ -253,6 +496,11 @@ { "name": "image", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "image", "reflectToAttr": false, @@ -269,6 +517,11 @@ { "name": "initials", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "initials", "reflectToAttr": false, @@ -291,16 +544,21 @@ "listeners": [] }, { - "dirPath": "./src/components/basic-navigation", - "filePath": "./src/components/basic-navigation/basic-navigation.tsx", + "dirPath": "src/components/basic-navigation", + "filePath": "src/components/basic-navigation/basic-navigation.tsx", "fileName": "basic-navigation.tsx", - "readmePath": "./src/components/basic-navigation/readme.md", - "usagesDir": "./src/components/basic-navigation/usage", + "readmePath": "src/components/basic-navigation/readme.md", + "usagesDir": "src/components/basic-navigation/usage", "tag": "ix-basic-navigation", "overview": "", "usage": {}, "docs": "", - "docsTags": [], + "docsTags": [ + { + "name": "deprecated", + "text": "ix-basic-navigation is deprecated in favor of ix-application" + } + ], "encapsulation": "shadow", "dependents": [], "dependencies": [ @@ -311,7 +569,9 @@ "ix-application-header" ], "ix-application-header": [ - "ix-burger-menu" + "ix-burger-menu", + "ix-icon-button", + "ix-dropdown" ], "ix-burger-menu": [ "ix-icon-button", @@ -321,10 +581,16 @@ "ix-spinner" ] }, + "deprecation": "ix-basic-navigation is deprecated in favor of ix-application", "props": [ { "name": "applicationName", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "application-name", "reflectToAttr": false, @@ -341,15 +607,21 @@ { "name": "breakpoints", "type": "(\"sm\" | \"md\" | \"lg\")[]", + "complexType": { + "original": "Breakpoint[]", + "resolved": "(\"sm\" | \"md\" | \"lg\")[]", + "references": { + "Breakpoint": { + "location": "import", + "path": "../utils/breakpoints", + "id": "src/components/utils/breakpoints.ts::Breakpoint" + } + } + }, "mutable": false, "reflectToAttr": false, - "docs": "Supported layouts", - "docsTags": [ - { - "name": "example", - "text": "['sm', 'md']" - } - ], + "docs": "Supported layouts e.g ['sm', 'md']", + "docsTags": [], "default": "['sm', 'md', 'lg']", "values": [ { @@ -369,6 +641,17 @@ { "name": "forceBreakpoint", "type": "\"lg\" | \"md\" | \"sm\"", + "complexType": { + "original": "Breakpoint | undefined", + "resolved": "\"lg\" | \"md\" | \"sm\"", + "references": { + "Breakpoint": { + "location": "import", + "path": "../utils/breakpoints", + "id": "src/components/utils/breakpoints.ts::Breakpoint" + } + } + }, "mutable": false, "attr": "force-breakpoint", "reflectToAttr": false, @@ -394,6 +677,11 @@ { "name": "hideHeader", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "hide-header", "reflectToAttr": false, @@ -417,11 +705,11 @@ "listeners": [] }, { - "dirPath": "./src/components/blind", - "filePath": "./src/components/blind/blind.tsx", + "dirPath": "src/components/blind", + "filePath": "src/components/blind/blind.tsx", "fileName": "blind.tsx", - "readmePath": "./src/components/blind/readme.md", - "usagesDir": "./src/components/blind/usage", + "readmePath": "src/components/blind/readme.md", + "usagesDir": "src/components/blind/usage", "tag": "ix-blind", "overview": "", "usage": {}, @@ -441,6 +729,11 @@ { "name": "collapsed", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "collapsed", "reflectToAttr": true, @@ -458,6 +751,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -479,6 +777,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -495,6 +798,11 @@ { "name": "sublabel", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "sublabel", "reflectToAttr": false, @@ -516,6 +824,17 @@ { "name": "variant", "type": "\"alarm\" | \"critical\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "complexType": { + "original": "BlindVariant", + "resolved": "\"alarm\" | \"critical\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "references": { + "BlindVariant": { + "location": "local", + "path": "src/components/blind/blind.tsx", + "id": "src/components/blind/blind.tsx::BlindVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -579,6 +898,11 @@ "event": "collapsedChange", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Collapsed state changed", @@ -591,11 +915,11 @@ "listeners": [] }, { - "dirPath": "./src/components/breadcrumb", - "filePath": "./src/components/breadcrumb/breadcrumb.tsx", + "dirPath": "src/components/breadcrumb", + "filePath": "src/components/breadcrumb/breadcrumb.tsx", "fileName": "breadcrumb.tsx", - "readmePath": "./src/components/breadcrumb/readme.md", - "usagesDir": "./src/components/breadcrumb/usage", + "readmePath": "src/components/breadcrumb/readme.md", + "usagesDir": "src/components/breadcrumb/usage", "tag": "ix-breadcrumb", "overview": "", "usage": {}, @@ -622,6 +946,11 @@ { "name": "ariaLabelPreviousButton", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "aria-label-previous-button", "reflectToAttr": false, @@ -644,6 +973,11 @@ { "name": "ghost", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "ghost", "reflectToAttr": false, @@ -661,6 +995,11 @@ { "name": "nextItems", "type": "string[]", + "complexType": { + "original": "string[]", + "resolved": "string[]", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "Items will be accessible through a dropdown", @@ -677,6 +1016,11 @@ { "name": "visibleItemCount", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "visible-item-count", "reflectToAttr": false, @@ -698,6 +1042,11 @@ "event": "itemClick", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Crumb item clicked event", @@ -707,6 +1056,16 @@ "event": "nextClick", "detail": "{ event: UIEvent; item: string; }", "bubbles": true, + "complexType": { + "original": "{ event: UIEvent; item: string }", + "resolved": "{ event: UIEvent; item: string; }", + "references": { + "UIEvent": { + "location": "global", + "id": "global::UIEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Next item clicked event", @@ -719,11 +1078,11 @@ "listeners": [] }, { - "dirPath": "./src/components/breadcrumb-item", - "filePath": "./src/components/breadcrumb-item/breadcrumb-item.tsx", + "dirPath": "src/components/breadcrumb-item", + "filePath": "src/components/breadcrumb-item/breadcrumb-item.tsx", "fileName": "breadcrumb-item.tsx", - "readmePath": "./src/components/breadcrumb-item/readme.md", - "usagesDir": "./src/components/breadcrumb-item/usage", + "readmePath": "src/components/breadcrumb-item/readme.md", + "usagesDir": "src/components/breadcrumb-item/usage", "tag": "ix-breadcrumb-item", "overview": "", "usage": {}, @@ -748,6 +1107,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -764,6 +1128,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -786,11 +1155,11 @@ "listeners": [] }, { - "dirPath": "./src/components/button", - "filePath": "./src/components/button/button.tsx", + "dirPath": "src/components/button", + "filePath": "src/components/button/button.tsx", "fileName": "button.tsx", - "readmePath": "./src/components/button/readme.md", - "usagesDir": "./src/components/button/usage", + "readmePath": "src/components/button/readme.md", + "usagesDir": "src/components/button/usage", "tag": "ix-button", "overview": "", "usage": {}, @@ -855,6 +1224,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": true, @@ -872,6 +1246,11 @@ { "name": "ghost", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "ghost", "reflectToAttr": false, @@ -889,6 +1268,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -905,6 +1289,11 @@ { "name": "loading", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "loading", "reflectToAttr": false, @@ -927,6 +1316,11 @@ { "name": "outline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "outline", "reflectToAttr": false, @@ -944,6 +1338,11 @@ { "name": "type", "type": "\"button\" | \"submit\"", + "complexType": { + "original": "'button' | 'submit'", + "resolved": "\"button\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -966,6 +1365,17 @@ { "name": "variant", "type": "\"primary\" | \"secondary\"", + "complexType": { + "original": "ButtonVariant", + "resolved": "\"primary\" | \"secondary\"", + "references": { + "ButtonVariant": { + "location": "local", + "path": "src/components/button/button.tsx", + "id": "src/components/button/button.tsx::ButtonVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -994,11 +1404,11 @@ "listeners": [] }, { - "dirPath": "./src/components/card", - "filePath": "./src/components/card/card.tsx", + "dirPath": "src/components/card", + "filePath": "src/components/card/card.tsx", "fileName": "card.tsx", - "readmePath": "./src/components/card/readme.md", - "usagesDir": "./src/components/card/usage", + "readmePath": "src/components/card/readme.md", + "usagesDir": "src/components/card/usage", "tag": "ix-card", "overview": "", "usage": {}, @@ -1031,6 +1441,17 @@ { "name": "variant", "type": "\"alarm\" | \"critical\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"primary\" | \"success\" | \"warning\"", + "complexType": { + "original": "CardVariant", + "resolved": "\"alarm\" | \"critical\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"primary\" | \"success\" | \"warning\"", + "references": { + "CardVariant": { + "location": "local", + "path": "src/components/card/card.tsx", + "id": "src/components/card/card.tsx::CardVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -1087,11 +1508,11 @@ "listeners": [] }, { - "dirPath": "./src/components/card-accordion", - "filePath": "./src/components/card-accordion/card-accordion.tsx", + "dirPath": "src/components/card-accordion", + "filePath": "src/components/card-accordion/card-accordion.tsx", "fileName": "card-accordion.tsx", - "readmePath": "./src/components/card-accordion/readme.md", - "usagesDir": "./src/components/card-accordion/usage", + "readmePath": "src/components/card-accordion/readme.md", + "usagesDir": "src/components/card-accordion/usage", "tag": "ix-card-accordion", "overview": "", "usage": {}, @@ -1116,6 +1537,11 @@ { "name": "collapse", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "collapse", "reflectToAttr": false, @@ -1144,11 +1570,11 @@ "listeners": [] }, { - "dirPath": "./src/components/card-content", - "filePath": "./src/components/card-content/card-content.tsx", + "dirPath": "src/components/card-content", + "filePath": "src/components/card-content/card-content.tsx", "fileName": "card-content.tsx", - "readmePath": "./src/components/card-content/readme.md", - "usagesDir": "./src/components/card-content/usage", + "readmePath": "src/components/card-content/readme.md", + "usagesDir": "src/components/card-content/usage", "tag": "ix-card-content", "overview": "", "usage": {}, @@ -1186,11 +1612,11 @@ "listeners": [] }, { - "dirPath": "./src/components/card-list", - "filePath": "./src/components/card-list/card-list.tsx", + "dirPath": "src/components/card-list", + "filePath": "src/components/card-list/card-list.tsx", "fileName": "card-list.tsx", - "readmePath": "./src/components/card-list/readme.md", - "usagesDir": "./src/components/card-list/usage", + "readmePath": "src/components/card-list/readme.md", + "usagesDir": "src/components/card-list/usage", "tag": "ix-card-list", "overview": "", "usage": {}, @@ -1229,6 +1655,11 @@ { "name": "collapse", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "collapse", "reflectToAttr": false, @@ -1246,6 +1677,11 @@ { "name": "i18nMoreCards", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-more-cards", "reflectToAttr": false, @@ -1263,6 +1699,11 @@ { "name": "i18nShowAll", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-show-all", "reflectToAttr": false, @@ -1280,6 +1721,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -1296,6 +1742,11 @@ { "name": "listStyle", "type": "\"scroll\" | \"stack\"", + "complexType": { + "original": "'stack' | 'scroll'", + "resolved": "\"scroll\" | \"stack\"", + "references": {} + }, "mutable": false, "attr": "list-style", "reflectToAttr": false, @@ -1318,6 +1769,11 @@ { "name": "showAllCount", "type": "number", + "complexType": { + "original": "number | undefined", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "show-all-count", "reflectToAttr": false, @@ -1334,6 +1790,11 @@ { "name": "suppressOverflowHandling", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "suppress-overflow-handling", "reflectToAttr": false, @@ -1355,6 +1816,11 @@ "event": "collapseChanged", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Fire event when the collapse state is changed by the user", @@ -1364,6 +1830,16 @@ "event": "showAllClick", "detail": "{ nativeEvent: MouseEvent; }", "bubbles": true, + "complexType": { + "original": "{\n nativeEvent: MouseEvent;\n }", + "resolved": "{ nativeEvent: MouseEvent; }", + "references": { + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Fire event when the collapse state is changed by the user", @@ -1373,6 +1849,16 @@ "event": "showMoreCardClick", "detail": "{ nativeEvent: MouseEvent; }", "bubbles": true, + "complexType": { + "original": "{\n nativeEvent: MouseEvent;\n }", + "resolved": "{ nativeEvent: MouseEvent; }", + "references": { + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Fire event when the show more card is clicked.", @@ -1392,11 +1878,11 @@ ] }, { - "dirPath": "./src/components/card-title", - "filePath": "./src/components/card-title/card-title.tsx", + "dirPath": "src/components/card-title", + "filePath": "src/components/card-title/card-title.tsx", "fileName": "card-title.tsx", - "readmePath": "./src/components/card-title/readme.md", - "usagesDir": "./src/components/card-title/usage", + "readmePath": "src/components/card-title/readme.md", + "usagesDir": "src/components/card-title/usage", "tag": "ix-card-title", "overview": "", "usage": {}, @@ -1435,11 +1921,11 @@ "listeners": [] }, { - "dirPath": "./src/components/category-filter", - "filePath": "./src/components/category-filter/category-filter.tsx", + "dirPath": "src/components/category-filter", + "filePath": "src/components/category-filter/category-filter.tsx", "fileName": "category-filter.tsx", - "readmePath": "./src/components/category-filter/readme.md", - "usagesDir": "./src/components/category-filter/usage", + "readmePath": "src/components/category-filter/readme.md", + "usagesDir": "src/components/category-filter/usage", "tag": "ix-category-filter", "overview": "", "usage": {}, @@ -1471,6 +1957,11 @@ { "name": "categories", "type": "{ [id: string]: { label: string; options: string[]; }; }", + "complexType": { + "original": "{\n [id: string]: {\n label: string;\n options: string[];\n };\n }", + "resolved": "{ [id: string]: { label: string; options: string[]; }; }", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "Configuration object hash used to populate the dropwdown menu for typeahead and quick selection functionality.\nEach ID maps to an object with a label and an array of options to select from.", @@ -1486,6 +1977,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -1503,6 +1999,17 @@ { "name": "filterState", "type": "FilterState", + "complexType": { + "original": "FilterState", + "resolved": "FilterState", + "references": { + "FilterState": { + "location": "import", + "path": "filter-state", + "id": "src/components/category-filter/filter-state.ts::FilterState" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "A set of search criteria to populate the component with.", @@ -1518,6 +2025,11 @@ { "name": "hideIcon", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "hide-icon", "reflectToAttr": false, @@ -1534,6 +2046,11 @@ { "name": "i18nPlainText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-plain-text", "reflectToAttr": false, @@ -1551,6 +2068,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -1568,6 +2090,11 @@ { "name": "labelCategories", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label-categories", "reflectToAttr": false, @@ -1585,6 +2112,11 @@ { "name": "nonSelectableCategories", "type": "{ [id: string]: string; }", + "complexType": { + "original": "{\n [id: string]: string;\n }", + "resolved": "{ [id: string]: string; }", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "In certain use cases some categories may not be available for selection anymore.\nTo allow proper display of set filters with these categories this ID to label mapping can be populated.\n\nConfiguration object hash used to supply labels to the filter chips in the input field.\nEach ID maps to a string representing the label to display.", @@ -1601,6 +2133,11 @@ { "name": "placeholder", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, @@ -1617,6 +2154,11 @@ { "name": "readonly", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "readonly", "reflectToAttr": false, @@ -1634,6 +2176,11 @@ { "name": "repeatCategories", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "repeat-categories", "reflectToAttr": false, @@ -1651,6 +2198,11 @@ { "name": "suggestions", "type": "string[]", + "complexType": { + "original": "string[]", + "resolved": "string[]", + "references": {} + }, "mutable": false, "reflectToAttr": false, "docs": "A list of strings that will be supplied as typeahead suggestions not tied to any categories.", @@ -1670,6 +2222,11 @@ "event": "categoryChanged", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Event dispatched whenever the a category gets selected in the dropdown", @@ -1679,6 +2236,17 @@ "event": "filterChanged", "detail": "FilterState", "bubbles": true, + "complexType": { + "original": "FilterState", + "resolved": "FilterState", + "references": { + "FilterState": { + "location": "import", + "path": "filter-state", + "id": "src/components/category-filter/filter-state.ts::FilterState" + } + } + }, "cancelable": true, "composed": true, "docs": "Event dispatched whenever the filter state changes.", @@ -1688,6 +2256,17 @@ "event": "inputChanged", "detail": "InputState", "bubbles": true, + "complexType": { + "original": "InputState", + "resolved": "InputState", + "references": { + "InputState": { + "location": "import", + "path": "input-state", + "id": "src/components/category-filter/input-state.ts::InputState" + } + } + }, "cancelable": true, "composed": true, "docs": "Event dispatched whenever the text input changes.", @@ -1700,11 +2279,11 @@ "listeners": [] }, { - "dirPath": "./src/components/chip", - "filePath": "./src/components/chip/chip.tsx", + "dirPath": "src/components/chip", + "filePath": "src/components/chip/chip.tsx", "fileName": "chip.tsx", - "readmePath": "./src/components/chip/readme.md", - "usagesDir": "./src/components/chip/usage", + "readmePath": "src/components/chip/readme.md", + "usagesDir": "src/components/chip/usage", "tag": "ix-chip", "overview": "", "usage": {}, @@ -1727,6 +2306,11 @@ { "name": "active", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "active", "reflectToAttr": false, @@ -1744,6 +2328,11 @@ { "name": "background", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "background", "reflectToAttr": false, @@ -1757,9 +2346,35 @@ "optional": false, "required": false }, + { + "name": "chipColor", + "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, + "mutable": false, + "attr": "chip-color", + "reflectToAttr": false, + "docs": "Custom font and icon color.\nOnly has an effect on chips with `variant='custom'`", + "docsTags": [], + "values": [ + { + "type": "string" + } + ], + "optional": false, + "required": false + }, { "name": "closable", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "closable", "reflectToAttr": false, @@ -1777,11 +2392,22 @@ { "name": "color", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "color", "reflectToAttr": false, "docs": "Custom font and icon color.\nOnly has an effect on chips with `variant='custom'`", - "docsTags": [], + "docsTags": [ + { + "name": "deprecated", + "text": "since 2.1.0 use `chip-color`" + } + ], + "deprecation": "since 2.1.0 use `chip-color`", "values": [ { "type": "string" @@ -1793,6 +2419,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -1809,6 +2440,11 @@ { "name": "outline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "outline", "reflectToAttr": false, @@ -1826,6 +2462,11 @@ { "name": "variant", "type": "\"alarm\" | \"critical\" | \"custom\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"", + "complexType": { + "original": "| 'primary'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'custom'", + "resolved": "\"alarm\" | \"critical\" | \"custom\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"", + "references": {} + }, "mutable": false, "attr": "variant", "reflectToAttr": true, @@ -1876,6 +2517,11 @@ "event": "closeChip", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Fire event if close button is clicked", @@ -1893,11 +2539,11 @@ "listeners": [] }, { - "dirPath": "./src/components/col", - "filePath": "./src/components/col/col.tsx", + "dirPath": "src/components/col", + "filePath": "src/components/col/col.tsx", "fileName": "col.tsx", - "readmePath": "./src/components/col/readme.md", - "usagesDir": "./src/components/col/usage", + "readmePath": "src/components/col/readme.md", + "usagesDir": "src/components/col/usage", "tag": "ix-col", "overview": "", "usage": {}, @@ -1926,6 +2572,17 @@ { "name": "size", "type": "\"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"auto\"", + "complexType": { + "original": "ColumnSize", + "resolved": "\"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"auto\"", + "references": { + "ColumnSize": { + "location": "local", + "path": "src/components/col/col.tsx", + "id": "src/components/col/col.tsx::ColumnSize" + } + } + }, "mutable": false, "attr": "size", "reflectToAttr": false, @@ -1991,6 +2648,17 @@ { "name": "sizeLg", "type": "\"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"auto\"", + "complexType": { + "original": "ColumnSize", + "resolved": "\"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"auto\"", + "references": { + "ColumnSize": { + "location": "local", + "path": "src/components/col/col.tsx", + "id": "src/components/col/col.tsx::ColumnSize" + } + } + }, "mutable": false, "attr": "size-lg", "reflectToAttr": false, @@ -2056,6 +2724,17 @@ { "name": "sizeMd", "type": "\"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"auto\"", + "complexType": { + "original": "ColumnSize", + "resolved": "\"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"auto\"", + "references": { + "ColumnSize": { + "location": "local", + "path": "src/components/col/col.tsx", + "id": "src/components/col/col.tsx::ColumnSize" + } + } + }, "mutable": false, "attr": "size-md", "reflectToAttr": false, @@ -2121,6 +2800,17 @@ { "name": "sizeSm", "type": "\"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"auto\"", + "complexType": { + "original": "ColumnSize", + "resolved": "\"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"auto\"", + "references": { + "ColumnSize": { + "location": "local", + "path": "src/components/col/col.tsx", + "id": "src/components/col/col.tsx::ColumnSize" + } + } + }, "mutable": false, "attr": "size-sm", "reflectToAttr": false, @@ -2199,11 +2889,48 @@ ] }, { - "dirPath": "./src/components/content-header", - "filePath": "./src/components/content-header/content-header.tsx", + "dirPath": "src/components/content", + "filePath": "src/components/content/content.tsx", + "fileName": "content.tsx", + "readmePath": "src/components/content/readme.md", + "usagesDir": "src/components/content/usage", + "tag": "ix-content", + "overview": "", + "usage": {}, + "docs": "", + "docsTags": [ + { + "name": "since", + "text": "2.1.0" + }, + { + "name": "slot", + "text": "header - Display content at the top of the content page" + } + ], + "encapsulation": "shadow", + "dependents": [], + "dependencies": [], + "dependencyGraph": {}, + "props": [], + "methods": [], + "events": [], + "styles": [], + "slots": [ + { + "name": "header", + "docs": "Display content at the top of the content page" + } + ], + "parts": [], + "listeners": [] + }, + { + "dirPath": "src/components/content-header", + "filePath": "src/components/content-header/content-header.tsx", "fileName": "content-header.tsx", - "readmePath": "./src/components/content-header/readme.md", - "usagesDir": "./src/components/content-header/usage", + "readmePath": "src/components/content-header/readme.md", + "usagesDir": "src/components/content-header/usage", "tag": "ix-content-header", "overview": "", "usage": {}, @@ -2228,6 +2955,11 @@ { "name": "hasBackButton", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "has-back-button", "reflectToAttr": false, @@ -2245,6 +2977,11 @@ { "name": "headerSubtitle", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "header-subtitle", "reflectToAttr": false, @@ -2262,6 +2999,11 @@ { "name": "headerTitle", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "header-title", "reflectToAttr": false, @@ -2278,6 +3020,17 @@ { "name": "variant", "type": "\"primary\" | \"secondary\"", + "complexType": { + "original": "ContentHeaderVariant", + "resolved": "\"primary\" | \"secondary\"", + "references": { + "ContentHeaderVariant": { + "location": "local", + "path": "src/components/content-header/content-header.tsx", + "id": "src/components/content-header/content-header.tsx::ContentHeaderVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -2304,6 +3057,11 @@ "event": "backButtonClick", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Triggered when back button is clicked", @@ -2316,11 +3074,11 @@ "listeners": [] }, { - "dirPath": "./src/components/date-dropdown", - "filePath": "./src/components/date-dropdown/date-dropdown.tsx", + "dirPath": "src/components/date-dropdown", + "filePath": "src/components/date-dropdown/date-dropdown.tsx", "fileName": "date-dropdown.tsx", - "readmePath": "./src/components/date-dropdown/readme.md", - "usagesDir": "./src/components/date-dropdown/usage", + "readmePath": "src/components/date-dropdown/readme.md", + "usagesDir": "src/components/date-dropdown/usage", "tag": "ix-date-dropdown", "overview": "", "usage": {}, @@ -2369,6 +3127,11 @@ { "name": "customRangeAllowed", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "custom-range-allowed", "reflectToAttr": false, @@ -2386,6 +3149,11 @@ { "name": "dateRangeId", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "date-range-id", "reflectToAttr": false, @@ -2403,6 +3171,17 @@ { "name": "dateRangeOptions", "type": "DateDropdownOption[]", + "complexType": { + "original": "DateDropdownOption[]", + "resolved": "DateDropdownOption[]", + "references": { + "DateDropdownOption": { + "location": "local", + "path": "src/components/date-dropdown/date-dropdown.tsx", + "id": "src/components/date-dropdown/date-dropdown.tsx::DateDropdownOption" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "An array of predefined date range options for the date picker.\nEach option is an object with a label describing the range and a function\nthat returns the start and end dates of the range as a DateRangeOption object.\n\nExample format:\n {\n id: 'some unique id',\n label: 'Name of the range',\n from: undefined, to: '2023/03/29'\n },\n // ... other predefined date range options ...", @@ -2419,11 +3198,21 @@ { "name": "format", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "format", "reflectToAttr": false, - "docs": "Date format string.\nSee @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.", - "docsTags": [], + "docs": "Date format string.\nSee", + "docsTags": [ + { + "name": "link", + "text": "https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens." + } + ], "default": "'yyyy/LL/dd'", "values": [ { @@ -2436,6 +3225,11 @@ { "name": "from", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "from", "reflectToAttr": false, @@ -2452,6 +3246,11 @@ { "name": "i18nCustomItem", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i18n-custom-item", "reflectToAttr": false, @@ -2469,6 +3268,11 @@ { "name": "i18nDone", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i18n-done", "reflectToAttr": false, @@ -2486,6 +3290,11 @@ { "name": "i18nNoRange", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i18n-no-range", "reflectToAttr": false, @@ -2503,6 +3312,11 @@ { "name": "maxDate", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "max-date", "reflectToAttr": false, @@ -2519,6 +3333,11 @@ { "name": "minDate", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "min-date", "reflectToAttr": false, @@ -2535,6 +3354,11 @@ { "name": "range", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "range", "reflectToAttr": false, @@ -2552,6 +3376,11 @@ { "name": "to", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "to", "reflectToAttr": false, @@ -2573,6 +3402,22 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "DateRangeChangeEvent": { + "location": "local", + "path": "src/components/date-dropdown/date-dropdown.tsx", + "id": "src/components/date-dropdown/date-dropdown.tsx::DateRangeChangeEvent" + } + }, + "return": "Promise" + }, "signature": "getDateRange() => Promise", "parameters": [], "docs": "Retrieves the currently selected date range from the component.\nThis method returns the selected date range as a `DateChangeEvent` object.", @@ -2584,6 +3429,17 @@ "event": "dateRangeChange", "detail": "{ id: string; from: string; to: string; }", "bubbles": true, + "complexType": { + "original": "DateRangeChangeEvent", + "resolved": "{ id: string; from: string; to: string; }", + "references": { + "DateRangeChangeEvent": { + "location": "local", + "path": "src/components/date-dropdown/date-dropdown.tsx", + "id": "src/components/date-dropdown/date-dropdown.tsx::DateRangeChangeEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "EventEmitter for date range change events.\n\nThis event is emitted when the date range changes within the component.\nThe event payload contains information about the selected date range.", @@ -2596,11 +3452,11 @@ "listeners": [] }, { - "dirPath": "./src/components/date-picker", - "filePath": "./src/components/date-picker/date-picker.tsx", + "dirPath": "src/components/date-picker", + "filePath": "src/components/date-picker/date-picker.tsx", "fileName": "date-picker.tsx", - "readmePath": "./src/components/date-picker/readme.md", - "usagesDir": "./src/components/date-picker/usage", + "readmePath": "src/components/date-picker/readme.md", + "usagesDir": "src/components/date-picker/usage", "tag": "ix-date-picker", "overview": "", "usage": {}, @@ -2641,6 +3497,17 @@ { "name": "corners", "type": "\"left\" | \"right\" | \"rounded\" | \"straight\"", + "complexType": { + "original": "DateTimeCardCorners", + "resolved": "\"left\" | \"right\" | \"rounded\" | \"straight\"", + "references": { + "DateTimeCardCorners": { + "location": "import", + "path": "../date-time-card/date-time-card", + "id": "src/components/date-time-card/date-time-card.tsx::DateTimeCardCorners" + } + } + }, "mutable": false, "attr": "corners", "reflectToAttr": false, @@ -2671,6 +3538,11 @@ { "name": "eventDelimiter", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "event-delimiter", "reflectToAttr": false, @@ -2698,6 +3570,11 @@ { "name": "format", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "format", "reflectToAttr": false, @@ -2715,6 +3592,11 @@ { "name": "from", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "from", "reflectToAttr": false, @@ -2736,6 +3618,11 @@ { "name": "i18nDone", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i18n-done", "reflectToAttr": false, @@ -2758,6 +3645,11 @@ { "name": "individual", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "individual", "reflectToAttr": false, @@ -2781,6 +3673,11 @@ { "name": "locale", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "locale", "reflectToAttr": false, @@ -2803,6 +3700,11 @@ { "name": "maxDate", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "max-date", "reflectToAttr": false, @@ -2824,6 +3726,11 @@ { "name": "minDate", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "min-date", "reflectToAttr": false, @@ -2845,6 +3752,11 @@ { "name": "range", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "range", "reflectToAttr": false, @@ -2862,6 +3774,11 @@ { "name": "textSelectDate", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "text-select-date", "reflectToAttr": false, @@ -2888,6 +3805,11 @@ { "name": "to", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "to", "reflectToAttr": false, @@ -2909,6 +3831,11 @@ { "name": "weekStartIndex", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "week-start-index", "reflectToAttr": false, @@ -2936,6 +3863,17 @@ "type": "Promise<{ from: string; to: string; }>", "docs": "" }, + "complexType": { + "signature": "() => Promise<{ from: string; to: string; }>", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise<{ from: string; to: string; }>" + }, "signature": "getCurrentDate() => Promise<{ from: string; to: string; }>", "parameters": [], "docs": "Get the currently selected date-range.", @@ -2947,6 +3885,17 @@ "event": "dateChange", "detail": "{ from: string; to: string; }", "bubbles": true, + "complexType": { + "original": "DateChangeEvent", + "resolved": "{ from: string; to: string; }", + "references": { + "DateChangeEvent": { + "location": "local", + "path": "src/components/date-picker/date-picker.tsx", + "id": "src/components/date-picker/date-picker.tsx::DateChangeEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Triggers if the date selection changes.\nNote: Since 2.0.0 `dateChange` does not dispatch detail property as `string`", @@ -2961,6 +3910,17 @@ "event": "dateRangeChange", "detail": "{ from: string; to: string; }", "bubbles": true, + "complexType": { + "original": "DateChangeEvent", + "resolved": "{ from: string; to: string; }", + "references": { + "DateChangeEvent": { + "location": "local", + "path": "src/components/date-picker/date-picker.tsx", + "id": "src/components/date-picker/date-picker.tsx::DateChangeEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Triggers if the date selection changes.\nOnly triggered if date-picker-rework is in range mode.", @@ -2975,6 +3935,17 @@ "event": "dateSelect", "detail": "{ from: string; to: string; }", "bubbles": true, + "complexType": { + "original": "DateChangeEvent", + "resolved": "{ from: string; to: string; }", + "references": { + "DateChangeEvent": { + "location": "local", + "path": "src/components/date-picker/date-picker.tsx", + "id": "src/components/date-picker/date-picker.tsx::DateChangeEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Date selection confirmed via button action", @@ -2989,6 +3960,11 @@ "event": "done", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Date selection confirmed via button action", @@ -3007,11 +3983,11 @@ "listeners": [] }, { - "dirPath": "./src/components/datetime-picker", - "filePath": "./src/components/datetime-picker/datetime-picker.tsx", + "dirPath": "src/components/datetime-picker", + "filePath": "src/components/datetime-picker/datetime-picker.tsx", "fileName": "datetime-picker.tsx", - "readmePath": "./src/components/datetime-picker/readme.md", - "usagesDir": "./src/components/datetime-picker/usage", + "readmePath": "src/components/datetime-picker/readme.md", + "usagesDir": "src/components/datetime-picker/usage", "tag": "ix-datetime-picker", "overview": "", "usage": {}, @@ -3059,6 +4035,11 @@ { "name": "dateFormat", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "date-format", "reflectToAttr": false, @@ -3081,6 +4062,11 @@ { "name": "eventDelimiter", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "event-delimiter", "reflectToAttr": false, @@ -3108,6 +4094,11 @@ { "name": "from", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "from", "reflectToAttr": false, @@ -3129,6 +4120,11 @@ { "name": "i18nDone", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i18n-done", "reflectToAttr": false, @@ -3151,6 +4147,11 @@ { "name": "locale", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "locale", "reflectToAttr": false, @@ -3173,6 +4174,11 @@ { "name": "maxDate", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "max-date", "reflectToAttr": false, @@ -3194,6 +4200,11 @@ { "name": "minDate", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "min-date", "reflectToAttr": false, @@ -3215,6 +4226,11 @@ { "name": "range", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "range", "reflectToAttr": false, @@ -3232,6 +4248,11 @@ { "name": "showHour", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-hour", "reflectToAttr": false, @@ -3249,6 +4270,11 @@ { "name": "showMinutes", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-minutes", "reflectToAttr": false, @@ -3266,6 +4292,11 @@ { "name": "showSeconds", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-seconds", "reflectToAttr": false, @@ -3283,11 +4314,20 @@ { "name": "showTimeReference", "type": "any", + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "mutable": false, "attr": "show-time-reference", "reflectToAttr": false, - "docs": "Show time reference input\nTime reference is default aligned with @see {this.timeFormat}", + "docs": "Show time reference input\nTime reference is default aligned with", "docsTags": [ + { + "name": "see", + "text": "{ this.timeFormat}" + }, { "name": "since", "text": "1.1.0" @@ -3305,6 +4345,11 @@ { "name": "textSelectDate", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "text-select-date", "reflectToAttr": false, @@ -3331,6 +4376,11 @@ { "name": "time", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "time", "reflectToAttr": false, @@ -3352,6 +4402,11 @@ { "name": "timeFormat", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "time-format", "reflectToAttr": false, @@ -3374,6 +4429,11 @@ { "name": "timeReference", "type": "\"AM\" | \"PM\"", + "complexType": { + "original": "'AM' | 'PM'", + "resolved": "\"AM\" | \"PM\"", + "references": {} + }, "mutable": false, "attr": "time-reference", "reflectToAttr": false, @@ -3395,6 +4455,11 @@ { "name": "to", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "to", "reflectToAttr": false, @@ -3416,6 +4481,11 @@ { "name": "weekStartIndex", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "week-start-index", "reflectToAttr": false, @@ -3442,6 +4512,17 @@ "event": "dateChange", "detail": "string | { from: string; to: string; }", "bubbles": true, + "complexType": { + "original": "DateTimeDateChangeEvent", + "resolved": "string | { from: string; to: string; }", + "references": { + "DateTimeDateChangeEvent": { + "location": "local", + "path": "src/components/datetime-picker/datetime-picker.tsx", + "id": "src/components/datetime-picker/datetime-picker.tsx::DateTimeDateChangeEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Date change", @@ -3456,6 +4537,17 @@ "event": "dateSelect", "detail": "{ from: string; to: string; time: string; }", "bubbles": true, + "complexType": { + "original": "DateTimeSelectEvent", + "resolved": "{ from: string; to: string; time: string; }", + "references": { + "DateTimeSelectEvent": { + "location": "local", + "path": "src/components/datetime-picker/datetime-picker.tsx", + "id": "src/components/datetime-picker/datetime-picker.tsx::DateTimeSelectEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Datetime selection event is fired after confirm button is pressed", @@ -3470,6 +4562,11 @@ "event": "done", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Done event\n\nSet `doneEventDelimiter` to null or undefine to get the typed event", @@ -3485,6 +4582,11 @@ "event": "timeChange", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Time change", @@ -3502,11 +4604,11 @@ "listeners": [] }, { - "dirPath": "./src/components/divider", - "filePath": "./src/components/divider/divider.tsx", + "dirPath": "src/components/divider", + "filePath": "src/components/divider/divider.tsx", "fileName": "divider.tsx", - "readmePath": "./src/components/divider/readme.md", - "usagesDir": "./src/components/divider/usage", + "readmePath": "src/components/divider/readme.md", + "usagesDir": "src/components/divider/usage", "tag": "ix-divider", "overview": "", "usage": {}, @@ -3536,11 +4638,11 @@ "listeners": [] }, { - "dirPath": "./src/components/drawer", - "filePath": "./src/components/drawer/drawer.tsx", + "dirPath": "src/components/drawer", + "filePath": "src/components/drawer/drawer.tsx", "fileName": "drawer.tsx", - "readmePath": "./src/components/drawer/readme.md", - "usagesDir": "./src/components/drawer/usage", + "readmePath": "src/components/drawer/readme.md", + "usagesDir": "src/components/drawer/usage", "tag": "ix-drawer", "overview": "", "usage": {}, @@ -3563,6 +4665,11 @@ { "name": "closeOnClickOutside", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "close-on-click-outside", "reflectToAttr": false, @@ -3580,6 +4687,11 @@ { "name": "fullHeight", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "full-height", "reflectToAttr": false, @@ -3597,6 +4709,11 @@ { "name": "maxWidth", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "max-width", "reflectToAttr": false, @@ -3614,6 +4731,11 @@ { "name": "minWidth", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "min-width", "reflectToAttr": false, @@ -3631,6 +4753,11 @@ { "name": "show", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "show", "reflectToAttr": false, @@ -3648,6 +4775,11 @@ { "name": "width", "type": "\"auto\" | number", + "complexType": { + "original": "number | 'auto'", + "resolved": "\"auto\" | number", + "references": {} + }, "mutable": false, "attr": "width", "reflectToAttr": false, @@ -3674,8 +4806,31 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(show?: boolean) => Promise", + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "Overwrite toggle state with boolean" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "toggleDrawer(show?: boolean) => Promise", - "parameters": [], + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "Overwrite toggle state with boolean" + } + ], "docs": "Toggle or define show state of drawer", "docsTags": [ { @@ -3690,6 +4845,11 @@ "event": "drawerClose", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Fire event after drawer is close", @@ -3699,6 +4859,11 @@ "event": "open", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Fire event after drawer is open", @@ -3711,11 +4876,11 @@ "listeners": [] }, { - "dirPath": "./src/components/dropdown", - "filePath": "./src/components/dropdown/dropdown.tsx", + "dirPath": "src/components/dropdown", + "filePath": "src/components/dropdown/dropdown.tsx", "fileName": "dropdown.tsx", - "readmePath": "./src/components/dropdown/readme.md", - "usagesDir": "./src/components/dropdown/usage", + "readmePath": "src/components/dropdown/readme.md", + "usagesDir": "src/components/dropdown/usage", "tag": "ix-dropdown", "overview": "", "usage": {}, @@ -3723,6 +4888,8 @@ "docsTags": [], "encapsulation": "shadow", "dependents": [ + "ix-application-header", + "ix-avatar", "ix-breadcrumb", "ix-category-filter", "ix-date-dropdown", @@ -3735,6 +4902,12 @@ ], "dependencies": [], "dependencyGraph": { + "ix-application-header": [ + "ix-dropdown" + ], + "ix-avatar": [ + "ix-dropdown" + ], "ix-breadcrumb": [ "ix-dropdown" ], @@ -3767,6 +4940,16 @@ { "name": "anchor", "type": "HTMLElement | string", + "complexType": { + "original": "string | HTMLElement", + "resolved": "HTMLElement | string", + "references": { + "HTMLElement": { + "location": "global", + "id": "global::HTMLElement" + } + } + }, "mutable": false, "attr": "anchor", "reflectToAttr": false, @@ -3786,6 +4969,11 @@ { "name": "closeBehavior", "type": "\"both\" | \"inside\" | \"outside\" | boolean", + "complexType": { + "original": "'inside' | 'outside' | 'both' | boolean", + "resolved": "\"both\" | \"inside\" | \"outside\" | boolean", + "references": {} + }, "mutable": false, "attr": "close-behavior", "reflectToAttr": false, @@ -3815,6 +5003,11 @@ { "name": "header", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "header", "reflectToAttr": false, @@ -3831,6 +5024,17 @@ { "name": "placement", "type": "\"bottom-end\" | \"bottom-start\" | \"left-end\" | \"left-start\" | \"right-end\" | \"right-start\" | \"top-end\" | \"top-start\"", + "complexType": { + "original": "AlignedPlacement", + "resolved": "\"bottom-end\" | \"bottom-start\" | \"left-end\" | \"left-start\" | \"right-end\" | \"right-start\" | \"top-end\" | \"top-start\"", + "references": { + "AlignedPlacement": { + "location": "import", + "path": "placement", + "id": "src/components/dropdown/placement.ts::AlignedPlacement" + } + } + }, "mutable": false, "attr": "placement", "reflectToAttr": false, @@ -3877,6 +5081,11 @@ { "name": "positioningStrategy", "type": "\"absolute\" | \"fixed\"", + "complexType": { + "original": "'absolute' | 'fixed'", + "resolved": "\"absolute\" | \"fixed\"", + "references": {} + }, "mutable": false, "attr": "positioning-strategy", "reflectToAttr": false, @@ -3899,6 +5108,11 @@ { "name": "show", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "show", "reflectToAttr": true, @@ -3916,6 +5130,11 @@ { "name": "suppressAutomaticPlacement", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "suppress-automatic-placement", "reflectToAttr": false, @@ -3937,7 +5156,21 @@ }, { "name": "trigger", - "type": "HTMLElement | string", + "type": "HTMLElement | Promise | string", + "complexType": { + "original": "string | HTMLElement | Promise", + "resolved": "HTMLElement | Promise | string", + "references": { + "HTMLElement": { + "location": "global", + "id": "global::HTMLElement" + }, + "Promise": { + "location": "global", + "id": "global::Promise" + } + } + }, "mutable": false, "attr": "trigger", "reflectToAttr": false, @@ -3947,6 +5180,9 @@ { "type": "HTMLElement" }, + { + "type": "Promise" + }, { "type": "string" } @@ -3962,6 +5198,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "updatePosition() => Promise", "parameters": [], "docs": "Update position of dropdown", @@ -3973,6 +5220,11 @@ "event": "showChanged", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Fire event after visibility of dropdown has changed", @@ -3985,11 +5237,11 @@ "listeners": [] }, { - "dirPath": "./src/components/dropdown-button", - "filePath": "./src/components/dropdown-button/dropdown-button.tsx", + "dirPath": "src/components/dropdown-button", + "filePath": "src/components/dropdown-button/dropdown-button.tsx", "fileName": "dropdown-button.tsx", - "readmePath": "./src/components/dropdown-button/readme.md", - "usagesDir": "./src/components/dropdown-button/usage", + "readmePath": "src/components/dropdown-button/readme.md", + "usagesDir": "src/components/dropdown-button/usage", "tag": "ix-dropdown-button", "readme": "# ix-dropdown-button\n\n\n", "overview": "", @@ -4025,6 +5277,11 @@ { "name": "closeBehavior", "type": "\"both\" | \"inside\" | \"outside\" | boolean", + "complexType": { + "original": "'inside' | 'outside' | 'both' | boolean", + "resolved": "\"both\" | \"inside\" | \"outside\" | boolean", + "references": {} + }, "mutable": false, "attr": "close-behavior", "reflectToAttr": false, @@ -4059,6 +5316,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -4076,6 +5338,11 @@ { "name": "ghost", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "ghost", "reflectToAttr": false, @@ -4093,6 +5360,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -4109,6 +5381,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -4125,6 +5402,11 @@ { "name": "outline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "outline", "reflectToAttr": false, @@ -4142,6 +5424,17 @@ { "name": "placement", "type": "\"bottom-end\" | \"bottom-start\" | \"left-end\" | \"left-start\" | \"right-end\" | \"right-start\" | \"top-end\" | \"top-start\"", + "complexType": { + "original": "AlignedPlacement", + "resolved": "\"bottom-end\" | \"bottom-start\" | \"left-end\" | \"left-start\" | \"right-end\" | \"right-start\" | \"top-end\" | \"top-start\"", + "references": { + "AlignedPlacement": { + "location": "import", + "path": "../dropdown/placement", + "id": "src/components/dropdown/placement.ts::AlignedPlacement" + } + } + }, "mutable": false, "attr": "placement", "reflectToAttr": false, @@ -4192,6 +5485,17 @@ { "name": "variant", "type": "\"primary\" | \"secondary\"", + "complexType": { + "original": "DropdownButtonVariant", + "resolved": "\"primary\" | \"secondary\"", + "references": { + "DropdownButtonVariant": { + "location": "local", + "path": "src/components/dropdown-button/dropdown-button.tsx", + "id": "src/components/dropdown-button/dropdown-button.tsx::DropdownButtonVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -4220,11 +5524,11 @@ "listeners": [] }, { - "dirPath": "./src/components/dropdown-header", - "filePath": "./src/components/dropdown-header/dropdown-header.tsx", + "dirPath": "src/components/dropdown-header", + "filePath": "src/components/dropdown-header/dropdown-header.tsx", "fileName": "dropdown-header.tsx", - "readmePath": "./src/components/dropdown-header/readme.md", - "usagesDir": "./src/components/dropdown-header/usage", + "readmePath": "src/components/dropdown-header/readme.md", + "usagesDir": "src/components/dropdown-header/usage", "tag": "ix-dropdown-header", "overview": "", "usage": {}, @@ -4249,6 +5553,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -4271,11 +5580,11 @@ "listeners": [] }, { - "dirPath": "./src/components/dropdown-item", - "filePath": "./src/components/dropdown-item/dropdown-item.tsx", + "dirPath": "src/components/dropdown-item", + "filePath": "src/components/dropdown-item/dropdown-item.tsx", "fileName": "dropdown-item.tsx", - "readmePath": "./src/components/dropdown-item/readme.md", - "usagesDir": "./src/components/dropdown-item/usage", + "readmePath": "src/components/dropdown-item/readme.md", + "usagesDir": "src/components/dropdown-item/usage", "tag": "ix-dropdown-item", "overview": "", "usage": {}, @@ -4319,6 +5628,11 @@ { "name": "checked", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "checked", "reflectToAttr": false, @@ -4336,6 +5650,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -4353,6 +5672,11 @@ { "name": "hover", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "hover", "reflectToAttr": false, @@ -4370,6 +5694,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -4386,6 +5715,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -4407,6 +5741,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "emitItemClick() => Promise", "parameters": [], "docs": "Internal usage only", @@ -4420,11 +5765,11 @@ "listeners": [] }, { - "dirPath": "./src/components/dropdown-quick-actions", - "filePath": "./src/components/dropdown-quick-actions/dropdown-quick-actions.tsx", + "dirPath": "src/components/dropdown-quick-actions", + "filePath": "src/components/dropdown-quick-actions/dropdown-quick-actions.tsx", "fileName": "dropdown-quick-actions.tsx", - "readmePath": "./src/components/dropdown-quick-actions/readme.md", - "usagesDir": "./src/components/dropdown-quick-actions/usage", + "readmePath": "src/components/dropdown-quick-actions/readme.md", + "usagesDir": "src/components/dropdown-quick-actions/usage", "tag": "ix-dropdown-quick-actions", "overview": "", "usage": {}, @@ -4448,11 +5793,11 @@ "listeners": [] }, { - "dirPath": "./src/components/empty-state", - "filePath": "./src/components/empty-state/empty-state.tsx", + "dirPath": "src/components/empty-state", + "filePath": "src/components/empty-state/empty-state.tsx", "fileName": "empty-state.tsx", - "readmePath": "./src/components/empty-state/readme.md", - "usagesDir": "./src/components/empty-state/usage", + "readmePath": "src/components/empty-state/readme.md", + "usagesDir": "src/components/empty-state/usage", "tag": "ix-empty-state", "overview": "", "usage": {}, @@ -4482,6 +5827,11 @@ { "name": "action", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "action", "reflectToAttr": false, @@ -4498,6 +5848,11 @@ { "name": "header", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "header", "reflectToAttr": false, @@ -4514,6 +5869,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -4530,6 +5890,17 @@ { "name": "layout", "type": "\"compact\" | \"compactBreak\" | \"large\"", + "complexType": { + "original": "EmptyStateLayout", + "resolved": "\"compact\" | \"compactBreak\" | \"large\"", + "references": { + "EmptyStateLayout": { + "location": "local", + "path": "src/components/empty-state/empty-state.tsx", + "id": "src/components/empty-state/empty-state.tsx::EmptyStateLayout" + } + } + }, "mutable": false, "attr": "layout", "reflectToAttr": false, @@ -4556,6 +5927,11 @@ { "name": "subHeader", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "sub-header", "reflectToAttr": false, @@ -4576,6 +5952,11 @@ "event": "actionClick", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Empty state action click event", @@ -4588,11 +5969,11 @@ "listeners": [] }, { - "dirPath": "./src/components/event-list", - "filePath": "./src/components/event-list/event-list.tsx", + "dirPath": "src/components/event-list", + "filePath": "src/components/event-list/event-list.tsx", "fileName": "event-list.tsx", - "readmePath": "./src/components/event-list/readme.md", - "usagesDir": "./src/components/event-list/usage", + "readmePath": "src/components/event-list/readme.md", + "usagesDir": "src/components/event-list/usage", "tag": "ix-event-list", "overview": "", "usage": {}, @@ -4606,6 +5987,11 @@ { "name": "animated", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animated", "reflectToAttr": false, @@ -4623,6 +6009,11 @@ { "name": "chevron", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "chevron", "reflectToAttr": false, @@ -4639,6 +6030,11 @@ { "name": "compact", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "compact", "reflectToAttr": false, @@ -4656,6 +6052,11 @@ { "name": "itemHeight", "type": "\"L\" | \"S\" | number", + "complexType": { + "original": "'S' | 'L' | number", + "resolved": "\"L\" | \"S\" | number", + "references": {} + }, "mutable": false, "attr": "item-height", "reflectToAttr": false, @@ -4687,11 +6088,11 @@ "listeners": [] }, { - "dirPath": "./src/components/event-list-item", - "filePath": "./src/components/event-list-item/event-list-item.tsx", + "dirPath": "src/components/event-list-item", + "filePath": "src/components/event-list-item/event-list-item.tsx", "fileName": "event-list-item.tsx", - "readmePath": "./src/components/event-list-item/readme.md", - "usagesDir": "./src/components/event-list-item/usage", + "readmePath": "src/components/event-list-item/readme.md", + "usagesDir": "src/components/event-list-item/usage", "tag": "ix-event-list-item", "overview": "", "usage": {}, @@ -4705,6 +6106,11 @@ { "name": "chevron", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "chevron", "reflectToAttr": false, @@ -4721,16 +6127,26 @@ { "name": "color", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "color", "reflectToAttr": false, "docs": "Color of the status indicator.\nYou can find a list of all available colors in our documentation.\nExample values are `--theme-color-alarm` or `color-alarm`", "docsTags": [ { - "name": "see", + "name": "link", "text": "https://ix.siemens.io/docs/theming/colors/" + }, + { + "name": "deprecated", + "text": "since 2.1.0 use `item-color`" } ], + "deprecation": "since 2.1.0 use `item-color`", "values": [ { "type": "string" @@ -4742,6 +6158,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -4755,9 +6176,40 @@ "optional": false, "required": false }, + { + "name": "itemColor", + "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, + "mutable": false, + "attr": "item-color", + "reflectToAttr": false, + "docs": "Color of the status indicator.\nYou can find a list of all available colors in our documentation.\nExample values are `--theme-color-alarm` or `color-alarm`", + "docsTags": [ + { + "name": "link", + "text": "https://ix.siemens.io/docs/theming/colors/" + } + ], + "values": [ + { + "type": "string" + } + ], + "optional": false, + "required": false + }, { "name": "selected", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "selected", "reflectToAttr": false, @@ -4778,6 +6230,11 @@ "event": "itemClick", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Event list item click", @@ -4796,11 +6253,11 @@ ] }, { - "dirPath": "./src/components/expanding-search", - "filePath": "./src/components/expanding-search/expanding-search.tsx", + "dirPath": "src/components/expanding-search", + "filePath": "src/components/expanding-search/expanding-search.tsx", "fileName": "expanding-search.tsx", - "readmePath": "./src/components/expanding-search/readme.md", - "usagesDir": "./src/components/expanding-search/usage", + "readmePath": "src/components/expanding-search/readme.md", + "usagesDir": "src/components/expanding-search/usage", "tag": "ix-expanding-search", "overview": "", "usage": {}, @@ -4823,6 +6280,11 @@ { "name": "fullWidth", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "full-width", "reflectToAttr": false, @@ -4845,6 +6307,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -4862,6 +6329,11 @@ { "name": "placeholder", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "placeholder", "reflectToAttr": false, @@ -4879,6 +6351,11 @@ { "name": "value", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -4900,6 +6377,11 @@ "event": "valueChange", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Value changed", @@ -4912,11 +6394,11 @@ "listeners": [] }, { - "dirPath": "./src/components/filter-chip", - "filePath": "./src/components/filter-chip/filter-chip.tsx", + "dirPath": "src/components/filter-chip", + "filePath": "src/components/filter-chip/filter-chip.tsx", "fileName": "filter-chip.tsx", - "readmePath": "./src/components/filter-chip/readme.md", - "usagesDir": "./src/components/filter-chip/usage", + "readmePath": "src/components/filter-chip/readme.md", + "usagesDir": "src/components/filter-chip/usage", "tag": "ix-filter-chip", "overview": "", "usage": {}, @@ -4948,6 +6430,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -4965,6 +6452,11 @@ { "name": "readonly", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "readonly", "reflectToAttr": false, @@ -4991,6 +6483,11 @@ "event": "closeClick", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Close clicked", @@ -5003,11 +6500,11 @@ "listeners": [] }, { - "dirPath": "./src/components/flip-tile", - "filePath": "./src/components/flip-tile/flip-tile.tsx", + "dirPath": "src/components/flip-tile", + "filePath": "src/components/flip-tile/flip-tile.tsx", "fileName": "flip-tile.tsx", - "readmePath": "./src/components/flip-tile/readme.md", - "usagesDir": "./src/components/flip-tile/usage", + "readmePath": "src/components/flip-tile/readme.md", + "usagesDir": "src/components/flip-tile/usage", "tag": "ix-flip-tile", "overview": "", "usage": {}, @@ -5030,6 +6527,11 @@ { "name": "height", "type": "\"auto\" | number", + "complexType": { + "original": "number | 'auto'", + "resolved": "\"auto\" | number", + "references": {} + }, "mutable": false, "attr": "height", "reflectToAttr": false, @@ -5056,6 +6558,17 @@ { "name": "state", "type": "FlipTileState.Alarm | FlipTileState.Info | FlipTileState.None | FlipTileState.Primary | FlipTileState.Warning", + "complexType": { + "original": "FlipTileState", + "resolved": "FlipTileState.Alarm | FlipTileState.Info | FlipTileState.None | FlipTileState.Primary | FlipTileState.Warning", + "references": { + "FlipTileState": { + "location": "import", + "path": "flip-tile-state", + "id": "src/components/flip-tile/flip-tile-state.ts::FlipTileState" + } + } + }, "mutable": false, "attr": "state", "reflectToAttr": false, @@ -5084,6 +6597,11 @@ { "name": "width", "type": "\"auto\" | number", + "complexType": { + "original": "number | 'auto'", + "resolved": "\"auto\" | number", + "references": {} + }, "mutable": false, "attr": "width", "reflectToAttr": false, @@ -5116,11 +6634,11 @@ "listeners": [] }, { - "dirPath": "./src/components/flip-tile-content", - "filePath": "./src/components/flip-tile-content/flip-tile-content.tsx", + "dirPath": "src/components/flip-tile-content", + "filePath": "src/components/flip-tile-content/flip-tile-content.tsx", "fileName": "flip-tile-content.tsx", - "readmePath": "./src/components/flip-tile-content/readme.md", - "usagesDir": "./src/components/flip-tile-content/usage", + "readmePath": "src/components/flip-tile-content/readme.md", + "usagesDir": "src/components/flip-tile-content/usage", "tag": "ix-flip-tile-content", "overview": "", "usage": {}, @@ -5139,11 +6657,11 @@ "listeners": [] }, { - "dirPath": "./src/components/form-field", - "filePath": "./src/components/form-field/form-field.tsx", + "dirPath": "src/components/form-field", + "filePath": "src/components/form-field/form-field.tsx", "fileName": "form-field.tsx", - "readmePath": "./src/components/form-field/readme.md", - "usagesDir": "./src/components/form-field/usage", + "readmePath": "src/components/form-field/readme.md", + "usagesDir": "src/components/form-field/usage", "tag": "ix-form-field", "overview": "", "usage": {}, @@ -5157,6 +6675,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -5179,11 +6702,11 @@ "listeners": [] }, { - "dirPath": "./src/components/group", - "filePath": "./src/components/group/group.tsx", + "dirPath": "src/components/group", + "filePath": "src/components/group/group.tsx", "fileName": "group.tsx", - "readmePath": "./src/components/group/readme.md", - "usagesDir": "./src/components/group/usage", + "readmePath": "src/components/group/readme.md", + "usagesDir": "src/components/group/usage", "tag": "ix-group", "overview": "", "usage": {}, @@ -5211,6 +6734,11 @@ { "name": "collapsed", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "collapsed", "reflectToAttr": true, @@ -5228,6 +6756,11 @@ { "name": "expandOnHeaderClick", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "expand-on-header-click", "reflectToAttr": false, @@ -5245,6 +6778,11 @@ { "name": "header", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "header", "reflectToAttr": false, @@ -5261,6 +6799,11 @@ { "name": "index", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": true, "attr": "index", "reflectToAttr": true, @@ -5277,6 +6820,11 @@ { "name": "selected", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "selected", "reflectToAttr": true, @@ -5293,6 +6841,11 @@ { "name": "subHeader", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "sub-header", "reflectToAttr": false, @@ -5309,6 +6862,11 @@ { "name": "suppressHeaderSelection", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "suppress-header-selection", "reflectToAttr": false, @@ -5330,6 +6888,11 @@ "event": "collapsedChanged", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Group collapsed", @@ -5339,6 +6902,11 @@ "event": "selectGroup", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Emits when whole group gets selected.", @@ -5348,6 +6916,11 @@ "event": "selectItem", "detail": "number", "bubbles": true, + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Emits when group item gets selected.", @@ -5360,11 +6933,11 @@ "listeners": [] }, { - "dirPath": "./src/components/group", - "filePath": "./src/components/group/group-context-menu.tsx", + "dirPath": "src/components/group", + "filePath": "src/components/group/group-context-menu.tsx", "fileName": "group-context-menu.tsx", - "readmePath": "./src/components/group/readme.md", - "usagesDir": "./src/components/group/usage", + "readmePath": "src/components/group/readme.md", + "usagesDir": "src/components/group/usage", "tag": "ix-group-context-menu", "overview": "", "usage": {}, @@ -5397,11 +6970,11 @@ "listeners": [] }, { - "dirPath": "./src/components/group-item", - "filePath": "./src/components/group-item/group-item.tsx", + "dirPath": "src/components/group-item", + "filePath": "src/components/group-item/group-item.tsx", "fileName": "group-item.tsx", - "readmePath": "./src/components/group-item/readme.md", - "usagesDir": "./src/components/group-item/usage", + "readmePath": "src/components/group-item/readme.md", + "usagesDir": "src/components/group-item/usage", "tag": "ix-group-item", "overview": "", "usage": {}, @@ -5421,6 +6994,11 @@ { "name": "focusable", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "focusable", "reflectToAttr": false, @@ -5438,6 +7016,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -5454,6 +7037,11 @@ { "name": "index", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "index", "reflectToAttr": false, @@ -5470,6 +7058,11 @@ { "name": "secondaryText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "secondary-text", "reflectToAttr": false, @@ -5486,6 +7079,11 @@ { "name": "selected", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "selected", "reflectToAttr": false, @@ -5502,6 +7100,11 @@ { "name": "suppressSelection", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "suppress-selection", "reflectToAttr": false, @@ -5519,6 +7122,11 @@ { "name": "text", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "text", "reflectToAttr": false, @@ -5539,6 +7147,16 @@ "event": "selectedChanged", "detail": "HTMLIxGroupItemElement", "bubbles": true, + "complexType": { + "original": "HTMLIxGroupItemElement", + "resolved": "HTMLIxGroupItemElement", + "references": { + "HTMLIxGroupItemElement": { + "location": "global", + "id": "global::HTMLIxGroupItemElement" + } + } + }, "cancelable": true, "composed": true, "docs": "Selection changed", @@ -5557,11 +7175,11 @@ ] }, { - "dirPath": "./src/components/icon-button", - "filePath": "./src/components/icon-button/icon-button.tsx", + "dirPath": "src/components/icon-button", + "filePath": "src/components/icon-button/icon-button.tsx", "fileName": "icon-button.tsx", - "readmePath": "./src/components/icon-button/readme.md", - "usagesDir": "./src/components/icon-button/usage", + "readmePath": "src/components/icon-button/readme.md", + "usagesDir": "src/components/icon-button/usage", "tag": "ix-icon-button", "overview": "", "usage": {}, @@ -5569,6 +7187,7 @@ "docsTags": [], "encapsulation": "shadow", "dependents": [ + "ix-application-header", "ix-burger-menu", "ix-card-list", "ix-category-filter", @@ -5583,6 +7202,7 @@ "ix-group-context-menu", "ix-map-navigation", "ix-map-navigation-overlay", + "ix-menu", "ix-menu-about", "ix-menu-about-news", "ix-menu-settings", @@ -5602,6 +7222,9 @@ "ix-icon-button": [ "ix-spinner" ], + "ix-application-header": [ + "ix-icon-button" + ], "ix-burger-menu": [ "ix-icon-button" ], @@ -5644,6 +7267,9 @@ "ix-map-navigation-overlay": [ "ix-icon-button" ], + "ix-menu": [ + "ix-icon-button" + ], "ix-menu-about": [ "ix-icon-button" ], @@ -5682,6 +7308,11 @@ { "name": "a11yLabel", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "a11y-label", "reflectToAttr": false, @@ -5703,11 +7334,22 @@ { "name": "color", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "color", "reflectToAttr": false, "docs": "Color of icon in button", - "docsTags": [], + "docsTags": [ + { + "name": "deprecated", + "text": "since 2.1.0 use `icon-color`" + } + ], + "deprecation": "since 2.1.0 use `icon-color`", "values": [ { "type": "string" @@ -5719,6 +7361,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -5736,6 +7383,11 @@ { "name": "ghost", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "ghost", "reflectToAttr": false, @@ -5752,6 +7404,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -5765,9 +7422,35 @@ "optional": false, "required": false }, + { + "name": "iconColor", + "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, + "mutable": false, + "attr": "icon-color", + "reflectToAttr": false, + "docs": "Color of icon in button", + "docsTags": [], + "values": [ + { + "type": "string" + } + ], + "optional": false, + "required": false + }, { "name": "loading", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "loading", "reflectToAttr": false, @@ -5790,6 +7473,11 @@ { "name": "outline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "outline", "reflectToAttr": false, @@ -5806,6 +7494,11 @@ { "name": "oval", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "oval", "reflectToAttr": false, @@ -5822,6 +7515,11 @@ { "name": "size", "type": "\"12\" | \"16\" | \"24\" | \"32\"", + "complexType": { + "original": "'32' | '24' | '16' | '12'", + "resolved": "\"12\" | \"16\" | \"24\" | \"32\"", + "references": {} + }, "mutable": false, "attr": "size", "reflectToAttr": false, @@ -5858,6 +7556,11 @@ { "name": "type", "type": "\"button\" | \"submit\"", + "complexType": { + "original": "'button' | 'submit'", + "resolved": "\"button\" | \"submit\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -5880,6 +7583,17 @@ { "name": "variant", "type": "\"primary\" | \"secondary\"", + "complexType": { + "original": "IconButtonVariant", + "resolved": "\"primary\" | \"secondary\"", + "references": { + "IconButtonVariant": { + "location": "local", + "path": "src/components/icon-button/icon-button.tsx", + "id": "src/components/icon-button/icon-button.tsx::IconButtonVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -5908,11 +7622,11 @@ "listeners": [] }, { - "dirPath": "./src/components/icon-toggle-button", - "filePath": "./src/components/icon-toggle-button/icon-toggle-button.tsx", + "dirPath": "src/components/icon-toggle-button", + "filePath": "src/components/icon-toggle-button/icon-toggle-button.tsx", "fileName": "icon-toggle-button.tsx", - "readmePath": "./src/components/icon-toggle-button/readme.md", - "usagesDir": "./src/components/icon-toggle-button/usage", + "readmePath": "src/components/icon-toggle-button/readme.md", + "usagesDir": "src/components/icon-toggle-button/usage", "tag": "ix-icon-toggle-button", "overview": "", "usage": {}, @@ -5937,6 +7651,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": true, @@ -5954,6 +7673,11 @@ { "name": "ghost", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "ghost", "reflectToAttr": false, @@ -5971,6 +7695,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -5987,6 +7716,11 @@ { "name": "loading", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "loading", "reflectToAttr": false, @@ -6004,6 +7738,11 @@ { "name": "outline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "outline", "reflectToAttr": false, @@ -6021,6 +7760,11 @@ { "name": "pressed", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "pressed", "reflectToAttr": false, @@ -6038,6 +7782,11 @@ { "name": "size", "type": "\"12\" | \"16\" | \"24\"", + "complexType": { + "original": "'24' | '16' | '12'", + "resolved": "\"12\" | \"16\" | \"24\"", + "references": {} + }, "mutable": false, "attr": "size", "reflectToAttr": false, @@ -6064,6 +7813,17 @@ { "name": "variant", "type": "\"primary\" | \"secondary\"", + "complexType": { + "original": "ButtonVariant", + "resolved": "\"primary\" | \"secondary\"", + "references": { + "ButtonVariant": { + "location": "import", + "path": "../button/button", + "id": "src/components/button/button.tsx::ButtonVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -6090,6 +7850,11 @@ "event": "pressedChange", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Pressed change event", @@ -6102,11 +7867,11 @@ "listeners": [] }, { - "dirPath": "./src/components/input-group", - "filePath": "./src/components/input-group/input-group.tsx", + "dirPath": "src/components/input-group", + "filePath": "src/components/input-group/input-group.tsx", "fileName": "input-group.tsx", - "readmePath": "./src/components/input-group/readme.md", - "usagesDir": "./src/components/input-group/usage", + "readmePath": "src/components/input-group/readme.md", + "usagesDir": "src/components/input-group/usage", "tag": "ix-input-group", "overview": "", "usage": {}, @@ -6125,11 +7890,11 @@ "listeners": [] }, { - "dirPath": "./src/components/key-value", - "filePath": "./src/components/key-value/key-value.tsx", + "dirPath": "src/components/key-value", + "filePath": "src/components/key-value/key-value.tsx", "fileName": "key-value.tsx", - "readmePath": "./src/components/key-value/readme.md", - "usagesDir": "./src/components/key-value/usage", + "readmePath": "src/components/key-value/readme.md", + "usagesDir": "src/components/key-value/usage", "tag": "ix-key-value", "overview": "", "usage": {}, @@ -6152,6 +7917,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -6168,6 +7938,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -6184,6 +7959,17 @@ { "name": "labelPosition", "type": "\"left\" | \"top\"", + "complexType": { + "original": "KeyValueLabelPosition", + "resolved": "\"left\" | \"top\"", + "references": { + "KeyValueLabelPosition": { + "location": "local", + "path": "src/components/key-value/key-value.tsx", + "id": "src/components/key-value/key-value.tsx::KeyValueLabelPosition" + } + } + }, "mutable": false, "attr": "label-position", "reflectToAttr": false, @@ -6206,6 +7992,11 @@ { "name": "value", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "value", "reflectToAttr": false, @@ -6233,11 +8024,11 @@ "listeners": [] }, { - "dirPath": "./src/components/key-value-list", - "filePath": "./src/components/key-value-list/key-value-list.tsx", + "dirPath": "src/components/key-value-list", + "filePath": "src/components/key-value-list/key-value-list.tsx", "fileName": "key-value-list.tsx", - "readmePath": "./src/components/key-value-list/readme.md", - "usagesDir": "./src/components/key-value-list/usage", + "readmePath": "src/components/key-value-list/readme.md", + "usagesDir": "src/components/key-value-list/usage", "tag": "ix-key-value-list", "overview": "", "usage": {}, @@ -6256,6 +8047,11 @@ { "name": "striped", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "striped", "reflectToAttr": false, @@ -6278,11 +8074,11 @@ "listeners": [] }, { - "dirPath": "./src/components/kpi", - "filePath": "./src/components/kpi/kpi.tsx", + "dirPath": "src/components/kpi", + "filePath": "src/components/kpi/kpi.tsx", "fileName": "kpi.tsx", - "readmePath": "./src/components/kpi/readme.md", - "usagesDir": "./src/components/kpi/usage", + "readmePath": "src/components/kpi/readme.md", + "usagesDir": "src/components/kpi/usage", "tag": "ix-kpi", "overview": "", "usage": {}, @@ -6296,6 +8092,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -6312,6 +8113,11 @@ { "name": "orientation", "type": "\"horizontal\" | \"vertical\"", + "complexType": { + "original": "'horizontal' | 'vertical'", + "resolved": "\"horizontal\" | \"vertical\"", + "references": {} + }, "mutable": false, "attr": "orientation", "reflectToAttr": false, @@ -6334,6 +8140,11 @@ { "name": "state", "type": "\"alarm\" | \"neutral\" | \"warning\"", + "complexType": { + "original": "'neutral' | 'warning' | 'alarm'", + "resolved": "\"alarm\" | \"neutral\" | \"warning\"", + "references": {} + }, "mutable": false, "attr": "state", "reflectToAttr": false, @@ -6360,6 +8171,11 @@ { "name": "unit", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "unit", "reflectToAttr": false, @@ -6376,6 +8192,11 @@ { "name": "value", "type": "number | string", + "complexType": { + "original": "string | number", + "resolved": "number | string", + "references": {} + }, "mutable": false, "attr": "value", "reflectToAttr": false, @@ -6401,11 +8222,11 @@ "listeners": [] }, { - "dirPath": "./src/components/grid", - "filePath": "./src/components/grid/layout-grid.tsx", + "dirPath": "src/components/grid", + "filePath": "src/components/grid/layout-grid.tsx", "fileName": "layout-grid.tsx", - "readmePath": "./src/components/grid/readme.md", - "usagesDir": "./src/components/grid/usage", + "readmePath": "src/components/grid/readme.md", + "usagesDir": "src/components/grid/usage", "tag": "ix-layout-grid", "overview": "", "usage": {}, @@ -6434,6 +8255,11 @@ { "name": "columns", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "columns", "reflectToAttr": false, @@ -6451,6 +8277,11 @@ { "name": "gap", "type": "\"12\" | \"16\" | \"24\" | \"8\"", + "complexType": { + "original": "'8' | '12' | '16' | '24'", + "resolved": "\"12\" | \"16\" | \"24\" | \"8\"", + "references": {} + }, "mutable": false, "attr": "gap", "reflectToAttr": false, @@ -6481,6 +8312,11 @@ { "name": "noMargin", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "no-margin", "reflectToAttr": false, @@ -6504,11 +8340,11 @@ "listeners": [] }, { - "dirPath": "./src/components/link-button", - "filePath": "./src/components/link-button/link-button.tsx", + "dirPath": "src/components/link-button", + "filePath": "src/components/link-button/link-button.tsx", "fileName": "link-button.tsx", - "readmePath": "./src/components/link-button/readme.md", - "usagesDir": "./src/components/link-button/usage", + "readmePath": "src/components/link-button/readme.md", + "usagesDir": "src/components/link-button/usage", "tag": "ix-link-button", "overview": "", "usage": {}, @@ -6527,6 +8363,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -6544,6 +8385,11 @@ { "name": "target", "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"", + "complexType": { + "original": "'_self' | '_blank' | '_parent' | '_top'", + "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"", + "references": {} + }, "mutable": false, "attr": "target", "reflectToAttr": false, @@ -6574,6 +8420,11 @@ { "name": "url", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "url", "reflectToAttr": false, @@ -6596,16 +8447,21 @@ "listeners": [] }, { - "dirPath": "./src/components/map-navigation", - "filePath": "./src/components/map-navigation/map-navigation.tsx", + "dirPath": "src/components/map-navigation", + "filePath": "src/components/map-navigation/map-navigation.tsx", "fileName": "map-navigation.tsx", - "readmePath": "./src/components/map-navigation/readme.md", - "usagesDir": "./src/components/map-navigation/usage", + "readmePath": "src/components/map-navigation/readme.md", + "usagesDir": "src/components/map-navigation/usage", "tag": "ix-map-navigation", "overview": "", "usage": {}, "docs": "", - "docsTags": [], + "docsTags": [ + { + "name": "deprecated", + "text": "ix-map-navigation is deprecated in favor of ix-application" + } + ], "encapsulation": "shadow", "dependents": [], "dependencies": [ @@ -6626,17 +8482,25 @@ "ix-spinner" ], "ix-application-header": [ - "ix-burger-menu" + "ix-burger-menu", + "ix-icon-button", + "ix-dropdown" ], "ix-burger-menu": [ "ix-icon-button", "ix-spinner" ] }, + "deprecation": "ix-map-navigation is deprecated in favor of ix-application", "props": [ { "name": "applicationName", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "application-name", "reflectToAttr": false, @@ -6653,6 +8517,11 @@ { "name": "hideContextMenu", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "hide-context-menu", "reflectToAttr": false, @@ -6670,6 +8539,11 @@ { "name": "navigationTitle", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "navigation-title", "reflectToAttr": false, @@ -6691,6 +8565,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "closeOverlay() => Promise", "parameters": [], "docs": "Close current shown overlay", @@ -6708,8 +8593,65 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(name: string, component: HTMLElement, icon?: string, color?: string) => Promise", + "parameters": [ + { + "name": "name", + "type": "string", + "docs": "" + }, + { + "name": "component", + "type": "HTMLElement", + "docs": "" + }, + { + "name": "icon", + "type": "string", + "docs": "" + }, + { + "name": "color", + "type": "string", + "docs": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "HTMLElement": { + "location": "global", + "id": "global::HTMLElement" + } + }, + "return": "Promise" + }, "signature": "openOverlay(name: string, component: HTMLElement, icon?: string, color?: string) => Promise", - "parameters": [], + "parameters": [ + { + "name": "name", + "type": "string", + "docs": "" + }, + { + "name": "component", + "type": "HTMLElement", + "docs": "" + }, + { + "name": "icon", + "type": "string", + "docs": "" + }, + { + "name": "color", + "type": "string", + "docs": "" + } + ], "docs": "Open a overlay inside content area", "docsTags": [ { @@ -6741,8 +8683,31 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(show?: boolean) => Promise", + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "new visibility state" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "toggleSidebar(show?: boolean) => Promise", - "parameters": [], + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "new visibility state" + } + ], "docs": "Change the visibility of the sidebar", "docsTags": [ { @@ -6761,6 +8726,11 @@ "event": "contextMenuClick", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Context menu clicked", @@ -6770,6 +8740,11 @@ "event": "navigationToggled", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Navigation toggled", @@ -6782,16 +8757,21 @@ "listeners": [] }, { - "dirPath": "./src/components/map-navigation-overlay", - "filePath": "./src/components/map-navigation-overlay/map-navigation-overlay.tsx", + "dirPath": "src/components/map-navigation-overlay", + "filePath": "src/components/map-navigation-overlay/map-navigation-overlay.tsx", "fileName": "map-navigation-overlay.tsx", - "readmePath": "./src/components/map-navigation-overlay/readme.md", - "usagesDir": "./src/components/map-navigation-overlay/usage", + "readmePath": "src/components/map-navigation-overlay/readme.md", + "usagesDir": "src/components/map-navigation-overlay/usage", "tag": "ix-map-navigation-overlay", "overview": "", "usage": {}, "docs": "", - "docsTags": [], + "docsTags": [ + { + "name": "deprecated", + "text": "since 2.1.0" + } + ], "encapsulation": "shadow", "dependents": [ "ix-map-navigation" @@ -6810,14 +8790,47 @@ "ix-map-navigation-overlay" ] }, + "deprecation": "since 2.1.0", "props": [ { - "name": "color", + "name": "color", + "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, + "mutable": false, + "attr": "color", + "reflectToAttr": false, + "docs": "Color of icon", + "docsTags": [ + { + "name": "deprecated", + "text": "since 2.1.0. Use `icon-color`" + } + ], + "deprecation": "since 2.1.0. Use `icon-color`", + "values": [ + { + "type": "string" + } + ], + "optional": false, + "required": false + }, + { + "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, - "attr": "color", + "attr": "icon", "reflectToAttr": false, - "docs": "Color of icon", + "docs": "Icon of overlay", "docsTags": [], "values": [ { @@ -6828,12 +8841,17 @@ "required": false }, { - "name": "icon", + "name": "iconColor", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, - "attr": "icon", + "attr": "icon-color", "reflectToAttr": false, - "docs": "Icon of overlay", + "docs": "Color of icon", "docsTags": [], "values": [ { @@ -6846,6 +8864,11 @@ { "name": "name", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "name", "reflectToAttr": false, @@ -6866,6 +8889,11 @@ "event": "closeClick", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Event closed", @@ -6878,11 +8906,11 @@ "listeners": [] }, { - "dirPath": "./src/components/menu", - "filePath": "./src/components/menu/menu.tsx", + "dirPath": "src/components/menu", + "filePath": "src/components/menu/menu.tsx", "fileName": "menu.tsx", - "readmePath": "./src/components/menu/readme.md", - "usagesDir": "./src/components/menu/usage", + "readmePath": "src/components/menu/readme.md", + "usagesDir": "src/components/menu/usage", "tag": "ix-menu", "overview": "", "usage": {}, @@ -6892,11 +8920,13 @@ "dependents": [], "dependencies": [ "ix-burger-menu", + "ix-icon-button", "ix-menu-item" ], "dependencyGraph": { "ix-menu": [ "ix-burger-menu", + "ix-icon-button", "ix-menu-item" ], "ix-burger-menu": [ @@ -6911,6 +8941,11 @@ { "name": "applicationDescription", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "application-description", "reflectToAttr": false, @@ -6928,6 +8963,11 @@ { "name": "applicationName", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "application-name", "reflectToAttr": false, @@ -6944,6 +8984,11 @@ { "name": "enableMapExpand", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "enable-map-expand", "reflectToAttr": false, @@ -6961,6 +9006,11 @@ { "name": "enableSettings", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "enable-settings", "reflectToAttr": false, @@ -6978,6 +9028,11 @@ { "name": "enableToggleTheme", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "enable-toggle-theme", "reflectToAttr": false, @@ -6995,6 +9050,11 @@ { "name": "expand", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "expand", "reflectToAttr": true, @@ -7012,6 +9072,11 @@ { "name": "i18nCollapse", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-collapse", "reflectToAttr": false, @@ -7029,6 +9094,11 @@ { "name": "i18nExpand", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-expand", "reflectToAttr": false, @@ -7046,6 +9116,11 @@ { "name": "i18nExpandSidebar", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-expand-sidebar", "reflectToAttr": false, @@ -7063,6 +9138,11 @@ { "name": "i18nLegal", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-legal", "reflectToAttr": false, @@ -7080,6 +9160,11 @@ { "name": "i18nSettings", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-settings", "reflectToAttr": false, @@ -7097,6 +9182,11 @@ { "name": "i18nToggleTheme", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-toggle-theme", "reflectToAttr": false, @@ -7114,6 +9204,11 @@ { "name": "maxVisibleMenuItems", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "max-visible-menu-items", "reflectToAttr": false, @@ -7137,6 +9232,11 @@ { "name": "pinned", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "pinned", "reflectToAttr": false, @@ -7154,6 +9254,11 @@ { "name": "showAbout", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "show-about", "reflectToAttr": false, @@ -7171,6 +9276,11 @@ { "name": "showSettings", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "show-settings", "reflectToAttr": false, @@ -7193,8 +9303,31 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(show: boolean) => Promise", + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "toggleAbout(show: boolean) => Promise", - "parameters": [], + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "" + } + ], "docs": "Toggle About tabs", "docsTags": [ { @@ -7209,8 +9342,31 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(show?: boolean) => Promise", + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "toggleMapExpand(show?: boolean) => Promise", - "parameters": [], + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "" + } + ], "docs": "Toggle map sidebar expand", "docsTags": [ { @@ -7225,8 +9381,31 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(show?: boolean) => Promise", + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "toggleMenu(show?: boolean) => Promise", - "parameters": [], + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "" + } + ], "docs": "Toggle menu", "docsTags": [ { @@ -7241,8 +9420,31 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(show: boolean) => Promise", + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "toggleSettings(show: boolean) => Promise", - "parameters": [], + "parameters": [ + { + "name": "show", + "type": "boolean", + "docs": "" + } + ], "docs": "Toggle Settings tabs", "docsTags": [ { @@ -7257,6 +9459,11 @@ "event": "expandChange", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Menu expanded", @@ -7266,6 +9473,11 @@ "event": "mapExpandChange", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Map Sidebar expanded", @@ -7290,11 +9502,11 @@ ] }, { - "dirPath": "./src/components/menu-about", - "filePath": "./src/components/menu-about/menu-about.tsx", + "dirPath": "src/components/menu-about", + "filePath": "src/components/menu-about/menu-about.tsx", "fileName": "menu-about.tsx", - "readmePath": "./src/components/menu-about/readme.md", - "usagesDir": "./src/components/menu-about/usage", + "readmePath": "src/components/menu-about/readme.md", + "usagesDir": "src/components/menu-about/usage", "tag": "ix-menu-about", "overview": "", "usage": {}, @@ -7321,6 +9533,11 @@ { "name": "activeTabLabel", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": true, "attr": "active-tab-label", "reflectToAttr": false, @@ -7337,6 +9554,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -7354,6 +9576,11 @@ { "name": "show", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show", "reflectToAttr": false, @@ -7375,6 +9602,16 @@ "event": "close", "detail": "{ nativeEvent: MouseEvent; name: string; }", "bubbles": true, + "complexType": { + "original": "{\n nativeEvent: MouseEvent;\n name: string;\n }", + "resolved": "{ nativeEvent: MouseEvent; name: string; }", + "references": { + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "About and Legal closed", @@ -7387,11 +9624,11 @@ "listeners": [] }, { - "dirPath": "./src/components/menu-about-item", - "filePath": "./src/components/menu-about-item/menu-about-item.tsx", + "dirPath": "src/components/menu-about-item", + "filePath": "src/components/menu-about-item/menu-about-item.tsx", "fileName": "menu-about-item.tsx", - "readmePath": "./src/components/menu-about-item/readme.md", - "usagesDir": "./src/components/menu-about-item/usage", + "readmePath": "src/components/menu-about-item/readme.md", + "usagesDir": "src/components/menu-about-item/usage", "tag": "ix-menu-about-item", "overview": "", "usage": {}, @@ -7405,6 +9642,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": true, @@ -7427,11 +9669,11 @@ "listeners": [] }, { - "dirPath": "./src/components/menu-about-news", - "filePath": "./src/components/menu-about-news/menu-about-news.tsx", + "dirPath": "src/components/menu-about-news", + "filePath": "src/components/menu-about-news/menu-about-news.tsx", "fileName": "menu-about-news.tsx", - "readmePath": "./src/components/menu-about-news/readme.md", - "usagesDir": "./src/components/menu-about-news/usage", + "readmePath": "src/components/menu-about-news/readme.md", + "usagesDir": "src/components/menu-about-news/usage", "tag": "ix-menu-about-news", "overview": "", "usage": {}, @@ -7461,6 +9703,11 @@ { "name": "aboutItemLabel", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "about-item-label", "reflectToAttr": false, @@ -7477,6 +9724,11 @@ { "name": "expanded", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "expanded", "reflectToAttr": false, @@ -7494,6 +9746,11 @@ { "name": "i18nShowMore", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-show-more", "reflectToAttr": false, @@ -7511,6 +9768,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -7527,6 +9789,11 @@ { "name": "offsetBottom", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "offset-bottom", "reflectToAttr": false, @@ -7544,6 +9811,11 @@ { "name": "show", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "show", "reflectToAttr": true, @@ -7565,6 +9837,11 @@ "event": "closePopover", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Popover closed", @@ -7574,6 +9851,16 @@ "event": "showMore", "detail": "MouseEvent", "bubbles": true, + "complexType": { + "original": "MouseEvent", + "resolved": "MouseEvent", + "references": { + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Show More button is pressed", @@ -7586,16 +9873,21 @@ "listeners": [] }, { - "dirPath": "./src/components/menu-avatar", - "filePath": "./src/components/menu-avatar/menu-avatar.tsx", + "dirPath": "src/components/menu-avatar", + "filePath": "src/components/menu-avatar/menu-avatar.tsx", "fileName": "menu-avatar.tsx", - "readmePath": "./src/components/menu-avatar/readme.md", - "usagesDir": "./src/components/menu-avatar/usage", + "readmePath": "src/components/menu-avatar/readme.md", + "usagesDir": "src/components/menu-avatar/usage", "tag": "ix-menu-avatar", "overview": "", "usage": {}, "docs": "", - "docsTags": [], + "docsTags": [ + { + "name": "deprecated", + "text": "Use ix-application-header and it's avatar functionality instead" + } + ], "encapsulation": "shadow", "dependents": [], "dependencies": [ @@ -7609,14 +9901,24 @@ "ix-dropdown", "ix-menu-avatar-item" ], + "ix-avatar": [ + "ix-dropdown", + "ix-spinner" + ], "ix-menu-avatar-item": [ "ix-dropdown-item" ] }, + "deprecation": "Use ix-application-header and it's avatar functionality instead", "props": [ { "name": "bottom", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "bottom", "reflectToAttr": false, @@ -7633,6 +9935,11 @@ { "name": "i18nLogout", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-logout", "reflectToAttr": false, @@ -7650,6 +9957,11 @@ { "name": "image", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "image", "reflectToAttr": false, @@ -7671,6 +9983,11 @@ { "name": "initials", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "initials", "reflectToAttr": false, @@ -7692,6 +10009,11 @@ { "name": "showLogoutButton", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-logout-button", "reflectToAttr": false, @@ -7714,6 +10036,11 @@ { "name": "top", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "top", "reflectToAttr": false, @@ -7734,6 +10061,11 @@ "event": "logoutClick", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Logout click", @@ -7746,16 +10078,21 @@ "listeners": [] }, { - "dirPath": "./src/components/menu-avatar-item", - "filePath": "./src/components/menu-avatar-item/menu-avatar-item.tsx", + "dirPath": "src/components/menu-avatar-item", + "filePath": "src/components/menu-avatar-item/menu-avatar-item.tsx", "fileName": "menu-avatar-item.tsx", - "readmePath": "./src/components/menu-avatar-item/readme.md", - "usagesDir": "./src/components/menu-avatar-item/usage", + "readmePath": "src/components/menu-avatar-item/readme.md", + "usagesDir": "src/components/menu-avatar-item/usage", "tag": "ix-menu-avatar-item", "overview": "", "usage": {}, "docs": "", - "docsTags": [], + "docsTags": [ + { + "name": "deprecated", + "text": "Use ix-application-header and it's avatar functionality instead" + } + ], "encapsulation": "shadow", "dependents": [ "ix-menu-avatar" @@ -7771,10 +10108,16 @@ "ix-menu-avatar-item" ] }, + "deprecation": "Use ix-application-header and it's avatar functionality instead", "props": [ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -7791,6 +10134,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -7811,6 +10159,16 @@ "event": "itemClick", "detail": "MouseEvent", "bubbles": true, + "complexType": { + "original": "MouseEvent", + "resolved": "MouseEvent", + "references": { + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Avatar dropdown item clicked", @@ -7823,11 +10181,11 @@ "listeners": [] }, { - "dirPath": "./src/components/menu-category", - "filePath": "./src/components/menu-category/menu-category.tsx", + "dirPath": "src/components/menu-category", + "filePath": "src/components/menu-category/menu-category.tsx", "fileName": "menu-category.tsx", - "readmePath": "./src/components/menu-category/readme.md", - "usagesDir": "./src/components/menu-category/usage", + "readmePath": "src/components/menu-category/readme.md", + "usagesDir": "src/components/menu-category/usage", "tag": "ix-menu-category", "overview": "", "usage": {}, @@ -7860,6 +10218,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -7876,6 +10239,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -7892,6 +10260,11 @@ { "name": "notifications", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "notifications", "reflectToAttr": false, @@ -7914,11 +10287,11 @@ "listeners": [] }, { - "dirPath": "./src/components/menu-item", - "filePath": "./src/components/menu-item/menu-item.tsx", + "dirPath": "src/components/menu-item", + "filePath": "src/components/menu-item/menu-item.tsx", "fileName": "menu-item.tsx", - "readmePath": "./src/components/menu-item/readme.md", - "usagesDir": "./src/components/menu-item/usage", + "readmePath": "src/components/menu-item/readme.md", + "usagesDir": "src/components/menu-item/usage", "tag": "ix-menu-item", "overview": "", "usage": {}, @@ -7947,6 +10320,11 @@ { "name": "active", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "active", "reflectToAttr": false, @@ -7963,6 +10341,11 @@ { "name": "bottom", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "bottom", "reflectToAttr": false, @@ -7980,6 +10363,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -7996,6 +10384,11 @@ { "name": "home", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "home", "reflectToAttr": false, @@ -8013,11 +10406,21 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, - "docs": "Icon name from @siemens/ix-icons", - "docsTags": [], + "docs": "Name of the icon you want to display. Icon names can be resolved from the documentation", + "docsTags": [ + { + "name": "link", + "text": "https://ix.siemens.io/docs/icon-library/icons" + } + ], "values": [ { "type": "string" @@ -8029,6 +10432,11 @@ { "name": "notifications", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "notifications", "reflectToAttr": false, @@ -8045,11 +10453,20 @@ { "name": "tabIcon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "tab-icon", "reflectToAttr": false, - "docs": "Icon name from @siemens/ix-icons", + "docs": "Name of the icon you want to display. Icon names can be resolved from the documentation", "docsTags": [ + { + "name": "link", + "text": "https://ix.siemens.io/docs/icon-library/icons" + }, { "name": "deprecated", "text": "since 2.0.0 use `icon` property. Will be removed in 3.0.0" @@ -8079,11 +10496,11 @@ "listeners": [] }, { - "dirPath": "./src/components/menu-settings", - "filePath": "./src/components/menu-settings/menu-settings.tsx", + "dirPath": "src/components/menu-settings", + "filePath": "src/components/menu-settings/menu-settings.tsx", "fileName": "menu-settings.tsx", - "readmePath": "./src/components/menu-settings/readme.md", - "usagesDir": "./src/components/menu-settings/usage", + "readmePath": "src/components/menu-settings/readme.md", + "usagesDir": "src/components/menu-settings/usage", "tag": "ix-menu-settings", "overview": "", "usage": {}, @@ -8110,6 +10527,11 @@ { "name": "activeTabLabel", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": true, "attr": "active-tab-label", "reflectToAttr": false, @@ -8126,6 +10548,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -8143,6 +10570,11 @@ { "name": "show", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show", "reflectToAttr": false, @@ -8164,6 +10596,16 @@ "event": "close", "detail": "{ nativeEvent: MouseEvent; name: string; }", "bubbles": true, + "complexType": { + "original": "{\n nativeEvent: MouseEvent;\n name: string;\n }", + "resolved": "{ nativeEvent: MouseEvent; name: string; }", + "references": { + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Popover closed", @@ -8176,11 +10618,11 @@ "listeners": [] }, { - "dirPath": "./src/components/menu-settings-item", - "filePath": "./src/components/menu-settings-item/menu-settings-item.tsx", + "dirPath": "src/components/menu-settings-item", + "filePath": "src/components/menu-settings-item/menu-settings-item.tsx", "fileName": "menu-settings-item.tsx", - "readmePath": "./src/components/menu-settings-item/readme.md", - "usagesDir": "./src/components/menu-settings-item/usage", + "readmePath": "src/components/menu-settings-item/readme.md", + "usagesDir": "src/components/menu-settings-item/usage", "tag": "ix-menu-settings-item", "overview": "", "usage": {}, @@ -8194,6 +10636,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -8214,6 +10661,11 @@ "event": "labelChange", "detail": "{ name: string; oldLabel: string; newLabel: string; }", "bubbles": true, + "complexType": { + "original": "{\n name: string;\n oldLabel: string;\n newLabel: string;\n }", + "resolved": "{ name: string; oldLabel: string; newLabel: string; }", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Label changed", @@ -8226,11 +10678,11 @@ "listeners": [] }, { - "dirPath": "./src/components/message-bar", - "filePath": "./src/components/message-bar/message-bar.tsx", + "dirPath": "src/components/message-bar", + "filePath": "src/components/message-bar/message-bar.tsx", "fileName": "message-bar.tsx", - "readmePath": "./src/components/message-bar/readme.md", - "usagesDir": "./src/components/message-bar/usage", + "readmePath": "src/components/message-bar/readme.md", + "usagesDir": "src/components/message-bar/usage", "tag": "ix-message-bar", "overview": "", "usage": {}, @@ -8253,6 +10705,11 @@ { "name": "dismissible", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "dismissible", "reflectToAttr": false, @@ -8270,6 +10727,11 @@ { "name": "type", "type": "\"danger\" | \"info\" | \"warning\"", + "complexType": { + "original": "'danger' | 'warning' | 'info'", + "resolved": "\"danger\" | \"info\" | \"warning\"", + "references": {} + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -8300,6 +10762,11 @@ "event": "closedChange", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "An event emitted when the close button is clicked", @@ -8312,11 +10779,11 @@ "listeners": [] }, { - "dirPath": "./src/components/modal", - "filePath": "./src/components/modal/modal.tsx", + "dirPath": "src/components/modal", + "filePath": "src/components/modal/modal.tsx", "fileName": "modal.tsx", - "readmePath": "./src/components/modal/readme.md", - "usagesDir": "./src/components/modal/usage", + "readmePath": "src/components/modal/readme.md", + "usagesDir": "src/components/modal/usage", "tag": "ix-modal", "overview": "", "usage": {}, @@ -8330,6 +10797,11 @@ { "name": "animation", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "animation", "reflectToAttr": false, @@ -8347,6 +10819,11 @@ { "name": "backdrop", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "backdrop", "reflectToAttr": false, @@ -8364,6 +10841,16 @@ { "name": "beforeDismiss", "type": "(reason?: any) => boolean | Promise", + "complexType": { + "original": "(reason?: any) => boolean | Promise", + "resolved": "(reason?: any) => boolean | Promise", + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "Is called before the modal is dismissed.\n\n- Return `true` to proceed in dismissing the modal\n- Return `false` to abort in dismissing the modal", @@ -8382,6 +10869,11 @@ { "name": "centered", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "centered", "reflectToAttr": false, @@ -8399,6 +10891,11 @@ { "name": "closeOnBackdropClick", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "close-on-backdrop-click", "reflectToAttr": false, @@ -8421,6 +10918,11 @@ { "name": "closeOnEscape", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "close-on-escape", "reflectToAttr": false, @@ -8438,6 +10940,11 @@ { "name": "keyboard", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "keyboard", "reflectToAttr": false, @@ -8461,6 +10968,17 @@ { "name": "size", "type": "\"360\" | \"480\" | \"600\" | \"720\" | \"840\" | \"full-screen\" | \"full-width\"", + "complexType": { + "original": "IxModalSize", + "resolved": "\"360\" | \"480\" | \"600\" | \"720\" | \"840\" | \"full-screen\" | \"full-width\"", + "references": { + "IxModalSize": { + "location": "local", + "path": "src/components/modal/modal.tsx", + "id": "src/components/modal/modal.tsx::IxModalSize" + } + } + }, "mutable": false, "attr": "size", "reflectToAttr": false, @@ -8513,8 +11031,35 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(reason: T) => Promise", + "parameters": [ + { + "name": "reason", + "type": "T", + "docs": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise" + }, "signature": "closeModal(reason: T) => Promise", - "parameters": [], + "parameters": [ + { + "name": "reason", + "type": "T", + "docs": "" + } + ], "docs": "Close the dialog", "docsTags": [] }, @@ -8524,8 +11069,35 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(reason?: T) => Promise", + "parameters": [ + { + "name": "reason", + "type": "T", + "docs": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "T": { + "location": "global", + "id": "global::T" + } + }, + "return": "Promise" + }, "signature": "dismissModal(reason?: T) => Promise", - "parameters": [], + "parameters": [ + { + "name": "reason", + "type": "T", + "docs": "" + } + ], "docs": "Dismiss the dialog", "docsTags": [] }, @@ -8535,6 +11107,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "showModal() => Promise", "parameters": [], "docs": "Show the dialog", @@ -8546,6 +11129,11 @@ "event": "dialogClose", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Dialog close", @@ -8555,6 +11143,11 @@ "event": "dialogDismiss", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Dialog cancel", @@ -8567,11 +11160,11 @@ "listeners": [] }, { - "dirPath": "./src/components/modal-content", - "filePath": "./src/components/modal-content/modal-content.tsx", + "dirPath": "src/components/modal-content", + "filePath": "src/components/modal-content/modal-content.tsx", "fileName": "modal-content.tsx", - "readmePath": "./src/components/modal-content/readme.md", - "usagesDir": "./src/components/modal-content/usage", + "readmePath": "src/components/modal-content/readme.md", + "usagesDir": "src/components/modal-content/usage", "tag": "ix-modal-content", "overview": "", "usage": {}, @@ -8583,9 +11176,15 @@ } ], "encapsulation": "shadow", - "dependents": [], + "dependents": [ + "ix-application-switch-modal" + ], "dependencies": [], - "dependencyGraph": {}, + "dependencyGraph": { + "ix-application-switch-modal": [ + "ix-modal-content" + ] + }, "props": [], "methods": [], "events": [], @@ -8595,11 +11194,11 @@ "listeners": [] }, { - "dirPath": "./src/components/my-component", - "filePath": "./src/components/my-component/example-modal.tsx", + "dirPath": "src/components/my-component", + "filePath": "src/components/my-component/example-modal.tsx", "fileName": "example-modal.tsx", - "readmePath": "./src/components/my-component/readme.md", - "usagesDir": "./src/components/my-component/usage", + "readmePath": "src/components/my-component/readme.md", + "usagesDir": "src/components/my-component/usage", "tag": "ix-modal-example", "overview": "", "usage": {}, @@ -8632,11 +11231,11 @@ "listeners": [] }, { - "dirPath": "./src/components/modal-footer", - "filePath": "./src/components/modal-footer/modal-footer.tsx", + "dirPath": "src/components/modal-footer", + "filePath": "src/components/modal-footer/modal-footer.tsx", "fileName": "modal-footer.tsx", - "readmePath": "./src/components/modal-footer/readme.md", - "usagesDir": "./src/components/modal-footer/usage", + "readmePath": "src/components/modal-footer/readme.md", + "usagesDir": "src/components/modal-footer/usage", "tag": "ix-modal-footer", "overview": "", "usage": {}, @@ -8660,11 +11259,11 @@ "listeners": [] }, { - "dirPath": "./src/components/modal-header", - "filePath": "./src/components/modal-header/modal-header.tsx", + "dirPath": "src/components/modal-header", + "filePath": "src/components/modal-header/modal-header.tsx", "fileName": "modal-header.tsx", - "readmePath": "./src/components/modal-header/readme.md", - "usagesDir": "./src/components/modal-header/usage", + "readmePath": "src/components/modal-header/readme.md", + "usagesDir": "src/components/modal-header/usage", "tag": "ix-modal-header", "overview": "", "usage": {}, @@ -8676,7 +11275,9 @@ } ], "encapsulation": "shadow", - "dependents": [], + "dependents": [ + "ix-application-switch-modal" + ], "dependencies": [ "ix-typography", "ix-icon-button" @@ -8688,12 +11289,20 @@ ], "ix-icon-button": [ "ix-spinner" + ], + "ix-application-switch-modal": [ + "ix-modal-header" ] }, "props": [ { "name": "hideClose", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "hide-close", "reflectToAttr": false, @@ -8711,6 +11320,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -8727,6 +11341,11 @@ { "name": "iconColor", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon-color", "reflectToAttr": false, @@ -8747,6 +11366,16 @@ "event": "closeClick", "detail": "MouseEvent", "bubbles": true, + "complexType": { + "original": "MouseEvent", + "resolved": "MouseEvent", + "references": { + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Close icon is clicked", @@ -8759,11 +11388,11 @@ "listeners": [] }, { - "dirPath": "./src/components/pagination", - "filePath": "./src/components/pagination/pagination.tsx", + "dirPath": "src/components/pagination", + "filePath": "src/components/pagination/pagination.tsx", "fileName": "pagination.tsx", - "readmePath": "./src/components/pagination/readme.md", - "usagesDir": "./src/components/pagination/usage", + "readmePath": "src/components/pagination/readme.md", + "usagesDir": "src/components/pagination/usage", "tag": "ix-pagination", "overview": "", "usage": {}, @@ -8812,6 +11441,11 @@ { "name": "advanced", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "advanced", "reflectToAttr": false, @@ -8828,6 +11462,11 @@ { "name": "count", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "count", "reflectToAttr": false, @@ -8844,6 +11483,11 @@ { "name": "i18nItems", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-items", "reflectToAttr": false, @@ -8861,6 +11505,11 @@ { "name": "i18nOf", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-of", "reflectToAttr": false, @@ -8878,6 +11527,11 @@ { "name": "i18nPage", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-page", "reflectToAttr": false, @@ -8895,6 +11549,11 @@ { "name": "itemCount", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "item-count", "reflectToAttr": false, @@ -8912,6 +11571,11 @@ { "name": "selectedPage", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": true, "attr": "selected-page", "reflectToAttr": false, @@ -8929,6 +11593,11 @@ { "name": "showItemCount", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-item-count", "reflectToAttr": false, @@ -8950,6 +11619,11 @@ "event": "itemCountChanged", "detail": "number", "bubbles": true, + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Item count change event", @@ -8959,6 +11633,11 @@ "event": "pageSelected", "detail": "number", "bubbles": true, + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Page selection event", @@ -8971,11 +11650,11 @@ "listeners": [] }, { - "dirPath": "./src/components/pill", - "filePath": "./src/components/pill/pill.tsx", + "dirPath": "src/components/pill", + "filePath": "src/components/pill/pill.tsx", "fileName": "pill.tsx", - "readmePath": "./src/components/pill/readme.md", - "usagesDir": "./src/components/pill/usage", + "readmePath": "src/components/pill/readme.md", + "usagesDir": "src/components/pill/usage", "tag": "ix-pill", "overview": "", "usage": {}, @@ -8989,6 +11668,11 @@ { "name": "alignLeft", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "align-left", "reflectToAttr": false, @@ -9006,6 +11690,11 @@ { "name": "background", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "background", "reflectToAttr": false, @@ -9022,11 +11711,22 @@ { "name": "color", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "color", "reflectToAttr": false, "docs": "Custom font color for pill. Only working for `variant='custom'`", - "docsTags": [], + "docsTags": [ + { + "name": "deprecated", + "text": "since 2.1.0 use `pill-color`" + } + ], + "deprecation": "since 2.1.0 use `pill-color`", "values": [ { "type": "string" @@ -9038,6 +11738,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -9054,6 +11759,11 @@ { "name": "outline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "outline", "reflectToAttr": false, @@ -9068,9 +11778,35 @@ "optional": false, "required": false }, + { + "name": "pillColor", + "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, + "mutable": false, + "attr": "pill-color", + "reflectToAttr": false, + "docs": "Custom font color for pill. Only working for `variant='custom'`", + "docsTags": [], + "values": [ + { + "type": "string" + } + ], + "optional": false, + "required": false + }, { "name": "variant", "type": "\"alarm\" | \"critical\" | \"custom\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"", + "complexType": { + "original": "| 'primary'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'custom'", + "resolved": "\"alarm\" | \"critical\" | \"custom\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"warning\"", + "references": {} + }, "mutable": false, "attr": "variant", "reflectToAttr": true, @@ -9123,11 +11859,11 @@ "listeners": [] }, { - "dirPath": "./src/components/push-card", - "filePath": "./src/components/push-card/push-card.tsx", + "dirPath": "src/components/push-card", + "filePath": "src/components/push-card/push-card.tsx", "fileName": "push-card.tsx", - "readmePath": "./src/components/push-card/readme.md", - "usagesDir": "./src/components/push-card/usage", + "readmePath": "src/components/push-card/readme.md", + "usagesDir": "src/components/push-card/usage", "tag": "ix-push-card", "overview": "", "usage": {}, @@ -9160,6 +11896,11 @@ { "name": "collapse", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "collapse", "reflectToAttr": false, @@ -9182,6 +11923,11 @@ { "name": "heading", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "heading", "reflectToAttr": false, @@ -9198,6 +11944,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string | undefined", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -9215,6 +11966,11 @@ { "name": "notification", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "notification", "reflectToAttr": false, @@ -9231,6 +11987,11 @@ { "name": "subheading", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "subheading", "reflectToAttr": false, @@ -9247,6 +12008,17 @@ { "name": "variant", "type": "\"alarm\" | \"critical\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"primary\" | \"success\" | \"warning\"", + "complexType": { + "original": "PushCardVariant", + "resolved": "\"alarm\" | \"critical\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"primary\" | \"success\" | \"warning\"", + "references": { + "PushCardVariant": { + "location": "local", + "path": "src/components/push-card/push-card.tsx", + "id": "src/components/push-card/push-card.tsx::PushCardVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -9303,11 +12075,11 @@ "listeners": [] }, { - "dirPath": "./src/components/row", - "filePath": "./src/components/row/row.tsx", + "dirPath": "src/components/row", + "filePath": "src/components/row/row.tsx", "fileName": "row.tsx", - "readmePath": "./src/components/row/readme.md", - "usagesDir": "./src/components/row/usage", + "readmePath": "src/components/row/readme.md", + "usagesDir": "src/components/row/usage", "tag": "ix-row", "overview": "", "usage": {}, @@ -9341,11 +12113,11 @@ "listeners": [] }, { - "dirPath": "./src/components/select", - "filePath": "./src/components/select/select.tsx", + "dirPath": "src/components/select", + "filePath": "src/components/select/select.tsx", "fileName": "select.tsx", - "readmePath": "./src/components/select/readme.md", - "usagesDir": "./src/components/select/usage", + "readmePath": "src/components/select/readme.md", + "usagesDir": "src/components/select/usage", "tag": "ix-select", "overview": "", "usage": {}, @@ -9387,6 +12159,11 @@ { "name": "allowClear", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "allow-clear", "reflectToAttr": false, @@ -9404,6 +12181,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -9421,6 +12203,11 @@ { "name": "editable", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "editable", "reflectToAttr": false, @@ -9438,6 +12225,11 @@ { "name": "hideListHeader", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "hide-list-header", "reflectToAttr": false, @@ -9446,9 +12238,6 @@ { "name": "since", "text": "1.5.0" - }, - { - "name": "" } ], "default": "false", @@ -9463,6 +12252,11 @@ { "name": "i18nNoMatches", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-no-matches", "reflectToAttr": false, @@ -9485,6 +12279,11 @@ { "name": "i18nPlaceholder", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-placeholder", "reflectToAttr": false, @@ -9502,6 +12301,11 @@ { "name": "i18nPlaceholderEditable", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-placeholder-editable", "reflectToAttr": false, @@ -9519,6 +12323,11 @@ { "name": "i18nSelectListHeader", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-select-list-header", "reflectToAttr": false, @@ -9536,6 +12345,11 @@ { "name": "mode", "type": "\"multiple\" | \"single\"", + "complexType": { + "original": "'single' | 'multiple'", + "resolved": "\"multiple\" | \"single\"", + "references": {} + }, "mutable": false, "attr": "mode", "reflectToAttr": false, @@ -9558,6 +12372,11 @@ { "name": "readonly", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "readonly", "reflectToAttr": false, @@ -9575,6 +12394,11 @@ { "name": "selectedIndices", "type": "string | string[]", + "complexType": { + "original": "string | string[]", + "resolved": "string | string[]", + "references": {} + }, "mutable": true, "attr": "selected-indices", "reflectToAttr": false, @@ -9600,6 +12424,11 @@ { "name": "value", "type": "string | string[]", + "complexType": { + "original": "string | string[]", + "resolved": "string | string[]", + "references": {} + }, "mutable": true, "attr": "value", "reflectToAttr": false, @@ -9628,6 +12457,11 @@ "event": "addItem", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Item added to selection", @@ -9637,6 +12471,11 @@ "event": "inputChange", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Event dispatched whenever the text input changes.", @@ -9651,6 +12490,11 @@ "event": "itemSelectionChange", "detail": "string[]", "bubbles": true, + "complexType": { + "original": "string[]", + "resolved": "string[]", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Item selection changed", @@ -9666,6 +12510,11 @@ "event": "valueChange", "detail": "string | string[]", "bubbles": true, + "complexType": { + "original": "string | string[]", + "resolved": "string | string[]", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Value changed", @@ -9694,11 +12543,11 @@ ] }, { - "dirPath": "./src/components/select-item", - "filePath": "./src/components/select-item/select-item.tsx", + "dirPath": "src/components/select-item", + "filePath": "src/components/select-item/select-item.tsx", "fileName": "select-item.tsx", - "readmePath": "./src/components/select-item/readme.md", - "usagesDir": "./src/components/select-item/usage", + "readmePath": "src/components/select-item/readme.md", + "usagesDir": "src/components/select-item/usage", "tag": "ix-select-item", "overview": "", "usage": {}, @@ -9727,6 +12576,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": true, @@ -9743,6 +12597,11 @@ { "name": "selected", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "selected", "reflectToAttr": false, @@ -9760,6 +12619,11 @@ { "name": "value", "type": "any", + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "mutable": false, "attr": "value", "reflectToAttr": true, @@ -9780,6 +12644,11 @@ "event": "itemClick", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Item clicked", @@ -9792,11 +12661,11 @@ "listeners": [] }, { - "dirPath": "./src/components/slider", - "filePath": "./src/components/slider/slider.tsx", + "dirPath": "src/components/slider", + "filePath": "src/components/slider/slider.tsx", "fileName": "slider.tsx", - "readmePath": "./src/components/slider/readme.md", - "usagesDir": "./src/components/slider/usage", + "readmePath": "src/components/slider/readme.md", + "usagesDir": "src/components/slider/usage", "tag": "ix-slider", "overview": "", "usage": {}, @@ -9834,6 +12703,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -9851,6 +12725,11 @@ { "name": "error", "type": "boolean | string", + "complexType": { + "original": "boolean | string", + "resolved": "boolean | string", + "references": {} + }, "mutable": false, "attr": "error", "reflectToAttr": false, @@ -9870,6 +12749,17 @@ { "name": "marker", "type": "number[]", + "complexType": { + "original": "SliderMarker", + "resolved": "number[]", + "references": { + "SliderMarker": { + "location": "local", + "path": "src/components/slider/slider.tsx", + "id": "src/components/slider/slider.tsx::SliderMarker" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "Define tick marker on the slider. Marker has to be within slider min/max", @@ -9885,6 +12775,11 @@ { "name": "max", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "max", "reflectToAttr": false, @@ -9902,6 +12797,11 @@ { "name": "min", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "min", "reflectToAttr": false, @@ -9919,13 +12819,18 @@ { "name": "step", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "step", "reflectToAttr": false, "docs": "Legal number intervals", "docsTags": [ { - "name": "see", + "name": "link", "text": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step" } ], @@ -9940,6 +12845,11 @@ { "name": "trace", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "trace", "reflectToAttr": false, @@ -9957,6 +12867,11 @@ { "name": "traceReference", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "trace-reference", "reflectToAttr": false, @@ -9974,6 +12889,11 @@ { "name": "value", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "value", "reflectToAttr": false, @@ -9995,6 +12915,11 @@ "event": "valueChange", "detail": "number", "bubbles": true, + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "cancelable": true, "composed": true, "docs": "", @@ -10016,11 +12941,11 @@ "listeners": [] }, { - "dirPath": "./src/components/spinner", - "filePath": "./src/components/spinner/spinner.tsx", + "dirPath": "src/components/spinner", + "filePath": "src/components/spinner/spinner.tsx", "fileName": "spinner.tsx", - "readmePath": "./src/components/spinner/readme.md", - "usagesDir": "./src/components/spinner/usage", + "readmePath": "src/components/spinner/readme.md", + "usagesDir": "src/components/spinner/usage", "tag": "ix-spinner", "overview": "", "usage": {}, @@ -10028,6 +12953,8 @@ "docsTags": [], "encapsulation": "shadow", "dependents": [ + "ix-application-switch-modal", + "ix-avatar", "ix-breadcrumb-item", "ix-burger-menu", "ix-button", @@ -10041,6 +12968,12 @@ ], "dependencies": [], "dependencyGraph": { + "ix-application-switch-modal": [ + "ix-spinner" + ], + "ix-avatar": [ + "ix-spinner" + ], "ix-breadcrumb-item": [ "ix-spinner" ], @@ -10076,6 +13009,11 @@ { "name": "size", "type": "\"large\" | \"medium\" | \"small\" | \"x-small\" | \"xx-small\"", + "complexType": { + "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large'", + "resolved": "\"large\" | \"medium\" | \"small\" | \"x-small\" | \"xx-small\"", + "references": {} + }, "mutable": false, "attr": "size", "reflectToAttr": false, @@ -10110,6 +13048,11 @@ { "name": "variant", "type": "\"primary\" | \"secondary\"", + "complexType": { + "original": "'primary' | 'secondary'", + "resolved": "\"primary\" | \"secondary\"", + "references": {} + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -10138,11 +13081,11 @@ "listeners": [] }, { - "dirPath": "./src/components/split-button", - "filePath": "./src/components/split-button/split-button.tsx", + "dirPath": "src/components/split-button", + "filePath": "src/components/split-button/split-button.tsx", "fileName": "split-button.tsx", - "readmePath": "./src/components/split-button/readme.md", - "usagesDir": "./src/components/split-button/usage", + "readmePath": "src/components/split-button/readme.md", + "usagesDir": "src/components/split-button/usage", "tag": "ix-split-button", "overview": "", "usage": {}, @@ -10172,6 +13115,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -10189,6 +13137,11 @@ { "name": "ghost", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "ghost", "reflectToAttr": false, @@ -10206,6 +13159,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -10223,6 +13181,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -10239,6 +13202,11 @@ { "name": "outline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "outline", "reflectToAttr": false, @@ -10256,6 +13224,17 @@ { "name": "placement", "type": "\"bottom-end\" | \"bottom-start\" | \"left-end\" | \"left-start\" | \"right-end\" | \"right-start\" | \"top-end\" | \"top-start\"", + "complexType": { + "original": "AlignedPlacement", + "resolved": "\"bottom-end\" | \"bottom-start\" | \"left-end\" | \"left-start\" | \"right-end\" | \"right-start\" | \"top-end\" | \"top-start\"", + "references": { + "AlignedPlacement": { + "location": "import", + "path": "../dropdown/placement", + "id": "src/components/dropdown/placement.ts::AlignedPlacement" + } + } + }, "mutable": false, "attr": "placement", "reflectToAttr": false, @@ -10302,6 +13281,11 @@ { "name": "splitIcon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "split-icon", "reflectToAttr": false, @@ -10319,6 +13303,17 @@ { "name": "variant", "type": "\"primary\" | \"secondary\"", + "complexType": { + "original": "SplitButtonVariant", + "resolved": "\"primary\" | \"secondary\"", + "references": { + "SplitButtonVariant": { + "location": "local", + "path": "src/components/split-button/split-button.tsx", + "id": "src/components/split-button/split-button.tsx::SplitButtonVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -10345,6 +13340,16 @@ "event": "buttonClick", "detail": "MouseEvent", "bubbles": true, + "complexType": { + "original": "MouseEvent", + "resolved": "MouseEvent", + "references": { + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Button clicked", @@ -10357,11 +13362,11 @@ "listeners": [] }, { - "dirPath": "./src/components/split-button-item", - "filePath": "./src/components/split-button-item/split-button-item.tsx", + "dirPath": "src/components/split-button-item", + "filePath": "src/components/split-button-item/split-button-item.tsx", "fileName": "split-button-item.tsx", - "readmePath": "./src/components/split-button-item/readme.md", - "usagesDir": "./src/components/split-button-item/usage", + "readmePath": "src/components/split-button-item/readme.md", + "usagesDir": "src/components/split-button-item/usage", "tag": "ix-split-button-item", "overview": "", "usage": {}, @@ -10387,6 +13392,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -10403,6 +13413,11 @@ { "name": "label", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "label", "reflectToAttr": false, @@ -10423,6 +13438,16 @@ "event": "itemClick", "detail": "MouseEvent", "bubbles": true, + "complexType": { + "original": "MouseEvent", + "resolved": "MouseEvent", + "references": { + "MouseEvent": { + "location": "global", + "id": "global::MouseEvent" + } + } + }, "cancelable": true, "composed": true, "docs": "Dropdown item clicked", @@ -10435,11 +13460,11 @@ "listeners": [] }, { - "dirPath": "./src/components/tab-item", - "filePath": "./src/components/tab-item/tab-item.tsx", + "dirPath": "src/components/tab-item", + "filePath": "src/components/tab-item/tab-item.tsx", "fileName": "tab-item.tsx", - "readmePath": "./src/components/tab-item/readme.md", - "usagesDir": "./src/components/tab-item/usage", + "readmePath": "src/components/tab-item/readme.md", + "usagesDir": "src/components/tab-item/usage", "tag": "ix-tab-item", "overview": "", "usage": {}, @@ -10463,6 +13488,11 @@ { "name": "counter", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "counter", "reflectToAttr": false, @@ -10479,6 +13509,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -10496,6 +13531,11 @@ { "name": "icon", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -10513,6 +13553,11 @@ { "name": "layout", "type": "\"auto\" | \"stretched\"", + "complexType": { + "original": "'auto' | 'stretched'", + "resolved": "\"auto\" | \"stretched\"", + "references": {} + }, "mutable": false, "attr": "layout", "reflectToAttr": false, @@ -10535,6 +13580,11 @@ { "name": "placement", "type": "\"bottom\" | \"top\"", + "complexType": { + "original": "'bottom' | 'top'", + "resolved": "\"bottom\" | \"top\"", + "references": {} + }, "mutable": false, "attr": "placement", "reflectToAttr": false, @@ -10557,6 +13607,11 @@ { "name": "rounded", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "rounded", "reflectToAttr": false, @@ -10574,6 +13629,11 @@ { "name": "selected", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "selected", "reflectToAttr": false, @@ -10591,6 +13651,11 @@ { "name": "small", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "small", "reflectToAttr": false, @@ -10612,6 +13677,17 @@ "event": "tabClick", "detail": "{ nativeEvent: MouseEvent; }", "bubbles": true, + "complexType": { + "original": "TabClickDetail", + "resolved": "{ nativeEvent: MouseEvent; }", + "references": { + "TabClickDetail": { + "location": "local", + "path": "src/components/tab-item/tab-item.tsx", + "id": "src/components/tab-item/tab-item.tsx::TabClickDetail" + } + } + }, "cancelable": true, "composed": true, "docs": "On tab click", @@ -10629,11 +13705,11 @@ "listeners": [] }, { - "dirPath": "./src/components/tabs", - "filePath": "./src/components/tabs/tabs.tsx", + "dirPath": "src/components/tabs", + "filePath": "src/components/tabs/tabs.tsx", "fileName": "tabs.tsx", - "readmePath": "./src/components/tabs/readme.md", - "usagesDir": "./src/components/tabs/usage", + "readmePath": "src/components/tabs/readme.md", + "usagesDir": "src/components/tabs/usage", "tag": "ix-tabs", "overview": "", "usage": {}, @@ -10657,6 +13733,11 @@ { "name": "layout", "type": "\"auto\" | \"stretched\"", + "complexType": { + "original": "'auto' | 'stretched'", + "resolved": "\"auto\" | \"stretched\"", + "references": {} + }, "mutable": false, "attr": "layout", "reflectToAttr": false, @@ -10679,6 +13760,11 @@ { "name": "placement", "type": "\"bottom\" | \"top\"", + "complexType": { + "original": "'bottom' | 'top'", + "resolved": "\"bottom\" | \"top\"", + "references": {} + }, "mutable": false, "attr": "placement", "reflectToAttr": false, @@ -10701,6 +13787,11 @@ { "name": "rounded", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "rounded", "reflectToAttr": false, @@ -10718,6 +13809,11 @@ { "name": "selected", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": true, "attr": "selected", "reflectToAttr": false, @@ -10735,6 +13831,11 @@ { "name": "small", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "small", "reflectToAttr": false, @@ -10756,6 +13857,11 @@ "event": "selectedChange", "detail": "number", "bubbles": true, + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "cancelable": true, "composed": true, "docs": "`selected` property changed", @@ -10785,11 +13891,11 @@ ] }, { - "dirPath": "./src/components/tile", - "filePath": "./src/components/tile/tile.tsx", + "dirPath": "src/components/tile", + "filePath": "src/components/tile/tile.tsx", "fileName": "tile.tsx", - "readmePath": "./src/components/tile/readme.md", - "usagesDir": "./src/components/tile/usage", + "readmePath": "src/components/tile/readme.md", + "usagesDir": "src/components/tile/usage", "tag": "ix-tile", "overview": "", "usage": {}, @@ -10803,6 +13909,11 @@ { "name": "size", "type": "\"big\" | \"medium\" | \"small\"", + "complexType": { + "original": "'small' | 'medium' | 'big'", + "resolved": "\"big\" | \"medium\" | \"small\"", + "references": {} + }, "mutable": false, "attr": "size", "reflectToAttr": false, @@ -10835,11 +13946,11 @@ "listeners": [] }, { - "dirPath": "./src/components/time-picker", - "filePath": "./src/components/time-picker/time-picker.tsx", + "dirPath": "src/components/time-picker", + "filePath": "src/components/time-picker/time-picker.tsx", "fileName": "time-picker.tsx", - "readmePath": "./src/components/time-picker/readme.md", - "usagesDir": "./src/components/time-picker/usage", + "readmePath": "src/components/time-picker/readme.md", + "usagesDir": "src/components/time-picker/usage", "tag": "ix-time-picker", "overview": "", "usage": {}, @@ -10876,6 +13987,17 @@ { "name": "corners", "type": "\"left\" | \"right\" | \"rounded\" | \"straight\"", + "complexType": { + "original": "TimePickerCorners", + "resolved": "\"left\" | \"right\" | \"rounded\" | \"straight\"", + "references": { + "TimePickerCorners": { + "location": "local", + "path": "src/components/time-picker/time-picker.tsx", + "id": "src/components/time-picker/time-picker.tsx::TimePickerCorners" + } + } + }, "mutable": false, "attr": "corners", "reflectToAttr": false, @@ -10906,6 +14028,11 @@ { "name": "format", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "format", "reflectToAttr": false, @@ -10928,6 +14055,11 @@ { "name": "individual", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "individual", "reflectToAttr": false, @@ -10951,6 +14083,11 @@ { "name": "showHour", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-hour", "reflectToAttr": false, @@ -10968,6 +14105,11 @@ { "name": "showMinutes", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-minutes", "reflectToAttr": false, @@ -10985,6 +14127,11 @@ { "name": "showSeconds", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "show-seconds", "reflectToAttr": false, @@ -11002,6 +14149,11 @@ { "name": "showTimeReference", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "show-time-reference", "reflectToAttr": false, @@ -11029,6 +14181,11 @@ { "name": "standaloneAppearance", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "standalone-appearance", "reflectToAttr": false, @@ -11046,6 +14203,11 @@ { "name": "textSelectTime", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "text-select-time", "reflectToAttr": false, @@ -11068,6 +14230,11 @@ { "name": "textTime", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "text-time", "reflectToAttr": false, @@ -11090,6 +14257,11 @@ { "name": "time", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "time", "reflectToAttr": false, @@ -11112,6 +14284,11 @@ { "name": "timeReference", "type": "\"AM\" | \"PM\"", + "complexType": { + "original": "'AM' | 'PM' | undefined", + "resolved": "\"AM\" | \"PM\"", + "references": {} + }, "mutable": false, "attr": "time-reference", "reflectToAttr": false, @@ -11138,6 +14315,17 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "() => Promise", + "parameters": [], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "getCurrentTime() => Promise", "parameters": [], "docs": "Get the current time based on the wanted format", @@ -11149,6 +14337,11 @@ "event": "done", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Time event", @@ -11164,6 +14357,11 @@ "event": "timeChange", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Time change event", @@ -11173,6 +14371,11 @@ "event": "timeSelect", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Time event", @@ -11185,11 +14388,11 @@ "listeners": [] }, { - "dirPath": "./src/components/toast", - "filePath": "./src/components/toast/toast.tsx", + "dirPath": "src/components/toast", + "filePath": "src/components/toast/toast.tsx", "fileName": "toast.tsx", - "readmePath": "./src/components/toast/readme.md", - "usagesDir": "./src/components/toast/usage", + "readmePath": "src/components/toast/readme.md", + "usagesDir": "src/components/toast/usage", "tag": "ix-toast", "overview": "", "usage": {}, @@ -11217,6 +14420,11 @@ { "name": "autoClose", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "auto-close", "reflectToAttr": false, @@ -11234,6 +14442,11 @@ { "name": "autoCloseDelay", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "auto-close-delay", "reflectToAttr": false, @@ -11251,6 +14464,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -11267,6 +14485,11 @@ { "name": "iconColor", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon-color", "reflectToAttr": false, @@ -11283,6 +14506,11 @@ { "name": "toastTitle", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "toast-title", "reflectToAttr": false, @@ -11299,6 +14527,17 @@ { "name": "type", "type": "\"error\" | \"info\" | \"success\" | \"warning\"", + "complexType": { + "original": "ToastType", + "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"", + "references": { + "ToastType": { + "location": "import", + "path": "toast-utils", + "id": "src/components/toast/toast-utils.ts::ToastType" + } + } + }, "mutable": false, "attr": "type", "reflectToAttr": false, @@ -11333,6 +14572,11 @@ "event": "closeToast", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Toast closed", @@ -11345,11 +14589,11 @@ "listeners": [] }, { - "dirPath": "./src/components/toast", - "filePath": "./src/components/toast/toast-container.tsx", + "dirPath": "src/components/toast", + "filePath": "src/components/toast/toast-container.tsx", "fileName": "toast-container.tsx", - "readmePath": "./src/components/toast/readme.md", - "usagesDir": "./src/components/toast/usage", + "readmePath": "src/components/toast/readme.md", + "usagesDir": "src/components/toast/usage", "tag": "ix-toast-container", "overview": "", "usage": {}, @@ -11375,6 +14619,11 @@ { "name": "containerClass", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "container-class", "reflectToAttr": false, @@ -11392,6 +14641,11 @@ { "name": "containerId", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "container-id", "reflectToAttr": false, @@ -11409,6 +14663,11 @@ { "name": "position", "type": "\"bottom-right\" | \"top-right\"", + "complexType": { + "original": "'bottom-right' | 'top-right'", + "resolved": "\"bottom-right\" | \"top-right\"", + "references": {} + }, "mutable": false, "attr": "position", "reflectToAttr": false, @@ -11436,8 +14695,45 @@ "type": "Promise<{ onClose: TypedEvent; close: (result?: any) => void; }>", "docs": "" }, + "complexType": { + "signature": "(config: ToastConfig) => Promise<{ onClose: TypedEvent; close: (result?: any) => void; }>", + "parameters": [ + { + "name": "config", + "type": "ToastConfig", + "docs": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + }, + "TypedEvent": { + "location": "import", + "path": "../utils/typed-event", + "id": "src/components/utils/typed-event.ts::TypedEvent" + }, + "ToastConfig": { + "location": "import", + "path": "toast-utils", + "id": "src/components/toast/toast-utils.ts::ToastConfig" + }, + "CustomEvent": { + "location": "global", + "id": "global::CustomEvent" + } + }, + "return": "Promise<{ onClose: TypedEvent; close: (result?: any) => void; }>" + }, "signature": "showToast(config: ToastConfig) => Promise<{ onClose: TypedEvent; close: (result?: any) => void; }>", - "parameters": [], + "parameters": [ + { + "name": "config", + "type": "ToastConfig", + "docs": "" + } + ], "docs": "Display a toast message", "docsTags": [ { @@ -11454,11 +14750,11 @@ "listeners": [] }, { - "dirPath": "./src/components/toggle", - "filePath": "./src/components/toggle/toggle.tsx", + "dirPath": "src/components/toggle", + "filePath": "src/components/toggle/toggle.tsx", "fileName": "toggle.tsx", - "readmePath": "./src/components/toggle/readme.md", - "usagesDir": "./src/components/toggle/usage", + "readmePath": "src/components/toggle/readme.md", + "usagesDir": "src/components/toggle/usage", "tag": "ix-toggle", "overview": "", "usage": {}, @@ -11472,6 +14768,11 @@ { "name": "checked", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "checked", "reflectToAttr": true, @@ -11489,6 +14790,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -11506,6 +14812,11 @@ { "name": "hideText", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "hide-text", "reflectToAttr": false, @@ -11523,6 +14834,11 @@ { "name": "indeterminate", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": true, "attr": "indeterminate", "reflectToAttr": true, @@ -11540,6 +14856,11 @@ { "name": "textIndeterminate", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "text-indeterminate", "reflectToAttr": false, @@ -11557,6 +14878,11 @@ { "name": "textOff", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "text-off", "reflectToAttr": false, @@ -11574,6 +14900,11 @@ { "name": "textOn", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "text-on", "reflectToAttr": false, @@ -11595,6 +14926,11 @@ "event": "checkedChange", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "An event will be dispatched each time the slide-toggle changes its value.", @@ -11607,11 +14943,11 @@ "listeners": [] }, { - "dirPath": "./src/components/toggle-button", - "filePath": "./src/components/toggle-button/toggle-button.tsx", + "dirPath": "src/components/toggle-button", + "filePath": "src/components/toggle-button/toggle-button.tsx", "fileName": "toggle-button.tsx", - "readmePath": "./src/components/toggle-button/readme.md", - "usagesDir": "./src/components/toggle-button/usage", + "readmePath": "src/components/toggle-button/readme.md", + "usagesDir": "src/components/toggle-button/usage", "tag": "ix-toggle-button", "overview": "", "usage": {}, @@ -11636,6 +14972,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": true, @@ -11653,6 +14994,11 @@ { "name": "ghost", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "ghost", "reflectToAttr": false, @@ -11670,6 +15016,11 @@ { "name": "icon", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "icon", "reflectToAttr": false, @@ -11686,6 +15037,11 @@ { "name": "loading", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "loading", "reflectToAttr": false, @@ -11703,6 +15059,11 @@ { "name": "outline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "outline", "reflectToAttr": false, @@ -11720,6 +15081,11 @@ { "name": "pressed", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "pressed", "reflectToAttr": false, @@ -11737,6 +15103,17 @@ { "name": "variant", "type": "\"primary\" | \"secondary\"", + "complexType": { + "original": "ButtonVariant", + "resolved": "\"primary\" | \"secondary\"", + "references": { + "ButtonVariant": { + "location": "import", + "path": "../button/button", + "id": "src/components/button/button.tsx::ButtonVariant" + } + } + }, "mutable": false, "attr": "variant", "reflectToAttr": false, @@ -11763,6 +15140,11 @@ "event": "pressedChange", "detail": "boolean", "bubbles": true, + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Pressed change event", @@ -11775,11 +15157,11 @@ "listeners": [] }, { - "dirPath": "./src/components/tooltip", - "filePath": "./src/components/tooltip/tooltip.tsx", + "dirPath": "src/components/tooltip", + "filePath": "src/components/tooltip/tooltip.tsx", "fileName": "tooltip.tsx", - "readmePath": "./src/components/tooltip/readme.md", - "usagesDir": "./src/components/tooltip/usage", + "readmePath": "src/components/tooltip/readme.md", + "usagesDir": "src/components/tooltip/usage", "tag": "ix-tooltip", "overview": "", "usage": {}, @@ -11817,6 +15199,11 @@ { "name": "for", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "for", "reflectToAttr": false, @@ -11833,6 +15220,11 @@ { "name": "interactive", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "interactive", "reflectToAttr": false, @@ -11850,6 +15242,11 @@ { "name": "placement", "type": "\"bottom\" | \"left\" | \"right\" | \"top\"", + "complexType": { + "original": "'top' | 'right' | 'bottom' | 'left'", + "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"", + "references": {} + }, "mutable": false, "attr": "placement", "reflectToAttr": false, @@ -11885,6 +15282,11 @@ { "name": "titleContent", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "title-content", "reflectToAttr": false, @@ -11916,11 +15318,11 @@ "listeners": [] }, { - "dirPath": "./src/components/tree", - "filePath": "./src/components/tree/tree.tsx", + "dirPath": "src/components/tree", + "filePath": "src/components/tree/tree.tsx", "fileName": "tree.tsx", - "readmePath": "./src/components/tree/readme.md", - "usagesDir": "./src/components/tree/usage", + "readmePath": "src/components/tree/readme.md", + "usagesDir": "src/components/tree/usage", "tag": "ix-tree", "overview": "", "usage": {}, @@ -11940,6 +15342,17 @@ { "name": "context", "type": "{ [x: string]: TreeItemContext; }", + "complexType": { + "original": "TreeContext", + "resolved": "{ [x: string]: TreeItemContext; }", + "references": { + "TreeContext": { + "location": "import", + "path": "tree-model", + "id": "src/components/tree/tree-model.ts::TreeContext" + } + } + }, "mutable": true, "reflectToAttr": false, "docs": "Selection and collapsed state management", @@ -11956,6 +15369,17 @@ { "name": "model", "type": "{ [x: string]: TreeItem; }", + "complexType": { + "original": "TreeModel", + "resolved": "{ [x: string]: TreeItem; }", + "references": { + "TreeModel": { + "location": "import", + "path": "tree-model", + "id": "src/components/tree/tree-model.ts::TreeModel" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "Tree model", @@ -11971,6 +15395,34 @@ { "name": "renderItem", "type": "(index: number, data: T, dataList: T[], context: TreeContext, update: (callback: UpdateCallback) => void) => HTMLElement", + "complexType": { + "original": "(\n index: number,\n data: T,\n dataList: Array,\n context: TreeContext,\n update: (callback: UpdateCallback) => void\n ) => HTMLElement", + "resolved": "(index: number, data: T, dataList: T[], context: TreeContext, update: (callback: UpdateCallback) => void) => HTMLElement", + "references": { + "T": { + "location": "global", + "id": "global::T" + }, + "Array": { + "location": "global", + "id": "global::Array" + }, + "TreeContext": { + "location": "import", + "path": "tree-model", + "id": "src/components/tree/tree-model.ts::TreeContext" + }, + "UpdateCallback": { + "location": "import", + "path": "tree-model", + "id": "src/components/tree/tree-model.ts::UpdateCallback" + }, + "HTMLElement": { + "location": "global", + "id": "global::HTMLElement" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "Render function of tree items", @@ -11986,6 +15438,11 @@ { "name": "root", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "root", "reflectToAttr": false, @@ -12006,6 +15463,17 @@ "event": "contextChange", "detail": "{ [x: string]: TreeItemContext; }", "bubbles": true, + "complexType": { + "original": "TreeContext", + "resolved": "{ [x: string]: TreeItemContext; }", + "references": { + "TreeContext": { + "location": "import", + "path": "tree-model", + "id": "src/components/tree/tree-model.ts::TreeContext" + } + } + }, "cancelable": true, "composed": true, "docs": "Context changed", @@ -12015,6 +15483,11 @@ "event": "nodeClicked", "detail": "string", "bubbles": true, + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Node clicked event", @@ -12029,6 +15502,11 @@ "event": "nodeRemoved", "detail": "any", "bubbles": true, + "complexType": { + "original": "any", + "resolved": "any", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Emits removed nodes", @@ -12038,6 +15516,11 @@ "event": "nodeToggled", "detail": "{ id: string; isExpaned: boolean; }", "bubbles": true, + "complexType": { + "original": "{ id: string; isExpaned: boolean }", + "resolved": "{ id: string; isExpaned: boolean; }", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Node toggled event", @@ -12055,11 +15538,11 @@ "listeners": [] }, { - "dirPath": "./src/components/tree-item", - "filePath": "./src/components/tree-item/tree-item.tsx", + "dirPath": "src/components/tree-item", + "filePath": "src/components/tree-item/tree-item.tsx", "fileName": "tree-item.tsx", - "readmePath": "./src/components/tree-item/readme.md", - "usagesDir": "./src/components/tree-item/usage", + "readmePath": "src/components/tree-item/readme.md", + "usagesDir": "src/components/tree-item/usage", "tag": "ix-tree-item", "overview": "", "usage": {}, @@ -12079,6 +15562,17 @@ { "name": "context", "type": "TreeItemContext", + "complexType": { + "original": "TreeItemContext", + "resolved": "TreeItemContext", + "references": { + "TreeItemContext": { + "location": "import", + "path": "../tree/tree-model", + "id": "src/components/tree/tree-model.ts::TreeItemContext" + } + } + }, "mutable": false, "reflectToAttr": false, "docs": "Context", @@ -12094,6 +15588,11 @@ { "name": "hasChildren", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "has-children", "reflectToAttr": false, @@ -12110,6 +15609,11 @@ { "name": "text", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "text", "reflectToAttr": false, @@ -12130,6 +15634,11 @@ "event": "itemClick", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Clicked", @@ -12139,6 +15648,11 @@ "event": "toggle", "detail": "void", "bubbles": true, + "complexType": { + "original": "void", + "resolved": "void", + "references": {} + }, "cancelable": true, "composed": true, "docs": "Expand/Collapsed toggled", @@ -12151,11 +15665,11 @@ "listeners": [] }, { - "dirPath": "./src/components/typography", - "filePath": "./src/components/typography/typography.tsx", + "dirPath": "src/components/typography", + "filePath": "src/components/typography/typography.tsx", "fileName": "typography.tsx", - "readmePath": "./src/components/typography/readme.md", - "usagesDir": "./src/components/typography/usage", + "readmePath": "src/components/typography/readme.md", + "usagesDir": "src/components/typography/usage", "tag": "ix-typography", "overview": "", "usage": {}, @@ -12169,6 +15683,7 @@ "encapsulation": "shadow", "dependents": [ "ix-action-card", + "ix-application-switch-modal", "ix-blind", "ix-card-list", "ix-content-header", @@ -12188,6 +15703,9 @@ "ix-action-card": [ "ix-typography" ], + "ix-application-switch-modal": [ + "ix-typography" + ], "ix-blind": [ "ix-typography" ], @@ -12232,6 +15750,11 @@ { "name": "bold", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "bold", "reflectToAttr": false, @@ -12249,11 +15772,28 @@ { "name": "color", "type": "\"alarm\" | \"contrast\" | \"inv-contrast\" | \"inv-soft\" | \"inv-std\" | \"inv-weak\" | \"soft\" | \"std\" | \"weak\"", + "complexType": { + "original": "TypographyColors", + "resolved": "\"alarm\" | \"contrast\" | \"inv-contrast\" | \"inv-soft\" | \"inv-std\" | \"inv-weak\" | \"soft\" | \"std\" | \"weak\"", + "references": { + "TypographyColors": { + "location": "local", + "path": "src/components/typography/typography.tsx", + "id": "src/components/typography/typography.tsx::TypographyColors" + } + } + }, "mutable": false, "attr": "color", "reflectToAttr": false, "docs": "Text color based on theme variables", - "docsTags": [], + "docsTags": [ + { + "name": "deprecated", + "text": "since 2.1.0 use property `text-color`" + } + ], + "deprecation": "since 2.1.0 use property `text-color`", "values": [ { "value": "alarm", @@ -12298,6 +15838,17 @@ { "name": "format", "type": "TypographyFormatLabel | TypographyFormatBody | TypographyFormatDisplay | TypographyFormatHeading | TypographyFormatCode", + "complexType": { + "original": "TypographyFormat", + "resolved": "TypographyFormatLabel | TypographyFormatBody | TypographyFormatDisplay | TypographyFormatHeading | TypographyFormatCode", + "references": { + "TypographyFormat": { + "location": "local", + "path": "src/components/typography/typography.tsx", + "id": "src/components/typography/typography.tsx::TypographyFormat" + } + } + }, "mutable": false, "attr": "format", "reflectToAttr": false, @@ -12323,9 +15874,80 @@ "optional": false, "required": false }, + { + "name": "textColor", + "type": "\"alarm\" | \"contrast\" | \"inv-contrast\" | \"inv-soft\" | \"inv-std\" | \"inv-weak\" | \"soft\" | \"std\" | \"weak\"", + "complexType": { + "original": "TypographyColors", + "resolved": "\"alarm\" | \"contrast\" | \"inv-contrast\" | \"inv-soft\" | \"inv-std\" | \"inv-weak\" | \"soft\" | \"std\" | \"weak\"", + "references": { + "TypographyColors": { + "location": "local", + "path": "src/components/typography/typography.tsx", + "id": "src/components/typography/typography.tsx::TypographyColors" + } + } + }, + "mutable": false, + "attr": "text-color", + "reflectToAttr": false, + "docs": "Text color based on theme variables", + "docsTags": [], + "values": [ + { + "value": "alarm", + "type": "string" + }, + { + "value": "contrast", + "type": "string" + }, + { + "value": "inv-contrast", + "type": "string" + }, + { + "value": "inv-soft", + "type": "string" + }, + { + "value": "inv-std", + "type": "string" + }, + { + "value": "inv-weak", + "type": "string" + }, + { + "value": "soft", + "type": "string" + }, + { + "value": "std", + "type": "string" + }, + { + "value": "weak", + "type": "string" + } + ], + "optional": false, + "required": false + }, { "name": "textDecoration", "type": "\"line-through\" | \"none\" | \"underline\"", + "complexType": { + "original": "TextDecoration", + "resolved": "\"line-through\" | \"none\" | \"underline\"", + "references": { + "TextDecoration": { + "location": "local", + "path": "src/components/typography/typography.tsx", + "id": "src/components/typography/typography.tsx::TextDecoration" + } + } + }, "mutable": false, "attr": "text-decoration", "reflectToAttr": false, @@ -12358,11 +15980,11 @@ "listeners": [] }, { - "dirPath": "./src/components/upload", - "filePath": "./src/components/upload/upload.tsx", + "dirPath": "src/components/upload", + "filePath": "src/components/upload/upload.tsx", "fileName": "upload.tsx", - "readmePath": "./src/components/upload/readme.md", - "usagesDir": "./src/components/upload/usage", + "readmePath": "src/components/upload/readme.md", + "usagesDir": "src/components/upload/usage", "tag": "ix-upload", "overview": "", "usage": {}, @@ -12387,6 +16009,11 @@ { "name": "accept", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "accept", "reflectToAttr": false, @@ -12403,6 +16030,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -12420,6 +16052,11 @@ { "name": "i18nUploadDisabled", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-upload-disabled", "reflectToAttr": false, @@ -12437,6 +16074,11 @@ { "name": "i18nUploadFile", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "i-1-8n-upload-file", "reflectToAttr": false, @@ -12454,6 +16096,11 @@ { "name": "loadingText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "loading-text", "reflectToAttr": false, @@ -12471,6 +16118,11 @@ { "name": "multiline", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "multiline", "reflectToAttr": false, @@ -12488,6 +16140,11 @@ { "name": "multiple", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "multiple", "reflectToAttr": false, @@ -12505,6 +16162,11 @@ { "name": "selectFileText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "select-file-text", "reflectToAttr": false, @@ -12522,6 +16184,17 @@ { "name": "state", "type": "UploadFileState.LOADING | UploadFileState.SELECT_FILE | UploadFileState.UPLOAD_FAILED | UploadFileState.UPLOAD_SUCCESSED", + "complexType": { + "original": "UploadFileState", + "resolved": "UploadFileState.LOADING | UploadFileState.SELECT_FILE | UploadFileState.UPLOAD_FAILED | UploadFileState.UPLOAD_SUCCESSED", + "references": { + "UploadFileState": { + "location": "import", + "path": "upload-file-state", + "id": "src/components/upload/upload-file-state.ts::UploadFileState" + } + } + }, "mutable": false, "attr": "state", "reflectToAttr": false, @@ -12548,6 +16221,11 @@ { "name": "uploadFailedText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "upload-failed-text", "reflectToAttr": false, @@ -12565,6 +16243,11 @@ { "name": "uploadSuccessText", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "upload-success-text", "reflectToAttr": false, @@ -12587,8 +16270,31 @@ "type": "Promise", "docs": "" }, + "complexType": { + "signature": "(obj: any) => Promise", + "parameters": [ + { + "name": "obj", + "type": "any", + "docs": "" + } + ], + "references": { + "Promise": { + "location": "global", + "id": "global::Promise" + } + }, + "return": "Promise" + }, "signature": "setFilesToUpload(obj: any) => Promise", - "parameters": [], + "parameters": [ + { + "name": "obj", + "type": "any", + "docs": "" + } + ], "docs": "Set files", "docsTags": [ { @@ -12603,6 +16309,20 @@ "event": "filesChanged", "detail": "File[]", "bubbles": true, + "complexType": { + "original": "Array", + "resolved": "File[]", + "references": { + "Array": { + "location": "global", + "id": "global::Array" + }, + "File": { + "location": "global", + "id": "global::File" + } + } + }, "cancelable": true, "composed": true, "docs": "You get an array of Files after drop-action or browse action is finished", @@ -12615,11 +16335,11 @@ "listeners": [] }, { - "dirPath": "./src/components/validation-tooltip", - "filePath": "./src/components/validation-tooltip/validation-tooltip.tsx", + "dirPath": "src/components/validation-tooltip", + "filePath": "src/components/validation-tooltip/validation-tooltip.tsx", "fileName": "validation-tooltip.tsx", - "readmePath": "./src/components/validation-tooltip/readme.md", - "usagesDir": "./src/components/validation-tooltip/usage", + "readmePath": "src/components/validation-tooltip/readme.md", + "usagesDir": "src/components/validation-tooltip/usage", "tag": "ix-validation-tooltip", "overview": "", "usage": {}, @@ -12638,6 +16358,11 @@ { "name": "message", "type": "string", + "complexType": { + "original": "string", + "resolved": "string", + "references": {} + }, "mutable": false, "attr": "message", "reflectToAttr": false, @@ -12654,6 +16379,17 @@ { "name": "placement", "type": "\"bottom\" | \"left\" | \"right\" | \"top\"", + "complexType": { + "original": "Side", + "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"", + "references": { + "Side": { + "location": "import", + "path": "../dropdown/placement", + "id": "src/components/dropdown/placement.ts::Side" + } + } + }, "mutable": false, "attr": "placement", "reflectToAttr": false, @@ -12684,6 +16420,11 @@ { "name": "suppressAutomaticPlacement", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "suppress-automatic-placement", "reflectToAttr": false, @@ -12717,11 +16458,11 @@ "listeners": [] }, { - "dirPath": "./src/components/workflow-step", - "filePath": "./src/components/workflow-step/workflow-step.tsx", + "dirPath": "src/components/workflow-step", + "filePath": "src/components/workflow-step/workflow-step.tsx", "fileName": "workflow-step.tsx", - "readmePath": "./src/components/workflow-step/readme.md", - "usagesDir": "./src/components/workflow-step/usage", + "readmePath": "src/components/workflow-step/readme.md", + "usagesDir": "src/components/workflow-step/usage", "tag": "ix-workflow-step", "overview": "", "usage": {}, @@ -12735,6 +16476,11 @@ { "name": "clickable", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "clickable", "reflectToAttr": false, @@ -12752,6 +16498,11 @@ { "name": "disabled", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "disabled", "reflectToAttr": false, @@ -12769,6 +16520,11 @@ { "name": "selected", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "selected", "reflectToAttr": false, @@ -12786,6 +16542,11 @@ { "name": "status", "type": "\"done\" | \"error\" | \"open\" | \"success\" | \"warning\"", + "complexType": { + "original": "'open' | 'success' | 'done' | 'warning' | 'error'", + "resolved": "\"done\" | \"error\" | \"open\" | \"success\" | \"warning\"", + "references": {} + }, "mutable": false, "attr": "status", "reflectToAttr": false, @@ -12820,6 +16581,11 @@ { "name": "vertical", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "vertical", "reflectToAttr": false, @@ -12843,11 +16609,11 @@ "listeners": [] }, { - "dirPath": "./src/components/workflow-steps", - "filePath": "./src/components/workflow-steps/workflow-steps.tsx", + "dirPath": "src/components/workflow-steps", + "filePath": "src/components/workflow-steps/workflow-steps.tsx", "fileName": "workflow-steps.tsx", - "readmePath": "./src/components/workflow-steps/readme.md", - "usagesDir": "./src/components/workflow-steps/usage", + "readmePath": "src/components/workflow-steps/readme.md", + "usagesDir": "src/components/workflow-steps/usage", "tag": "ix-workflow-steps", "overview": "", "usage": {}, @@ -12861,6 +16627,11 @@ { "name": "clickable", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "clickable", "reflectToAttr": false, @@ -12878,6 +16649,11 @@ { "name": "selectedIndex", "type": "number", + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "mutable": false, "attr": "selected-index", "reflectToAttr": false, @@ -12895,6 +16671,11 @@ { "name": "vertical", "type": "boolean", + "complexType": { + "original": "boolean", + "resolved": "boolean", + "references": {} + }, "mutable": false, "attr": "vertical", "reflectToAttr": false, @@ -12916,6 +16697,11 @@ "event": "stepSelected", "detail": "number", "bubbles": true, + "complexType": { + "original": "number", + "resolved": "number", + "references": {} + }, "cancelable": true, "composed": true, "docs": "On step selected event", @@ -12934,11 +16720,11 @@ ] }, { - "dirPath": "./src/components/my-component", - "filePath": "./src/components/my-component/my-component.tsx", + "dirPath": "src/components/my-component", + "filePath": "src/components/my-component/my-component.tsx", "fileName": "my-component.tsx", - "readmePath": "./src/components/my-component/readme.md", - "usagesDir": "./src/components/my-component/usage", + "readmePath": "src/components/my-component/readme.md", + "usagesDir": "src/components/my-component/usage", "tag": "my-component", "overview": "", "usage": {}, @@ -12956,5 +16742,232 @@ "parts": [], "listeners": [] } - ] + ], + "typeLibrary": { + "src/components/card/card.tsx::CardVariant": { + "declaration": "export type CardVariant =\n | 'insight'\n | 'notification'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary';", + "docstring": "", + "path": "src/components/card/card.tsx" + }, + "src/components/action-card/action-card.tsx::ActionCardVariant": { + "declaration": "export type CardVariant =\n | 'insight'\n | 'notification'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary';", + "docstring": "", + "path": "src/components/action-card/action-card.tsx" + }, + "src/components/blind/blind.tsx::BlindVariant": { + "declaration": "export type BlindVariant = CardVariant | 'outline';", + "docstring": "", + "path": "src/components/blind/blind.tsx" + }, + "src/components/button/button.tsx::ButtonVariant": { + "declaration": "export type ButtonVariant = 'primary' | 'secondary';", + "docstring": "", + "path": "src/components/button/button.tsx" + }, + "src/components/card-accordion/card-accordion.tsx::CardAccordionExpandChangeEvent": { + "declaration": "{\n expand: boolean;\n nativeEvent: Event;\n}", + "docstring": "", + "path": "src/components/card-accordion/card-accordion.tsx" + }, + "src/components/col/col.tsx::ColumnSize": { + "declaration": "export type ColumnSize =\n | '1'\n | '2'\n | '3'\n | '4'\n | '5'\n | '6'\n | '7'\n | '8'\n | '9'\n | '10'\n | '11'\n | '12'\n | 'auto';", + "docstring": "", + "path": "src/components/col/col.tsx" + }, + "src/components/content-header/content-header.tsx::ContentHeaderVariant": { + "declaration": "export type ContentHeaderVariant = 'primary' | 'secondary';", + "docstring": "", + "path": "src/components/content-header/content-header.tsx" + }, + "src/components/css-grid/css-grid.tsx::CssGridTemplateType": { + "declaration": "export type CssGridTemplateType = 'sm' | 'md' | 'lg';", + "docstring": "", + "path": "src/components/css-grid/css-grid.tsx" + }, + "src/components/date-dropdown/date-dropdown.tsx::DateDropdownOption": { + "declaration": "{\n id: string;\n label: string;\n from: string;\n to: string;\n}", + "docstring": "", + "path": "src/components/date-dropdown/date-dropdown.tsx" + }, + "src/components/date-dropdown/date-dropdown.tsx::DateRangeChangeEvent": { + "declaration": "{\n id: string;\n from: string;\n to: string;\n}", + "docstring": "", + "path": "src/components/date-dropdown/date-dropdown.tsx" + }, + "src/components/date-time-card/date-time-card.tsx::DateTimeCardCorners": { + "declaration": "export type DateTimeCardCorners = 'rounded' | 'left' | 'right' | 'straight';", + "docstring": "", + "path": "src/components/date-time-card/date-time-card.tsx" + }, + "src/components/date-picker/date-picker.tsx::DateChangeEvent": { + "declaration": "{\n from: string;\n to: string;\n}", + "docstring": "", + "path": "src/components/date-picker/date-picker.tsx" + }, + "src/components/datetime-picker/datetime-picker.tsx::DateTimeDateChangeEvent": { + "declaration": "export type DateTimeDateChangeEvent =\n | string\n | Omit;", + "docstring": "", + "path": "src/components/datetime-picker/datetime-picker.tsx" + }, + "src/components/datetime-picker/datetime-picker.tsx::DateTimeSelectEvent": { + "declaration": "{\n from: string;\n to: string;\n time: string;\n}", + "docstring": "", + "path": "src/components/datetime-picker/datetime-picker.tsx" + }, + "src/components/dropdown/placement.ts::AlignedPlacement": { + "declaration": "\"bottom-start\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-end\" | \"left-start\" | \"left-end\"", + "docstring": "", + "path": "src/components/dropdown/placement.ts" + }, + "src/components/dropdown/dropdown.tsx::DropdownTriggerEvent": { + "declaration": "export type DropdownTriggerEvent = 'click' | 'hover' | 'focus';", + "docstring": "", + "path": "src/components/dropdown/dropdown.tsx" + }, + "src/components/dropdown-button/dropdown-button.tsx::DropdownButtonVariant": { + "declaration": "export type ButtonVariant = 'primary' | 'secondary';", + "docstring": "", + "path": "src/components/dropdown-button/dropdown-button.tsx" + }, + "src/components/empty-state/empty-state.tsx::EmptyStateLayout": { + "declaration": "export type EmptyStateLayout = 'large' | 'compact' | 'compactBreak';", + "docstring": "", + "path": "src/components/empty-state/empty-state.tsx" + }, + "src/components/icon-button/icon-button.tsx::IconButtonVariant": { + "declaration": "export type ButtonVariant = 'primary' | 'secondary';", + "docstring": "", + "path": "src/components/icon-button/icon-button.tsx" + }, + "src/components/key-value/key-value.tsx::KeyValueLabelPosition": { + "declaration": "export type KeyValueLabelPosition = 'top' | 'left';", + "docstring": "", + "path": "src/components/key-value/key-value.tsx" + }, + "src/components/modal/modal.tsx::IxModalSize": { + "declaration": "export type IxModalSize = IxModalFixedSize | IxModalDynamicSize;", + "docstring": "", + "path": "src/components/modal/modal.tsx" + }, + "src/components/typography/typography.tsx::TypographyVariants": { + "declaration": "export type TypographyVariants =\n | 'x-small'\n | 'small'\n | 'caption'\n | 'caption-single'\n | 'default'\n | 'default-single'\n | 'default-title'\n | 'default-title-single'\n | 'large'\n | 'large-single'\n | 'large-title'\n | 'large-title-single'\n | 'h2'\n | 'display-large';", + "docstring": "", + "path": "src/components/typography/typography.tsx" + }, + "src/components/typography/typography.tsx::TypographyFormat": { + "declaration": "export type TypographyFormat =\n | TypographyFormatLabel\n | TypographyFormatBody\n | TypographyFormatDisplay\n | TypographyFormatHeading\n | TypographyFormatCode;", + "docstring": "", + "path": "src/components/typography/typography.tsx" + }, + "src/components/typography/typography.tsx::TypographyColors": { + "declaration": "export type TypographyColors =\n | 'contrast'\n | 'std'\n | 'soft'\n | 'weak'\n | 'inv-contrast'\n | 'inv-std'\n | 'inv-soft'\n | 'inv-weak'\n | 'alarm';", + "docstring": "", + "path": "src/components/typography/typography.tsx" + }, + "src/components/typography/typography.tsx::TextDecoration": { + "declaration": "export type TextDecoration = 'none' | 'underline' | 'line-through';", + "docstring": "", + "path": "src/components/typography/typography.tsx" + }, + "src/components/push-card/push-card.tsx::PushCardVariant": { + "declaration": "export type CardVariant =\n | 'insight'\n | 'notification'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary';", + "docstring": "", + "path": "src/components/push-card/push-card.tsx" + }, + "src/components/slider/slider.tsx::SliderMarker": { + "declaration": "interface Array {\n /**\n * Gets or sets the length of the array. This is a number one higher than the highest index in the array.\n */\n length: number;\n /**\n * Returns a string representation of an array.\n */\n toString(): string;\n /**\n * Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.\n */\n toLocaleString(): string;\n /**\n * Removes the last element from an array and returns it.\n * If the array is empty, undefined is returned and the array is not modified.\n */\n pop(): T | undefined;\n /**\n * Appends new elements to the end of an array, and returns the new length of the array.\n * @param items New elements to add to the array.\n */\n push(...items: T[]): number;\n /**\n * Combines two or more arrays.\n * This method returns a new array without modifying any existing arrays.\n * @param items Additional arrays and/or items to add to the end of the array.\n */\n concat(...items: ConcatArray[]): T[];\n /**\n * Combines two or more arrays.\n * This method returns a new array without modifying any existing arrays.\n * @param items Additional arrays and/or items to add to the end of the array.\n */\n concat(...items: (T | ConcatArray)[]): T[];\n /**\n * Adds all the elements of an array into a string, separated by the specified separator string.\n * @param separator A string used to separate one element of the array from the next in the resulting string. If omitted, the array elements are separated with a comma.\n */\n join(separator?: string): string;\n /**\n * Reverses the elements in an array in place.\n * This method mutates the array and returns a reference to the same array.\n */\n reverse(): T[];\n /**\n * Removes the first element from an array and returns it.\n * If the array is empty, undefined is returned and the array is not modified.\n */\n shift(): T | undefined;\n /**\n * Returns a copy of a section of an array.\n * For both start and end, a negative index can be used to indicate an offset from the end of the array.\n * For example, -2 refers to the second to last element of the array.\n * @param start The beginning index of the specified portion of the array.\n * If start is undefined, then the slice begins at index 0.\n * @param end The end index of the specified portion of the array. This is exclusive of the element at the index 'end'.\n * If end is undefined, then the slice extends to the end of the array.\n */\n slice(start?: number, end?: number): T[];\n /**\n * Sorts an array in place.\n * This method mutates the array and returns a reference to the same array.\n * @param compareFn Function used to determine the order of the elements. It is expected to return\n * a negative value if the first argument is less than the second argument, zero if they're equal, and a positive\n * value otherwise. If omitted, the elements are sorted in ascending, ASCII character order.\n * ```ts\n * [11,2,22,1].sort((a, b) => a - b)\n * ```\n */\n sort(compareFn?: (a: T, b: T) => number): this;\n /**\n * Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\n * @param start The zero-based location in the array from which to start removing elements.\n * @param deleteCount The number of elements to remove.\n * @returns An array containing the elements that were deleted.\n */\n splice(start: number, deleteCount?: number): T[];\n /**\n * Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.\n * @param start The zero-based location in the array from which to start removing elements.\n * @param deleteCount The number of elements to remove.\n * @param items Elements to insert into the array in place of the deleted elements.\n * @returns An array containing the elements that were deleted.\n */\n splice(start: number, deleteCount: number, ...items: T[]): T[];\n /**\n * Inserts new elements at the start of an array, and returns the new length of the array.\n * @param items Elements to insert at the start of the array.\n */\n unshift(...items: T[]): number;\n /**\n * Returns the index of the first occurrence of a value in an array, or -1 if it is not present.\n * @param searchElement The value to locate in the array.\n * @param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.\n */\n indexOf(searchElement: T, fromIndex?: number): number;\n /**\n * Returns the index of the last occurrence of a specified value in an array, or -1 if it is not present.\n * @param searchElement The value to locate in the array.\n * @param fromIndex The array index at which to begin searching backward. If fromIndex is omitted, the search starts at the last index in the array.\n */\n lastIndexOf(searchElement: T, fromIndex?: number): number;\n /**\n * Determines whether all the members of an array satisfy the specified test.\n * @param predicate A function that accepts up to three arguments. The every method calls\n * the predicate function for each element in the array until the predicate returns a value\n * which is coercible to the Boolean value false, or until the end of the array.\n * @param thisArg An object to which the this keyword can refer in the predicate function.\n * If thisArg is omitted, undefined is used as the this value.\n */\n every(predicate: (value: T, index: number, array: T[]) => value is S, thisArg?: any): this is S[];\n /**\n * Determines whether all the members of an array satisfy the specified test.\n * @param predicate A function that accepts up to three arguments. The every method calls\n * the predicate function for each element in the array until the predicate returns a value\n * which is coercible to the Boolean value false, or until the end of the array.\n * @param thisArg An object to which the this keyword can refer in the predicate function.\n * If thisArg is omitted, undefined is used as the this value.\n */\n every(predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any): boolean;\n /**\n * Determines whether the specified callback function returns true for any element of an array.\n * @param predicate A function that accepts up to three arguments. The some method calls\n * the predicate function for each element in the array until the predicate returns a value\n * which is coercible to the Boolean value true, or until the end of the array.\n * @param thisArg An object to which the this keyword can refer in the predicate function.\n * If thisArg is omitted, undefined is used as the this value.\n */\n some(predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any): boolean;\n /**\n * Performs the specified action for each element in an array.\n * @param callbackfn A function that accepts up to three arguments. forEach calls the callbackfn function one time for each element in the array.\n * @param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.\n */\n forEach(callbackfn: (value: T, index: number, array: T[]) => void, thisArg?: any): void;\n /**\n * Calls a defined callback function on each element of an array, and returns an array that contains the results.\n * @param callbackfn A function that accepts up to three arguments. The map method calls the callbackfn function one time for each element in the array.\n * @param thisArg An object to which the this keyword can refer in the callbackfn function. If thisArg is omitted, undefined is used as the this value.\n */\n map(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[];\n /**\n * Returns the elements of an array that meet the condition specified in a callback function.\n * @param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n * @param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.\n */\n filter(predicate: (value: T, index: number, array: T[]) => value is S, thisArg?: any): S[];\n /**\n * Returns the elements of an array that meet the condition specified in a callback function.\n * @param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.\n * @param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.\n */\n filter(predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any): T[];\n /**\n * Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n * @param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n * @param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n */\n reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T;\n reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T;\n /**\n * Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n * @param callbackfn A function that accepts up to four arguments. The reduce method calls the callbackfn function one time for each element in the array.\n * @param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n */\n reduce(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;\n /**\n * Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n * @param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n * @param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n */\n reduceRight(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T;\n reduceRight(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T;\n /**\n * Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.\n * @param callbackfn A function that accepts up to four arguments. The reduceRight method calls the callbackfn function one time for each element in the array.\n * @param initialValue If initialValue is specified, it is used as the initial value to start the accumulation. The first call to the callbackfn function provides this value as an argument instead of an array value.\n */\n reduceRight(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;\n\n [n: number]: T;\n}", + "docstring": "", + "path": "src/components/slider/slider.tsx" + }, + "src/components/split-button/split-button.tsx::SplitButtonVariant": { + "declaration": "export type ButtonVariant = 'primary' | 'secondary';", + "docstring": "", + "path": "src/components/split-button/split-button.tsx" + }, + "src/components/tab-item/tab-item.tsx::TabClickDetail": { + "declaration": "{\n nativeEvent: MouseEvent;\n}", + "docstring": "", + "path": "src/components/tab-item/tab-item.tsx" + }, + "src/components/time-picker/time-picker.tsx::TimePickerCorners": { + "declaration": "export type DateTimeCardCorners = 'rounded' | 'left' | 'right' | 'straight';", + "docstring": "", + "path": "src/components/time-picker/time-picker.tsx" + }, + "src/components/utils/theme-switcher.ts::IxTheme": { + "declaration": "export type IxTheme =\n | 'classic'\n | 'classic-dark'\n | 'classic-light'\n | (string & {});", + "docstring": "", + "path": "src/components/utils/theme-switcher.ts" + }, + "src/components/utils/breakpoints.ts::Breakpoint": { + "declaration": "\"sm\" | \"md\" | \"lg\"", + "docstring": "", + "path": "src/components/utils/breakpoints.ts" + }, + "src/components/utils/application-layout/context.ts::AppSwitchConfiguration": { + "declaration": "{\n currentAppId: string;\n apps: {\n id: string;\n name: string;\n description: string;\n url: string;\n target: AppSwitchConfigurationTarget;\n iconSrc: string;\n }[];\n i18nAppSwitch?: string;\n i18nLoadingApps?: string;\n}", + "docstring": "", + "path": "src/components/utils/application-layout/context.ts" + }, + "src/components/category-filter/filter-state.ts::FilterState": { + "declaration": "any", + "docstring": "", + "path": "src/components/category-filter/filter-state.ts" + }, + "src/components/category-filter/input-state.ts::InputState": { + "declaration": "any", + "docstring": "", + "path": "src/components/category-filter/input-state.ts" + }, + "src/components/flip-tile/flip-tile-state.ts::FlipTileState": { + "declaration": "export enum FlipTileState {\n None = 'none',\n Info = 'info',\n Warning = 'warning',\n Alarm = 'alarm',\n Primary = 'primary',\n}", + "docstring": "", + "path": "src/components/flip-tile/flip-tile-state.ts" + }, + "src/components/utils/typed-event.ts::TypedEvent": { + "declaration": "any", + "docstring": "", + "path": "src/components/utils/typed-event.ts" + }, + "src/components/toast/toast-utils.ts::ToastConfig": { + "declaration": "export interface ToastConfig {\n title?: string;\n message: string | HTMLElement;\n type?: ToastType;\n autoClose?: boolean;\n autoCloseDelay?: number;\n icon?: string;\n iconColor?: string;\n}", + "docstring": "", + "path": "src/components/toast/toast-utils.ts" + }, + "src/components/toast/toast-utils.ts::ToastType": { + "declaration": "export type ToastType = 'info' | 'success' | 'error' | 'warning';", + "docstring": "", + "path": "src/components/toast/toast-utils.ts" + }, + "src/components/tree/tree-model.ts::TreeModel": { + "declaration": "{\n [P in K]: T;\n}", + "docstring": "", + "path": "src/components/tree/tree-model.ts" + }, + "src/components/tree/tree-model.ts::TreeContext": { + "declaration": "{\n [P in K]: T;\n}", + "docstring": "", + "path": "src/components/tree/tree-model.ts" + }, + "src/components/tree/tree-model.ts::UpdateCallback": { + "declaration": "(\n treeItem: TreeItem,\n context: TreeContext\n) => void", + "docstring": "", + "path": "src/components/tree/tree-model.ts" + }, + "src/components/tree/tree-model.ts::TreeItemContext": { + "declaration": "export interface TreeItemContext {\n isExpanded: boolean;\n isSelected: boolean;\n}", + "docstring": "", + "path": "src/components/tree/tree-model.ts" + }, + "src/components/upload/upload-file-state.ts::UploadFileState": { + "declaration": "export enum UploadFileState {\n SELECT_FILE = 'SELECT_FILE',\n LOADING = 'LOADING',\n UPLOAD_FAILED = 'UPLOAD_FAILED',\n UPLOAD_SUCCESSED = 'UPLOAD_SUCCESSED',\n}", + "docstring": "", + "path": "src/components/upload/upload-file-state.ts" + }, + "src/components/dropdown/placement.ts::Side": { + "declaration": "export type Side = 'top' | 'right' | 'bottom' | 'left';", + "docstring": "", + "path": "src/components/dropdown/placement.ts" + } + } } \ No newline at end of file diff --git a/packages/core/package.json b/packages/core/package.json index 9f35566d0be..d77e6ef3f03 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -45,7 +45,7 @@ }, "dependencies": { "@floating-ui/dom": "^1.5.1", - "@stencil/core": "^3.2.1", + "@stencil/core": "^4.9.0", "@types/luxon": "^3.3.7", "animejs": "~3.2.1", "hyperlist": "^1.0.0", @@ -54,42 +54,44 @@ "devDependencies": { "@playwright/test": "^1.32.1", "@siemens/ix-icons": "^2.0.0", - "@stencil-community/eslint-plugin": "^0.5.0", - "@stencil-community/postcss": "^2.1.0", - "@stencil/angular-output-target": "^0.5.0", - "@stencil/react-output-target": "^0.4.0", - "@stencil/sass": "~3.0.0", - "@stencil/vue-output-target": "^0.7.0", + "@stencil-community/eslint-plugin": "^0.7.1", + "@stencil-community/postcss": "^2.2.0", + "@stencil/angular-output-target": "^0.8.3", + "@stencil/react-output-target": "^0.5.3", + "@stencil/sass": "^3.0.7", + "@stencil/vue-output-target": "^0.8.7", "@testing-library/dom": "^8.11.0", "@testing-library/jest-dom": "^5.16.5", "@types/animejs": "^3.1.4", - "@types/jest": "^27.5.2", + "@types/jest": "^29.5.6", "@types/mustache": "^4.1.1", - "@typescript-eslint/eslint-plugin": "^5.54.1", - "@typescript-eslint/parser": "^5.54.1", + "@types/node": "^16.18.11", + "@typescript-eslint/eslint-plugin": "^6.14.0", + "@typescript-eslint/parser": "^6.14.0", "animate.css": "~4.1.1", "autoprefixer": "10.4.5", "bootstrap": "^5.2.0", "cssnano": "^6.0.1", "cz-conventional-changelog": "^3.3.0", + "eslint": "^8.56.0", "eslint-config-ix": "*", - "eslint-plugin-react": "^7.32.2", + "eslint-plugin-react": "^7.33.2", "fs-extra": "^10.0.0", "http-server": "^14.1.1", - "jest": "^27.5.1", - "jest-cli": "^27.5.1", + "jest": "^29.7.0", + "jest-cli": "^29.7.0", "mustache": "^4.2.0", "postcss": "^8.4.29", - "puppeteer": "^19.5.2", + "puppeteer": "21.1.1", "sass": "^1.58.3", "start-server-and-test": "^1.14.0", "ts-node": "^10.0.0", - "typescript": "^4.9.5" + "typescript": "^5.3.3" }, "peerDependencies": { "@popperjs/core": "^2.11.0", - "bootstrap": "~5.2.0", - "@siemens/ix-icons": "^2.0.0" + "@siemens/ix-icons": "^2.0.0", + "bootstrap": "~5.2.0" }, "config": { "commitizen": { diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts index 53d2ba7892d..f696e059de8 100644 --- a/packages/core/src/components.d.ts +++ b/packages/core/src/components.d.ts @@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "@stencil/core/internal"; import { ActionCardVariant } from "./components/action-card/action-card"; import { IxTheme } from "./components/utils/theme-switcher"; import { Breakpoint } from "./components/utils/breakpoints"; +import { AppSwitchConfiguration } from "./components/utils/application-layout/context"; import { BlindVariant } from "./components/blind/blind"; import { ButtonVariant } from "./components/button/button"; import { CardVariant } from "./components/card/card"; @@ -44,6 +45,7 @@ import { UploadFileState } from "./components/upload/upload-file-state"; export { ActionCardVariant } from "./components/action-card/action-card"; export { IxTheme } from "./components/utils/theme-switcher"; export { Breakpoint } from "./components/utils/breakpoints"; +export { AppSwitchConfiguration } from "./components/utils/application-layout/context"; export { BlindVariant } from "./components/blind/blind"; export { ButtonVariant } from "./components/button/button"; export { CardVariant } from "./components/card/card"; @@ -103,7 +105,14 @@ export namespace Components { */ "variant": ActionCardVariant; } + /** + * @since 2.1.0 + */ interface IxApplication { + /** + * Define application switch configuration + */ + "appSwitchConfig": AppSwitchConfiguration; /** * Supported layouts */ @@ -129,6 +138,9 @@ export namespace Components { } interface IxApplicationSidebar { } + interface IxApplicationSwitchModal { + "config": AppSwitchConfiguration; + } /** * @since 2.0.0 */ @@ -142,14 +154,16 @@ export namespace Components { */ "initials": string; } + /** + * @deprecated ix-basic-navigation is deprecated in favor of ix-application + */ interface IxBasicNavigation { /** * Application name */ "applicationName": string; /** - * Supported layouts - * @example ['sm', 'md'] + * Supported layouts e.g ['sm', 'md'] */ "breakpoints": Breakpoint[]; /** @@ -399,12 +413,17 @@ export namespace Components { * Custom background color. Only has an effect on chips with `variant='custom'` */ "background": string | undefined; + /** + * Custom font and icon color. Only has an effect on chips with `variant='custom'` + */ + "chipColor": string | undefined; /** * Show close icon */ "closable": boolean; /** * Custom font and icon color. Only has an effect on chips with `variant='custom'` + * @deprecated since 2.1.0 use `chip-color` */ "color": string | undefined; /** @@ -448,6 +467,9 @@ export namespace Components { */ "sizeSm"?: ColumnSize; } + /** + * @since 2.1.0 + */ interface IxContent { } interface IxContentHeader { @@ -497,7 +519,8 @@ export namespace Components { */ "dateRangeOptions": DateDropdownOption[]; /** - * Date format string. See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens. + * Date format string. See + * @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens. */ "format": string; /** @@ -674,7 +697,8 @@ export namespace Components { */ "showSeconds": boolean; /** - * Show time reference input Time reference is default aligned with @see {this.timeFormat} + * Show time reference input Time reference is default aligned with + * @see { this.timeFormat} * @since 1.1.0 */ "showTimeReference": any; @@ -790,7 +814,7 @@ export namespace Components { /** * Define an element that triggers the dropdown. A trigger can either be a string that will be interpreted as id attribute or a DOM element. */ - "trigger": string | HTMLElement; + "trigger": string | HTMLElement | Promise; /** * Define one or more events to open dropdown */ @@ -931,13 +955,19 @@ export namespace Components { "chevron": boolean; /** * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm` - * @see https://ix.siemens.io/docs/theming/colors/ + * @link https://ix.siemens.io/docs/theming/colors/ + * @deprecated since 2.1.0 use `item-color` */ "color": string; /** * Disable event list item */ "disabled": boolean; + /** + * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm` + * @link https://ix.siemens.io/docs/theming/colors/ + */ + "itemColor": string; /** * Show event list item as selected */ @@ -1071,6 +1101,7 @@ export namespace Components { "a11yLabel": string; /** * Color of icon in button + * @deprecated since 2.1.0 use `icon-color` */ "color": string; /** @@ -1085,6 +1116,10 @@ export namespace Components { * Icon name */ "icon": string; + /** + * Color of icon in button + */ + "iconColor": string; /** * Loading button * @since 2.0.0 @@ -1222,6 +1257,9 @@ export namespace Components { */ "url": string; } + /** + * @deprecated ix-map-navigation is deprecated in favor of ix-application + */ interface IxMapNavigation { /** * Application name @@ -1256,15 +1294,23 @@ export namespace Components { */ "toggleSidebar": (show?: boolean) => Promise; } + /** + * @deprecated since 2.1.0 + */ interface IxMapNavigationOverlay { /** * Color of icon + * @deprecated since 2.1.0. Use `icon-color` */ "color": string; /** * Icon of overlay */ "icon": string; + /** + * Color of icon + */ + "iconColor": string; /** * Title of overlay */ @@ -1382,6 +1428,9 @@ export namespace Components { */ "show": boolean; } + /** + * @deprecated Use ix-application-header and it's avatar functionality instead + */ interface IxMenuAvatar { /** * Second line of text @@ -1411,6 +1460,9 @@ export namespace Components { */ "top": string; } + /** + * @deprecated Use ix-application-header and it's avatar functionality instead + */ interface IxMenuAvatarItem { /** * Avatar dropdown icon @@ -1456,7 +1508,8 @@ export namespace Components { */ "home": boolean; /** - * Icon name from @siemens/ix-icons + * Name of the icon you want to display. Icon names can be resolved from the documentation + * @link https://ix.siemens.io/docs/icon-library/icons */ "icon": string; /** @@ -1464,7 +1517,8 @@ export namespace Components { */ "notifications": number; /** - * Icon name from @siemens/ix-icons + * Name of the icon you want to display. Icon names can be resolved from the documentation + * @link https://ix.siemens.io/docs/icon-library/icons * @deprecated since 2.0.0 use `icon` property. Will be removed in 3.0.0 */ "tabIcon": string; @@ -1627,6 +1681,7 @@ export namespace Components { "background": string | undefined; /** * Custom font color for pill. Only working for `variant='custom'` + * @deprecated since 2.1.0 use `pill-color` */ "color": string | undefined; /** @@ -1637,6 +1692,10 @@ export namespace Components { * Show pill as outline */ "outline": boolean; + /** + * Custom font color for pill. Only working for `variant='custom'` + */ + "pillColor": string | undefined; /** * Pill variant */ @@ -1700,7 +1759,6 @@ export namespace Components { /** * Hide list header * @since 1.5.0 - * @ */ "hideListHeader": boolean; /** @@ -1784,7 +1842,7 @@ export namespace Components { "min": number; /** * Legal number intervals - * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step + * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step */ "step": number; /** @@ -2152,12 +2210,17 @@ export namespace Components { "bold": boolean; /** * Text color based on theme variables + * @deprecated since 2.1.0 use property `text-color` */ "color": TypographyColors; /** * Text format */ "format": TypographyFormat; + /** + * Text color based on theme variables + */ + "textColor": TypographyColors; /** * Text decoration */ @@ -2487,6 +2550,9 @@ declare global { prototype: HTMLIxActionCardElement; new (): HTMLIxActionCardElement; }; + /** + * @since 2.1.0 + */ interface HTMLIxApplicationElement extends Components.IxApplication, HTMLStencilElement { } var HTMLIxApplicationElement: { @@ -2505,6 +2571,12 @@ declare global { prototype: HTMLIxApplicationSidebarElement; new (): HTMLIxApplicationSidebarElement; }; + interface HTMLIxApplicationSwitchModalElement extends Components.IxApplicationSwitchModal, HTMLStencilElement { + } + var HTMLIxApplicationSwitchModalElement: { + prototype: HTMLIxApplicationSwitchModalElement; + new (): HTMLIxApplicationSwitchModalElement; + }; /** * @since 2.0.0 */ @@ -2514,25 +2586,62 @@ declare global { prototype: HTMLIxAvatarElement; new (): HTMLIxAvatarElement; }; + /** + * @deprecated ix-basic-navigation is deprecated in favor of ix-application + */ interface HTMLIxBasicNavigationElement extends Components.IxBasicNavigation, HTMLStencilElement { } var HTMLIxBasicNavigationElement: { prototype: HTMLIxBasicNavigationElement; new (): HTMLIxBasicNavigationElement; }; + interface HTMLIxBlindElementEventMap { + "collapsedChange": boolean; + } interface HTMLIxBlindElement extends Components.IxBlind, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxBlindElement, ev: IxBlindCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxBlindElement, ev: IxBlindCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxBlindElement: { prototype: HTMLIxBlindElement; new (): HTMLIxBlindElement; }; + interface HTMLIxBreadcrumbElementEventMap { + "itemClick": string; + "nextClick": { event: UIEvent; item: string }; + } interface HTMLIxBreadcrumbElement extends Components.IxBreadcrumb, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxBreadcrumbElement, ev: IxBreadcrumbCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxBreadcrumbElement, ev: IxBreadcrumbCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxBreadcrumbElement: { prototype: HTMLIxBreadcrumbElement; new (): HTMLIxBreadcrumbElement; }; + interface HTMLIxBreadcrumbItemElementEventMap { + "itemClick": string; + } interface HTMLIxBreadcrumbItemElement extends Components.IxBreadcrumbItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxBreadcrumbItemElement, ev: IxBreadcrumbItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxBreadcrumbItemElement, ev: IxBreadcrumbItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxBreadcrumbItemElement: { prototype: HTMLIxBreadcrumbItemElement; @@ -2559,10 +2668,21 @@ declare global { prototype: HTMLIxCardElement; new (): HTMLIxCardElement; }; + interface HTMLIxCardAccordionElementEventMap { + "accordionExpand": CardAccordionExpandChangeEvent; + } /** * @since 1.6.0 */ interface HTMLIxCardAccordionElement extends Components.IxCardAccordion, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxCardAccordionElement, ev: IxCardAccordionCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxCardAccordionElement, ev: IxCardAccordionCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxCardAccordionElement: { prototype: HTMLIxCardAccordionElement; @@ -2577,10 +2697,27 @@ declare global { prototype: HTMLIxCardContentElement; new (): HTMLIxCardContentElement; }; + interface HTMLIxCardListElementEventMap { + "collapseChanged": boolean; + "showAllClick": { + nativeEvent: MouseEvent; + }; + "showMoreCardClick": { + nativeEvent: MouseEvent; + }; + } /** * @since 1.6.0 */ interface HTMLIxCardListElement extends Components.IxCardList, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxCardListElement, ev: IxCardListCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxCardListElement, ev: IxCardListCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxCardListElement: { prototype: HTMLIxCardListElement; @@ -2595,13 +2732,37 @@ declare global { prototype: HTMLIxCardTitleElement; new (): HTMLIxCardTitleElement; }; + interface HTMLIxCategoryFilterElementEventMap { + "categoryChanged": string; + "inputChanged": InputState; + "filterChanged": FilterState; + } interface HTMLIxCategoryFilterElement extends Components.IxCategoryFilter, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxCategoryFilterElement, ev: IxCategoryFilterCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxCategoryFilterElement, ev: IxCategoryFilterCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxCategoryFilterElement: { prototype: HTMLIxCategoryFilterElement; new (): HTMLIxCategoryFilterElement; }; + interface HTMLIxChipElementEventMap { + "closeChip": any; + } interface HTMLIxChipElement extends Components.IxChip, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxChipElement, ev: IxChipCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxChipElement, ev: IxChipCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxChipElement: { prototype: HTMLIxChipElement; @@ -2616,13 +2777,27 @@ declare global { prototype: HTMLIxColElement; new (): HTMLIxColElement; }; + /** + * @since 2.1.0 + */ interface HTMLIxContentElement extends Components.IxContent, HTMLStencilElement { } var HTMLIxContentElement: { prototype: HTMLIxContentElement; new (): HTMLIxContentElement; }; + interface HTMLIxContentHeaderElementEventMap { + "backButtonClick": void; + } interface HTMLIxContentHeaderElement extends Components.IxContentHeader, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxContentHeaderElement, ev: IxContentHeaderCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxContentHeaderElement, ev: IxContentHeaderCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxContentHeaderElement: { prototype: HTMLIxContentHeaderElement; @@ -2640,16 +2815,41 @@ declare global { prototype: HTMLIxCssGridItemElement; new (): HTMLIxCssGridItemElement; }; + interface HTMLIxDateDropdownElementEventMap { + "dateRangeChange": DateRangeChangeEvent; + } /** * @since 2.1.0 */ interface HTMLIxDateDropdownElement extends Components.IxDateDropdown, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxDateDropdownElement, ev: IxDateDropdownCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxDateDropdownElement, ev: IxDateDropdownCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxDateDropdownElement: { prototype: HTMLIxDateDropdownElement; new (): HTMLIxDateDropdownElement; }; + interface HTMLIxDatePickerElementEventMap { + "dateChange": DateChangeEvent; + "dateRangeChange": DateChangeEvent; + "dateSelect": DateChangeEvent; + "done": string; + } interface HTMLIxDatePickerElement extends Components.IxDatePicker, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxDatePickerElement, ev: IxDatePickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxDatePickerElement, ev: IxDatePickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxDatePickerElement: { prototype: HTMLIxDatePickerElement; @@ -2661,7 +2861,21 @@ declare global { prototype: HTMLIxDateTimeCardElement; new (): HTMLIxDateTimeCardElement; }; + interface HTMLIxDatetimePickerElementEventMap { + "done": string; + "timeChange": string; + "dateChange": DateTimeDateChangeEvent; + "dateSelect": DateTimeSelectEvent; + } interface HTMLIxDatetimePickerElement extends Components.IxDatetimePicker, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxDatetimePickerElement, ev: IxDatetimePickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxDatetimePickerElement, ev: IxDatetimePickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxDatetimePickerElement: { prototype: HTMLIxDatetimePickerElement; @@ -2676,13 +2890,36 @@ declare global { prototype: HTMLIxDividerElement; new (): HTMLIxDividerElement; }; + interface HTMLIxDrawerElementEventMap { + "open": any; + "drawerClose": any; + } interface HTMLIxDrawerElement extends Components.IxDrawer, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxDrawerElement, ev: IxDrawerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxDrawerElement, ev: IxDrawerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxDrawerElement: { prototype: HTMLIxDrawerElement; new (): HTMLIxDrawerElement; }; + interface HTMLIxDropdownElementEventMap { + "showChanged": boolean; + } interface HTMLIxDropdownElement extends Components.IxDropdown, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxDropdownElement, ev: IxDropdownCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxDropdownElement, ev: IxDropdownCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxDropdownElement: { prototype: HTMLIxDropdownElement; @@ -2706,7 +2943,18 @@ declare global { prototype: HTMLIxDropdownHeaderElement; new (): HTMLIxDropdownHeaderElement; }; + interface HTMLIxDropdownItemElementEventMap { + "itemClick": HTMLIxDropdownItemElement; + } interface HTMLIxDropdownItemElement extends Components.IxDropdownItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxDropdownItemElement, ev: IxDropdownItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxDropdownItemElement, ev: IxDropdownItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxDropdownItemElement: { prototype: HTMLIxDropdownItemElement; @@ -2721,10 +2969,21 @@ declare global { prototype: HTMLIxDropdownQuickActionsElement; new (): HTMLIxDropdownQuickActionsElement; }; + interface HTMLIxEmptyStateElementEventMap { + "actionClick": void; + } /** * @since 1.6.0 */ interface HTMLIxEmptyStateElement extends Components.IxEmptyState, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxEmptyStateElement, ev: IxEmptyStateCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxEmptyStateElement, ev: IxEmptyStateCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxEmptyStateElement: { prototype: HTMLIxEmptyStateElement; @@ -2736,19 +2995,52 @@ declare global { prototype: HTMLIxEventListElement; new (): HTMLIxEventListElement; }; + interface HTMLIxEventListItemElementEventMap { + "itemClick": any; + } interface HTMLIxEventListItemElement extends Components.IxEventListItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxEventListItemElement, ev: IxEventListItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxEventListItemElement, ev: IxEventListItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxEventListItemElement: { prototype: HTMLIxEventListItemElement; new (): HTMLIxEventListItemElement; }; + interface HTMLIxExpandingSearchElementEventMap { + "valueChange": string; + } interface HTMLIxExpandingSearchElement extends Components.IxExpandingSearch, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxExpandingSearchElement, ev: IxExpandingSearchCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxExpandingSearchElement, ev: IxExpandingSearchCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxExpandingSearchElement: { prototype: HTMLIxExpandingSearchElement; new (): HTMLIxExpandingSearchElement; }; + interface HTMLIxFilterChipElementEventMap { + "closeClick": void; + } interface HTMLIxFilterChipElement extends Components.IxFilterChip, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxFilterChipElement, ev: IxFilterChipCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxFilterChipElement, ev: IxFilterChipCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxFilterChipElement: { prototype: HTMLIxFilterChipElement; @@ -2772,7 +3064,20 @@ declare global { prototype: HTMLIxFormFieldElement; new (): HTMLIxFormFieldElement; }; + interface HTMLIxGroupElementEventMap { + "selectGroup": boolean; + "selectItem": number; + "collapsedChanged": boolean; + } interface HTMLIxGroupElement extends Components.IxGroup, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxGroupElement, ev: IxGroupCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxGroupElement, ev: IxGroupCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxGroupElement: { prototype: HTMLIxGroupElement; @@ -2784,7 +3089,18 @@ declare global { prototype: HTMLIxGroupContextMenuElement; new (): HTMLIxGroupContextMenuElement; }; + interface HTMLIxGroupItemElementEventMap { + "selectedChanged": HTMLIxGroupItemElement; + } interface HTMLIxGroupItemElement extends Components.IxGroupItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxGroupItemElement, ev: IxGroupItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxGroupItemElement, ev: IxGroupItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxGroupItemElement: { prototype: HTMLIxGroupItemElement; @@ -2796,10 +3112,21 @@ declare global { prototype: HTMLIxIconButtonElement; new (): HTMLIxIconButtonElement; }; + interface HTMLIxIconToggleButtonElementEventMap { + "pressedChange": boolean; + } /** * @since 2.0.0 */ interface HTMLIxIconToggleButtonElement extends Components.IxIconToggleButton, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxIconToggleButtonElement, ev: IxIconToggleButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxIconToggleButtonElement, ev: IxIconToggleButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxIconToggleButtonElement: { prototype: HTMLIxIconToggleButtonElement; @@ -2853,25 +3180,80 @@ declare global { prototype: HTMLIxLinkButtonElement; new (): HTMLIxLinkButtonElement; }; + interface HTMLIxMapNavigationElementEventMap { + "navigationToggled": boolean; + "contextMenuClick": void; + } + /** + * @deprecated ix-map-navigation is deprecated in favor of ix-application + */ interface HTMLIxMapNavigationElement extends Components.IxMapNavigation, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMapNavigationElement, ev: IxMapNavigationCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMapNavigationElement, ev: IxMapNavigationCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMapNavigationElement: { prototype: HTMLIxMapNavigationElement; new (): HTMLIxMapNavigationElement; }; + interface HTMLIxMapNavigationOverlayElementEventMap { + "closeClick": any; + } + /** + * @deprecated since 2.1.0 + */ interface HTMLIxMapNavigationOverlayElement extends Components.IxMapNavigationOverlay, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMapNavigationOverlayElement, ev: IxMapNavigationOverlayCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMapNavigationOverlayElement, ev: IxMapNavigationOverlayCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMapNavigationOverlayElement: { prototype: HTMLIxMapNavigationOverlayElement; new (): HTMLIxMapNavigationOverlayElement; }; + interface HTMLIxMenuElementEventMap { + "expandChange": boolean; + "mapExpandChange": boolean; + } interface HTMLIxMenuElement extends Components.IxMenu, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMenuElement, ev: IxMenuCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMenuElement, ev: IxMenuCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMenuElement: { prototype: HTMLIxMenuElement; new (): HTMLIxMenuElement; }; + interface HTMLIxMenuAboutElementEventMap { + "close": { + nativeEvent: MouseEvent; + name: string; + }; + } interface HTMLIxMenuAboutElement extends Components.IxMenuAbout, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMenuAboutElement, ev: IxMenuAboutCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMenuAboutElement, ev: IxMenuAboutCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMenuAboutElement: { prototype: HTMLIxMenuAboutElement; @@ -2883,19 +3265,59 @@ declare global { prototype: HTMLIxMenuAboutItemElement; new (): HTMLIxMenuAboutItemElement; }; + interface HTMLIxMenuAboutNewsElementEventMap { + "showMore": MouseEvent; + "closePopover": void; + } interface HTMLIxMenuAboutNewsElement extends Components.IxMenuAboutNews, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMenuAboutNewsElement, ev: IxMenuAboutNewsCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMenuAboutNewsElement, ev: IxMenuAboutNewsCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMenuAboutNewsElement: { prototype: HTMLIxMenuAboutNewsElement; new (): HTMLIxMenuAboutNewsElement; }; + interface HTMLIxMenuAvatarElementEventMap { + "logoutClick": any; + } + /** + * @deprecated Use ix-application-header and it's avatar functionality instead + */ interface HTMLIxMenuAvatarElement extends Components.IxMenuAvatar, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMenuAvatarElement, ev: IxMenuAvatarCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMenuAvatarElement, ev: IxMenuAvatarCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMenuAvatarElement: { prototype: HTMLIxMenuAvatarElement; new (): HTMLIxMenuAvatarElement; }; + interface HTMLIxMenuAvatarItemElementEventMap { + "itemClick": MouseEvent; + } + /** + * @deprecated Use ix-application-header and it's avatar functionality instead + */ interface HTMLIxMenuAvatarItemElement extends Components.IxMenuAvatarItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMenuAvatarItemElement, ev: IxMenuAvatarItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMenuAvatarItemElement, ev: IxMenuAvatarItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMenuAvatarItemElement: { prototype: HTMLIxMenuAvatarItemElement; @@ -2916,25 +3338,77 @@ declare global { prototype: HTMLIxMenuItemElement; new (): HTMLIxMenuItemElement; }; + interface HTMLIxMenuSettingsElementEventMap { + "close": { + nativeEvent: MouseEvent; + name: string; + }; + } interface HTMLIxMenuSettingsElement extends Components.IxMenuSettings, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMenuSettingsElement, ev: IxMenuSettingsCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMenuSettingsElement, ev: IxMenuSettingsCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMenuSettingsElement: { prototype: HTMLIxMenuSettingsElement; new (): HTMLIxMenuSettingsElement; }; + interface HTMLIxMenuSettingsItemElementEventMap { + "labelChange": { + name: string; + oldLabel: string; + newLabel: string; + }; + } interface HTMLIxMenuSettingsItemElement extends Components.IxMenuSettingsItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMenuSettingsItemElement, ev: IxMenuSettingsItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMenuSettingsItemElement, ev: IxMenuSettingsItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMenuSettingsItemElement: { prototype: HTMLIxMenuSettingsItemElement; new (): HTMLIxMenuSettingsItemElement; }; + interface HTMLIxMessageBarElementEventMap { + "closedChange": any; + } interface HTMLIxMessageBarElement extends Components.IxMessageBar, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxMessageBarElement, ev: IxMessageBarCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxMessageBarElement, ev: IxMessageBarCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxMessageBarElement: { prototype: HTMLIxMessageBarElement; new (): HTMLIxMessageBarElement; }; + interface HTMLIxModalElementEventMap { + "dialogClose": any; + "dialogDismiss": any; + } interface HTMLIxModalElement extends Components.IxModal, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxModalElement, ev: IxModalCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxModalElement, ev: IxModalCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxModalElement: { prototype: HTMLIxModalElement; @@ -2964,10 +3438,21 @@ declare global { prototype: HTMLIxModalFooterElement; new (): HTMLIxModalFooterElement; }; + interface HTMLIxModalHeaderElementEventMap { + "closeClick": MouseEvent; + } /** * @since 2.0.0 */ interface HTMLIxModalHeaderElement extends Components.IxModalHeader, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxModalHeaderElement, ev: IxModalHeaderCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxModalHeaderElement, ev: IxModalHeaderCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxModalHeaderElement: { prototype: HTMLIxModalHeaderElement; @@ -2979,10 +3464,22 @@ declare global { prototype: HTMLIxModalLoadingElement; new (): HTMLIxModalLoadingElement; }; + interface HTMLIxPaginationElementEventMap { + "pageSelected": number; + "itemCountChanged": number; + } /** * @since 1.5.0 */ interface HTMLIxPaginationElement extends Components.IxPagination, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxPaginationElement, ev: IxPaginationCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxPaginationElement, ev: IxPaginationCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxPaginationElement: { prototype: HTMLIxPaginationElement; @@ -3012,22 +3509,58 @@ declare global { prototype: HTMLIxRowElement; new (): HTMLIxRowElement; }; + interface HTMLIxSelectElementEventMap { + "valueChange": string | string[]; + "itemSelectionChange": string[]; + "inputChange": string; + "addItem": string; + } interface HTMLIxSelectElement extends Components.IxSelect, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxSelectElement, ev: IxSelectCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxSelectElement, ev: IxSelectCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxSelectElement: { prototype: HTMLIxSelectElement; new (): HTMLIxSelectElement; }; + interface HTMLIxSelectItemElementEventMap { + "itemClick": string; + } interface HTMLIxSelectItemElement extends Components.IxSelectItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxSelectItemElement, ev: IxSelectItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxSelectItemElement, ev: IxSelectItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxSelectItemElement: { prototype: HTMLIxSelectItemElement; new (): HTMLIxSelectItemElement; }; + interface HTMLIxSliderElementEventMap { + "valueChange": number; + } /** * @since 2.0.0 */ interface HTMLIxSliderElement extends Components.IxSlider, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxSliderElement, ev: IxSliderCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxSliderElement, ev: IxSliderCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxSliderElement: { prototype: HTMLIxSliderElement; @@ -3039,28 +3572,72 @@ declare global { prototype: HTMLIxSpinnerElement; new (): HTMLIxSpinnerElement; }; + interface HTMLIxSplitButtonElementEventMap { + "buttonClick": MouseEvent; + } interface HTMLIxSplitButtonElement extends Components.IxSplitButton, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxSplitButtonElement, ev: IxSplitButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxSplitButtonElement, ev: IxSplitButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxSplitButtonElement: { prototype: HTMLIxSplitButtonElement; new (): HTMLIxSplitButtonElement; }; + interface HTMLIxSplitButtonItemElementEventMap { + "itemClick": MouseEvent; + } /** * @deprecated since 2.0.0. Use the `ix-dropdown-item` component instead. */ interface HTMLIxSplitButtonItemElement extends Components.IxSplitButtonItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxSplitButtonItemElement, ev: IxSplitButtonItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxSplitButtonItemElement, ev: IxSplitButtonItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxSplitButtonItemElement: { prototype: HTMLIxSplitButtonItemElement; new (): HTMLIxSplitButtonItemElement; }; + interface HTMLIxTabItemElementEventMap { + "tabClick": TabClickDetail; + } interface HTMLIxTabItemElement extends Components.IxTabItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxTabItemElement, ev: IxTabItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxTabItemElement, ev: IxTabItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxTabItemElement: { prototype: HTMLIxTabItemElement; new (): HTMLIxTabItemElement; }; + interface HTMLIxTabsElementEventMap { + "selectedChange": number; + } interface HTMLIxTabsElement extends Components.IxTabs, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxTabsElement, ev: IxTabsCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxTabsElement, ev: IxTabsCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxTabsElement: { prototype: HTMLIxTabsElement; @@ -3072,13 +3649,37 @@ declare global { prototype: HTMLIxTileElement; new (): HTMLIxTileElement; }; + interface HTMLIxTimePickerElementEventMap { + "timeSelect": string; + "done": string; + "timeChange": string; + } interface HTMLIxTimePickerElement extends Components.IxTimePicker, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxTimePickerElement, ev: IxTimePickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxTimePickerElement, ev: IxTimePickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxTimePickerElement: { prototype: HTMLIxTimePickerElement; new (): HTMLIxTimePickerElement; }; + interface HTMLIxToastElementEventMap { + "closeToast": any; + } interface HTMLIxToastElement extends Components.IxToast, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxToastElement, ev: IxToastCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxToastElement, ev: IxToastCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxToastElement: { prototype: HTMLIxToastElement; @@ -3090,16 +3691,38 @@ declare global { prototype: HTMLIxToastContainerElement; new (): HTMLIxToastContainerElement; }; + interface HTMLIxToggleElementEventMap { + "checkedChange": boolean; + } interface HTMLIxToggleElement extends Components.IxToggle, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxToggleElement, ev: IxToggleCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxToggleElement, ev: IxToggleCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxToggleElement: { prototype: HTMLIxToggleElement; new (): HTMLIxToggleElement; }; + interface HTMLIxToggleButtonElementEventMap { + "pressedChange": boolean; + } /** * @since 2.0.0 */ interface HTMLIxToggleButtonElement extends Components.IxToggleButton, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxToggleButtonElement, ev: IxToggleButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxToggleButtonElement, ev: IxToggleButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxToggleButtonElement: { prototype: HTMLIxToggleButtonElement; @@ -3114,13 +3737,39 @@ declare global { prototype: HTMLIxTooltipElement; new (): HTMLIxTooltipElement; }; + interface HTMLIxTreeElementEventMap { + "contextChange": TreeContext; + "nodeToggled": { id: string; isExpaned: boolean }; + "nodeClicked": string; + "nodeRemoved": any; + } interface HTMLIxTreeElement extends Components.IxTree, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxTreeElement, ev: IxTreeCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxTreeElement, ev: IxTreeCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxTreeElement: { prototype: HTMLIxTreeElement; new (): HTMLIxTreeElement; }; + interface HTMLIxTreeItemElementEventMap { + "toggle": void; + "itemClick": void; + } interface HTMLIxTreeItemElement extends Components.IxTreeItem, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxTreeItemElement, ev: IxTreeItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxTreeItemElement, ev: IxTreeItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxTreeItemElement: { prototype: HTMLIxTreeItemElement; @@ -3135,7 +3784,18 @@ declare global { prototype: HTMLIxTypographyElement; new (): HTMLIxTypographyElement; }; + interface HTMLIxUploadElementEventMap { + "filesChanged": Array; + } interface HTMLIxUploadElement extends Components.IxUpload, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxUploadElement, ev: IxUploadCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxUploadElement, ev: IxUploadCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxUploadElement: { prototype: HTMLIxUploadElement; @@ -3147,13 +3807,35 @@ declare global { prototype: HTMLIxValidationTooltipElement; new (): HTMLIxValidationTooltipElement; }; + interface HTMLIxWorkflowStepElementEventMap { + "selectedChanged": HTMLIxWorkflowStepElement; + } interface HTMLIxWorkflowStepElement extends Components.IxWorkflowStep, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxWorkflowStepElement, ev: IxWorkflowStepCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxWorkflowStepElement, ev: IxWorkflowStepCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxWorkflowStepElement: { prototype: HTMLIxWorkflowStepElement; new (): HTMLIxWorkflowStepElement; }; + interface HTMLIxWorkflowStepsElementEventMap { + "stepSelected": number; + } interface HTMLIxWorkflowStepsElement extends Components.IxWorkflowSteps, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLIxWorkflowStepsElement, ev: IxWorkflowStepsCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLIxWorkflowStepsElement, ev: IxWorkflowStepsCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLIxWorkflowStepsElement: { prototype: HTMLIxWorkflowStepsElement; @@ -3170,6 +3852,7 @@ declare global { "ix-application": HTMLIxApplicationElement; "ix-application-header": HTMLIxApplicationHeaderElement; "ix-application-sidebar": HTMLIxApplicationSidebarElement; + "ix-application-switch-modal": HTMLIxApplicationSwitchModalElement; "ix-avatar": HTMLIxAvatarElement; "ix-basic-navigation": HTMLIxBasicNavigationElement; "ix-blind": HTMLIxBlindElement; @@ -3293,7 +3976,14 @@ declare namespace LocalJSX { */ "variant"?: ActionCardVariant; } + /** + * @since 2.1.0 + */ interface IxApplication { + /** + * Define application switch configuration + */ + "appSwitchConfig"?: AppSwitchConfiguration; /** * Supported layouts */ @@ -3319,6 +4009,9 @@ declare namespace LocalJSX { } interface IxApplicationSidebar { } + interface IxApplicationSwitchModal { + "config"?: AppSwitchConfiguration; + } /** * @since 2.0.0 */ @@ -3332,14 +4025,16 @@ declare namespace LocalJSX { */ "initials"?: string; } + /** + * @deprecated ix-basic-navigation is deprecated in favor of ix-application + */ interface IxBasicNavigation { /** * Application name */ "applicationName"?: string; /** - * Supported layouts - * @example ['sm', 'md'] + * Supported layouts e.g ['sm', 'md'] */ "breakpoints"?: Breakpoint[]; /** @@ -3631,12 +4326,17 @@ declare namespace LocalJSX { * Custom background color. Only has an effect on chips with `variant='custom'` */ "background"?: string | undefined; + /** + * Custom font and icon color. Only has an effect on chips with `variant='custom'` + */ + "chipColor"?: string | undefined; /** * Show close icon */ "closable"?: boolean; /** * Custom font and icon color. Only has an effect on chips with `variant='custom'` + * @deprecated since 2.1.0 use `chip-color` */ "color"?: string | undefined; /** @@ -3685,6 +4385,9 @@ declare namespace LocalJSX { */ "sizeSm"?: ColumnSize; } + /** + * @since 2.1.0 + */ interface IxContent { } interface IxContentHeader { @@ -3738,7 +4441,8 @@ declare namespace LocalJSX { */ "dateRangeOptions"?: DateDropdownOption[]; /** - * Date format string. See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens. + * Date format string. See + * @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens. */ "format"?: string; /** @@ -3951,7 +4655,8 @@ declare namespace LocalJSX { */ "showSeconds"?: boolean; /** - * Show time reference input Time reference is default aligned with @see {this.timeFormat} + * Show time reference input Time reference is default aligned with + * @see { this.timeFormat} * @since 1.1.0 */ "showTimeReference"?: any; @@ -4074,7 +4779,7 @@ declare namespace LocalJSX { /** * Define an element that triggers the dropdown. A trigger can either be a string that will be interpreted as id attribute or a DOM element. */ - "trigger"?: string | HTMLElement; + "trigger"?: string | HTMLElement | Promise; /** * Define one or more events to open dropdown */ @@ -4212,13 +4917,19 @@ declare namespace LocalJSX { "chevron"?: boolean; /** * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm` - * @see https://ix.siemens.io/docs/theming/colors/ + * @link https://ix.siemens.io/docs/theming/colors/ + * @deprecated since 2.1.0 use `item-color` */ "color"?: string; /** * Disable event list item */ "disabled"?: boolean; + /** + * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm` + * @link https://ix.siemens.io/docs/theming/colors/ + */ + "itemColor"?: string; /** * Event list item click */ @@ -4380,6 +5091,7 @@ declare namespace LocalJSX { "a11yLabel"?: string; /** * Color of icon in button + * @deprecated since 2.1.0 use `icon-color` */ "color"?: string; /** @@ -4394,6 +5106,10 @@ declare namespace LocalJSX { * Icon name */ "icon"?: string; + /** + * Color of icon in button + */ + "iconColor"?: string; /** * Loading button * @since 2.0.0 @@ -4535,6 +5251,9 @@ declare namespace LocalJSX { */ "url"?: string; } + /** + * @deprecated ix-map-navigation is deprecated in favor of ix-application + */ interface IxMapNavigation { /** * Application name @@ -4557,15 +5276,23 @@ declare namespace LocalJSX { */ "onNavigationToggled"?: (event: IxMapNavigationCustomEvent) => void; } + /** + * @deprecated since 2.1.0 + */ interface IxMapNavigationOverlay { /** * Color of icon + * @deprecated since 2.1.0. Use `icon-color` */ "color"?: string; /** * Icon of overlay */ "icon"?: string; + /** + * Color of icon + */ + "iconColor"?: string; /** * Title of overlay */ @@ -4690,6 +5417,9 @@ declare namespace LocalJSX { */ "show"?: boolean; } + /** + * @deprecated Use ix-application-header and it's avatar functionality instead + */ interface IxMenuAvatar { /** * Second line of text @@ -4723,6 +5453,9 @@ declare namespace LocalJSX { */ "top"?: string; } + /** + * @deprecated Use ix-application-header and it's avatar functionality instead + */ interface IxMenuAvatarItem { /** * Avatar dropdown icon @@ -4772,7 +5505,8 @@ declare namespace LocalJSX { */ "home"?: boolean; /** - * Icon name from @siemens/ix-icons + * Name of the icon you want to display. Icon names can be resolved from the documentation + * @link https://ix.siemens.io/docs/icon-library/icons */ "icon"?: string; /** @@ -4780,7 +5514,8 @@ declare namespace LocalJSX { */ "notifications"?: number; /** - * Icon name from @siemens/ix-icons + * Name of the icon you want to display. Icon names can be resolved from the documentation + * @link https://ix.siemens.io/docs/icon-library/icons * @deprecated since 2.0.0 use `icon` property. Will be removed in 3.0.0 */ "tabIcon"?: string; @@ -4970,6 +5705,7 @@ declare namespace LocalJSX { "background"?: string | undefined; /** * Custom font color for pill. Only working for `variant='custom'` + * @deprecated since 2.1.0 use `pill-color` */ "color"?: string | undefined; /** @@ -4980,6 +5716,10 @@ declare namespace LocalJSX { * Show pill as outline */ "outline"?: boolean; + /** + * Custom font color for pill. Only working for `variant='custom'` + */ + "pillColor"?: string | undefined; /** * Pill variant */ @@ -5043,7 +5783,6 @@ declare namespace LocalJSX { /** * Hide list header * @since 1.5.0 - * @ */ "hideListHeader"?: boolean; /** @@ -5147,7 +5886,7 @@ declare namespace LocalJSX { "onValueChange"?: (event: IxSliderCustomEvent) => void; /** * Legal number intervals - * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step + * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step */ "step"?: number; /** @@ -5573,12 +6312,17 @@ declare namespace LocalJSX { "bold"?: boolean; /** * Text color based on theme variables + * @deprecated since 2.1.0 use property `text-color` */ "color"?: TypographyColors; /** * Text format */ "format"?: TypographyFormat; + /** + * Text color based on theme variables + */ + "textColor"?: TypographyColors; /** * Text decoration */ @@ -5706,6 +6450,7 @@ declare namespace LocalJSX { "ix-application": IxApplication; "ix-application-header": IxApplicationHeader; "ix-application-sidebar": IxApplicationSidebar; + "ix-application-switch-modal": IxApplicationSwitchModal; "ix-avatar": IxAvatar; "ix-basic-navigation": IxBasicNavigation; "ix-blind": IxBlind; @@ -5811,13 +6556,20 @@ declare module "@stencil/core" { * @since 1.6.0 */ "ix-action-card": LocalJSX.IxActionCard & JSXBase.HTMLAttributes; + /** + * @since 2.1.0 + */ "ix-application": LocalJSX.IxApplication & JSXBase.HTMLAttributes; "ix-application-header": LocalJSX.IxApplicationHeader & JSXBase.HTMLAttributes; "ix-application-sidebar": LocalJSX.IxApplicationSidebar & JSXBase.HTMLAttributes; + "ix-application-switch-modal": LocalJSX.IxApplicationSwitchModal & JSXBase.HTMLAttributes; /** * @since 2.0.0 */ "ix-avatar": LocalJSX.IxAvatar & JSXBase.HTMLAttributes; + /** + * @deprecated ix-basic-navigation is deprecated in favor of ix-application + */ "ix-basic-navigation": LocalJSX.IxBasicNavigation & JSXBase.HTMLAttributes; "ix-blind": LocalJSX.IxBlind & JSXBase.HTMLAttributes; "ix-breadcrumb": LocalJSX.IxBreadcrumb & JSXBase.HTMLAttributes; @@ -5850,6 +6602,9 @@ declare module "@stencil/core" { * @since 2.0.0 */ "ix-col": LocalJSX.IxCol & JSXBase.HTMLAttributes; + /** + * @since 2.1.0 + */ "ix-content": LocalJSX.IxContent & JSXBase.HTMLAttributes; "ix-content-header": LocalJSX.IxContentHeader & JSXBase.HTMLAttributes; "ix-css-grid": LocalJSX.IxCssGrid & JSXBase.HTMLAttributes; @@ -5917,13 +6672,25 @@ declare module "@stencil/core" { * @since 2.0.0 */ "ix-link-button": LocalJSX.IxLinkButton & JSXBase.HTMLAttributes; + /** + * @deprecated ix-map-navigation is deprecated in favor of ix-application + */ "ix-map-navigation": LocalJSX.IxMapNavigation & JSXBase.HTMLAttributes; + /** + * @deprecated since 2.1.0 + */ "ix-map-navigation-overlay": LocalJSX.IxMapNavigationOverlay & JSXBase.HTMLAttributes; "ix-menu": LocalJSX.IxMenu & JSXBase.HTMLAttributes; "ix-menu-about": LocalJSX.IxMenuAbout & JSXBase.HTMLAttributes; "ix-menu-about-item": LocalJSX.IxMenuAboutItem & JSXBase.HTMLAttributes; "ix-menu-about-news": LocalJSX.IxMenuAboutNews & JSXBase.HTMLAttributes; + /** + * @deprecated Use ix-application-header and it's avatar functionality instead + */ "ix-menu-avatar": LocalJSX.IxMenuAvatar & JSXBase.HTMLAttributes; + /** + * @deprecated Use ix-application-header and it's avatar functionality instead + */ "ix-menu-avatar-item": LocalJSX.IxMenuAvatarItem & JSXBase.HTMLAttributes; /** * @since 2.0.0 diff --git a/packages/core/src/components/application-header/application-header.scss b/packages/core/src/components/application-header/application-header.scss index 86e521a7f48..f707ac9e76d 100644 --- a/packages/core/src/components/application-header/application-header.scss +++ b/packages/core/src/components/application-header/application-header.scss @@ -6,15 +6,19 @@ * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ + @import 'mixins/shadow-dom/component'; + @import 'mixins/break-points'; :host { + @include ix-component; + display: flex; align-items: center; position: relative; width: 100%; height: 2.75rem; min-height: 2.75rem; - padding-left: 1rem; + padding: 0 1rem 0 0.5rem; color: var(--theme-app-header--color); background-color: var(--theme-app-header--background); @@ -24,8 +28,17 @@ z-index: var(--theme-z-index-fixed); + .app-switch { + margin-right: 1rem; + } + .name { - margin-left: 2.5rem; + overflow: hidden; + overflow-wrap: anywhere; + text-overflow: ellipsis; + text-wrap: nowrap; + max-width: 50%; + margin-left: 1.5rem; margin-right: 2.5rem; color: var(--theme-app-header--color); } @@ -38,6 +51,41 @@ overflow: hidden; line-height: 0rem; color: var(--theme-app-header-logo--color); + margin-left: 0.375rem; + } + + .content { + display: flex; + position: relative; + flex-direction: row; + margin-left: auto; + margin-right: 0px; + } + + .dropdown { + overflow: visible; + } + + .dropdown-content { + padding: 1rem; + } + + .context-menu { + display: none; + } + + .context-menu.context-menu-visible { + display: block; + } + + @include media-breakpoint-match('sm') { + .logo { + display: none; + } + } + + ::slotted(ix-avatar) { + margin-left: 1rem; } } diff --git a/packages/core/src/components/application-header/application-header.tsx b/packages/core/src/components/application-header/application-header.tsx index 11fe3862404..725e18bb54e 100644 --- a/packages/core/src/components/application-header/application-header.tsx +++ b/packages/core/src/components/application-header/application-header.tsx @@ -7,14 +7,31 @@ * LICENSE file in the root directory of this source tree. */ -import { Component, Element, h, Host, Prop, State } from '@stencil/core'; +import { + Component, + Element, + Fragment, + h, + Host, + Prop, + readTask, + State, +} from '@stencil/core'; +import { showAppSwitch } from '../utils/app-switch'; import { applicationLayoutService } from '../utils/application-layout'; -import { ApplicationLayoutContext } from '../utils/application-layout/context'; +import { + ApplicationLayoutContext, + AppSwitchConfiguration, +} from '../utils/application-layout/context'; import { Breakpoint } from '../utils/breakpoints'; -import { useContextConsumer } from '../utils/context'; +import { ContextType, useContextConsumer } from '../utils/context'; import { menuController } from '../utils/menu-service/menu-service'; +import { hasSlottedElements } from '../utils/shadow-dom'; import { Disposable } from '../utils/typed-event'; +/** + * @slot logo - Location of the Logo + */ @Component({ tag: 'ix-application-header', styleUrl: 'application-header.scss', @@ -30,22 +47,38 @@ export class ApplicationHeader { @State() breakpoint: Breakpoint = 'lg'; @State() menuExpanded = false; - @State() suppressResponsive = false; + @State() hasSlottedElements = false; + private menuDisposable?: Disposable; private modeDisposable?: Disposable; + private callbackUpdateAppSwitchModal?: ( + config: AppSwitchConfiguration + ) => void; - componentWillLoad() { - useContextConsumer(this.hostElement, ApplicationLayoutContext, (ctx) => { - if (ctx?.host === 'map-navigation') { - this.suppressResponsive = true; - this.breakpoint = 'md'; - return; - } + @State() applicationLayoutContext: ContextType< + typeof ApplicationLayoutContext + >; - this.breakpoint = applicationLayoutService.breakpoint; - }); + componentWillLoad() { + useContextConsumer( + this.hostElement, + ApplicationLayoutContext, + (ctx) => { + if (ctx?.host === 'map-navigation') { + this.suppressResponsive = true; + this.breakpoint = 'md'; + return; + } + + this.breakpoint = applicationLayoutService.breakpoint; + this.applicationLayoutContext = ctx; + + this.tryUpdateAppSwitch(); + }, + true + ); this.menuDisposable = menuController.expandChange.on((show) => { this.menuExpanded = show; @@ -59,6 +92,8 @@ export class ApplicationHeader { this.breakpoint = mode; }); + + this.updateIsSlottedContent(); } componentDidLoad() { @@ -95,23 +130,96 @@ export class ApplicationHeader { menuController.toggle(); } + private resolveContextMenuButton() { + return new Promise((resolve) => + readTask(() => + resolve( + this.hostElement.shadowRoot.querySelector( + '[data-context-menu]' + ) as HTMLElement + ) + ) + ); + } + + private tryUpdateAppSwitch() { + if (!this.callbackUpdateAppSwitchModal) { + return; + } + + this.callbackUpdateAppSwitchModal( + this.applicationLayoutContext?.appSwitchConfig + ); + } + + private async showAppSwitch() { + this.callbackUpdateAppSwitchModal = await showAppSwitch( + this.applicationLayoutContext?.appSwitchConfig + ); + } + + private updateIsSlottedContent() { + const slotElement = + this.hostElement.shadowRoot.querySelector('.content slot'); + + this.hasSlottedElements = hasSlottedElements(slotElement); + } + render() { return ( - {this.breakpoint === 'sm' && this.suppressResponsive === false ? ( + {this.breakpoint === 'sm' && this.suppressResponsive === false && ( this.onMenuClick()} expanded={this.menuExpanded} > - ) : null} + )} + {this.applicationLayoutContext?.appSwitchConfig && + this.breakpoint !== 'sm' && + this.suppressResponsive === false && ( + this.showAppSwitch()} + icon="apps" + ghost + class="app-switch" + > + )}
{this.name}
- +
+ {this.breakpoint === 'sm' ? ( + + + + + + + ) : ( + this.updateIsSlottedContent()}> + )} + +
); } diff --git a/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.scss b/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.scss new file mode 100644 index 00000000000..417d8d78a9e --- /dev/null +++ b/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.scss @@ -0,0 +1,80 @@ +/* + * SPDX-FileCopyrightText: 2023 Siemens AG + * + * SPDX-License-Identifier: MIT + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +@import 'mixins/shadow-dom/component'; +@import 'mixins/hover'; + +:host { + @include ix-component; + display: block; + + .content { + padding: 2rem; + padding-right: 0; + } + + .content-apps { + display: flex; + position: relative; + flex-wrap: wrap; + justify-content: space-evenly; + max-height: 50vh; + margin-right: 0.25rem; + } + + .loading { + display: flex; + flex-direction: row; + align-items: center; + + ix-spinner { + margin-right: 1rem; + } + } +} + +:host { + .AppEntry { + all: unset; + display: flex; + flex-direction: row; + align-items: center; + gap: 1rem; + padding: 0.5rem; + flex: 1 1 calc(45%); + cursor: pointer; + border: 0.0625rem solid transparent; + } + + .AppEntry.Selected { + background-color: var(--theme-color-ghost--selected); + border: var(--theme-dynamic-bdr-1); + } + + .AppEntry { + @include ghost-hover-pressed; + } + + .AppEntry:focus-visible { + border: 1px solid var(--theme-color-focus-bdr); + } + + .AppName { + display: flex; + flex-direction: column; + } + + .AppName ix-icon { + margin-left: 1rem; + } + + .AppIcon { + width: 3rem; + height: 3rem; + } +} diff --git a/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.tsx b/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.tsx new file mode 100644 index 00000000000..7a65a5ca98d --- /dev/null +++ b/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.tsx @@ -0,0 +1,121 @@ +/* + * SPDX-FileCopyrightText: 2023 Siemens AG + * + * SPDX-License-Identifier: MIT + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import { Component, h, Host, Prop } from '@stencil/core'; +import { + AppSwitchConfiguration, + AppSwitchConfigurationTarget, +} from '../../utils/application-layout/context'; + +function ApplicationItem(props: { + name: string; + description: string; + iconSrc: string; + url: string; + target: AppSwitchConfigurationTarget; + selected: boolean; +}) { + function isExternal(target: AppSwitchConfigurationTarget) { + if ( + target !== '_blank' && + target !== '_parent' && + target !== '_self' && + target !== '_top' + ) { + // Check if its one of the target keywords + // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a?retiredLocale=de#target + return true; + } + + if (target === '_blank') { + return true; + } + + return false; + } + + return ( + + ); +} + +/** @internal */ +@Component({ + tag: 'ix-application-switch-modal', + styleUrl: 'application-switch-modal.scss', + shadow: true, +}) +export class ApplicationSwitchModal { + /** @internal */ + @Prop() config: AppSwitchConfiguration; + + componentWillLoad() { + if (!this.config) { + throw Error('ApplicationConfig not provided'); + } + } + + render() { + return ( + + + {this.config?.i18nAppSwitch || 'Switch to Application'} + + +
+ {(!this.config || this.config?.apps.length === 0) && ( +
+ + + {this.config?.i18nLoadingApps || + 'Loading available applications...'} + +
+ )} + {this.config?.apps.map((appEntry) => ( + + ))} +
+
+
+ ); + } +} diff --git a/packages/core/src/components/application-header/test/application-header.ct.ts b/packages/core/src/components/application-header/test/application-header.ct.ts new file mode 100644 index 00000000000..fbc8a67d324 --- /dev/null +++ b/packages/core/src/components/application-header/test/application-header.ct.ts @@ -0,0 +1,362 @@ +/* + * SPDX-FileCopyrightText: 2023 Siemens AG + * + * SPDX-License-Identifier: MIT + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +import { expect } from '@playwright/test'; +import { test, viewPorts } from '@utils/test'; +import { ApplicationLayoutContext } from 'src/components/utils/application-layout/context'; +import { ContextType } from 'src/components/utils/context'; + +test('renders', async ({ mount, page }) => { + page.setViewportSize({ + height: 500, + width: 1400, + }); + await mount( + ` + + + ` + ); + + const header = page.locator('ix-basic-navigation ix-application-header'); + + await expect(header).toBeVisible(); + await expect(header).toHaveClass(/breakpoint-lg/); +}); + +test('not response inside map navigation', async ({ mount, page }) => { + page.setViewportSize(viewPorts.sm); + await mount( + ` + +
Test
+ + Test + +
+ ` + ); + const header = page.locator('ix-map-navigation ix-application-header'); + const burger = header.locator('ix-burger-menu'); + + await expect(burger).not.toBeVisible(); + await expect(header).toHaveClass(/breakpoint-md/); +}); + +test.describe('cross app navigation', () => { + test(`should show app switch icon`, async ({ page, mount }) => { + await page.evaluate(() => { + window.addEventListener('context-request', (evt: any) => { + console.dir(evt.callback); + evt.callback({ + hideHeader: false, + host: null, + sidebar: false, + appSwitchConfig: { + i18nAppSwitch: 'some other language', + apps: [ + { + id: '1', + description: 'description 1', + iconSrc: '', + name: 'app name 1', + target: '_blank', + url: 'url-01', + }, + { + id: '2', + description: 'description 2', + iconSrc: '', + name: 'app name 1', + target: '_blank', + url: 'url-02', + }, + ], + currentAppId: '2', + }, + } as ContextType); + }); + }); + const header = page.locator('ix-application-header'); + const appSwitchButton = header.locator('ix-icon-button.app-switch'); + await mount( + ` + + + ` + ); + await expect(header).toHaveClass(/hydrated/); + await expect(appSwitchButton).toBeVisible(); + + await appSwitchButton.click(); + + const dialog = page.getByRole('dialog'); + await expect(dialog).toBeVisible(); + + const modalHeader = page.locator('ix-modal-header'); + await expect(modalHeader).toHaveText(/some other language/); + + const modalContent = page.locator('ix-modal-content'); + const appEntries = modalContent.locator('.AppEntry'); + + await expect(appEntries).toHaveCount(2); + }); + + test(`should show app switch apps (config async)`, async ({ + page, + mount, + }) => { + await page.evaluate(() => { + window.addEventListener('context-request', (evt: any) => { + console.dir(evt.callback); + evt.callback({ + hideHeader: false, + host: null, + sidebar: false, + appSwitchConfig: null, + } as ContextType); + }); + }); + await mount( + ` + + + + + ` + ); + + const application = page.locator('ix-application'); + const header = page.locator('ix-application-header'); + const appSwitchButton = header.locator('ix-icon-button.app-switch'); + + await expect(header).toHaveClass(/hydrated/); + await expect(appSwitchButton).not.toBeVisible(); + + await application.evaluate((app) => { + (app as any).appSwitchConfig = { + i18nAppSwitch: 'some other language', + apps: [ + { + id: '1', + description: 'description 1', + iconSrc: '', + name: 'app name 1', + target: '_blank', + url: 'url-01', + }, + { + id: '2', + description: 'description 2', + iconSrc: '', + name: 'app name 1', + target: '_blank', + url: 'url-02', + }, + ], + currentAppId: '2', + }; + }); + + await appSwitchButton.click(); + + const dialog = page.getByRole('dialog'); + await expect(dialog).toBeVisible(); + + const modalHeader = page.locator('ix-modal-header'); + await expect(modalHeader).toHaveText(/some other language/); + + const modalContent = page.locator('ix-modal-content'); + const appEntries = modalContent.locator('.AppEntry'); + + await expect(appEntries).toHaveCount(2); + }); + + test(`should show app switch apps (apps async)`, async ({ page, mount }) => { + await page.evaluate(() => { + window.addEventListener('context-request', (evt: any) => { + evt.callback({ + hideHeader: false, + host: null, + sidebar: false, + appSwitchConfig: { + i18nAppSwitch: 'some other language', + i18nLoadingApps: 'LOADING APPS TEXT', + apps: [], + currentAppId: '2', + }, + } as ContextType); + }); + }); + await mount( + ` + + + + + ` + ); + + const application = page.locator('ix-application'); + await application.evaluate((app) => { + (app as any).appSwitchConfig = { + i18nAppSwitch: 'some other language', + i18nLoadingApps: 'LOADING APPS TEXT', + apps: [], + currentAppId: '2', + }; + }); + + const header = page.locator('ix-application-header'); + const appSwitchButton = header.locator('ix-icon-button.app-switch'); + + await expect(header).toHaveClass(/hydrated/); + await expect(appSwitchButton).toBeVisible(); + + await appSwitchButton.click(); + + const dialog = page.getByRole('dialog'); + await expect(dialog).toBeVisible(); + + const modalHeader = page.locator('ix-modal-header'); + await expect(modalHeader).toHaveText(/some other language/); + + const appSwitchModal = page.locator('ix-application-switch-modal'); + const appSwitchSpinner = appSwitchModal.getByText('LOADING APPS TEXT'); + + await expect(appSwitchSpinner).toBeVisible(); + + await application.evaluate((app) => { + (app as any).appSwitchConfig = { + i18nAppSwitch: 'some other language', + i18nLoadingApps: 'LOADING APPS TEXT', + apps: [ + { + id: '1', + description: 'description 1', + iconSrc: '', + name: 'app name 1', + target: '_blank', + url: 'url-01', + }, + { + id: '2', + description: 'description 2', + iconSrc: '', + name: 'app name 1', + target: '_blank', + url: 'url-02', + }, + ], + currentAppId: '2', + }; + }); + + const modalContent = page.locator('ix-modal-content'); + const appEntries = modalContent.locator('.AppEntry'); + + await expect(appEntries).toHaveCount(2); + }); + + test(`should show slotted components`, async ({ page, mount }) => { + await mount( + ` + + before avatar + + after avatar + + ` + ); + + const avatar = page.locator('ix-avatar'); + const beforeAvatarButton = page.locator('ix-button').nth(0); + const afterAvatarButton = page.locator('ix-button').nth(1); + + await expect(beforeAvatarButton).toBeVisible(); + await expect(afterAvatarButton).toBeVisible(); + await expect(avatar).toBeVisible(); + }); + + test(`should show slotted components inside overflow`, async ({ + page, + mount, + }) => { + await mount( + ` + + before avatar + + after avatar + + ` + ); + + await page.setViewportSize(viewPorts.sm); + + const avatar = page.locator('ix-avatar'); + + const moreMenuButton = page + .getByRole('button') + .filter({ hasText: 'more-menu' }); + + const beforeAvatarButton = page + .getByRole('button') + .filter({ hasText: 'before avatar' }); + + const afterAvatarButton = page + .getByRole('button') + .filter({ hasText: 'after avatar' }); + + await expect(moreMenuButton).toBeVisible(); + await expect(avatar).toBeVisible(); + + await expect(beforeAvatarButton).not.toBeVisible(); + await expect(afterAvatarButton).not.toBeVisible(); + + await moreMenuButton.click(); + + const dropdown = page.locator( + 'ix-application-header ix-dropdown[data-overflow-dropdown]' + ); + await expect(dropdown).toBeVisible(); + + const dropdownBeforeAvatarButton = page + .locator('ix-application-header ix-button') + .nth(0); + const dropdownAfterAvatarButton = page + .locator('ix-application-header ix-button') + .nth(1); + await expect(dropdownBeforeAvatarButton).toHaveText('before avatar'); + await expect(dropdownAfterAvatarButton).toHaveText('after avatar'); + await expect(dropdownBeforeAvatarButton).toBeVisible(); + await expect(dropdownAfterAvatarButton).toBeVisible(); + }); + + Object.keys(viewPorts).forEach((key) => { + test(`should display avatar with viewport ${key}`, async ({ + page, + mount, + }) => { + await page.setViewportSize(viewPorts.lg); + await mount( + ` + + + + + ` + ); + const avatar = page.locator('ix-avatar'); + await expect(avatar).toBeVisible(); + + await page.setViewportSize(viewPorts[key]); + await expect(avatar).toBeVisible(); + }); + }); +}); diff --git a/packages/core/src/components/application-header/test/application-headet.ct.ts b/packages/core/src/components/application-header/test/application-headet.ct.ts deleted file mode 100644 index b3a70492a59..00000000000 --- a/packages/core/src/components/application-header/test/application-headet.ct.ts +++ /dev/null @@ -1,47 +0,0 @@ -/* - * SPDX-FileCopyrightText: 2023 Siemens AG - * - * SPDX-License-Identifier: MIT - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */ -import { expect } from '@playwright/test'; -import { test, viewPorts } from '@utils/test'; - -test('renders', async ({ mount, page }) => { - page.setViewportSize({ - height: 500, - width: 1400, - }); - await mount( - ` - - - ` - ); - - const header = page.locator('ix-basic-navigation ix-application-header'); - - await expect(header).toBeVisible(); - await expect(header).toHaveClass(/breakpoint-lg/); -}); - -test('not response inside map navigation', async ({ mount, page }) => { - page.setViewportSize(viewPorts.sm); - await mount( - ` - -
Test
- - Test - -
- ` - ); - const header = page.locator('ix-map-navigation ix-application-header'); - const burger = header.locator('ix-burger-menu'); - - await expect(burger).not.toBeVisible(); - await expect(header).toHaveClass(/breakpoint-md/); -}); diff --git a/packages/core/src/components/application/application.tsx b/packages/core/src/components/application/application.tsx index fb9c395168a..d58ddcefb18 100644 --- a/packages/core/src/components/application/application.tsx +++ b/packages/core/src/components/application/application.tsx @@ -8,7 +8,10 @@ */ import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core'; -import { ApplicationLayoutContext } from '../utils/application-layout/context'; +import { + ApplicationLayoutContext, + AppSwitchConfiguration, +} from '../utils/application-layout/context'; import { applicationLayoutService } from '../utils/application-layout/service'; import { Breakpoint } from '../utils/breakpoints'; import { ContextProvider, useContextProvider } from '../utils/context'; @@ -17,7 +20,9 @@ import { hasSlottedElements } from '../utils/shadow-dom'; import { IxTheme, themeSwitcher } from '../utils/theme-switcher'; import { Disposable } from '../utils/typed-event'; -/** @internal */ +/** + * @since 2.1.0 + */ @Component({ tag: 'ix-application', styleUrl: 'application.scss', @@ -59,6 +64,11 @@ export class Application { applicationLayoutService.setBreakpoints(breakpoints); } + /** + * Define application switch configuration + */ + @Prop() appSwitchConfig: AppSwitchConfiguration; + @State() breakpoint: Breakpoint = 'lg'; @State() applicationSidebarSlotted = false; @@ -93,6 +103,7 @@ export class Application { hideHeader: false, host: 'basic-navigation', sidebar: this.applicationSidebarSlotted, + appSwitchConfig: this.appSwitchConfig, } ); @@ -134,12 +145,14 @@ export class Application { ); } + @Watch('appSwitchConfig') @Watch('applicationSidebarSlotted') onApplicationSidebarChange() { this.contextProvider.emit({ hideHeader: false, host: 'basic-navigation', sidebar: this.applicationSidebarSlotted, + appSwitchConfig: this.appSwitchConfig, }); } diff --git a/packages/core/src/components/avatar/avatar.scss b/packages/core/src/components/avatar/avatar.scss index dbc854be0e0..73b2c7901ad 100644 --- a/packages/core/src/components/avatar/avatar.scss +++ b/packages/core/src/components/avatar/avatar.scss @@ -10,6 +10,7 @@ @import 'common-variables'; @import 'mixins/text-truncation'; @import 'mixins/hover'; +@import './../button/button-mixin'; :host { display: flex; @@ -49,3 +50,18 @@ } } } + +:host(.avatar-button) { + button { + @include btn-base; + padding: 0px; + + border-radius: 100px !important; + } + + @include btn-base-variant('invisible-primary', false); + + li { + transform: scale(0.8); + } +} diff --git a/packages/core/src/components/avatar/avatar.tsx b/packages/core/src/components/avatar/avatar.tsx index 51d5caf7f66..49ad5f98647 100644 --- a/packages/core/src/components/avatar/avatar.tsx +++ b/packages/core/src/components/avatar/avatar.tsx @@ -40,7 +40,17 @@ function DefaultAvatar(props: { initials?: string }) { ); } -import { Component, Element, h, Host, Prop } from '@stencil/core'; +import { + Component, + Element, + h, + Host, + Prop, + readTask, + State, +} from '@stencil/core'; +import { BaseButton } from '../button/base-button'; +import { closestElement } from '../utils/shadow-dom'; /** * @since 2.0.0 @@ -65,7 +75,52 @@ export class Avatar { */ @Prop() initials: string; + @State() isClosestApplicationHeader = false; + + componentWillLoad() { + const closest = closestElement('ix-application-header', this.hostElement); + this.isClosestApplicationHeader = closest !== null; + } + + private resolveAvatarTrigger() { + return new Promise((resolve) => { + readTask(() => + resolve(this.hostElement.shadowRoot.querySelector('button')) + ); + }); + } + render() { + if (this.isClosestApplicationHeader) { + return ( + + +
  • + {this.image ? ( + + ) : ( + + )} +
  • +
    + + + +
    + ); + } + return (
  • diff --git a/packages/core/src/components/avatar/test/avatar.ct.ts b/packages/core/src/components/avatar/test/avatar.ct.ts new file mode 100644 index 00000000000..922304b6fd7 --- /dev/null +++ b/packages/core/src/components/avatar/test/avatar.ct.ts @@ -0,0 +1,47 @@ +/* + * SPDX-FileCopyrightText: 2023 Siemens AG + * + * SPDX-License-Identifier: MIT + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +import { expect } from '@playwright/test'; +import { test, viewPorts } from '@utils/test'; + +test.describe('embedded into header', () => { + test('show avatar as clickable', async ({ page, mount }) => { + await page.setViewportSize(viewPorts.lg); + await mount( + ` + + + + ` + ); + + const avatar = page.locator('ix-avatar'); + + await expect(avatar.locator('button')).toBeVisible(); + }); + + test('show avatar dropdown', async ({ page, mount }) => { + await page.setViewportSize(viewPorts.lg); + await mount( + ` + + + + + + + + ` + ); + + const avatar = page.locator('ix-avatar'); + await avatar.click(); + await expect(avatar.locator('ix-dropdown')).toHaveClass(/show/); + await expect(avatar.getByText('Item 1')).toBeVisible(); + }); +}); diff --git a/packages/core/src/components/basic-navigation/basic-navigation.tsx b/packages/core/src/components/basic-navigation/basic-navigation.tsx index 7bfc617d103..f95efedda81 100644 --- a/packages/core/src/components/basic-navigation/basic-navigation.tsx +++ b/packages/core/src/components/basic-navigation/basic-navigation.tsx @@ -15,6 +15,9 @@ import { ContextProvider, useContextProvider } from '../utils/context'; import { menuController } from '../utils/menu-service/menu-service'; import { Disposable } from '../utils/typed-event'; +/** + * @deprecated ix-basic-navigation is deprecated in favor of ix-application + */ @Component({ tag: 'ix-basic-navigation', styleUrl: 'basic-navigation.scss', @@ -57,8 +60,7 @@ export class BasicNavigation { } /** - * Supported layouts - * @example ['sm', 'md'] + * Supported layouts e.g ['sm', 'md'] */ @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg']; @Watch('breakpoints') diff --git a/packages/core/src/components/button/button-mixin.scss b/packages/core/src/components/button/button-mixin.scss index 15719628c5f..11b8a4aacc9 100644 --- a/packages/core/src/components/button/button-mixin.scss +++ b/packages/core/src/components/button/button-mixin.scss @@ -12,88 +12,114 @@ @import 'mixins/shadow-dom/component'; @import 'mixins/hover'; -@mixin btn-variant($name, $enable-border: true) { - :host { - .btn-#{$name} { - border-radius: var(--theme-btn--border-radius); - - &, - &.focus, - &:focus-visible { - background-color: var(--theme-btn-#{$name}--background); - color: var(--theme-btn-#{$name}--color); - - --ix-button-color: var(--theme-btn-#{$name}--color); - - @if $enable-border { - border-width: var(--theme-btn--border-thickness); - border-color: var(--theme-btn-#{$name}--border-color); - border-style: solid; - } @else { - border-color: transparent; - } +@mixin btn-base-variant($name, $enable-border: true) { + .btn-#{$name} { + border-radius: var(--theme-btn--border-radius); + + &, + &.focus, + &:focus-visible { + background-color: var(--theme-btn-#{$name}--background); + color: var(--theme-btn-#{$name}--color); + + --ix-button-color: var(--theme-btn-#{$name}--color); + + @if $enable-border { + border-width: var(--theme-btn--border-thickness); + border-color: var(--theme-btn-#{$name}--border-color); + border-style: solid; + } @else { + border-color: transparent; } + } - @include focus-visible { - outline: 1px solid var(--theme-color-focus-bdr); - outline-offset: var(--theme-btn--focus--outline-offset); - } + @include focus-visible { + outline: 1px solid var(--theme-color-focus-bdr); + outline-offset: var(--theme-btn--focus--outline-offset); + } - &.selected { - background-color: var(--theme-color-ghost--selected); + &.selected { + background-color: var(--theme-color-ghost--selected); + color: var(--theme-color-dynamic); + + @include hover { + background-color: var(--theme-color-ghost--selected-hover); color: var(--theme-color-dynamic); + } - @include hover { - background-color: var(--theme-color-ghost--selected-hover); - color: var(--theme-color-dynamic); - } + @include active { + background-color: var(--theme-color-ghost--selected-active); + color: var(--theme-color-dynamic); + } + } - @include active { - background-color: var(--theme-color-ghost--selected-active); - color: var(--theme-color-dynamic); - } + @include hover { + @if $enable-border { + border-color: var(--theme-btn-#{$name}--border-color--hover); } - @include hover { - @if $enable-border { - border-color: var(--theme-btn-#{$name}--border-color--hover); - } + background-color: var(--theme-btn-#{$name}--background--hover); + color: var(--theme-btn-#{$name}--color--hover); + } - background-color: var(--theme-btn-#{$name}--background--hover); - color: var(--theme-btn-#{$name}--color--hover); + @include active { + @if $enable-border { + border-color: var(--theme-btn-#{$name}--border-color--active); } - @include active { - @if $enable-border { - border-color: var(--theme-btn-#{$name}--border-color--active); - } + background-color: var(--theme-btn-#{$name}--background--active); + color: var(--theme-btn-#{$name}--color--active); + } + } +} + +@mixin btn-base-variant-disabled($name, $enable-border: true) { + .btn-#{$name} { + &.disabled, + &:disabled { + pointer-events: none; - background-color: var(--theme-btn-#{$name}--background--active); - color: var(--theme-btn-#{$name}--color--active); + @if $enable-border { + border-color: var(--theme-btn-#{$name}--border-color--disabled); } + + background-color: var(--theme-btn-#{$name}--background--disabled); + color: var(--theme-btn-#{$name}--color--disabled); + opacity: 1; + + --ix-button-color: var(--theme-btn-#{$name}--color--disabled); } } +} + +@mixin btn-variant($name, $enable-border: true) { + :host { + @include btn-base-variant($name, $enable-border); + } :host(.disabled) { pointer-events: none; - .btn-#{$name} { - &.disabled, - &:disabled { - pointer-events: none; + @include btn-base-variant-disabled($name, $enable-border); + } +} - @if $enable-border { - border-color: var(--theme-btn-#{$name}--border-color--disabled); - } +@mixin btn-base { + all: unset; + box-sizing: border-box; + display: inline-flex; + flex-direction: row; + flex-wrap: nowrap; - background-color: var(--theme-btn-#{$name}--background--disabled); - color: var(--theme-btn-#{$name}--color--disabled); - opacity: 1; + overflow: hidden; - --ix-button-color: var(--theme-btn-#{$name}--color--disabled); - } - } - } + align-items: center; + justify-content: center; + + width: 100%; + height: 100%; + + padding: 0 0.5rem; } @mixin btn { @@ -107,21 +133,7 @@ @include text-default-title; button { - all: unset; - box-sizing: border-box; - display: inline-flex; - flex-direction: row; - flex-wrap: nowrap; - - overflow: hidden; - - align-items: center; - justify-content: center; - - width: 100%; - height: 100%; - - padding: 0 0.5rem; + @include btn-base(); } ix-spinner { diff --git a/packages/core/src/components/category-filter/logical-filter-operator.ts b/packages/core/src/components/category-filter/logical-filter-operator.ts index b24a2c6394c..786c50d9332 100644 --- a/packages/core/src/components/category-filter/logical-filter-operator.ts +++ b/packages/core/src/components/category-filter/logical-filter-operator.ts @@ -7,6 +7,7 @@ * LICENSE file in the root directory of this source tree. */ +// eslint-disable-next-line @stencil-community/ban-exported-const-enums export enum LogicalFilterOperator { EQUAL = 'Equal', NOT_EQUAL = 'Not equal', diff --git a/packages/core/src/components/chip/chip.tsx b/packages/core/src/components/chip/chip.tsx index c2656606535..7f980542bec 100644 --- a/packages/core/src/components/chip/chip.tsx +++ b/packages/core/src/components/chip/chip.tsx @@ -63,9 +63,18 @@ export class Chip { /** * Custom font and icon color. * Only has an effect on chips with `variant='custom'` + * + * @deprecated since 2.1.0 use `chip-color` */ + // eslint-disable-next-line @stencil-community/reserved-member-names @Prop() color: string | undefined; + /** + * Custom font and icon color. + * Only has an effect on chips with `variant='custom'` + */ + @Prop() chipColor: string | undefined; + /** * Show chip with outline style */ @@ -88,7 +97,11 @@ export class Chip { class="close-button" oval size="16" - style={this.variant === 'custom' ? { color: this.color } : {}} + style={ + this.variant === 'custom' + ? { color: this.chipColor ?? this.color } + : {} + } ghost onClick={(event) => { this.closeChip.emit(event); @@ -106,7 +119,7 @@ export class Chip { if (this.variant === 'custom') { customStyle = { - color: this.color, + color: this.chipColor ?? this.color, [this.outline ? 'borderColor' : 'backgroundColor']: this.background, }; } @@ -118,7 +131,7 @@ export class Chip { style={ this.variant === 'custom' ? { - '--ix-icon-button-color': this.color, + '--ix-icon-button-color': this.chipColor ?? this.color, } : {} } diff --git a/packages/core/src/components/content/content.tsx b/packages/core/src/components/content/content.tsx index d8d55c98d7b..15a4f46fa7e 100644 --- a/packages/core/src/components/content/content.tsx +++ b/packages/core/src/components/content/content.tsx @@ -10,7 +10,10 @@ import { Component, Element, h, Host, State } from '@stencil/core'; import { hasSlottedElements } from '../utils/shadow-dom'; -/** @internal */ +/** + * @since 2.1.0 + * @slot header - Display content at the top of the content page + */ @Component({ tag: 'ix-content', styleUrl: 'content.scss', diff --git a/packages/core/src/components/dropdown-button/dropdown-button.tsx b/packages/core/src/components/dropdown-button/dropdown-button.tsx index 9e08b44742b..7d3971bd4e3 100644 --- a/packages/core/src/components/dropdown-button/dropdown-button.tsx +++ b/packages/core/src/components/dropdown-button/dropdown-button.tsx @@ -91,13 +91,11 @@ export class DropdownButton { class={{ disabled: this.disabled, }} + ref={(ref) => { + this.dropdownAnchor = ref; + }} > -