@acorex/components 17.0.4 → 17.0.5
Sign up to get free protection for your applications and to get access to all the features.
- package/button/lib/button-item-list.component.d.ts +4 -5
- package/button/lib/button.component.d.ts +2 -2
- package/chat/lib/chat-message/chat-message.component.d.ts +2 -2
- package/data-table/lib/data-table/data-table.component.d.ts +4 -1
- package/esm2022/button/lib/button-item-list.component.mjs +46 -50
- package/esm2022/button/lib/button-item.component.mjs +4 -4
- package/esm2022/button/lib/button.component.mjs +7 -27
- package/esm2022/button-group/lib/button-group.component.mjs +2 -2
- package/esm2022/chat/lib/chat-message/chat-message.component.mjs +7 -8
- package/esm2022/common/lib/components/button-base-component.class.mjs +1 -1
- package/esm2022/data-table/lib/base-data-table.class.mjs +5 -6
- package/esm2022/data-table/lib/data-table/data-table.component.mjs +19 -5
- package/esm2022/side-menu/lib/side-menu-item/side-menu-item.compoent.mjs +3 -3
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +49 -73
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-chat.mjs +6 -7
- package/fesm2022/acorex-components-chat.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +20 -8
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +2 -2
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/package.json +1 -1
@@ -1,19 +1,18 @@
|
|
1
1
|
import { AXClickEvent, AXClosbaleComponent, AXItemClickEvent, MXInteractiveComponent } from '@acorex/components/common';
|
2
|
-
import {
|
2
|
+
import { EventEmitter, QueryList } from '@angular/core';
|
3
3
|
import { AXButtonItemComponent, AXButtonItemListItem } from './button-item.component';
|
4
4
|
import * as i0 from "@angular/core";
|
5
|
-
export declare class AXButtonItemListComponent extends MXInteractiveComponent
|
5
|
+
export declare class AXButtonItemListComponent extends MXInteractiveComponent {
|
6
6
|
private parent?;
|
7
7
|
protected _contentButtons: QueryList<AXButtonItemComponent>;
|
8
|
-
items: AXButtonItemListItem[]
|
8
|
+
items: import("@angular/core").InputSignal<AXButtonItemListItem[]>;
|
9
9
|
onItemClick: EventEmitter<AXItemClickEvent<AXButtonItemComponent>>;
|
10
10
|
constructor(parent?: AXClosbaleComponent);
|
11
|
-
ngAfterContentInit(): void;
|
12
11
|
private _initContents;
|
13
12
|
private _bindEvents;
|
14
13
|
private _bindProps;
|
15
14
|
protected _handleOnItemClick(e: AXClickEvent): void;
|
16
15
|
_emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
|
17
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemListComponent, [{ optional: true; }]>;
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemListComponent, "ax-button-item-list", never, { "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button-item, ax-title, ax-divider, ng-container"], false, never>;
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemListComponent, "ax-button-item-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button-item, ax-title, ax-divider, ng-container"], false, never>;
|
19
18
|
}
|
@@ -13,7 +13,7 @@ export declare class AXButtonComponent extends MXButtonBaseComponent implements
|
|
13
13
|
* @event
|
14
14
|
*/
|
15
15
|
onClick: EventEmitter<AXClickEvent>;
|
16
|
-
type: AXButtonType
|
16
|
+
type: import("@angular/core").InputSignal<AXButtonType>;
|
17
17
|
ngAfterViewInit(): void;
|
18
18
|
private getButton;
|
19
19
|
_handleClick(e: MouseEvent): void;
|
@@ -22,5 +22,5 @@ export declare class AXButtonComponent extends MXButtonBaseComponent implements
|
|
22
22
|
focus(): void;
|
23
23
|
blur(): void;
|
24
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix, ax-loading, ax-loading-spinner, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content"], false, never>;
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix, ax-loading, ax-loading-spinner, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content"], false, never>;
|
26
26
|
}
|
@@ -3,10 +3,10 @@ import { AXChatMessage } from '../chat.types';
|
|
3
3
|
import { AXChatMessageTypeRegistryService } from '../services/chat-message-type-registry.service';
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
export declare class AXChatMessageComponent extends MXBaseComponent {
|
6
|
-
chatMessage: AXChatMessage
|
6
|
+
chatMessage: import("@angular/core").InputSignal<AXChatMessage>;
|
7
7
|
protected get isOwn(): boolean;
|
8
8
|
protected registryService: AXChatMessageTypeRegistryService;
|
9
9
|
get __hostClass(): string;
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXChatMessageComponent, never>;
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXChatMessageComponent, "ax-chat-message", never, { "chatMessage": { "alias": "chatMessage"; "required": false; }; }, {}, never, ["ax-prefix"], false, never>;
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXChatMessageComponent, "ax-chat-message", never, { "chatMessage": { "alias": "chatMessage"; "required": false; "isSignal": true; }; }, {}, never, ["ax-prefix"], false, never>;
|
12
12
|
}
|
@@ -5,6 +5,7 @@ import { AXBaseDataTable, AXColumnsOrderChangedEvent, AXDataTableRowClick, AXDat
|
|
5
5
|
import { AXDataTableColumnComponent } from '../columns/data-table-column';
|
6
6
|
import * as i0 from "@angular/core";
|
7
7
|
export declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, AfterViewInit {
|
8
|
+
private _unsubscriber;
|
8
9
|
onColumnsOrderChanged: EventEmitter<AXColumnsOrderChangedEvent>;
|
9
10
|
protected displayedRows: WritableSignal<any[]>;
|
10
11
|
protected page: WritableSignal<number>;
|
@@ -19,6 +20,8 @@ export declare class AXDataTableComponent extends AXBaseDataTable implements OnI
|
|
19
20
|
showHeader: boolean;
|
20
21
|
fixedHeader: boolean;
|
21
22
|
itemHeight: number | 'auto';
|
23
|
+
allowReordering: boolean;
|
24
|
+
hasPagination: boolean;
|
22
25
|
fetchDataMode: 'auto' | 'manual';
|
23
26
|
loading: {
|
24
27
|
enabled: boolean;
|
@@ -48,5 +51,5 @@ export declare class AXDataTableComponent extends AXBaseDataTable implements OnI
|
|
48
51
|
refresh(): void;
|
49
52
|
private calculateStickyColumnsPositions;
|
50
53
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
|
51
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "onColumnsOrderChanged": "onColumnsOrderChanged"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; }, ["columns"], ["ax-header", "ax-footer"], false, never>;
|
54
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "hasPagination": { "alias": "hasPagination"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "onColumnsOrderChanged": "onColumnsOrderChanged"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; }, ["columns"], ["ax-header", "ax-footer"], false, never>;
|
52
55
|
}
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { AXClosbaleComponent, MXInteractiveComponent
|
2
|
-
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Inject,
|
3
|
-
import { AXButtonItemComponent
|
1
|
+
import { AXClosbaleComponent, MXInteractiveComponent } from '@acorex/components/common';
|
2
|
+
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Inject, Optional, Output, QueryList, ViewEncapsulation, afterNextRender, input, } from '@angular/core';
|
3
|
+
import { AXButtonItemComponent } from './button-item.component';
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
import * as i1 from "@acorex/components/decorators";
|
6
6
|
import * as i2 from "./button-item.component";
|
@@ -9,13 +9,13 @@ export class AXButtonItemListComponent extends MXInteractiveComponent {
|
|
9
9
|
constructor(parent) {
|
10
10
|
super();
|
11
11
|
this.parent = parent;
|
12
|
-
this.items = [];
|
12
|
+
this.items = input([]);
|
13
13
|
this.onItemClick = new EventEmitter();
|
14
|
-
|
15
|
-
ngAfterContentInit() {
|
16
|
-
this._initContents();
|
17
|
-
this._contentButtons.changes.subscribe(() => {
|
14
|
+
afterNextRender(() => {
|
18
15
|
this._initContents();
|
16
|
+
this._contentButtons.changes.subscribe(() => {
|
17
|
+
this._initContents();
|
18
|
+
});
|
19
19
|
});
|
20
20
|
}
|
21
21
|
_initContents() {
|
@@ -51,52 +51,50 @@ export class AXButtonItemListComponent extends MXInteractiveComponent {
|
|
51
51
|
});
|
52
52
|
}
|
53
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXButtonItemListComponent, deps: [{ token: AXClosbaleComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: { items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
|
55
|
-
@for (item of items; track item.name) {
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
|
55
|
+
@for (item of items(); track item.name) {
|
56
|
+
<ax-button-item
|
57
|
+
[text]="item.text"
|
58
|
+
[name]="item.name"
|
59
|
+
[disabled]="item.disabled"
|
60
|
+
[color]="item.color"
|
61
|
+
(onClick)="_handleOnItemClick($event)"
|
62
|
+
>
|
63
|
+
@if (item.icon) {
|
64
|
+
<ax-prefix>
|
65
|
+
<ax-icon [icon]="item.icon"></ax-icon>
|
66
|
+
</ax-prefix>
|
67
|
+
}
|
68
|
+
</ax-button-item>
|
69
|
+
@if (item.divided) {
|
70
|
+
<ax-divider></ax-divider>
|
67
71
|
}
|
68
|
-
|
69
|
-
|
70
|
-
<ax-divider></ax-divider>
|
71
|
-
} }
|
72
|
-
<ng-content
|
73
|
-
select="ax-button-item, ax-title, ax-divider, ng-container"
|
74
|
-
></ng-content>
|
72
|
+
}
|
73
|
+
<ng-content select="ax-button-item, ax-title, ax-divider, ng-container"></ng-content>
|
75
74
|
`, isInline: true, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}ax-button-item-list ax-title{padding-top:.25rem;padding-bottom:.25rem;padding-inline-end:2.5rem;padding-inline-start:1rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;opacity:.5}ax-button-item-list ax-divider{margin-top:.25rem;margin-bottom:.25rem;height:1px;width:100%;background-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-end:4rem;padding-inline-start:1rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-color-text-default))}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button-item-list ax-button-item.ax-divide{border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{color:rgba(var(--ax-color-primary-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{color:rgba(var(--ax-color-primary-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{color:rgba(var(--ax-color-secondary-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{color:rgba(var(--ax-color-secondary-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{color:rgba(var(--ax-color-success-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{color:rgba(var(--ax-color-success-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{color:rgba(var(--ax-color-warning-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{color:rgba(var(--ax-color-warning-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{color:rgba(var(--ax-color-danger-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{color:rgba(var(--ax-color-danger-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{color:rgba(var(--ax-color-info-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{color:rgba(var(--ax-color-info-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default{color:rgba(var(--ax-color-primary-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-primary-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-primary-default:focus{color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default{color:rgba(var(--ax-color-secondary-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:focus{color:rgba(var(--ax-color-secondary-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-item-list ax-button-item.ax-success-default{color:rgba(var(--ax-color-success-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-success-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-success-default:focus{color:rgba(var(--ax-color-success-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-100))}.ax-dark ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default{color:rgba(var(--ax-color-warning-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-warning-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-warning-default:focus{color:rgba(var(--ax-color-warning-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default{color:rgba(var(--ax-color-danger-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-danger-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-danger-default:focus{color:rgba(var(--ax-color-danger-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-item-list ax-button-item.ax-info-default{color:rgba(var(--ax-color-info-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-info-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-info-default:focus{color:rgba(var(--ax-color-info-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-100))}.ax-dark ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
76
75
|
}
|
77
76
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXButtonItemListComponent, decorators: [{
|
78
77
|
type: Component,
|
79
78
|
args: [{ selector: 'ax-button-item-list', template: `
|
80
|
-
@for (item of items; track item.name) {
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
79
|
+
@for (item of items(); track item.name) {
|
80
|
+
<ax-button-item
|
81
|
+
[text]="item.text"
|
82
|
+
[name]="item.name"
|
83
|
+
[disabled]="item.disabled"
|
84
|
+
[color]="item.color"
|
85
|
+
(onClick)="_handleOnItemClick($event)"
|
86
|
+
>
|
87
|
+
@if (item.icon) {
|
88
|
+
<ax-prefix>
|
89
|
+
<ax-icon [icon]="item.icon"></ax-icon>
|
90
|
+
</ax-prefix>
|
91
|
+
}
|
92
|
+
</ax-button-item>
|
93
|
+
@if (item.divided) {
|
94
|
+
<ax-divider></ax-divider>
|
92
95
|
}
|
93
|
-
|
94
|
-
|
95
|
-
<ax-divider></ax-divider>
|
96
|
-
} }
|
97
|
-
<ng-content
|
98
|
-
select="ax-button-item, ax-title, ax-divider, ng-container"
|
99
|
-
></ng-content>
|
96
|
+
}
|
97
|
+
<ng-content select="ax-button-item, ax-title, ax-divider, ng-container"></ng-content>
|
100
98
|
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}ax-button-item-list ax-title{padding-top:.25rem;padding-bottom:.25rem;padding-inline-end:2.5rem;padding-inline-start:1rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;opacity:.5}ax-button-item-list ax-divider{margin-top:.25rem;margin-bottom:.25rem;height:1px;width:100%;background-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-end:4rem;padding-inline-start:1rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-color-text-default))}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button-item-list ax-button-item.ax-divide{border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{color:rgba(var(--ax-color-primary-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{color:rgba(var(--ax-color-primary-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{color:rgba(var(--ax-color-secondary-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{color:rgba(var(--ax-color-secondary-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{color:rgba(var(--ax-color-success-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{color:rgba(var(--ax-color-success-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{color:rgba(var(--ax-color-warning-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{color:rgba(var(--ax-color-warning-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{color:rgba(var(--ax-color-danger-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{color:rgba(var(--ax-color-danger-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{color:rgba(var(--ax-color-info-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{color:rgba(var(--ax-color-info-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default{color:rgba(var(--ax-color-primary-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-primary-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-primary-default:focus{color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default{color:rgba(var(--ax-color-secondary-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:focus{color:rgba(var(--ax-color-secondary-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-item-list ax-button-item.ax-success-default{color:rgba(var(--ax-color-success-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-success-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-success-default:focus{color:rgba(var(--ax-color-success-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-100))}.ax-dark ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default{color:rgba(var(--ax-color-warning-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-warning-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-warning-default:focus{color:rgba(var(--ax-color-warning-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default{color:rgba(var(--ax-color-danger-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-danger-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-danger-default:focus{color:rgba(var(--ax-color-danger-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-item-list ax-button-item.ax-info-default{color:rgba(var(--ax-color-info-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-info-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-info-default:focus{color:rgba(var(--ax-color-info-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-100))}.ax-dark ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}\n"] }]
|
101
99
|
}], ctorParameters: () => [{ type: i3.AXClosbaleComponent, decorators: [{
|
102
100
|
type: Optional
|
@@ -106,9 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
106
104
|
}] }], propDecorators: { _contentButtons: [{
|
107
105
|
type: ContentChildren,
|
108
106
|
args: [AXButtonItemComponent]
|
109
|
-
}], items: [{
|
110
|
-
type: Input
|
111
107
|
}], onItemClick: [{
|
112
108
|
type: Output
|
113
109
|
}] } });
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixtQkFBbUIsRUFBb0Isc0JBQXNCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4SCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLE1BQU0sRUFDTixRQUFRLEVBQ1IsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsZUFBZSxFQUNmLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUscUJBQXFCLEVBQXdCLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBNkJ0RixNQUFNLE9BQU8seUJBQTBCLFNBQVEsc0JBQXNCO0lBU25FLFlBR1UsTUFBNEI7UUFFcEMsS0FBSyxFQUFFLENBQUM7UUFGQSxXQUFNLEdBQU4sTUFBTSxDQUFzQjtRQVJ0QyxVQUFLLEdBQUcsS0FBSyxDQUF5QixFQUFFLENBQUMsQ0FBQztRQUcxQyxnQkFBVyxHQUEwRCxJQUFJLFlBQVksRUFBMkMsQ0FBQztRQVEvSCxlQUFlLENBQUMsR0FBRyxFQUFFO1lBQ25CLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUMxQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDdkIsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxhQUFhO1FBQ25CLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU07Z0JBQ25CLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBQ3hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDN0IsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDbEMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDM0MsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRVMsa0JBQWtCLENBQUMsQ0FBZTtRQUMxQyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxDQUFlLEVBQUUsSUFBMkI7UUFDaEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDcEIsU0FBUyxFQUFFLElBQUk7WUFDZixJQUFJO1lBQ0osV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLENBQUMsQ0FBQyxXQUFXO1lBQzFCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDOzhHQTFEVSx5QkFBeUIsa0JBVzFCLG1CQUFtQjtrR0FYbEIseUJBQXlCLHdRQUNuQixxQkFBcUIsb0RBMUI1Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQlQ7OzJGQUtVLHlCQUF5QjtrQkEzQnJDLFNBQVM7K0JBQ0UscUJBQXFCLFlBQ3JCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs7MEJBWWxDLFFBQVE7OzBCQUNSLE1BQU07MkJBQUMsbUJBQW1CO3lDQVRuQixlQUFlO3NCQUR4QixlQUFlO3VCQUFDLHFCQUFxQjtnQkFNdEMsV0FBVztzQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDbGlja0V2ZW50LCBBWENsb3NiYWxlQ29tcG9uZW50LCBBWEl0ZW1DbGlja0V2ZW50LCBNWEludGVyYWN0aXZlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5qZWN0LFxuICBPcHRpb25hbCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBhZnRlck5leHRSZW5kZXIsXG4gIGlucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQnV0dG9uSXRlbUNvbXBvbmVudCwgQVhCdXR0b25JdGVtTGlzdEl0ZW0gfSBmcm9tICcuL2J1dHRvbi1pdGVtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWJ1dHRvbi1pdGVtLWxpc3QnLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXMoKTsgdHJhY2sgaXRlbS5uYW1lKSB7XG4gICAgICA8YXgtYnV0dG9uLWl0ZW1cbiAgICAgICAgW3RleHRdPVwiaXRlbS50ZXh0XCJcbiAgICAgICAgW25hbWVdPVwiaXRlbS5uYW1lXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgICAgICBbY29sb3JdPVwiaXRlbS5jb2xvclwiXG4gICAgICAgIChvbkNsaWNrKT1cIl9oYW5kbGVPbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgICAgICA8YXgtcHJlZml4PlxuICAgICAgICAgICAgPGF4LWljb24gW2ljb25dPVwiaXRlbS5pY29uXCI+PC9heC1pY29uPlxuICAgICAgICAgIDwvYXgtcHJlZml4PlxuICAgICAgICB9XG4gICAgICA8L2F4LWJ1dHRvbi1pdGVtPlxuICAgICAgQGlmIChpdGVtLmRpdmlkZWQpIHtcbiAgICAgICAgPGF4LWRpdmlkZXI+PC9heC1kaXZpZGVyPlxuICAgICAgfVxuICAgIH1cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b24taXRlbSwgYXgtdGl0bGUsIGF4LWRpdmlkZXIsIG5nLWNvbnRhaW5lclwiPjwvbmctY29udGVudD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25JdGVtTGlzdENvbXBvbmVudCBleHRlbmRzIE1YSW50ZXJhY3RpdmVDb21wb25lbnQge1xuICBAQ29udGVudENoaWxkcmVuKEFYQnV0dG9uSXRlbUNvbXBvbmVudClcbiAgcHJvdGVjdGVkIF9jb250ZW50QnV0dG9uczogUXVlcnlMaXN0PEFYQnV0dG9uSXRlbUNvbXBvbmVudD47XG5cbiAgaXRlbXMgPSBpbnB1dDxBWEJ1dHRvbkl0ZW1MaXN0SXRlbVtdPihbXSk7XG5cbiAgQE91dHB1dCgpXG4gIG9uSXRlbUNsaWNrOiBFdmVudEVtaXR0ZXI8QVhJdGVtQ2xpY2tFdmVudDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhJdGVtQ2xpY2tFdmVudDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+PigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpXG4gICAgQEluamVjdChBWENsb3NiYWxlQ29tcG9uZW50KVxuICAgIHByaXZhdGUgcGFyZW50PzogQVhDbG9zYmFsZUNvbXBvbmVudCxcbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgICBhZnRlck5leHRSZW5kZXIoKCkgPT4ge1xuICAgICAgdGhpcy5faW5pdENvbnRlbnRzKCk7XG4gICAgICB0aGlzLl9jb250ZW50QnV0dG9ucy5jaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuX2luaXRDb250ZW50cygpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF9pbml0Q29udGVudHMoKSB7XG4gICAgdGhpcy5fYmluZEV2ZW50cygpO1xuICAgIHRoaXMuX2JpbmRQcm9wcygpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHJpdmF0ZSBfYmluZEV2ZW50cygpIHtcbiAgICB0aGlzLl9jb250ZW50QnV0dG9ucz8uZm9yRWFjaCgoYikgPT4ge1xuICAgICAgaWYgKCFiLm9uQ2xpY2subGVuZ3RoKVxuICAgICAgICBiLm9uQ2xpY2suc3Vic2NyaWJlKChjKSA9PiB7XG4gICAgICAgICAgdGhpcy5faGFuZGxlT25JdGVtQ2xpY2soYyk7XG4gICAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfYmluZFByb3BzKCkge1xuICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zPy5mb3JFYWNoKChiKSA9PiB7XG4gICAgICBiLmRpc2FibGVkID0gYi5kaXNhYmxlZCA/PyB0aGlzLmRpc2FibGVkO1xuICAgIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIF9oYW5kbGVPbkl0ZW1DbGljayhlOiBBWENsaWNrRXZlbnQpIHtcbiAgICB0aGlzLnBhcmVudD8uY2xvc2UoKTtcbiAgICB0aGlzLl9lbWl0T25JdGVtQ2xpY2tFdmVudChlLCBlLmNvbXBvbmVudCk7XG4gIH1cblxuICBfZW1pdE9uSXRlbUNsaWNrRXZlbnQoZTogQVhDbGlja0V2ZW50LCBpdGVtOiBBWEJ1dHRvbkl0ZW1Db21wb25lbnQpOiB2b2lkIHtcbiAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaXRlbSxcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICBuYXRpdmVFdmVudDogZS5uYXRpdmVFdmVudCxcbiAgICAgIG5hbWU6IGl0ZW0ubmFtZSxcbiAgICAgIGRhdGE6IGl0ZW0uZGF0YSxcbiAgICB9KTtcbiAgfVxufVxuIl19
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { MXColorComponent, MXInteractiveComponent
|
1
|
+
import { MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';
|
2
2
|
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation, } from '@angular/core';
|
3
3
|
import { classes } from 'polytype';
|
4
4
|
import * as i0 from "@angular/core";
|
@@ -50,7 +50,7 @@ export class AXButtonItemComponent extends classes(MXInteractiveComponent, MXCol
|
|
50
50
|
<ng-content select="ax-loading"> </ng-content>
|
51
51
|
<ng-content select="ax-icon"> </ng-content>
|
52
52
|
@if (text) {
|
53
|
-
|
53
|
+
<span class="ax-button-item-text">{{ text }}</span>
|
54
54
|
}
|
55
55
|
<ng-content select="ax-suffix"> </ng-content>
|
56
56
|
<ng-content select="ax-dropdown-panel"> </ng-content>
|
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
65
65
|
<ng-content select="ax-loading"> </ng-content>
|
66
66
|
<ng-content select="ax-icon"> </ng-content>
|
67
67
|
@if (text) {
|
68
|
-
|
68
|
+
<span class="ax-button-item-text">{{ text }}</span>
|
69
69
|
}
|
70
70
|
<ng-content select="ax-suffix"> </ng-content>
|
71
71
|
<ng-content select="ax-dropdown-panel"> </ng-content>
|
@@ -103,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
103
103
|
type: HostBinding,
|
104
104
|
args: ['attr.tabindex']
|
105
105
|
}] } });
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2J1dHRvbi9zcmMvbGliL2J1dHRvbi1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWtDLGdCQUFnQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFckgsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUE0Qm5DLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxPQUFPLENBQUMsc0JBQXNCLEVBQUUsZ0JBQWdCLENBQUM7SUFqQjVGOztRQWdDRSxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBU2hCLFlBQU8sR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFzQ3pDLGFBQVEsR0FBRyxHQUFHLENBQUM7S0FDOUM7SUExREMsSUFDVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBVyxRQUFRLENBQUMsQ0FBVTtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFlTyxXQUFXLENBQUMsQ0FBYTtRQUMvQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO2dCQUNoQixTQUFTLEVBQUUsSUFBSTtnQkFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRTtnQkFDbEMsV0FBVyxFQUFFLENBQUM7YUFDZixDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQztJQUdPLFdBQVcsQ0FBQyxDQUFhO1FBQy9CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBR08sVUFBVSxDQUFDLENBQWE7UUFDOUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFDWSxXQUFXO1FBQ3JCLE1BQU0sVUFBVSxHQUFHO1lBQ2pCLGdCQUFnQixFQUFFLENBQUMsSUFBSSxDQUFDLElBQUk7WUFDNUIsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDbEMsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDbEMsWUFBWSxFQUFFLElBQUksQ0FBQyxPQUFPO1NBQzNCLENBQUM7UUFDRixVQUFVLENBQUMsTUFBTSxJQUFJLENBQUMsS0FBSyxJQUFJLFNBQVMsVUFBVSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQzNELE9BQU8sTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUM7YUFDOUIsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDbkIsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDaEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2YsQ0FBQzs4R0E1RFUscUJBQXFCO2tHQUFyQixxQkFBcUIsa2dCQWZ0Qjs7Ozs7Ozs7O0dBU1Q7OzJGQU1VLHFCQUFxQjtrQkFqQmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFOzs7Ozs7Ozs7R0FTVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUM7b0JBQzdCLE9BQU8sRUFBRSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixDQUFDO2lCQUM1RDs4QkFHQyxJQUFJO3NCQURILEtBQUs7Z0JBS0ssUUFBUTtzQkFEbEIsS0FBSztnQkFVTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixPQUFPO3NCQUROLE1BQU07Z0JBSUMsV0FBVztzQkFEbEIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBWXpCLFdBQVc7c0JBRGxCLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQU16QixVQUFVO3NCQURqQixZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFNcEIsV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPO2dCQWVVLFFBQVE7c0JBQXJDLFdBQVc7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ2xpY2tFdmVudCwgQVhTdHlsZUNvbG9yVHlwZSwgTVhDb2xvckNvbXBvbmVudCwgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQVhCdXR0b25JdGVtTGlzdEl0ZW0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgaWNvbjogc3RyaW5nO1xuICBkaXZpZGVkPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBjb2xvcj86IEFYU3R5bGVDb2xvclR5cGU7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWJ1dHRvbi1pdGVtJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj4gPC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWxvYWRpbmdcIj4gPC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWljb25cIj4gPC9uZy1jb250ZW50PlxuICAgIEBpZiAodGV4dCkge1xuICAgICAgPHNwYW4gY2xhc3M9XCJheC1idXR0b24taXRlbS10ZXh0XCI+e3sgdGV4dCB9fTwvc3Bhbj5cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+IDwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1kcm9wZG93bi1wYW5lbFwiPiA8L25nLWNvbnRlbnQ+XG4gIGAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbnB1dHM6IFsnY29sb3InLCAnZGlzYWJsZWQnXSxcbiAgb3V0cHV0czogWydvbkNsaWNrJywgJ29uRm9jdXMnLCAnb25CbHVyJywgJ2Rpc2FibGVkQ2hhbmdlJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFYQnV0dG9uSXRlbUNvbXBvbmVudCBleHRlbmRzIGNsYXNzZXMoTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCwgTVhDb2xvckNvbXBvbmVudCkge1xuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmc7XG5cbiAgcHJpdmF0ZSBfc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBnZXQgc2VsZWN0ZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkO1xuICB9XG4gIHB1YmxpYyBzZXQgc2VsZWN0ZWQodjogYm9vbGVhbikge1xuICAgIHRoaXMuX3NlbGVjdGVkID0gdjtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGRpdmlkZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBkYXRhOiB1bmtub3duO1xuXG4gIEBJbnB1dCgpXG4gIG5hbWU6IHN0cmluZztcblxuICBAT3V0cHV0KClcbiAgb25DbGljazogRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4oKTtcblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Q2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZm9jdXMnLCBbJyRldmVudCddKVxuICBwcml2YXRlIF9faG9zdEZvY3VzKGU6IEZvY3VzRXZlbnQpIHtcbiAgICB0aGlzLmVtaXRPbkZvY3VzRXZlbnQoZSk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdibHVyJywgWyckZXZlbnQnXSlcbiAgcHJpdmF0ZSBfX2hvc3RCbHVyKGU6IEZvY3VzRXZlbnQpIHtcbiAgICB0aGlzLmVtaXRPbkJsdXJFdmVudChlKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNzc0NsYXNzZXMgPSB7XG4gICAgICAnYXgtYnV0dG9uLWljb24nOiAhdGhpcy50ZXh0LFxuICAgICAgJ2F4LXN0YXRlLWRpc2FibGVkJzogdGhpcy5kaXNhYmxlZCxcbiAgICAgICdheC1zdGF0ZS1zZWxlY3RlZCc6IHRoaXMuc2VsZWN0ZWQsXG4gICAgICAnYXgtZGl2aWRlZCc6IHRoaXMuZGl2aWRlZCxcbiAgICB9O1xuICAgIGNzc0NsYXNzZXNbYGF4LSR7dGhpcy5jb2xvciB8fCAncHJpbWFyeSd9LWRlZmF1bHRgXSA9IHRydWU7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKGNzc0NsYXNzZXMpXG4gICAgICAuZmlsdGVyKChjKSA9PiBjWzFdKVxuICAgICAgLm1hcCgoYykgPT4gY1swXSlcbiAgICAgIC5qb2luKCcgJyk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJpbmRleCA9ICcwJztcbn1cbiJdfQ==
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { AXComponent, AXFocusableComponent, MXButtonBaseComponent
|
2
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding,
|
1
|
+
import { AXComponent, AXFocusableComponent, MXButtonBaseComponent } from '@acorex/components/common';
|
2
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, ViewEncapsulation, input } from '@angular/core';
|
3
3
|
import { AXButtonItemComponent } from './button-item.component';
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
import * as i1 from "@acorex/components/common";
|
@@ -16,7 +16,7 @@ export class AXButtonComponent extends MXButtonBaseComponent {
|
|
16
16
|
* @event
|
17
17
|
*/
|
18
18
|
this.onClick = new EventEmitter();
|
19
|
-
this.type = 'button';
|
19
|
+
this.type = input('button');
|
20
20
|
}
|
21
21
|
ngAfterViewInit() {
|
22
22
|
this.getHostElement().removeAttribute('tabindex');
|
@@ -58,7 +58,7 @@ export class AXButtonComponent extends MXButtonBaseComponent {
|
|
58
58
|
this.getButton().classList.remove('ax-state-focus');
|
59
59
|
}
|
60
60
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
61
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex", color: "color", look: "look", text: "text", toggleable: "toggleable", selected: "selected", type: "type" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
|
62
62
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
63
63
|
{ provide: AXButtonItemComponent, useExisting: AXButtonComponent },
|
64
64
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
@@ -66,33 +66,13 @@ export class AXButtonComponent extends MXButtonBaseComponent {
|
|
66
66
|
}
|
67
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXButtonComponent, decorators: [{
|
68
68
|
type: Component,
|
69
|
-
args: [{ selector: 'ax-button', inputs: [
|
70
|
-
'disabled',
|
71
|
-
'size',
|
72
|
-
'tabIndex',
|
73
|
-
'color',
|
74
|
-
'look',
|
75
|
-
'text',
|
76
|
-
'toggleable',
|
77
|
-
'selected',
|
78
|
-
], outputs: [
|
79
|
-
'onBlur',
|
80
|
-
'onFocus',
|
81
|
-
'onClick',
|
82
|
-
'selectedChange',
|
83
|
-
'toggleableChange',
|
84
|
-
'lookChange',
|
85
|
-
'colorChange',
|
86
|
-
'disabledChange',
|
87
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
69
|
+
args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: ['onBlur', 'onFocus', 'onClick', 'selectedChange', 'toggleableChange', 'lookChange', 'colorChange', 'disabledChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
88
70
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
89
71
|
{ provide: AXButtonItemComponent, useExisting: AXButtonComponent },
|
90
72
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
91
73
|
], template: "<button [axRipple] [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\" (click)=\"_handleClick($event)\" [attr.type]=\"type\">\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner, ax-icon\"> </ng-content>\n <ng-content select=\"ax-content\"> </ng-content>\n\n @if(text){\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n\n <ng-content select=\"ax-suffix\"> </ng-content>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n <ng-content select=\".tab-content\"> </ng-content>\n</button>", styles: ["ax-button{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button.ax-xs{font-size:.75rem;line-height:1rem}ax-button.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem;line-height:1.25rem}ax-button.ax-lg{font-size:1rem;line-height:1.25rem}ax-button.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button.ax-xl{font-size:1.125rem;line-height:1.75rem}ax-button.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button.ax-xl.ax-button-icon{font-size:1.5rem}ax-button.ax-xs.ax-button-icon,ax-button.ax-sm.ax-button-icon{font-size:1rem}ax-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-rounded-border-default);padding-left:1rem;padding-right:1rem;outline-color:transparent}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#000;border-radius:inherit}ax-button>button .ax-button-text{white-space:nowrap;padding-left:.5rem;padding-right:.5rem;font-weight:500;line-height:1}ax-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
|
92
|
-
}], propDecorators: {
|
93
|
-
type: Input
|
94
|
-
}], __hostClass: [{
|
74
|
+
}], propDecorators: { __hostClass: [{
|
95
75
|
type: HostBinding,
|
96
76
|
args: ['class']
|
97
77
|
}] } });
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9idXR0b24vc3JjL2xpYi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2J1dHRvbi9zcmMvbGliL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ25ILE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZJLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFFaEU7Ozs7R0FJRztBQWVILE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxxQkFBcUI7SUFkNUQ7O1FBZUU7OztXQUdHO1FBQ0gsWUFBTyxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQUV2RSxTQUFJLEdBQUcsS0FBSyxDQUFlLFFBQVEsQ0FBQyxDQUFDO0tBZ0R0QztJQTlDQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRU8sU0FBUztRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLGlCQUFzQyxDQUFDO0lBQ3RFLENBQUM7SUFFRCxZQUFZLENBQUMsQ0FBYTtRQUN4QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkIsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUNqQyxDQUFDO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7WUFDaEIsU0FBUyxFQUFFLElBQUk7WUFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNsQyxXQUFXLEVBQUUsQ0FBQztTQUNmLENBQUMsQ0FBQztRQUVILDZCQUE2QjtRQUM3QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2QsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2FBQ25DLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ25CLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVRLEtBQUs7UUFDWixJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBQ1EsSUFBSTtRQUNYLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDdEQsQ0FBQzs4R0F0RFUsaUJBQWlCO2tHQUFqQixpQkFBaUIsNDZDQU5qQjtZQUNULEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUU7WUFDeEQsRUFBRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFO1lBQ2xFLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRTtTQUNsRSxpREN0QkgscWxCQVlTOzsyRkRZSSxpQkFBaUI7a0JBZDdCLFNBQVM7K0JBQ0UsV0FBVyxVQUdiLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFVBQVUsQ0FBQyxXQUNsRixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLGtCQUFrQixFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsbUJBQzdHLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ3hELEVBQUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ2xFLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7cUJBQ2xFOzhCQTRDVyxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENsaWNrRXZlbnQsIEFYQ29tcG9uZW50LCBBWEZvY3VzYWJsZUNvbXBvbmVudCwgTVhCdXR0b25CYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQnV0dG9uVHlwZSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY2xhc3MnO1xuaW1wb3J0IHsgQVhCdXR0b25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24taXRlbS5jb21wb25lbnQnO1xuXG4vKipcbiAqIFRoZSBCdXR0b24gaXMgYSBjb21wb25lbnQgd2hpY2ggZGV0ZWN0cyB1c2VyIGludGVyYWN0aW9uIGFuZCB0cmlnZ2VycyBhIGNvcnJlc3BvbmRpbmcgZXZlbnRcbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogWydkaXNhYmxlZCcsICdzaXplJywgJ3RhYkluZGV4JywgJ2NvbG9yJywgJ2xvb2snLCAndGV4dCcsICd0b2dnbGVhYmxlJywgJ3NlbGVjdGVkJ10sXG4gIG91dHB1dHM6IFsnb25CbHVyJywgJ29uRm9jdXMnLCAnb25DbGljaycsICdzZWxlY3RlZENoYW5nZScsICd0b2dnbGVhYmxlQ2hhbmdlJywgJ2xvb2tDaGFuZ2UnLCAnY29sb3JDaGFuZ2UnLCAnZGlzYWJsZWRDaGFuZ2UnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJ1dHRvbkNvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhCdXR0b25JdGVtQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCdXR0b25Db21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYRm9jdXNhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCdXR0b25Db21wb25lbnQgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBNWEJ1dHRvbkJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgLyoqXG4gICAqICBGaXJlcyBlYWNoIHRpbWUgdGhlIHVzZXIgY2xpY2tzIHRoZSBidXR0b24uXG4gICAqICBAZXZlbnRcbiAgICovXG4gIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+KCk7XG5cbiAgdHlwZSA9IGlucHV0PEFYQnV0dG9uVHlwZT4oJ2J1dHRvbicpO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdldEhvc3RFbGVtZW50KCkucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRCdXR0b24oKTogSFRNTEJ1dHRvbkVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmdldEhvc3RFbGVtZW50KCkuZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEJ1dHRvbkVsZW1lbnQ7XG4gIH1cblxuICBfaGFuZGxlQ2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLnRvZ2dsZWFibGUpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSAhdGhpcy5zZWxlY3RlZDtcbiAgICB9XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKSxcbiAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgIH0pO1xuXG4gICAgLy8gVE9ETzogY2hlY2sga2V5Ym9hcmQgZXZlbnRcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuYmx1cigpO1xuICAgIH0pO1xuICB9XG5cbiAgY2xpY2soKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKT8uY2xpY2soKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKHRoaXMuY3NzQ2xhc3NlcylcbiAgICAgIC5maWx0ZXIoKGMpID0+IGNbMV0pXG4gICAgICAubWFwKChjKSA9PiBjWzBdKTtcbiAgfVxuXG4gIG92ZXJyaWRlIGZvY3VzKCkge1xuICAgIHRoaXMuZ2V0QnV0dG9uKCk/LmZvY3VzKCk7XG4gICAgdGhpcy5nZXRCdXR0b24oKS5jbGFzc0xpc3QuYWRkKCdheC1zdGF0ZS1mb2N1cycpO1xuICB9XG4gIG92ZXJyaWRlIGJsdXIoKSB7XG4gICAgdGhpcy5nZXRCdXR0b24oKS5jbGFzc0xpc3QucmVtb3ZlKCdheC1zdGF0ZS1mb2N1cycpO1xuICB9XG59XG4iLCI8YnV0dG9uIFtheFJpcHBsZV0gW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIiAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIiAoY2xpY2spPVwiX2hhbmRsZUNsaWNrKCRldmVudClcIiBbYXR0ci50eXBlXT1cInR5cGVcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4LCBheC1sb2FkaW5nLCBheC1sb2FkaW5nLXNwaW5uZXIsIGF4LWljb25cIj4gPC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb250ZW50XCI+IDwvbmctY29udGVudD5cblxuICBAaWYodGV4dCl7XG4gIDxzcGFuIGNsYXNzPVwiYXgtYnV0dG9uLXRleHRcIj57eyB0ZXh0IH19PC9zcGFuPlxuICB9XG5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+IDwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtZHJvcGRvd24tcGFuZWxcIj4gPC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCIudGFiLWNvbnRlbnRcIj4gPC9uZy1jb250ZW50PlxuPC9idXR0b24+Il19
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { AXButtonItemComponent } from '@acorex/components/button';
|
2
|
-
import { MXColorLookComponent, MXInteractiveComponent
|
2
|
+
import { MXColorLookComponent, MXInteractiveComponent } from '@acorex/components/common';
|
3
3
|
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, HostBinding, HostListener, Input, Output, QueryList, ViewEncapsulation, } from '@angular/core';
|
4
4
|
import { classes } from 'polytype';
|
5
5
|
import * as i0 from "@angular/core";
|
@@ -115,4 +115,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImpor
|
|
115
115
|
type: HostListener,
|
116
116
|
args: ['click', ['$event']]
|
117
117
|
}] } });
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9idXR0b24tZ3JvdXAvc3JjL2xpYi9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2J1dHRvbi1ncm91cC9zcmMvbGliL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBQWlDLG9CQUFvQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDeEgsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsZUFBZSxFQUNmLFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sVUFBVSxDQUFDOztBQVduQyxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsT0FBTyxDQUFDLHNCQUFzQixFQUFFLG9CQUFvQixDQUFDO0lBVGpHOztRQVVFLFlBQU8sR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFNdkUsb0JBQWUsR0FBa0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQTZGckU7SUExRkMsSUFDVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBVyxTQUFTLENBQUMsS0FBc0I7UUFDekMsSUFBSSxDQUFDLFNBQVMsQ0FBQztZQUNiLElBQUksRUFBRSxXQUFXO1lBQ2pCLEtBQUssRUFBRSxLQUFLO1lBQ1osYUFBYSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUN0QixJQUFJLEtBQUssSUFBSSxNQUFNLEVBQUUsQ0FBQztvQkFDcEIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUN4QixDQUFDO1lBQ0gsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQzFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDcEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQU0sRUFBRSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU07Z0JBQ25CLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBTSxFQUFFLEVBQUU7b0JBQzdCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQy9CLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sVUFBVTtRQUNoQixJQUFJLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQU0sRUFBRSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxDQUFDLGdCQUFnQixDQUFDLElBQUksSUFBSSxFQUFFLENBQUM7Z0JBQ2hDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUM7WUFDbkMsQ0FBQztZQUNELElBQUksSUFBSSxDQUFDLElBQUk7Z0JBQUUsQ0FBQyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ2xDLElBQUksSUFBSSxDQUFDLEtBQUs7Z0JBQUUsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1lBQ3JDLENBQUMsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUNsRCxDQUFDLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFUSxxQkFBcUI7UUFDNUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFTyxpQkFBaUIsQ0FBQyxDQUFlLEVBQUUsTUFBNkI7UUFDdEUsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLFVBQVUsRUFBRSxDQUFDO1lBQ2pDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1FBQ3JDLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksUUFBUSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3RCLE1BQU0sQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLENBQUM7YUFBTSxDQUFDO1lBQ04sTUFBTSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFFTyxjQUFjO1FBQ3BCLElBQUksQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBd0IsRUFBRSxFQUFFO1lBQ3pELENBQUMsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELElBQ1ksV0FBVztRQUNyQixNQUFNLFVBQVUsR0FBRztZQUNqQixtQkFBbUIsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUNuQyxDQUFDO1FBQ0YsVUFBVSxDQUFDLFlBQVksSUFBSSxDQUFDLEtBQUssSUFBSSxTQUFTLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUN6RCxVQUFVLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxJQUFJLFNBQVMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ3ZELE9BQU8sVUFBVSxDQUFDO0lBQ3BCLENBQUM7SUFDRCxJQUE4QixJQUFJO1FBQ2hDLE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFHTyxXQUFXLENBQUMsQ0FBYTtRQUMvQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO2dCQUNoQixTQUFTLEVBQUUsSUFBSTtnQkFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRTtnQkFDbEMsV0FBVyxFQUFFLENBQUM7YUFDZixDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQzs4R0FuR1Usc0JBQXNCO2tHQUF0QixzQkFBc0IsOGRBR2hCLHFCQUFxQixvREM3QnhDLDBGQUdBOzsyRkR1QmEsc0JBQXNCO2tCQVRsQyxTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFVBQzdCLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLENBQUMsV0FDNUIsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLENBQUM7OEJBTXJFLGVBQWU7c0JBRHRCLGVBQWU7dUJBQUMscUJBQXFCO2dCQUl0QyxlQUFlO3NCQURkLE1BQU07Z0JBS0ksU0FBUztzQkFEbkIsS0FBSztnQkFvRU0sV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPO2dCQVNVLElBQUk7c0JBQWpDLFdBQVc7dUJBQUMsV0FBVztnQkFLaEIsV0FBVztzQkFEbEIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbkl0ZW1Db21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYQ2xpY2tFdmVudCwgQVhTZWxlY3Rpb25Nb2RlLCBNWENvbG9yTG9va0NvbXBvbmVudCwgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJ3BvbHl0eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtYnV0dG9uLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW5wdXRzOiBbJ2Rpc2FibGVkJywgJ2NvbG9yJywgJ2xvb2snXSxcbiAgb3V0cHV0czogWydvbkJsdXInLCAnb25Gb2N1cycsICdsb29rQ2hhbmdlJywgJ2NvbG9yQ2hhbmdlJywgJ2Rpc2FibGVkQ2hhbmdlJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFYQnV0dG9uR3JvdXBDb21wb25lbnQgZXh0ZW5kcyBjbGFzc2VzKE1YSW50ZXJhY3RpdmVDb21wb25lbnQsIE1YQ29sb3JMb29rQ29tcG9uZW50KSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PigpO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQVhCdXR0b25JdGVtQ29tcG9uZW50KVxuICBwcml2YXRlIF9jb250ZW50QnV0dG9uczogUXVlcnlMaXN0PEFYQnV0dG9uSXRlbUNvbXBvbmVudD47XG5cbiAgQE91dHB1dCgpXG4gIHNlbGVjdGlvbkNoYW5nZTogRXZlbnRFbWl0dGVyPEFYU2VsZWN0aW9uTW9kZT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcHJpdmF0ZSBfc2VsZWN0aW9uOiBBWFNlbGVjdGlvbk1vZGU7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBnZXQgc2VsZWN0aW9uKCk6IEFYU2VsZWN0aW9uTW9kZSB7XG4gICAgcmV0dXJuIHRoaXMuX3NlbGVjdGlvbjtcbiAgfVxuICBwdWJsaWMgc2V0IHNlbGVjdGlvbih2YWx1ZTogQVhTZWxlY3Rpb25Nb2RlKSB7XG4gICAgdGhpcy5zZXRPcHRpb24oe1xuICAgICAgbmFtZTogJ3NlbGVjdGlvbicsXG4gICAgICB2YWx1ZTogdmFsdWUsXG4gICAgICBhZnRlckNhbGxiYWNrOiAobywgbikgPT4ge1xuICAgICAgICBpZiAodmFsdWUgPT0gJ25vbmUnKSB7XG4gICAgICAgICAgdGhpcy5jbGVhclNlbGVjdGlvbigpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgIH0pO1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHRoaXMuX2JpbmRFdmVudHMoKTtcbiAgICB0aGlzLl9iaW5kUHJvcHMoKTtcbiAgICB0aGlzLl9jb250ZW50QnV0dG9ucy5jaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLl9iaW5kRXZlbnRzKCk7XG4gICAgICB0aGlzLl9iaW5kUHJvcHMoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX2JpbmRFdmVudHMoKSB7XG4gICAgdGhpcy5fY29udGVudEJ1dHRvbnM/LmZvckVhY2goKGI6IGFueSkgPT4ge1xuICAgICAgaWYgKCFiLm9uQ2xpY2subGVuZ3RoKVxuICAgICAgICBiLm9uQ2xpY2suc3Vic2NyaWJlKChjOiBhbnkpID0+IHtcbiAgICAgICAgICB0aGlzLl9oYW5kbGVDbGlja0V2ZW50KGMsIGIpO1xuICAgICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX2JpbmRQcm9wcygpIHtcbiAgICB0aGlzLl9jb250ZW50QnV0dG9ucz8uZm9yRWFjaCgoYjogYW55KSA9PiB7XG4gICAgICBpZiAoYlsnb3JpZ2luRGlzYWJsZWQnXSA9PSBudWxsKSB7XG4gICAgICAgIGJbJ29yaWdpbkRpc2FibGVkJ10gPSBiLmRpc2FibGVkO1xuICAgICAgfVxuICAgICAgaWYgKHRoaXMubG9vaykgYi5sb29rID0gdGhpcy5sb29rO1xuICAgICAgaWYgKHRoaXMuY29sb3IpIGIuY29sb3IgPSB0aGlzLmNvbG9yO1xuICAgICAgYi5kaXNhYmxlZCA9IGJbJ29yaWdpbkRpc2FibGVkJ10gfHwgdGhpcy5kaXNhYmxlZDtcbiAgICAgIGIudG9nZ2xlYWJsZSA9IGZhbHNlO1xuICAgIH0pO1xuICB9XG5cbiAgb3ZlcnJpZGUgaW50ZXJuYWxPcHRpb25DaGFuZ2VkKCkge1xuICAgIHRoaXMuX2JpbmRQcm9wcygpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlQ2xpY2tFdmVudChlOiBBWENsaWNrRXZlbnQsIGJ1dHRvbjogQVhCdXR0b25JdGVtQ29tcG9uZW50KSB7XG4gICAgaWYgKHRoaXMuc2VsZWN0aW9uID09ICdtdWx0aXBsZScpIHtcbiAgICAgIGJ1dHRvbi5zZWxlY3RlZCA9ICFidXR0b24uc2VsZWN0ZWQ7XG4gICAgfSBlbHNlIGlmICh0aGlzLnNlbGVjdGlvbiA9PSAnc2luZ2xlJykge1xuICAgICAgdGhpcy5jbGVhclNlbGVjdGlvbigpO1xuICAgICAgYnV0dG9uLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgYnV0dG9uLnNlbGVjdGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBjbGVhclNlbGVjdGlvbigpIHtcbiAgICB0aGlzLl9jb250ZW50QnV0dG9ucz8uZm9yRWFjaCgoYzogQVhCdXR0b25JdGVtQ29tcG9uZW50KSA9PiB7XG4gICAgICBjLnNlbGVjdGVkID0gZmFsc2U7XG4gICAgfSk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogeyBba2V5OiBzdHJpbmddOiBib29sZWFuIH0ge1xuICAgIGNvbnN0IGNzc0NsYXNzZXMgPSB7XG4gICAgICAnYXgtc3RhdGUtZGlzYWJsZWQnOiB0aGlzLmRpc2FibGVkLFxuICAgIH07XG4gICAgY3NzQ2xhc3Nlc1tgYXgtY29sb3ItJHt0aGlzLmNvbG9yIHx8ICdwcmltYXJ5J31gXSA9IHRydWU7XG4gICAgY3NzQ2xhc3Nlc1tgYXgtbG9vay0ke3RoaXMubG9vayB8fCAnZGVmYXVsdCd9YF0gPSB0cnVlO1xuICAgIHJldHVybiBjc3NDbGFzc2VzO1xuICB9XG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgZ2V0IHJvbGUoKSB7XG4gICAgcmV0dXJuICdncm91cCc7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Q2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGFpbmVyPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b24taXRlbVwiPjwvbmctY29udGVudD5cbjwvbmctY29udGFpbmVyPlxuIl19
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { MXBaseComponent } from '@acorex/components/common';
|
2
|
-
import { Component, HostBinding,
|
2
|
+
import { Component, HostBinding, ViewEncapsulation, inject, input } from '@angular/core';
|
3
3
|
import { AXChatMessageTypeRegistryService } from '../services/chat-message-type-registry.service';
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
import * as i1 from "@angular/common";
|
@@ -7,24 +7,23 @@ import * as i2 from "@acorex/core/format";
|
|
7
7
|
export class AXChatMessageComponent extends MXBaseComponent {
|
8
8
|
constructor() {
|
9
9
|
super(...arguments);
|
10
|
+
this.chatMessage = input();
|
10
11
|
this.registryService = inject(AXChatMessageTypeRegistryService);
|
11
12
|
}
|
12
13
|
get isOwn() {
|
13
|
-
return !this.chatMessage.fromId;
|
14
|
+
return !this.chatMessage().fromId;
|
14
15
|
}
|
15
16
|
get __hostClass() {
|
16
17
|
return `${this.isOwn ? 'ax-state-own' : ''} ${!this.isOwn ? 'ax-state-other' : ''}`;
|
17
18
|
}
|
18
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXChatMessageComponent, selector: "ax-chat-message", inputs: { chatMessage: "chatMessage" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<!-- @if(_replyTo()){\n<div class=\"ax-chat-message-reply\">\n <ng-content select=\"ax-chat-message\"></ng-content>\n</div>\n}\n<ng-content select=\"ax-chat-message-content\"></ng-content>\n<div class=\"ax-chat-message-status\">\n <div>\n <ng-content select=\"ax-prefix\"></ng-content>\n </div>\n <div>\n <span>{{_time()}}</span>\n <span>\n @if(_sent() && !_read()){\n <i class=\"ax-icon ax-icon-check\"></i>\n }\n @if(_read()){\n <i class=\"ax-icon ax-icon-dobble-check\"></i>\n }\n </span>\n <ng-content select=\"ax-suffix\"></ng-content>\n </div>\n</div> -->\n<ng-container\n *ngComponentOutlet=\"registryService.resolve(chatMessage.type).component;inputs:{message:chatMessage}\"></ng-container>\n<div class=\"ax-chat-message-status\">\n <div>\n <ng-content select=\"ax-prefix\"></ng-content>\n </div>\n <div>\n <span>{{ chatMessage.sendTime | format:'datetime':'HH:mm' | async }}</span>\n <span>\n @if(isOwn)\n {\n @if(chatMessage.deliverTime){\n <i class=\"ax-icon ax-icon-check\"></i>\n }\n @if(chatMessage.readTime){\n <i class=\"ax-icon ax-icon-dobble-check\"></i>\n }\n }\n </span>\n </div>\n</div>", styles: ["ax-chat-message{display:block;padding:.75rem;font-size:.875rem;line-height:1.25rem;border-radius:.75rem;--ax-reply-bk: rgba(var(--ax-color-primary-500), .15);--ax-reply-color: rgba(var(--ax-color-primary-fore-tint));--ax-reply-border-color: rgba(var(--ax-color-primary-700));--ax-primary: rgba(var(--ax-color-primary-100));--ax-primary-fore: rgba(var(--ax-color-primary-700))}ax-chat-message.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-primary)}ax-chat-message.ax-state-own .ax-chat-message-status{color:var(--ax-primary-fore)}ax-chat-message.ax-state-other{border-end-start-radius:0!important;background-color:rgba(var(--ax-color-
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXChatMessageComponent, selector: "ax-chat-message", inputs: { chatMessage: { classPropertyName: "chatMessage", publicName: "chatMessage", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<!-- @if(_replyTo()){\n<div class=\"ax-chat-message-reply\">\n <ng-content select=\"ax-chat-message\"></ng-content>\n</div>\n}\n<ng-content select=\"ax-chat-message-content\"></ng-content>\n<div class=\"ax-chat-message-status\">\n <div>\n <ng-content select=\"ax-prefix\"></ng-content>\n </div>\n <div>\n <span>{{_time()}}</span>\n <span>\n @if(_sent() && !_read()){\n <i class=\"ax-icon ax-icon-check\"></i>\n }\n @if(_read()){\n <i class=\"ax-icon ax-icon-dobble-check\"></i>\n }\n </span>\n <ng-content select=\"ax-suffix\"></ng-content>\n </div>\n</div> -->\n<ng-container\n *ngComponentOutlet=\"registryService.resolve(chatMessage().type).component;inputs:{message:chatMessage()}\"></ng-container>\n<div class=\"ax-chat-message-status\">\n <div>\n <ng-content select=\"ax-prefix\"></ng-content>\n </div>\n <div>\n <span>{{ chatMessage().sendTime | format:'datetime':'HH:mm' | async }}</span>\n <span>\n @if(isOwn)\n {\n @if(chatMessage().deliverTime){\n <i class=\"ax-icon ax-icon-check\"></i>\n }\n @if(chatMessage().readTime){\n <i class=\"ax-icon ax-icon-dobble-check\"></i>\n }\n }\n </span>\n </div>\n</div>", styles: ["ax-chat-message{display:block;padding:.75rem;font-size:.875rem;line-height:1.25rem;border-radius:.75rem;border:1px solid;--ax-reply-bk: rgba(var(--ax-color-primary-500), .15);--ax-reply-color: rgba(var(--ax-color-primary-fore-tint));--ax-reply-border-color: rgba(var(--ax-color-primary-700));--ax-primary: rgba(var(--ax-color-primary-100));--ax-primary-fore: rgba(var(--ax-color-primary-700))}ax-chat-message.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-primary);border-color:var(--ax-primary)}ax-chat-message.ax-state-own .ax-chat-message-status{color:var(--ax-primary-fore)}ax-chat-message.ax-state-other{border-end-start-radius:0!important;background-color:rgba(var(--ax-color-surface));border-color:var(--ax-primary)}ax-chat-message.ax-state-other .ax-chat-message-status{color:rgba(var(--ax-color-neutral-400))}ax-chat-message .ax-chat-message-status{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}ax-chat-message .ax-chat-message-status>div{display:flex;gap:.125rem;align-items:center}ax-chat-message .ax-chat-message-reply{display:flex;flex-direction:column;background-color:var(--ax-reply-bk);color:var(--ax-reply-color);border-radius:.5rem;gap:.25rem;padding:.25rem .75rem;margin-bottom:.25rem;border-inline-start:.25rem solid;border-inline-start-color:var(--ax-reply-border-color);cursor:pointer}.ax-dark ax-chat-message{--ax-reply-bk: rgba(var(--ax-color-primary-800));--ax-reply-color: rgba(var(--ax-color-primary-fore));--ax-reply-border-color: rgba(var(--ax-color-primary-fore));--ax-primary: rgba(var(--ax-color-primary-700));--ax-primary-fore: rgba(var(--ax-color-primary-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }], encapsulation: i0.ViewEncapsulation.None }); }
|
20
21
|
}
|
21
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXChatMessageComponent, decorators: [{
|
22
23
|
type: Component,
|
23
|
-
args: [{ selector: 'ax-chat-message', encapsulation: ViewEncapsulation.None, template: "<!-- @if(_replyTo()){\n<div class=\"ax-chat-message-reply\">\n <ng-content select=\"ax-chat-message\"></ng-content>\n</div>\n}\n<ng-content select=\"ax-chat-message-content\"></ng-content>\n<div class=\"ax-chat-message-status\">\n <div>\n <ng-content select=\"ax-prefix\"></ng-content>\n </div>\n <div>\n <span>{{_time()}}</span>\n <span>\n @if(_sent() && !_read()){\n <i class=\"ax-icon ax-icon-check\"></i>\n }\n @if(_read()){\n <i class=\"ax-icon ax-icon-dobble-check\"></i>\n }\n </span>\n <ng-content select=\"ax-suffix\"></ng-content>\n </div>\n</div> -->\n<ng-container\n *ngComponentOutlet=\"registryService.resolve(chatMessage.type).component;inputs:{message:chatMessage}\"></ng-container>\n<div class=\"ax-chat-message-status\">\n <div>\n <ng-content select=\"ax-prefix\"></ng-content>\n </div>\n <div>\n <span>{{ chatMessage.sendTime | format:'datetime':'HH:mm' | async }}</span>\n <span>\n @if(isOwn)\n {\n @if(chatMessage.deliverTime){\n <i class=\"ax-icon ax-icon-check\"></i>\n }\n @if(chatMessage.readTime){\n <i class=\"ax-icon ax-icon-dobble-check\"></i>\n }\n }\n </span>\n </div>\n</div>", styles: ["ax-chat-message{display:block;padding:.75rem;font-size:.875rem;line-height:1.25rem;border-radius:.75rem;--ax-reply-bk: rgba(var(--ax-color-primary-500), .15);--ax-reply-color: rgba(var(--ax-color-primary-fore-tint));--ax-reply-border-color: rgba(var(--ax-color-primary-700));--ax-primary: rgba(var(--ax-color-primary-100));--ax-primary-fore: rgba(var(--ax-color-primary-700))}ax-chat-message.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-primary)}ax-chat-message.ax-state-own .ax-chat-message-status{color:var(--ax-primary-fore)}ax-chat-message.ax-state-other{border-end-start-radius:0!important;background-color:rgba(var(--ax-color-
|
24
|
-
}], propDecorators: {
|
25
|
-
type: Input
|
26
|
-
}], __hostClass: [{
|
24
|
+
args: [{ selector: 'ax-chat-message', encapsulation: ViewEncapsulation.None, template: "<!-- @if(_replyTo()){\n<div class=\"ax-chat-message-reply\">\n <ng-content select=\"ax-chat-message\"></ng-content>\n</div>\n}\n<ng-content select=\"ax-chat-message-content\"></ng-content>\n<div class=\"ax-chat-message-status\">\n <div>\n <ng-content select=\"ax-prefix\"></ng-content>\n </div>\n <div>\n <span>{{_time()}}</span>\n <span>\n @if(_sent() && !_read()){\n <i class=\"ax-icon ax-icon-check\"></i>\n }\n @if(_read()){\n <i class=\"ax-icon ax-icon-dobble-check\"></i>\n }\n </span>\n <ng-content select=\"ax-suffix\"></ng-content>\n </div>\n</div> -->\n<ng-container\n *ngComponentOutlet=\"registryService.resolve(chatMessage().type).component;inputs:{message:chatMessage()}\"></ng-container>\n<div class=\"ax-chat-message-status\">\n <div>\n <ng-content select=\"ax-prefix\"></ng-content>\n </div>\n <div>\n <span>{{ chatMessage().sendTime | format:'datetime':'HH:mm' | async }}</span>\n <span>\n @if(isOwn)\n {\n @if(chatMessage().deliverTime){\n <i class=\"ax-icon ax-icon-check\"></i>\n }\n @if(chatMessage().readTime){\n <i class=\"ax-icon ax-icon-dobble-check\"></i>\n }\n }\n </span>\n </div>\n</div>", styles: ["ax-chat-message{display:block;padding:.75rem;font-size:.875rem;line-height:1.25rem;border-radius:.75rem;border:1px solid;--ax-reply-bk: rgba(var(--ax-color-primary-500), .15);--ax-reply-color: rgba(var(--ax-color-primary-fore-tint));--ax-reply-border-color: rgba(var(--ax-color-primary-700));--ax-primary: rgba(var(--ax-color-primary-100));--ax-primary-fore: rgba(var(--ax-color-primary-700))}ax-chat-message.ax-state-own{border-end-end-radius:0!important;background-color:var(--ax-primary);border-color:var(--ax-primary)}ax-chat-message.ax-state-own .ax-chat-message-status{color:var(--ax-primary-fore)}ax-chat-message.ax-state-other{border-end-start-radius:0!important;background-color:rgba(var(--ax-color-surface));border-color:var(--ax-primary)}ax-chat-message.ax-state-other .ax-chat-message-status{color:rgba(var(--ax-color-neutral-400))}ax-chat-message .ax-chat-message-status{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}ax-chat-message .ax-chat-message-status>div{display:flex;gap:.125rem;align-items:center}ax-chat-message .ax-chat-message-reply{display:flex;flex-direction:column;background-color:var(--ax-reply-bk);color:var(--ax-reply-color);border-radius:.5rem;gap:.25rem;padding:.25rem .75rem;margin-bottom:.25rem;border-inline-start:.25rem solid;border-inline-start-color:var(--ax-reply-border-color);cursor:pointer}.ax-dark ax-chat-message{--ax-reply-bk: rgba(var(--ax-color-primary-800));--ax-reply-color: rgba(var(--ax-color-primary-fore));--ax-reply-border-color: rgba(var(--ax-color-primary-fore));--ax-primary: rgba(var(--ax-color-primary-700));--ax-primary-fore: rgba(var(--ax-color-primary-fore))}\n"] }]
|
25
|
+
}], propDecorators: { __hostClass: [{
|
27
26
|
type: HostBinding,
|
28
27
|
args: ['class']
|
29
28
|
}] } });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1tZXNzYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jaGF0L3NyYy9saWIvY2hhdC1tZXNzYWdlL2NoYXQtbWVzc2FnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY2hhdC9zcmMvbGliL2NoYXQtbWVzc2FnZS9jaGF0LW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekYsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7QUFRbEcsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGVBQWU7SUFOM0Q7O1FBT0UsZ0JBQVcsR0FBRyxLQUFLLEVBQWlCLENBQUM7UUFNM0Isb0JBQWUsR0FBRyxNQUFNLENBQUMsZ0NBQWdDLENBQUMsQ0FBQztLQU10RTtJQVZDLElBQWMsS0FBSztRQUNqQixPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLE1BQU0sQ0FBQztJQUNwQyxDQUFDO0lBSUQsSUFDSSxXQUFXO1FBQ2IsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDO0lBQ3RGLENBQUM7OEdBWlUsc0JBQXNCO2tHQUF0QixzQkFBc0IsMlJDWG5DLGkyQ0EyQ007OzJGRGhDTyxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUdaLGlCQUFpQixDQUFDLElBQUk7OEJBWWpDLFdBQVc7c0JBRGQsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhDaGF0TWVzc2FnZSB9IGZyb20gJy4uL2NoYXQudHlwZXMnO1xuaW1wb3J0IHsgQVhDaGF0TWVzc2FnZVR5cGVSZWdpc3RyeVNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9jaGF0LW1lc3NhZ2UtdHlwZS1yZWdpc3RyeS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY2hhdC1tZXNzYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoYXQtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoYXQtbWVzc2FnZS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWENoYXRNZXNzYWdlQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IHtcbiAgY2hhdE1lc3NhZ2UgPSBpbnB1dDxBWENoYXRNZXNzYWdlPigpO1xuXG4gIHByb3RlY3RlZCBnZXQgaXNPd24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLmNoYXRNZXNzYWdlKCkuZnJvbUlkO1xuICB9XG5cbiAgcHJvdGVjdGVkIHJlZ2lzdHJ5U2VydmljZSA9IGluamVjdChBWENoYXRNZXNzYWdlVHlwZVJlZ2lzdHJ5U2VydmljZSk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHt0aGlzLmlzT3duID8gJ2F4LXN0YXRlLW93bicgOiAnJ30gJHshdGhpcy5pc093biA/ICdheC1zdGF0ZS1vdGhlcicgOiAnJ31gO1xuICB9XG59XG4iLCI8IS0tIEBpZihfcmVwbHlUbygpKXtcbjxkaXYgY2xhc3M9XCJheC1jaGF0LW1lc3NhZ2UtcmVwbHlcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jaGF0LW1lc3NhZ2VcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbn1cbjxuZy1jb250ZW50IHNlbGVjdD1cImF4LWNoYXQtbWVzc2FnZS1jb250ZW50XCI+PC9uZy1jb250ZW50PlxuPGRpdiBjbGFzcz1cImF4LWNoYXQtbWVzc2FnZS1zdGF0dXNcIj5cbiAgICA8ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgICAgPHNwYW4+e3tfdGltZSgpfX08L3NwYW4+XG4gICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgQGlmKF9zZW50KCkgJiYgIV9yZWFkKCkpe1xuICAgICAgICAgICAgPGkgY2xhc3M9XCJheC1pY29uIGF4LWljb24tY2hlY2tcIj48L2k+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYoX3JlYWQoKSl7XG4gICAgICAgICAgICA8aSBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1kb2JibGUtY2hlY2tcIj48L2k+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9kaXY+IC0tPlxuPG5nLWNvbnRhaW5lclxuICAgICpuZ0NvbXBvbmVudE91dGxldD1cInJlZ2lzdHJ5U2VydmljZS5yZXNvbHZlKGNoYXRNZXNzYWdlKCkudHlwZSkuY29tcG9uZW50O2lucHV0czp7bWVzc2FnZTpjaGF0TWVzc2FnZSgpfVwiPjwvbmctY29udGFpbmVyPlxuPGRpdiBjbGFzcz1cImF4LWNoYXQtbWVzc2FnZS1zdGF0dXNcIj5cbiAgICA8ZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgICAgPHNwYW4+e3sgY2hhdE1lc3NhZ2UoKS5zZW5kVGltZSB8IGZvcm1hdDonZGF0ZXRpbWUnOidISDptbScgfCBhc3luYyB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICBAaWYoaXNPd24pXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICBAaWYoY2hhdE1lc3NhZ2UoKS5kZWxpdmVyVGltZSl7XG4gICAgICAgICAgICA8aSBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1jaGVja1wiPjwvaT5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZihjaGF0TWVzc2FnZSgpLnJlYWRUaW1lKXtcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWRvYmJsZS1jaGVja1wiPjwvaT5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|