@libs-ui/components-buttons-button 0.2.29 → 0.2.30-6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +179 -2
- package/button.component.d.ts +9 -7
- package/esm2022/button.component.mjs +45 -28
- package/esm2022/interfaces/button.interface.mjs +1 -1
- package/fesm2022/libs-ui-components-buttons-button.mjs +44 -27
- package/fesm2022/libs-ui-components-buttons-button.mjs.map +1 -1
- package/interfaces/button.interface.d.ts +2 -34
- package/package.json +10 -3
package/README.md
CHANGED
|
@@ -1,3 +1,180 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Button
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
## Giới thiệu
|
|
4
|
+
|
|
5
|
+
`@libs-ui/components-buttons-button` là một component Button linh hoạt dùng cho ứng dụng Angular. Component này hỗ trợ:
|
|
6
|
+
|
|
7
|
+
- Nhiều kiểu button (primary, secondary, third, outline, outline-green, link, custom)
|
|
8
|
+
- Nhiều kích thước (large, medium, small, smaller)
|
|
9
|
+
- Trạng thái loading (`pending`) và disabled
|
|
10
|
+
- Hiển thị popover thông tin khi hover hoặc focus
|
|
11
|
+
- Xuất ra các sự kiện click và popover control
|
|
12
|
+
|
|
13
|
+
## Tính năng
|
|
14
|
+
|
|
15
|
+
- Tùy chọn kiểu hiển thị: `button-primary`, `button-secondary`, `button-third`, `button-outline`, `button-outline-green`, `button-link`, `button-custom`
|
|
16
|
+
- Tùy chọn kích thước: `large` | `medium` | `small` | `smaller`
|
|
17
|
+
- Trạng thái loading dễ dàng với `isPending`
|
|
18
|
+
- Vô hiệu hóa button với `disable`
|
|
19
|
+
- Hỗ trợ popover nội dung tùy chỉnh
|
|
20
|
+
|
|
21
|
+
## Cài đặt
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
npm install @libs-ui/components-buttons-button
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
hoặc
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
yarn add @libs-ui/components-buttons-button
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Sử dụng
|
|
34
|
+
|
|
35
|
+
### Inline Template
|
|
36
|
+
|
|
37
|
+
```typescript
|
|
38
|
+
import { Component } from '@angular/core';
|
|
39
|
+
import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
|
|
40
|
+
|
|
41
|
+
@Component({
|
|
42
|
+
selector: 'app-example',
|
|
43
|
+
standalone: true,
|
|
44
|
+
imports: [LibsUiComponentsButtonsButtonComponent],
|
|
45
|
+
template: `
|
|
46
|
+
<libs_ui-components-buttons-button
|
|
47
|
+
[type]="'button-primary'"
|
|
48
|
+
[label]="'Click me'"
|
|
49
|
+
(outClick)="onClick()">
|
|
50
|
+
</libs_ui-components-buttons-button>
|
|
51
|
+
`
|
|
52
|
+
})
|
|
53
|
+
export class ExampleComponent {
|
|
54
|
+
onClick() {
|
|
55
|
+
console.log('Clicked');
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
### File HTML riêng
|
|
61
|
+
|
|
62
|
+
```typescript
|
|
63
|
+
import { Component } from '@angular/core';
|
|
64
|
+
import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
|
|
65
|
+
|
|
66
|
+
@Component({
|
|
67
|
+
selector: 'app-example',
|
|
68
|
+
standalone: true,
|
|
69
|
+
imports: [LibsUiComponentsButtonsButtonComponent],
|
|
70
|
+
templateUrl: './example.component.html'
|
|
71
|
+
})
|
|
72
|
+
export class ExampleComponent {}
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
```html
|
|
76
|
+
<libs_ui-components-buttons-button
|
|
77
|
+
[type]="'button-secondary'"
|
|
78
|
+
[label]="'Submit'">
|
|
79
|
+
</libs_ui-components-buttons-button>
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
## Công nghệ sử dụng
|
|
83
|
+
|
|
84
|
+
- **Angular 18** với standalone components và Signals
|
|
85
|
+
- **Tailwind CSS** 3.x (phong cách demo)
|
|
86
|
+
|
|
87
|
+
## API Reference
|
|
88
|
+
|
|
89
|
+
### Inputs
|
|
90
|
+
|
|
91
|
+
| Tên | Kiểu | Mặc định | Mô tả |
|
|
92
|
+
|------------|------------------------------|-------------------|------------------------------------------------------|
|
|
93
|
+
| type | `TYPE_BUTTON` | `button-primary` | Kiểu style của nút (ví dụ: button-primary, button-secondary, ...). |
|
|
94
|
+
| sizeButton | `TYPE_SIZE_BUTTON` | `medium` | Kích thước của nút (large, medium, small, smaller). |
|
|
95
|
+
| label | `string` | `' '` | Nội dung text hiển thị trên nút. |
|
|
96
|
+
| disable | `boolean` | `false` | Nếu true: vô hiệu hóa nút, không cho tương tác. |
|
|
97
|
+
| isPending | `boolean` | `false` | Nếu true: hiển thị trạng thái loading và vô hiệu hóa nút. |
|
|
98
|
+
| popover | `IPopover` | `{}` | Cấu hình chi tiết cho popover (nội dung, vị trí, chế độ hiển thị). |
|
|
99
|
+
| buttonCustom | `IColorButton` | undefined | Cấu hình màu custom khi type là button-custom hoặc button-link-custom. |
|
|
100
|
+
| imageLeft | `{ src: string; classInclude?: string }` | undefined | Thêm image/icon bên trái nút. |
|
|
101
|
+
| classInclude | `string` | `''` | Class CSS thêm cho container nút. |
|
|
102
|
+
| classIconLeft | `string` | `''` | Class CSS thêm cho icon bên trái. |
|
|
103
|
+
| classIconRight | `string` | `''` | Class CSS thêm cho icon bên phải. |
|
|
104
|
+
| classLabel | `string` | `''` | Class CSS thêm cho nhãn (label). |
|
|
105
|
+
| iconOnlyType | `boolean` | `false` | Chỉ hiển thị icon, không hiển thị nhãn. |
|
|
106
|
+
| ignoreStopPropagationEvent | `boolean` | `true` | Cho phép ngăn chặn hoặc không propagation sự kiện click. |
|
|
107
|
+
| zIndex | `number` | `10` | Giá trị z-index của popover. |
|
|
108
|
+
| widthLabelPopover | `number` | undefined | Chiều rộng của label popover (px). |
|
|
109
|
+
| styleIconLeft | `Record<string, any>` | undefined | Style inline cho icon trái. |
|
|
110
|
+
| styleButton | `Record<string, any>` | undefined | Style inline cho button. |
|
|
111
|
+
| ignoreFocusWhenInputTab | `boolean` | undefined | Bỏ qua focus khi nhấn Tab. |
|
|
112
|
+
| ignoreSetClickWhenShowPopover | `boolean` | undefined | Bỏ qua set click khi show popover. |
|
|
113
|
+
| ignorePointerEvent | `boolean` | undefined | Bỏ qua pointer events. |
|
|
114
|
+
| isActive | `boolean` | undefined | Trạng thái active của button. |
|
|
115
|
+
| isHandlerEnterDocumentClickButton | `boolean` | undefined | Cho phép xử lý event Enter trên document. |
|
|
116
|
+
|
|
117
|
+
### Outputs
|
|
118
|
+
|
|
119
|
+
| Tên | Kiểu | Mô tả |
|
|
120
|
+
|-------------------|----------------------------------------------|------------------------------------|
|
|
121
|
+
| outClick | `(event: Event) => void` | Phát ra khi người dùng click vào nút. |
|
|
122
|
+
| outPopoverEvent | `(event: TYPE_POPOVER_EVENT) => void` | Phát ra các sự kiện của popover (show, hide, click). |
|
|
123
|
+
| outFunctionsControl | `(control: IPopoverFunctionControlEvent) => void` | Cung cấp API để điều khiển popover. |
|
|
124
|
+
|
|
125
|
+
### Interfaces
|
|
126
|
+
|
|
127
|
+
#### `TYPE_BUTTON`
|
|
128
|
+
|
|
129
|
+
```typescript
|
|
130
|
+
export type TYPE_BUTTON =
|
|
131
|
+
'button-primary'
|
|
132
|
+
| 'button-primary-revert'
|
|
133
|
+
| 'button-secondary'
|
|
134
|
+
| 'button-secondary-red'
|
|
135
|
+
| 'button-outline-secondary'
|
|
136
|
+
| 'button-third'
|
|
137
|
+
| 'button-outline'
|
|
138
|
+
| 'button-danger-high'
|
|
139
|
+
| 'button-outline-hover-danger'
|
|
140
|
+
| 'button-third-hover-danger'
|
|
141
|
+
| 'button-danger-low'
|
|
142
|
+
| 'button-green'
|
|
143
|
+
| 'button-violet'
|
|
144
|
+
| 'button-secondary-green'
|
|
145
|
+
| 'button-outline-green'
|
|
146
|
+
| 'button-custom'
|
|
147
|
+
| 'button-link-primary'
|
|
148
|
+
| 'button-link-third'
|
|
149
|
+
| 'button-link-danger-high'
|
|
150
|
+
| 'button-link-danger-low'
|
|
151
|
+
| 'button-link-green'
|
|
152
|
+
| 'button-link-violet'
|
|
153
|
+
| 'button-link-custom'
|
|
154
|
+
| string;
|
|
155
|
+
```
|
|
156
|
+
|
|
157
|
+
Mô tả: Các giá trị style của nút được hỗ trợ.
|
|
158
|
+
|
|
159
|
+
#### `TYPE_SIZE_BUTTON`
|
|
160
|
+
|
|
161
|
+
```typescript
|
|
162
|
+
export type TYPE_SIZE_BUTTON = 'large' | 'medium' | 'small' | 'smaller';
|
|
163
|
+
```
|
|
164
|
+
|
|
165
|
+
Mô tả: Các giá trị kích thước của nút được hỗ trợ.
|
|
166
|
+
|
|
167
|
+
#### `IPopover`
|
|
168
|
+
|
|
169
|
+
```typescript
|
|
170
|
+
export interface IPopover {
|
|
171
|
+
type?: TYPE_POPOVER_TYPE;
|
|
172
|
+
mode?: TYPE_POPOVER_MODE;
|
|
173
|
+
dataView?: string;
|
|
174
|
+
config?: IPopoverOverlay;
|
|
175
|
+
classInclude?: string;
|
|
176
|
+
ignoreShowPopover?: boolean;
|
|
177
|
+
}
|
|
178
|
+
```
|
|
179
|
+
|
|
180
|
+
Mô tả: Cấu hình chi tiết cho popover (nội dung, vị trí, chế độ hiển thị).
|
package/button.component.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { OnDestroy } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, OnDestroy } from '@angular/core';
|
|
2
2
|
import { IFlagMouse, IPopover, IPopoverFunctionControlEvent, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
|
|
3
3
|
import { TYPE_SPINNER } from '@libs-ui/components-spinner';
|
|
4
4
|
import { IColorButton } from '@libs-ui/services-config-project';
|
|
5
|
-
import {
|
|
5
|
+
import { TYPE_SIZE_BUTTON } from './interfaces/button.interface';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class LibsUiComponentsButtonsButtonComponent implements OnDestroy {
|
|
7
|
+
export declare class LibsUiComponentsButtonsButtonComponent implements AfterViewInit, OnDestroy {
|
|
8
8
|
private onDestroy;
|
|
9
9
|
protected classBinding: import("@angular/core").WritableSignal<string>;
|
|
10
10
|
protected isClick: import("@angular/core").WritableSignal<boolean>;
|
|
@@ -12,9 +12,9 @@ export declare class LibsUiComponentsButtonsButtonComponent implements OnDestroy
|
|
|
12
12
|
protected typeButton: import("@angular/core").WritableSignal<boolean>;
|
|
13
13
|
private configProjectService;
|
|
14
14
|
readonly flagMouse: import("@angular/core").InputSignal<IFlagMouse>;
|
|
15
|
-
readonly type: import("@angular/core").InputSignal<
|
|
15
|
+
readonly type: import("@angular/core").InputSignal<string>;
|
|
16
16
|
readonly buttonCustom: import("@angular/core").InputSignal<IColorButton | undefined>;
|
|
17
|
-
readonly sizeButton: import("@angular/core").
|
|
17
|
+
readonly sizeButton: import("@angular/core").InputSignalWithTransform<TYPE_SIZE_BUTTON, TYPE_SIZE_BUTTON | undefined>;
|
|
18
18
|
readonly label: import("@angular/core").InputSignal<string>;
|
|
19
19
|
readonly disable: import("@angular/core").InputSignal<boolean>;
|
|
20
20
|
readonly isPending: import("@angular/core").InputSignal<boolean | undefined>;
|
|
@@ -28,7 +28,7 @@ export declare class LibsUiComponentsButtonsButtonComponent implements OnDestroy
|
|
|
28
28
|
readonly classLabel: import("@angular/core").InputSignal<string>;
|
|
29
29
|
readonly iconOnlyType: import("@angular/core").InputSignal<boolean>;
|
|
30
30
|
readonly popover: import("@angular/core").InputSignal<IPopover>;
|
|
31
|
-
readonly ignoreStopPropagationEvent: import("@angular/core").
|
|
31
|
+
readonly ignoreStopPropagationEvent: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
|
|
32
32
|
readonly zIndex: import("@angular/core").InputSignal<number>;
|
|
33
33
|
readonly widthLabelPopover: import("@angular/core").InputSignal<number | undefined>;
|
|
34
34
|
readonly styleIconLeft: import("@angular/core").InputSignal<Record<string, any> | undefined>;
|
|
@@ -37,11 +37,13 @@ export declare class LibsUiComponentsButtonsButtonComponent implements OnDestroy
|
|
|
37
37
|
readonly ignoreSetClickWhenShowPopover: import("@angular/core").InputSignal<boolean | undefined>;
|
|
38
38
|
readonly ignorePointerEvent: import("@angular/core").InputSignal<boolean | undefined>;
|
|
39
39
|
readonly isActive: import("@angular/core").InputSignal<boolean | undefined>;
|
|
40
|
+
readonly isHandlerEnterDocumentClickButton: import("@angular/core").InputSignal<boolean | undefined>;
|
|
40
41
|
readonly outClick: import("@angular/core").OutputEmitterRef<Event>;
|
|
41
42
|
readonly outPopoverEvent: import("@angular/core").OutputEmitterRef<TYPE_POPOVER_EVENT>;
|
|
42
43
|
readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IPopoverFunctionControlEvent>;
|
|
43
44
|
private readonly buttonEl;
|
|
44
45
|
constructor();
|
|
46
|
+
ngAfterViewInit(): void;
|
|
45
47
|
protected handlerClick(e: Event): void;
|
|
46
48
|
protected handlerPopoverControlEvent(control: IPopoverFunctionControlEvent): Promise<void>;
|
|
47
49
|
private setClassByType;
|
|
@@ -50,5 +52,5 @@ export declare class LibsUiComponentsButtonsButtonComponent implements OnDestroy
|
|
|
50
52
|
protected handlerPopoverEvent(event: TYPE_POPOVER_EVENT): Promise<void>;
|
|
51
53
|
ngOnDestroy(): void;
|
|
52
54
|
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsButtonsButtonComponent, never>;
|
|
53
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsButtonsButtonComponent, "libs_ui-components-buttons-button", never, { "flagMouse": { "alias": "flagMouse"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "buttonCustom": { "alias": "buttonCustom"; "required": false; "isSignal": true; }; "sizeButton": { "alias": "sizeButton"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "isPending": { "alias": "isPending"; "required": false; "isSignal": true; }; "imageLeft": { "alias": "imageLeft"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "classIconLeft": { "alias": "classIconLeft"; "required": false; "isSignal": true; }; "classIconRight": { "alias": "classIconRight"; "required": false; "isSignal": true; }; "classLabel": { "alias": "classLabel"; "required": false; "isSignal": true; }; "iconOnlyType": { "alias": "iconOnlyType"; "required": false; "isSignal": true; }; "popover": { "alias": "popover"; "required": false; "isSignal": true; }; "ignoreStopPropagationEvent": { "alias": "ignoreStopPropagationEvent"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "widthLabelPopover": { "alias": "widthLabelPopover"; "required": false; "isSignal": true; }; "styleIconLeft": { "alias": "styleIconLeft"; "required": false; "isSignal": true; }; "styleButton": { "alias": "styleButton"; "required": false; "isSignal": true; }; "ignoreFocusWhenInputTab": { "alias": "ignoreFocusWhenInputTab"; "required": false; "isSignal": true; }; "ignoreSetClickWhenShowPopover": { "alias": "ignoreSetClickWhenShowPopover"; "required": false; "isSignal": true; }; "ignorePointerEvent": { "alias": "ignorePointerEvent"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, { "outClick": "outClick"; "outPopoverEvent": "outPopoverEvent"; "outFunctionsControl": "outFunctionsControl"; }, never, never, true, never>;
|
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsButtonsButtonComponent, "libs_ui-components-buttons-button", never, { "flagMouse": { "alias": "flagMouse"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "buttonCustom": { "alias": "buttonCustom"; "required": false; "isSignal": true; }; "sizeButton": { "alias": "sizeButton"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "isPending": { "alias": "isPending"; "required": false; "isSignal": true; }; "imageLeft": { "alias": "imageLeft"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "classIconLeft": { "alias": "classIconLeft"; "required": false; "isSignal": true; }; "classIconRight": { "alias": "classIconRight"; "required": false; "isSignal": true; }; "classLabel": { "alias": "classLabel"; "required": false; "isSignal": true; }; "iconOnlyType": { "alias": "iconOnlyType"; "required": false; "isSignal": true; }; "popover": { "alias": "popover"; "required": false; "isSignal": true; }; "ignoreStopPropagationEvent": { "alias": "ignoreStopPropagationEvent"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "widthLabelPopover": { "alias": "widthLabelPopover"; "required": false; "isSignal": true; }; "styleIconLeft": { "alias": "styleIconLeft"; "required": false; "isSignal": true; }; "styleButton": { "alias": "styleButton"; "required": false; "isSignal": true; }; "ignoreFocusWhenInputTab": { "alias": "ignoreFocusWhenInputTab"; "required": false; "isSignal": true; }; "ignoreSetClickWhenShowPopover": { "alias": "ignoreSetClickWhenShowPopover"; "required": false; "isSignal": true; }; "ignorePointerEvent": { "alias": "ignorePointerEvent"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "isHandlerEnterDocumentClickButton": { "alias": "isHandlerEnterDocumentClickButton"; "required": false; "isSignal": true; }; }, { "outClick": "outClick"; "outPopoverEvent": "outPopoverEvent"; "outFunctionsControl": "outFunctionsControl"; }, never, never, true, never>;
|
|
54
56
|
}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
2
|
import { NgStyle } from '@angular/common';
|
|
3
|
-
import { ChangeDetectionStrategy, Component, effect, inject, input, output, signal, viewChild } from '@angular/core';
|
|
3
|
+
import { ChangeDetectionStrategy, Component, effect, inject, input, output, signal, untracked, viewChild } from '@angular/core';
|
|
4
4
|
import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
|
|
5
5
|
import { LibsUiComponentsSpinnerComponent } from '@libs-ui/components-spinner';
|
|
6
6
|
import { LibsUiConfigProjectService } from '@libs-ui/services-config-project';
|
|
7
|
-
import { colorContrastFromOrigin, get } from '@libs-ui/utils';
|
|
7
|
+
import { colorContrastFromOrigin, get, UtilsKeyCodeConstant } from '@libs-ui/utils';
|
|
8
8
|
import { TranslateModule } from '@ngx-translate/core';
|
|
9
|
-
import { Subject, timer } from 'rxjs';
|
|
9
|
+
import { fromEvent, Subject, timer } from 'rxjs';
|
|
10
10
|
import { takeUntil } from 'rxjs/operators';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
import * as i1 from "@ngx-translate/core";
|
|
13
13
|
export class LibsUiComponentsButtonsButtonComponent {
|
|
14
|
-
|
|
14
|
+
// #region PROPERTY
|
|
15
15
|
onDestroy = new Subject();
|
|
16
16
|
classBinding = signal('');
|
|
17
17
|
isClick = signal(false);
|
|
18
18
|
typeIconLoading = signal('spin-blue');
|
|
19
19
|
typeButton = signal(false);
|
|
20
20
|
configProjectService = inject(LibsUiConfigProjectService);
|
|
21
|
-
|
|
21
|
+
// #region INPUT
|
|
22
22
|
flagMouse = input({ isMouseEnter: false, isMouseEnterContent: false, isContainerHasScroll: false });
|
|
23
23
|
type = input('button-primary');
|
|
24
24
|
buttonCustom = input(); // bắt buộc khi type là button-custom hoặc button-link-custom
|
|
25
|
-
sizeButton = input('medium');
|
|
25
|
+
sizeButton = input('medium', { transform: (value) => value ?? 'medium' });
|
|
26
26
|
label = input(' ');
|
|
27
27
|
disable = input(false);
|
|
28
28
|
isPending = input();
|
|
@@ -33,7 +33,7 @@ export class LibsUiComponentsButtonsButtonComponent {
|
|
|
33
33
|
classLabel = input('');
|
|
34
34
|
iconOnlyType = input(false);
|
|
35
35
|
popover = input({});
|
|
36
|
-
ignoreStopPropagationEvent = input();
|
|
36
|
+
ignoreStopPropagationEvent = input(true, { transform: (val) => val ?? true });
|
|
37
37
|
zIndex = input(10);
|
|
38
38
|
widthLabelPopover = input();
|
|
39
39
|
styleIconLeft = input();
|
|
@@ -42,20 +42,37 @@ export class LibsUiComponentsButtonsButtonComponent {
|
|
|
42
42
|
ignoreSetClickWhenShowPopover = input();
|
|
43
43
|
ignorePointerEvent = input();
|
|
44
44
|
isActive = input();
|
|
45
|
-
|
|
45
|
+
isHandlerEnterDocumentClickButton = input();
|
|
46
|
+
// #region OUTPUT
|
|
46
47
|
outClick = output();
|
|
47
48
|
outPopoverEvent = output();
|
|
48
49
|
outFunctionsControl = output();
|
|
49
50
|
/* VIEW CHILD */
|
|
50
|
-
buttonEl = viewChild('buttonEl');
|
|
51
|
+
buttonEl = viewChild.required('buttonEl');
|
|
51
52
|
constructor() {
|
|
52
53
|
effect(() => {
|
|
53
|
-
this.
|
|
54
|
-
|
|
54
|
+
this.type();
|
|
55
|
+
this.buttonCustom();
|
|
56
|
+
this.sizeButton();
|
|
57
|
+
untracked(() => this.setClassByType());
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
ngAfterViewInit() {
|
|
61
|
+
if (!this.isHandlerEnterDocumentClickButton()) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
fromEvent(document, 'keyup')
|
|
65
|
+
.pipe(takeUntil(this.onDestroy))
|
|
66
|
+
.subscribe((e) => {
|
|
67
|
+
if (e.keyCode !== UtilsKeyCodeConstant.ENTER) {
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
this.handlerClick(e);
|
|
71
|
+
});
|
|
55
72
|
}
|
|
56
73
|
/* FUNCTIONS */
|
|
57
74
|
handlerClick(e) {
|
|
58
|
-
if (this.ignoreStopPropagationEvent()
|
|
75
|
+
if (!this.ignoreStopPropagationEvent()) {
|
|
59
76
|
e.stopPropagation();
|
|
60
77
|
}
|
|
61
78
|
this.buttonEl()?.nativeElement.blur();
|
|
@@ -64,7 +81,9 @@ export class LibsUiComponentsButtonsButtonComponent {
|
|
|
64
81
|
}
|
|
65
82
|
this.outClick.emit(e);
|
|
66
83
|
this.isClick.set(true);
|
|
67
|
-
timer(100)
|
|
84
|
+
timer(100)
|
|
85
|
+
.pipe(takeUntil(this.onDestroy))
|
|
86
|
+
.subscribe(() => {
|
|
68
87
|
this.isClick.set(false);
|
|
69
88
|
});
|
|
70
89
|
}
|
|
@@ -77,19 +96,21 @@ export class LibsUiComponentsButtonsButtonComponent {
|
|
|
77
96
|
}
|
|
78
97
|
this.setClassAndIconLoadingByType();
|
|
79
98
|
const config = this.type().includes('custom') ? this.buttonCustom() : get(this.configProjectService.ConfigButton(), this.type());
|
|
80
|
-
|
|
99
|
+
if (config) {
|
|
100
|
+
this.setVariableStyles(config.rootColor, config.configStepColor);
|
|
101
|
+
}
|
|
81
102
|
if (!this.sizeButton || !this.typeButton()) {
|
|
82
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()}`);
|
|
103
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()}`);
|
|
83
104
|
}
|
|
84
105
|
switch (this.sizeButton()) {
|
|
85
106
|
case 'large':
|
|
86
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-large`);
|
|
107
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-large`);
|
|
87
108
|
case 'medium':
|
|
88
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-medium`);
|
|
109
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-medium`);
|
|
89
110
|
case 'small':
|
|
90
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-small`);
|
|
111
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-small`);
|
|
91
112
|
case 'smaller':
|
|
92
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-smaller`);
|
|
113
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-smaller`);
|
|
93
114
|
}
|
|
94
115
|
}
|
|
95
116
|
async setClassAndIconLoadingByType() {
|
|
@@ -111,14 +132,14 @@ export class LibsUiComponentsButtonsButtonComponent {
|
|
|
111
132
|
return;
|
|
112
133
|
}
|
|
113
134
|
const colors = colorContrastFromOrigin(color);
|
|
114
|
-
Object.keys(configStep).forEach(key => {
|
|
135
|
+
Object.keys(configStep).forEach((key) => {
|
|
115
136
|
const valueStep = get(configStep, key);
|
|
116
137
|
const typeLink = this.type().includes('link');
|
|
117
138
|
if (typeof valueStep === 'string') {
|
|
118
139
|
this.buttonEl()?.nativeElement.style.setProperty(`--libs-ui-button${typeLink ? '-link' : ''}-other-color-${key.replace('_', '-')}`, valueStep);
|
|
119
140
|
return;
|
|
120
141
|
}
|
|
121
|
-
const color = colors.find(item => item.step === Math.abs(valueStep));
|
|
142
|
+
const color = colors.find((item) => item.step === Math.abs(valueStep));
|
|
122
143
|
this.buttonEl()?.nativeElement.style.setProperty(`--libs-ui-button${typeLink ? '-link' : ''}-other-color-${key.replace('_', '-')}`, get(color || {}, valueStep < 0 ? 'dark' : 'light'));
|
|
123
144
|
});
|
|
124
145
|
}
|
|
@@ -140,14 +161,10 @@ export class LibsUiComponentsButtonsButtonComponent {
|
|
|
140
161
|
this.onDestroy.complete();
|
|
141
162
|
}
|
|
142
163
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
143
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsButtonsButtonComponent, isStandalone: true, selector: "libs_ui-components-buttons-button", inputs: { flagMouse: { classPropertyName: "flagMouse", publicName: "flagMouse", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, buttonCustom: { classPropertyName: "buttonCustom", publicName: "buttonCustom", isSignal: true, isRequired: false, transformFunction: null }, sizeButton: { classPropertyName: "sizeButton", publicName: "sizeButton", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, isPending: { classPropertyName: "isPending", publicName: "isPending", isSignal: true, isRequired: false, transformFunction: null }, imageLeft: { classPropertyName: "imageLeft", publicName: "imageLeft", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, classIconLeft: { classPropertyName: "classIconLeft", publicName: "classIconLeft", isSignal: true, isRequired: false, transformFunction: null }, classIconRight: { classPropertyName: "classIconRight", publicName: "classIconRight", isSignal: true, isRequired: false, transformFunction: null }, classLabel: { classPropertyName: "classLabel", publicName: "classLabel", isSignal: true, isRequired: false, transformFunction: null }, iconOnlyType: { classPropertyName: "iconOnlyType", publicName: "iconOnlyType", isSignal: true, isRequired: false, transformFunction: null }, popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, widthLabelPopover: { classPropertyName: "widthLabelPopover", publicName: "widthLabelPopover", isSignal: true, isRequired: false, transformFunction: null }, styleIconLeft: { classPropertyName: "styleIconLeft", publicName: "styleIconLeft", isSignal: true, isRequired: false, transformFunction: null }, styleButton: { classPropertyName: "styleButton", publicName: "styleButton", isSignal: true, isRequired: false, transformFunction: null }, ignoreFocusWhenInputTab: { classPropertyName: "ignoreFocusWhenInputTab", publicName: "ignoreFocusWhenInputTab", isSignal: true, isRequired: false, transformFunction: null }, ignoreSetClickWhenShowPopover: { classPropertyName: "ignoreSetClickWhenShowPopover", publicName: "ignoreSetClickWhenShowPopover", isSignal: true, isRequired: false, transformFunction: null }, ignorePointerEvent: { classPropertyName: "ignorePointerEvent", publicName: "ignorePointerEvent", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outClick: "outClick", outPopoverEvent: "outPopoverEvent", outFunctionsControl: "outFunctionsControl" }, viewQueries: [{ propertyName: "buttonEl", first: true, predicate: ["buttonEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !popover().ignoreShowPopover ? false: true : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent() ?? true\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n", styles: [".libs-ui-button{display:flex;align-items:center;text-align:center;color:#fff;cursor:pointer}.libs-ui-button.libs-ui-button-theme{display:flex;align-items:center;font-size:12px;line-height:16px;text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer}.libs-ui-button.libs-ui-button-theme:focus,.libs-ui-button.libs-ui-button-theme[isClick=true]{outline:none;box-shadow:none}.libs-ui-button.libs-ui-button-theme>[class*=libs-ui-button-icon]{font-size:16px;margin:0}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-left[iconOnlyType=false]{margin-right:8px}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-right[iconOnlyType=false]{margin-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large{border-radius:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=true]{padding:11px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large>[class*=libs-ui-button-icon]{font-size:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=false]{padding:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-large .libs-ui-button-label{font-size:16px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:20px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=true]{padding:7px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=false]{padding:7px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium .libs-ui-button-label{font-size:12px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=true]{padding:5px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=false]{padding:6px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-small .libs-ui-button-label{font-size:12px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=true]{padding:2px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=false]{padding:2px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller .libs-ui-button-label{font-size:11px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color{color:var(--libs-ui-button-other-color-text, white);background:var(--libs-ui-button-other-color-background, #226ff5);border:1px solid var(--libs-ui-button-other-color-border, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]{color:var(--libs-ui-button-other-color-text-hover, white);background:var(--libs-ui-button-other-color-background-hover, #4e8cf7);border:1px solid var(--libs-ui-button-other-color-border-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-hover, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]{color:var(--libs-ui-button-other-color-text-active, white);background:var(--libs-ui-button-other-color-background-active, #1b59c4);border:1px solid var(--libs-ui-button-other-color-border-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-active, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable{cursor:not-allowed;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme[isPending=true]{cursor:not-allowed;pointer-events:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link{padding:0;background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isClick=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]{color:var(--libs-ui-button-link-other-color-text-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable{cursor:not-allowed;pointer-events:none;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{cursor:not-allowed;pointer-events:none}.mo-button-custom-color-icon:before{color:inherit!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsSpinnerComponent, selector: "libs_ui-components-spinner", inputs: ["type", "size"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
164
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsButtonsButtonComponent, isStandalone: true, selector: "libs_ui-components-buttons-button", inputs: { flagMouse: { classPropertyName: "flagMouse", publicName: "flagMouse", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, buttonCustom: { classPropertyName: "buttonCustom", publicName: "buttonCustom", isSignal: true, isRequired: false, transformFunction: null }, sizeButton: { classPropertyName: "sizeButton", publicName: "sizeButton", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, isPending: { classPropertyName: "isPending", publicName: "isPending", isSignal: true, isRequired: false, transformFunction: null }, imageLeft: { classPropertyName: "imageLeft", publicName: "imageLeft", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, classIconLeft: { classPropertyName: "classIconLeft", publicName: "classIconLeft", isSignal: true, isRequired: false, transformFunction: null }, classIconRight: { classPropertyName: "classIconRight", publicName: "classIconRight", isSignal: true, isRequired: false, transformFunction: null }, classLabel: { classPropertyName: "classLabel", publicName: "classLabel", isSignal: true, isRequired: false, transformFunction: null }, iconOnlyType: { classPropertyName: "iconOnlyType", publicName: "iconOnlyType", isSignal: true, isRequired: false, transformFunction: null }, popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, widthLabelPopover: { classPropertyName: "widthLabelPopover", publicName: "widthLabelPopover", isSignal: true, isRequired: false, transformFunction: null }, styleIconLeft: { classPropertyName: "styleIconLeft", publicName: "styleIconLeft", isSignal: true, isRequired: false, transformFunction: null }, styleButton: { classPropertyName: "styleButton", publicName: "styleButton", isSignal: true, isRequired: false, transformFunction: null }, ignoreFocusWhenInputTab: { classPropertyName: "ignoreFocusWhenInputTab", publicName: "ignoreFocusWhenInputTab", isSignal: true, isRequired: false, transformFunction: null }, ignoreSetClickWhenShowPopover: { classPropertyName: "ignoreSetClickWhenShowPopover", publicName: "ignoreSetClickWhenShowPopover", isSignal: true, isRequired: false, transformFunction: null }, ignorePointerEvent: { classPropertyName: "ignorePointerEvent", publicName: "ignorePointerEvent", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, isHandlerEnterDocumentClickButton: { classPropertyName: "isHandlerEnterDocumentClickButton", publicName: "isHandlerEnterDocumentClickButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outClick: "outClick", outPopoverEvent: "outPopoverEvent", outFunctionsControl: "outFunctionsControl" }, viewQueries: [{ propertyName: "buttonEl", first: true, predicate: ["buttonEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !!popover().ignoreShowPopover : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n", styles: [".libs-ui-button{display:flex;align-items:center;text-align:center;color:#fff;cursor:pointer}.libs-ui-button.libs-ui-button-theme{display:flex;align-items:center;font-size:var(--libs-ui-button-size-medium-font-size, 12px);line-height:var(--libs-ui-button-size-medium-line-height, 18px);text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer}.libs-ui-button.libs-ui-button-theme:focus,.libs-ui-button.libs-ui-button-theme[isClick=true]{outline:none;box-shadow:none}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-left[iconOnlyType=false]{margin-right:8px}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-right[iconOnlyType=false]{margin-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large{border-radius:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=true]{padding:9px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-large, 20px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=false]{padding:11px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-large .libs-ui-button-label{font-size:var(--libs-ui-button-size-large-font-size, 16px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:var(--libs-ui-button-size-large-line-height, 24px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=true]{padding:6px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=false]{padding:7px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-medium, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium .libs-ui-button-label{font-size:var(--libs-ui-button-size-medium-font-size, 12px);line-height:var(--libs-ui-button-size-medium-line-height, 18px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=true]{padding:4px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=false]{padding:5px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-small, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-small .libs-ui-button-label{font-size:var(--libs-ui-button-size-small-font-size, 12px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:var(--libs-ui-button-size-small-line-height, 18px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=true]{padding:1px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=false]{padding:1px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-smaller, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller .libs-ui-button-label{font-size:var(--libs-ui-button-size-smaller-font-size, 11px);line-height:var(--libs-ui-button-size-smaller-line-height, 16px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color{color:var(--libs-ui-button-other-color-text, white);background:var(--libs-ui-button-other-color-background, #226ff5);border:1px solid var(--libs-ui-button-other-color-border, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]{color:var(--libs-ui-button-other-color-text-hover, white);background:var(--libs-ui-button-other-color-background-hover, #4e8cf7);border:1px solid var(--libs-ui-button-other-color-border-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-hover, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]{color:var(--libs-ui-button-other-color-text-active, white);background:var(--libs-ui-button-other-color-background-active, #1b59c4);border:1px solid var(--libs-ui-button-other-color-border-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-active, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable{cursor:not-allowed;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme[isPending=true]{cursor:not-allowed;pointer-events:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link{padding:0;background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isClick=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]{color:var(--libs-ui-button-link-other-color-text-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable{cursor:not-allowed;pointer-events:none;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{cursor:not-allowed;pointer-events:none}.mo-button-custom-color-icon:before{color:inherit!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsSpinnerComponent, selector: "libs_ui-components-spinner", inputs: ["type", "size"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "initEventInElementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
144
165
|
}
|
|
145
166
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsButtonComponent, decorators: [{
|
|
146
167
|
type: Component,
|
|
147
|
-
args: [{ selector: 'libs_ui-components-buttons-button', standalone: true, imports: [
|
|
148
|
-
NgStyle, TranslateModule,
|
|
149
|
-
LibsUiComponentsSpinnerComponent,
|
|
150
|
-
LibsUiComponentsPopoverComponent
|
|
151
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !popover().ignoreShowPopover ? false: true : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent() ?? true\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n", styles: [".libs-ui-button{display:flex;align-items:center;text-align:center;color:#fff;cursor:pointer}.libs-ui-button.libs-ui-button-theme{display:flex;align-items:center;font-size:12px;line-height:16px;text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer}.libs-ui-button.libs-ui-button-theme:focus,.libs-ui-button.libs-ui-button-theme[isClick=true]{outline:none;box-shadow:none}.libs-ui-button.libs-ui-button-theme>[class*=libs-ui-button-icon]{font-size:16px;margin:0}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-left[iconOnlyType=false]{margin-right:8px}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-right[iconOnlyType=false]{margin-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large{border-radius:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=true]{padding:11px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large>[class*=libs-ui-button-icon]{font-size:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=false]{padding:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-large .libs-ui-button-label{font-size:16px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:20px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=true]{padding:7px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=false]{padding:7px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium .libs-ui-button-label{font-size:12px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=true]{padding:5px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=false]{padding:6px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-small .libs-ui-button-label{font-size:12px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=true]{padding:2px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=false]{padding:2px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller .libs-ui-button-label{font-size:11px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color{color:var(--libs-ui-button-other-color-text, white);background:var(--libs-ui-button-other-color-background, #226ff5);border:1px solid var(--libs-ui-button-other-color-border, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]{color:var(--libs-ui-button-other-color-text-hover, white);background:var(--libs-ui-button-other-color-background-hover, #4e8cf7);border:1px solid var(--libs-ui-button-other-color-border-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-hover, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]{color:var(--libs-ui-button-other-color-text-active, white);background:var(--libs-ui-button-other-color-background-active, #1b59c4);border:1px solid var(--libs-ui-button-other-color-border-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-active, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable{cursor:not-allowed;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme[isPending=true]{cursor:not-allowed;pointer-events:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link{padding:0;background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isClick=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]{color:var(--libs-ui-button-link-other-color-text-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable{cursor:not-allowed;pointer-events:none;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{cursor:not-allowed;pointer-events:none}.mo-button-custom-color-icon:before{color:inherit!important}\n"] }]
|
|
168
|
+
args: [{ selector: 'libs_ui-components-buttons-button', standalone: true, imports: [NgStyle, TranslateModule, LibsUiComponentsSpinnerComponent, LibsUiComponentsPopoverComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !!popover().ignoreShowPopover : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n", styles: [".libs-ui-button{display:flex;align-items:center;text-align:center;color:#fff;cursor:pointer}.libs-ui-button.libs-ui-button-theme{display:flex;align-items:center;font-size:var(--libs-ui-button-size-medium-font-size, 12px);line-height:var(--libs-ui-button-size-medium-line-height, 18px);text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer}.libs-ui-button.libs-ui-button-theme:focus,.libs-ui-button.libs-ui-button-theme[isClick=true]{outline:none;box-shadow:none}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-left[iconOnlyType=false]{margin-right:8px}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-right[iconOnlyType=false]{margin-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large{border-radius:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=true]{padding:9px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-large, 20px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=false]{padding:11px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-large .libs-ui-button-label{font-size:var(--libs-ui-button-size-large-font-size, 16px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:var(--libs-ui-button-size-large-line-height, 24px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=true]{padding:6px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=false]{padding:7px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-medium, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium .libs-ui-button-label{font-size:var(--libs-ui-button-size-medium-font-size, 12px);line-height:var(--libs-ui-button-size-medium-line-height, 18px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=true]{padding:4px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=false]{padding:5px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-small, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-small .libs-ui-button-label{font-size:var(--libs-ui-button-size-small-font-size, 12px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:var(--libs-ui-button-size-small-line-height, 18px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=true]{padding:1px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=false]{padding:1px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-smaller, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller .libs-ui-button-label{font-size:var(--libs-ui-button-size-smaller-font-size, 11px);line-height:var(--libs-ui-button-size-smaller-line-height, 16px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color{color:var(--libs-ui-button-other-color-text, white);background:var(--libs-ui-button-other-color-background, #226ff5);border:1px solid var(--libs-ui-button-other-color-border, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]{color:var(--libs-ui-button-other-color-text-hover, white);background:var(--libs-ui-button-other-color-background-hover, #4e8cf7);border:1px solid var(--libs-ui-button-other-color-border-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-hover, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]{color:var(--libs-ui-button-other-color-text-active, white);background:var(--libs-ui-button-other-color-background-active, #1b59c4);border:1px solid var(--libs-ui-button-other-color-border-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-active, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable{cursor:not-allowed;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme[isPending=true]{cursor:not-allowed;pointer-events:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link{padding:0;background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isClick=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]{color:var(--libs-ui-button-link-other-color-text-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable{cursor:not-allowed;pointer-events:none;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{cursor:not-allowed;pointer-events:none}.mo-button-custom-color-icon:before{color:inherit!important}\n"] }]
|
|
152
169
|
}], ctorParameters: () => [] });
|
|
153
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9idXR0b25zL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9idXR0b25zL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQWMsTUFBTSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1SSxPQUFPLEVBQXNELGdDQUFnQyxFQUFzQixNQUFNLDZCQUE2QixDQUFDO0FBQ3ZKLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBZ0IsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RixPQUFPLEVBQWdCLDBCQUEwQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQWdCM0MsTUFBTSxPQUFPLHNDQUFzQztJQUVqRCxjQUFjO0lBQ04sU0FBUyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFFOUIsWUFBWSxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMxQixPQUFPLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxD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QkFFRSxtQ0FBbUMsY0FHakMsSUFBSSxXQUNQO3dCQUNQLE9BQU8sRUFBRSxlQUFlO3dCQUN4QixnQ0FBZ0M7d0JBQ2hDLGdDQUFnQztxQkFDakMsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5pbXBvcnQgeyBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGVmZmVjdCwgRWxlbWVudFJlZiwgaW5qZWN0LCBpbnB1dCwgT25EZXN0cm95LCBvdXRwdXQsIHNpZ25hbCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJRmxhZ01vdXNlLCBJUG9wb3ZlciwgSVBvcG92ZXJGdW5jdGlvbkNvbnRyb2xFdmVudCwgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJDb21wb25lbnQsIFRZUEVfUE9QT1ZFUl9FVkVOVCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtcG9wb3Zlcic7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzU3Bpbm5lckNvbXBvbmVudCwgVFlQRV9TUElOTkVSIH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1zcGlubmVyJztcbmltcG9ydCB7IElDb2xvckJ1dHRvbiwgTGlic1VpQ29uZmlnUHJvamVjdFNlcnZpY2UgfSBmcm9tICdAbGlicy11aS9zZXJ2aWNlcy1jb25maWctcHJvamVjdCc7XG5pbXBvcnQgeyBjb2xvckNvbnRyYXN0RnJvbU9yaWdpbiwgZ2V0IH0gZnJvbSAnQGxpYnMtdWkvdXRpbHMnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0aW1lciB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgVFlQRV9CVVRUT04sIFRZUEVfU0laRV9CVVRUT04gfSBmcm9tICcuL2ludGVyZmFjZXMvYnV0dG9uLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nU3R5bGUsIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBMaWJzVWlDb21wb25lbnRzU3Bpbm5lckNvbXBvbmVudCxcbiAgICBMaWJzVWlDb21wb25lbnRzUG9wb3ZlckNvbXBvbmVudFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBMaWJzVWlDb21wb25lbnRzQnV0dG9uc0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgLyogUFJPUEVSVFkgKi9cbiAgcHJpdmF0ZSBvbkRlc3Ryb3kgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHByb3RlY3RlZCBjbGFzc0JpbmRpbmcgPSBzaWduYWwoJycpO1xuICBwcm90ZWN0ZWQgaXNDbGljayA9IHNpZ25hbChmYWxzZSk7XG4gIHByb3RlY3RlZCB0eXBlSWNvbkxvYWRpbmcgPSBzaWduYWw8VFlQRV9TUElOTkVSPignc3Bpbi1ibHVlJyk7XG4gIHByb3RlY3RlZCB0eXBlQnV0dG9uID0gc2lnbmFsKGZhbHNlKTtcblxuICBwcml2YXRlIGNvbmZpZ1Byb2plY3RTZXJ2aWNlID0gaW5qZWN0KExpYnNVaUNvbmZpZ1Byb2plY3RTZXJ2aWNlKTtcblxuICAvKiBJTlBVVCAqL1xuICByZWFkb25seSBmbGFnTW91c2UgPSBpbnB1dDxJRmxhZ01vdXNlPih7IGlzTW91c2VFbnRlcjogZmFsc2UsIGlzTW91c2VFbnRlckNvbnRlbnQ6IGZhbHNlLCBpc0NvbnRhaW5lckhhc1Njcm9sbDogZmFsc2UgfSk7XG4gIHJlYWRvbmx5IHR5cGUgPSBpbnB1dDxUWVBFX0JVVFRPTj4oJ2J1dHRvbi1wcmltYXJ5Jyk7XG4gIHJlYWRvbmx5IGJ1dHRvbkN1c3RvbSA9IGlucHV0PElDb2xvckJ1dHRvbj4oKTsgLy8gYuG6r3QgYnXhu5ljIGtoaSB0eXBlIGzDoCBidXR0b24tY3VzdG9tIGhv4bq3YyBidXR0b24tbGluay1jdXN0b21cbiAgcmVhZG9ubHkgc2l6ZUJ1dHRvbiA9IGlucHV0PFRZUEVfU0laRV9CVVRUT04+KCdtZWRpdW0nKTtcbiAgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dDxzdHJpbmc+KCcgJyk7XG4gIHJlYWRvbmx5IGRpc2FibGUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IGlzUGVuZGluZyA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IGltYWdlTGVmdCA9IGlucHV0PHsgc3JjOiBzdHJpbmc7IGNsYXNzSW5jbHVkZT86IHN0cmluZyB9PigpO1xuICByZWFkb25seSBjbGFzc0luY2x1ZGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcbiAgcmVhZG9ubHkgY2xhc3NJY29uTGVmdCA9IGlucHV0PHN0cmluZz4oJycpO1xuICByZWFkb25seSBjbGFzc0ljb25SaWdodCA9IGlucHV0PHN0cmluZz4oJycpO1xuICByZWFkb25seSBjbGFzc0xhYmVsID0gaW5wdXQ8c3RyaW5nPignJyk7XG4gIHJlYWRvbmx5IGljb25Pbmx5VHlwZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgcG9wb3ZlciA9IGlucHV0PElQb3BvdmVyPih7fSk7XG4gIHJlYWRvbmx5IGlnbm9yZVN0b3BQcm9wYWdhdGlvbkV2ZW50ID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgekluZGV4ID0gaW5wdXQ8bnVtYmVyPigxMCk7XG4gIHJlYWRvbmx5IHdpZHRoTGFiZWxQb3BvdmVyID0gaW5wdXQ8bnVtYmVyPigpO1xuICByZWFkb25seSBzdHlsZUljb25MZWZ0ID0gaW5wdXQ8UmVjb3JkPHN0cmluZywgYW55Pj4oKTtcbiAgcmVhZG9ubHkgc3R5bGVCdXR0b24gPSBpbnB1dDxSZWNvcmQ8c3RyaW5nLCBhbnk+PigpO1xuICByZWFkb25seSBpZ25vcmVGb2N1c1doZW5JbnB1dFRhYiA9IGlucHV0PGJvb2xlYW4+KCk7IC8vIGTDuW5nIMSR4buDIGLhu48gcXVhIGZvY3VzIGtoaSBi4bqlbSBuw7p0IFRBQiB04burIGLDoW4gcGjDrW1cbiAgcmVhZG9ubHkgaWdub3JlU2V0Q2xpY2tXaGVuU2hvd1BvcG92ZXIgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBpZ25vcmVQb2ludGVyRXZlbnQgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBpc0FjdGl2ZSA9IGlucHV0PGJvb2xlYW4+KCk7XG5cbiAgLyogT1VUUFVUICovXG4gIHJlYWRvbmx5IG91dENsaWNrID0gb3V0cHV0PEV2ZW50PigpO1xuICByZWFkb25seSBvdXRQb3BvdmVyRXZlbnQgPSBvdXRwdXQ8VFlQRV9QT1BPVkVSX0VWRU5UPigpO1xuICByZWFkb25seSBvdXRGdW5jdGlvbnNDb250cm9sID0gb3V0cHV0PElQb3BvdmVyRnVuY3Rpb25Db250cm9sRXZlbnQ+KCk7XG5cbiAgLyogVklFVyBDSElMRCAqL1xuICBwcml2YXRlIHJlYWRvbmx5IGJ1dHRvbkVsID0gdmlld0NoaWxkPEVsZW1lbnRSZWY+KCdidXR0b25FbCcpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLnNldENsYXNzQnlUeXBlKCk7XG4gICAgfSwgeyBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSB9KTtcbiAgfVxuXG4gIC8qIEZVTkNUSU9OUyAqL1xuICBwcm90ZWN0ZWQgaGFuZGxlckNsaWNrKGU6IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuaWdub3JlU3RvcFByb3BhZ2F0aW9uRXZlbnQoKSA9PT0gZmFsc2UpIHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuICAgIHRoaXMuYnV0dG9uRWwoKT8ubmF0aXZlRWxlbWVudC5ibHVyKCk7XG4gICAgaWYgKHRoaXMuZGlzYWJsZSgpIHx8IHRoaXMuaXNQZW5kaW5nKCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5vdXRDbGljay5lbWl0KGUpO1xuICAgIHRoaXMuaXNDbGljay5zZXQodHJ1ZSk7XG4gICAgdGltZXIoMTAwKS5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmlzQ2xpY2suc2V0KGZhbHNlKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyUG9wb3ZlckNvbnRyb2xFdmVudChjb250cm9sOiBJUG9wb3ZlckZ1bmN0aW9uQ29udHJvbEV2ZW50KSB7XG4gICAgdGhpcy5vdXRGdW5jdGlvbnNDb250cm9sLmVtaXQoY29udHJvbCk7XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIHNldENsYXNzQnlUeXBlKCkge1xuICAgIGlmICh0aGlzLnR5cGUoKS5zZWFyY2goJ2J1dHRvbicpID09PSAwKSB7XG4gICAgICB0aGlzLnR5cGVCdXR0b24uc2V0KHRydWUpO1xuICAgIH1cbiAgICB0aGlzLnNldENsYXNzQW5kSWNvbkxvYWRpbmdCeVR5cGUoKTtcbiAgICBjb25zdCBjb25maWcgPSB0aGlzLnR5cGUoKS5pbmNsdWRlcygnY3VzdG9tJykgPyB0aGlzLmJ1dHRvbkN1c3RvbSgpIDogZ2V0KHRoaXMuY29uZmlnUHJvamVjdFNlcnZpY2UuQ29uZmlnQnV0dG9uKCksIHRoaXMudHlwZSgpKTtcblxuICAgIHRoaXMuc2V0VmFyaWFibGVTdHlsZXMoY29uZmlnLnJvb3RDb2xvciwgY29uZmlnLmNvbmZpZ1N0ZXBDb2xvcik7XG4gICAgaWYgKCF0aGlzLnNpemVCdXR0b24gfHwgIXRoaXMudHlwZUJ1dHRvbigpKSB7XG4gICAgICByZXR1cm4gdGhpcy5jbGFzc0JpbmRpbmcudXBkYXRlKHZhbHVlID0+IGAke3ZhbHVlfSAke3RoaXMuY2xhc3NJbmNsdWRlKCl9YCk7XG4gICAgfVxuXG4gICAgc3dpdGNoICh0aGlzLnNpemVCdXR0b24oKSkge1xuICAgICAgY2FzZSAnbGFyZ2UnOlxuICAgICAgICByZXR1cm4gdGhpcy5jbGFzc0JpbmRpbmcudXBkYXRlKHZhbHVlID0+IGAke3ZhbHVlfSAke3RoaXMuY2xhc3NJbmNsdWRlKCl9IGxpYnMtdWktYnV0dG9uLWxhcmdlYCk7XG4gICAgICBjYXNlICdtZWRpdW0nOlxuICAgICAgICByZXR1cm4gdGhpcy5jbGFzc0JpbmRpbmcudXBkYXRlKHZhbHVlID0+IGAke3ZhbHVlfSAke3RoaXMuY2xhc3NJbmNsdWRlKCl9IGxpYnMtdWktYnV0dG9uLW1lZGl1bWApO1xuXG4gICAgICBjYXNlICdzbWFsbCc6XG4gICAgICAgIHJldHVybiB0aGlzLmNsYXNzQmluZGluZy51cGRhdGUodmFsdWUgPT4gYCR7dmFsdWV9ICR7dGhpcy5jbGFzc0luY2x1ZGUoKX0gbGlicy11aS1idXR0b24tc21hbGxgKTtcblxuICAgICAgY2FzZSAnc21hbGxlcic6XG4gICAgICAgIHJldHVybiB0aGlzLmNsYXNzQmluZGluZy51cGRhdGUodmFsdWUgPT4gYCR7dmFsdWV9ICR7dGhpcy5jbGFzc0luY2x1ZGUoKX0gbGlicy11aS1idXR0b24tc21hbGxlcmApO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgYXN5bmMgc2V0Q2xhc3NBbmRJY29uTG9hZGluZ0J5VHlwZSgpIHtcbiAgICBpZiAoIXRoaXMudHlwZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAodGhpcy50eXBlKCkuaW5jbHVkZXMoJ2xpbmsnKSkge1xuICAgICAgdGhpcy5jbGFzc0JpbmRpbmcuc2V0KCdsaWJzLXVpLWJ1dHRvbiBsaWJzLXVpLWJ1dHRvbi10aGVtZSBsaWJzLXVpLWJ1dHRvbi1saW5rIGxpYnMtdWktYnV0dG9uLWxpbmstb3RoZXItY29sb3InKTtcbiAgICAgIHJldHVybiB0aGlzLnR5cGVJY29uTG9hZGluZy5zZXQoJ3NwaW4tYmx1ZScpO1xuICAgIH1cbiAgICB0aGlzLmNsYXNzQmluZGluZy5zZXQoJ2xpYnMtdWktYnV0dG9uIGxpYnMtdWktYnV0dG9uLXRoZW1lIGxpYnMtdWktYnV0dG9uLW90aGVyLWNvbG9yJyk7XG4gICAgaWYgKFsnYnV0dG9uLXNlY29uZGFyeScsICdidXR0b24tdGhpcmQnLCAnYnV0dG9uLW91dGxpbmUnLCAnYnV0dG9uLW91dGxpbmUtZ3JlZW4nXS5pbmNsdWRlcyh0aGlzLnR5cGUoKSkpIHtcbiAgICAgIHJldHVybiB0aGlzLnR5cGVJY29uTG9hZGluZy5zZXQoJ3NwaW4tYmx1ZScpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy50eXBlSWNvbkxvYWRpbmcuc2V0KCdzcGluLXdoaXRlJyk7XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIHNldFZhcmlhYmxlU3R5bGVzKGNvbG9yOiBzdHJpbmcsIGNvbmZpZ1N0ZXA6IGFueSkge1xuICAgIGlmICghY29sb3IpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBjb2xvcnMgPSBjb2xvckNvbnRyYXN0RnJvbU9yaWdpbihjb2xvcik7XG5cbiAgICBPYmplY3Qua2V5cyhjb25maWdTdGVwKS5mb3JFYWNoKGtleSA9PiB7XG4gICAgICBjb25zdCB2YWx1ZVN0ZXAgPSBnZXQoY29uZmlnU3RlcCwga2V5KTtcbiAgICAgIGNvbnN0IHR5cGVMaW5rID0gdGhpcy50eXBlKCkuaW5jbHVkZXMoJ2xpbmsnKTtcblxuICAgICAgaWYgKHR5cGVvZiB2YWx1ZVN0ZXAgPT09ICdzdHJpbmcnKSB7XG4gICAgICAgIHRoaXMuYnV0dG9uRWwoKT8ubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eShgLS1saWJzLXVpLWJ1dHRvbiR7dHlwZUxpbmsgPyAnLWxpbmsnIDogJyd9LW90aGVyLWNvbG9yLSR7a2V5LnJlcGxhY2UoJ18nLCAnLScpfWAsIHZhbHVlU3RlcCk7XG5cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgY29uc3QgY29sb3IgPSBjb2xvcnMuZmluZChpdGVtID0+IGl0ZW0uc3RlcCA9PT0gTWF0aC5hYnModmFsdWVTdGVwKSk7XG5cbiAgICAgIHRoaXMuYnV0dG9uRWwoKT8ubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eShgLS1saWJzLXVpLWJ1dHRvbiR7dHlwZUxpbmsgPyAnLWxpbmsnIDogJyd9LW90aGVyLWNvbG9yLSR7a2V5LnJlcGxhY2UoJ18nLCAnLScpfWAsIGdldChjb2xvciB8fCB7fSwgdmFsdWVTdGVwIDwgMCA/ICdkYXJrJyA6ICdsaWdodCcpKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyUG9wb3ZlckV2ZW50KGV2ZW50OiBUWVBFX1BPUE9WRVJfRVZFTlQpIHtcbiAgICB0aGlzLm91dFBvcG92ZXJFdmVudC5lbWl0KGV2ZW50KTtcbiAgICBpZiAoZXZlbnQgPT09ICdjbGljaycpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKGV2ZW50ID09PSAncmVtb3ZlJykge1xuICAgICAgdGhpcy5pc0NsaWNrLnNldChmYWxzZSk7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKCF0aGlzLmlnbm9yZVNldENsaWNrV2hlblNob3dQb3BvdmVyKCkpIHtcbiAgICAgIHRoaXMuaXNDbGljay5zZXQodHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5vbkRlc3Ryb3kubmV4dCgpO1xuICAgIHRoaXMub25EZXN0cm95LmNvbXBsZXRlKCk7XG4gIH1cbn1cbiIsIjxsaWJzX3VpLWNvbXBvbmVudHMtcG9wb3ZlciBbdHlwZV09XCJwb3BvdmVyKCkudHlwZSB8fCAnb3RoZXInXCJcbiAgW21vZGVdPVwicG9wb3ZlcigpLm1vZGUgfHwgJ2hvdmVyJ1wiXG4gIFtpZ25vcmVIaWRkZW5Qb3BvdmVyQ29udGVudFdoZW5Nb3VzZUxlYXZlXT1cInBvcG92ZXIoKS5pZ25vcmVIaWRkZW5Qb3BvdmVyQ29udGVudFdoZW5Nb3VzZUxlYXZlIHx8IGZhbHNlXCJcbiAgW2lnbm9yZVNob3dQb3BvdmVyXT1cInBvcG92ZXIoKS5jb25maWcgPyAhcG9wb3ZlcigpLmlnbm9yZVNob3dQb3BvdmVyID8gZmFsc2U6IHRydWUgOiB0cnVlXCJcbiAgW2VsZW1lbnRSZWZDdXN0b21dPVwicG9wb3ZlcigpLmVsZW1lbnRSZWZDdXN0b21cIlxuICBbY29uZmlnXT1cInBvcG92ZXIoKS5jb25maWcgfHwge31cIlxuICBbZmxhZ01vdXNlXT1cImZsYWdNb3VzZSgpXCJcbiAgW2lnbm9yZVN0b3BQcm9wYWdhdGlvbkV2ZW50XT1cImlnbm9yZVN0b3BQcm9wYWdhdGlvbkV2ZW50KClcIlxuICAob3V0RnVuY3Rpb25zQ29udHJvbCk9XCJoYW5kbGVyUG9wb3ZlckNvbnRyb2xFdmVudCgkZXZlbnQpXCJcbiAgKG91dEV2ZW50KT1cImhhbmRsZXJQb3BvdmVyRXZlbnQoJGV2ZW50KVwiPlxuICA8YnV0dG9uICNidXR0b25FbFxuICAgIFtjbGFzc109XCJjbGFzc0JpbmRpbmcoKVwiXG4gICAgW2NsYXNzLmxpYnMtdWktYnV0dG9uLWRpc2FibGVdPVwiZGlzYWJsZSgpXCJcbiAgICBbY2xhc3MucG9pbnRlci1ldmVudHMtbm9uZV09XCJkaXNhYmxlKCkgJiYgIWlnbm9yZVBvaW50ZXJFdmVudCgpXCJcbiAgICBbYXR0ci5pc1BlbmRpbmddPVwiaXNQZW5kaW5nKClcIlxuICAgIFthdHRyLmlzQ2xpY2tdPVwiaXNDbGljaygpXCJcbiAgICBbYXR0ci50YWJpbmRleF09XCJpZ25vcmVGb2N1c1doZW5JbnB1dFRhYigpPyctMSc6JzAnXCJcbiAgICBbYXR0ci5oYXNMYWJlbF09XCIoKGxhYmVsKCkgfHwgJyAnKSB8IHRyYW5zbGF0ZSkgIT09ICcgJ1wiXG4gICAgW2F0dHIuaGFzSWNvbkxlZnRdPVwiISFjbGFzc0ljb25MZWZ0KClcIlxuICAgIFthdHRyLmhhc0ljb25SaWdodF09XCIhIWNsYXNzSWNvblJpZ2h0KClcIlxuICAgIFthdHRyLmFjdGl2ZV09XCIhIWlzQWN0aXZlKClcIlxuICAgIFtuZ1N0eWxlXT1cInN0eWxlQnV0dG9uKClcIlxuICAgIChjbGljayk9XCJoYW5kbGVyQ2xpY2soJGV2ZW50KVwiPlxuICAgIEBpZiAoaW1hZ2VMZWZ0KCk7IGFzIGltYWdlQ29uZmlnKSB7XG4gICAgICA8aW1nIFtzcmNdPVwiaW1hZ2VDb25maWcuc3JjXCJcbiAgICAgICAgW2NsYXNzXT1cImltYWdlQ29uZmlnLmNsYXNzSW5jbHVkZSB8fCAnbXItWzhweF0nXCIgLz5cbiAgICB9XG4gICAgQGlmIChjbGFzc0ljb25MZWZ0KCkgJiYgKCFpY29uT25seVR5cGUoKSB8fCAoaWNvbk9ubHlUeXBlKCkgJiYgIWlzUGVuZGluZygpKSkpIHtcbiAgICAgIDxpIFthdHRyLmljb25Pbmx5VHlwZV09XCJpY29uT25seVR5cGUoKVwiXG4gICAgICAgIFtjbGFzc109XCJjbGFzc0ljb25MZWZ0KCkgKyAnIGxpYnMtdWktYnV0dG9uLWljb24tbGVmdCdcIlxuICAgICAgICBbbmdTdHlsZV09XCJzdHlsZUljb25MZWZ0KClcIj5cbiAgICAgIDwvaT5cbiAgICB9XG4gICAgQGlmICghaWNvbk9ubHlUeXBlKCkpIHtcbiAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtcG9wb3ZlciBbdHlwZV09XCIndGV4dCdcIlxuICAgICAgICBbY29uZmlnXT1cIntcbiAgICAgICAgekluZGV4OiB6SW5kZXgoKSxcbiAgICAgICAgd2lkdGg6IHdpZHRoTGFiZWxQb3BvdmVyKClcbiAgICAgIH1cIlxuICAgICAgICBbY2xhc3NdPVwiKGNsYXNzTGFiZWwoKSB8fCAnJykgKyAnIGxpYnMtdWktYnV0dG9uLWxhYmVsJ1wiXG4gICAgICAgIFtpbm5lckh0bWxdPVwiKGxhYmVsKCkgfHwgJyAnKSB8IHRyYW5zbGF0ZVwiXG4gICAgICAgIFtpZ25vcmVTdG9wUHJvcGFnYXRpb25FdmVudF09XCJpZ25vcmVTdG9wUHJvcGFnYXRpb25FdmVudCgpID8/IHRydWVcIiAvPlxuICAgIH1cbiAgICBAaWYgKGNsYXNzSWNvblJpZ2h0KCkgJiYgKCFpY29uT25seVR5cGUoKSB8fCAoaWNvbk9ubHlUeXBlKCkgJiYgIWlzUGVuZGluZygpKSkpIHtcbiAgICAgIDxpIFthdHRyLmljb25Pbmx5VHlwZV09XCJpY29uT25seVR5cGUoKVwiXG4gICAgICAgIFtjbGFzc109XCJjbGFzc0ljb25SaWdodCgpKycgbGlicy11aS1idXR0b24taWNvbi1yaWdodCdcIj48L2k+XG4gICAgfVxuICAgIEBpZiAoaXNQZW5kaW5nKCkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiXG4gICAgICAgIFtjbGFzcy53LVsxNnB4XV09XCIhdHlwZUJ1dHRvbigpICYmICFpY29uT25seVR5cGUoKVwiXG4gICAgICAgIFtjbGFzcy5sZWZ0LVsxNnB4XV09XCIhdHlwZUJ1dHRvbigpICYmICFpY29uT25seVR5cGUoKVwiXG4gICAgICAgIFtjbGFzcy5tbC1bOHB4XV09XCJ0eXBlQnV0dG9uKCkgJiYgIWljb25Pbmx5VHlwZSgpXCI+XG4gICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtc3Bpbm5lciBbdHlwZV09XCJ0eXBlSWNvbkxvYWRpbmcoKVwiXG4gICAgICAgICAgW3NpemVdPVwic2l6ZUJ1dHRvbigpID09PSAnbGFyZ2UnPydtZWRpdW0nOnNpemVCdXR0b24oKSA9PT0gJ3NtYWxsZXInPydzbWFsbGVyJzonc21hbGwnXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgPC9idXR0b24+XG48L2xpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyPlxuIl19
|
|
170
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9idXR0b25zL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9idXR0b25zL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFpQix1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFjLE1BQU0sRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RLLE9BQU8sRUFBc0QsZ0NBQWdDLEVBQXNCLE1BQU0sNkJBQTZCLENBQUM7QUFDdkosT0FBTyxFQUFFLGdDQUFnQyxFQUFnQixNQUFNLDZCQUE2QixDQUFDO0FBQzdGLE9BQU8sRUFBZ0IsMEJBQTBCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsR0FBRyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDcEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQWEzQyxNQUFNLE9BQU8sc0NBQXNDO0lBQ2pELG1CQUFtQjtJQUNYLFNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBRTlCLFlBQVksR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7SUFD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LEdBQUcsQ0FBQyxLQUFLLElBQUksRUFBRSxFQUFFLFNBQVMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUMxTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFUyxLQUFLLENBQUMsbUJBQW1CLENBQUMsS0FBeUI7UUFDM0QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakMsSUFBSSxLQUFLLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDdEIsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUV4QixPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsNkJBQTZCLEVBQUUsRUFBRSxDQUFDO1lBQzFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM1QixDQUFDO3dHQTdLVSxzQ0FBc0M7NEZBQXRDLHNDQUFzQyxpdUhDdEJuRCxzbUZBMERBLHVvVUR2Q1ksT0FBTywwRUFBRSxlQUFlLDRGQUFFLGdDQUFnQyxpR0FBRSxnQ0FBZ0M7OzRGQUczRixzQ0FBc0M7a0JBVGxELFNBQVM7K0JBRUUsbUNBQW1DLGNBR2pDLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0NBQWdDLEVBQUUsZ0NBQWdDLENBQUMsbUJBQ3RGLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5pbXBvcnQgeyBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGVmZmVjdCwgRWxlbWVudFJlZiwgaW5qZWN0LCBpbnB1dCwgT25EZXN0cm95LCBvdXRwdXQsIHNpZ25hbCwgdW50cmFja2VkLCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElGbGFnTW91c2UsIElQb3BvdmVyLCBJUG9wb3ZlckZ1bmN0aW9uQ29udHJvbEV2ZW50LCBMaWJzVWlDb21wb25lbnRzUG9wb3ZlckNvbXBvbmVudCwgVFlQRV9QT1BPVkVSX0VWRU5UIH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1wb3BvdmVyJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNTcGlubmVyQ29tcG9uZW50LCBUWVBFX1NQSU5ORVIgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLXNwaW5uZXInO1xuaW1wb3J0IHsgSUNvbG9yQnV0dG9uLCBMaWJzVWlDb25maWdQcm9qZWN0U2VydmljZSB9IGZyb20gJ0BsaWJzLXVpL3NlcnZpY2VzLWNvbmZpZy1wcm9qZWN0JztcbmltcG9ydCB7IGNvbG9yQ29udHJhc3RGcm9tT3JpZ2luLCBnZXQsIFV0aWxzS2V5Q29kZUNvbnN0YW50IH0gZnJvbSAnQGxpYnMtdWkvdXRpbHMnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBmcm9tRXZlbnQsIFN1YmplY3QsIHRpbWVyIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBUWVBFX0JVVFRPTiwgVFlQRV9TSVpFX0JVVFRPTiB9IGZyb20gJy4vaW50ZXJmYWNlcy9idXR0b24uaW50ZXJmYWNlJztcbmltcG9ydCB7IElFdmVudCB9IGZyb20gJ0BsaWJzLXVpL2ludGVyZmFjZXMtdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1N0eWxlLCBUcmFuc2xhdGVNb2R1bGUsIExpYnNVaUNvbXBvbmVudHNTcGlubmVyQ29tcG9uZW50LCBMaWJzVWlDb21wb25lbnRzUG9wb3ZlckNvbXBvbmVudF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBMaWJzVWlDb21wb25lbnRzQnV0dG9uc0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIC8vICNyZWdpb24gUFJPUEVSVFlcbiAgcHJpdmF0ZSBvbkRlc3Ryb3kgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHByb3RlY3RlZCBjbGFzc0JpbmRpbmcgPSBzaWduYWwoJycpO1xuICBwcm90ZWN0ZWQgaXNDbGljayA9IHNpZ25hbChmYWxzZSk7XG4gIHByb3RlY3RlZCB0eXBlSWNvbkxvYWRpbmcgPSBzaWduYWw8VFlQRV9TUElOTkVSPignc3Bpbi1ibHVlJyk7XG4gIHByb3RlY3RlZCB0eXBlQnV0dG9uID0gc2lnbmFsKGZhbHNlKTtcblxuICBwcml2YXRlIGNvbmZpZ1Byb2plY3RTZXJ2aWNlID0gaW5qZWN0KExpYnNVaUNvbmZpZ1Byb2plY3RTZXJ2aWNlKTtcblxuICAvLyAjcmVnaW9uIElOUFVUXG4gIHJlYWRvbmx5IGZsYWdNb3VzZSA9IGlucHV0PElGbGFnTW91c2U+KHsgaXNNb3VzZUVudGVyOiBmYWxzZSwgaXNNb3VzZUVudGVyQ29udGVudDogZmFsc2UsIGlzQ29udGFpbmVySGFzU2Nyb2xsOiBmYWxzZSB9KTtcbiAgcmVhZG9ubHkgdHlwZSA9IGlucHV0PFRZUEVfQlVUVE9OPignYnV0dG9uLXByaW1hcnknKTtcbiAgcmVhZG9ubHkgYnV0dG9uQ3VzdG9tID0gaW5wdXQ8SUNvbG9yQnV0dG9uPigpOyAvLyBi4bqvdCBideG7mWMga2hpIHR5cGUgbMOgIGJ1dHRvbi1jdXN0b20gaG/hurdjIGJ1dHRvbi1saW5rLWN1c3RvbVxuICByZWFkb25seSBzaXplQnV0dG9uID0gaW5wdXQ8VFlQRV9TSVpFX0JVVFRPTiwgVFlQRV9TSVpFX0JVVFRPTiB8IHVuZGVmaW5lZD4oJ21lZGl1bScsIHsgdHJhbnNmb3JtOiAodmFsdWUpID0+IHZhbHVlID8/ICdtZWRpdW0nIH0pO1xuICByZWFkb25seSBsYWJlbCA9IGlucHV0PHN0cmluZz4oJyAnKTtcbiAgcmVhZG9ubHkgZGlzYWJsZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgaXNQZW5kaW5nID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgaW1hZ2VMZWZ0ID0gaW5wdXQ8eyBzcmM6IHN0cmluZzsgY2xhc3NJbmNsdWRlPzogc3RyaW5nIH0+KCk7XG4gIHJlYWRvbmx5IGNsYXNzSW5jbHVkZSA9IGlucHV0PHN0cmluZz4oJycpO1xuICByZWFkb25seSBjbGFzc0ljb25MZWZ0ID0gaW5wdXQ8c3RyaW5nPignJyk7XG4gIHJlYWRvbmx5IGNsYXNzSWNvblJpZ2h0ID0gaW5wdXQ8c3RyaW5nPignJyk7XG4gIHJlYWRvbmx5IGNsYXNzTGFiZWwgPSBpbnB1dDxzdHJpbmc+KCcnKTtcbiAgcmVhZG9ubHkgaWNvbk9ubHlUeXBlID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICByZWFkb25seSBwb3BvdmVyID0gaW5wdXQ8SVBvcG92ZXI+KHt9KTtcbiAgcmVhZG9ubHkgaWdub3JlU3RvcFByb3BhZ2F0aW9uRXZlbnQgPSBpbnB1dDxib29sZWFuLCBib29sZWFuIHwgdW5kZWZpbmVkPih0cnVlLCB7IHRyYW5zZm9ybTogKHZhbCkgPT4gdmFsID8/IHRydWUgfSk7XG4gIHJlYWRvbmx5IHpJbmRleCA9IGlucHV0PG51bWJlcj4oMTApO1xuICByZWFkb25seSB3aWR0aExhYmVsUG9wb3ZlciA9IGlucHV0PG51bWJlcj4oKTtcbiAgcmVhZG9ubHkgc3R5bGVJY29uTGVmdCA9IGlucHV0PFJlY29yZDxzdHJpbmcsIGFueT4+KCk7XG4gIHJlYWRvbmx5IHN0eWxlQnV0dG9uID0gaW5wdXQ8UmVjb3JkPHN0cmluZywgYW55Pj4oKTtcbiAgcmVhZG9ubHkgaWdub3JlRm9jdXNXaGVuSW5wdXRUYWIgPSBpbnB1dDxib29sZWFuPigpOyAvLyBkw7luZyDEkeG7gyBi4buPIHF1YSBmb2N1cyBraGkgYuG6pW0gbsO6dCBUQUIgdOG7qyBiw6FuIHBow61tXG4gIHJlYWRvbmx5IGlnbm9yZVNldENsaWNrV2hlblNob3dQb3BvdmVyID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgaWdub3JlUG9pbnRlckV2ZW50ID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgaXNBY3RpdmUgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBpc0hhbmRsZXJFbnRlckRvY3VtZW50Q2xpY2tCdXR0b24gPSBpbnB1dDxib29sZWFuPigpO1xuXG4gIC8vICNyZWdpb24gT1VUUFVUXG4gIHJlYWRvbmx5IG91dENsaWNrID0gb3V0cHV0PEV2ZW50PigpO1xuICByZWFkb25seSBvdXRQb3BvdmVyRXZlbnQgPSBvdXRwdXQ8VFlQRV9QT1BPVkVSX0VWRU5UPigpO1xuICByZWFkb25seSBvdXRGdW5jdGlvbnNDb250cm9sID0gb3V0cHV0PElQb3BvdmVyRnVuY3Rpb25Db250cm9sRXZlbnQ+KCk7XG5cbiAgLyogVklFVyBDSElMRCAqL1xuICBwcml2YXRlIHJlYWRvbmx5IGJ1dHRvbkVsID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY+KCdidXR0b25FbCcpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLnR5cGUoKTtcbiAgICAgIHRoaXMuYnV0dG9uQ3VzdG9tKCk7XG4gICAgICB0aGlzLnNpemVCdXR0b24oKTtcbiAgICAgIHVudHJhY2tlZCgoKSA9PiB0aGlzLnNldENsYXNzQnlUeXBlKCkpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5pc0hhbmRsZXJFbnRlckRvY3VtZW50Q2xpY2tCdXR0b24oKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBmcm9tRXZlbnQ8SUV2ZW50Pihkb2N1bWVudCwgJ2tleXVwJylcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpXG4gICAgICAuc3Vic2NyaWJlKChlKSA9PiB7XG4gICAgICAgIGlmIChlLmtleUNvZGUgIT09IFV0aWxzS2V5Q29kZUNvbnN0YW50LkVOVEVSKSB7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaGFuZGxlckNsaWNrKGUpO1xuICAgICAgfSk7XG4gIH1cblxuICAvKiBGVU5DVElPTlMgKi9cbiAgcHJvdGVjdGVkIGhhbmRsZXJDbGljayhlOiBFdmVudCkge1xuICAgIGlmICghdGhpcy5pZ25vcmVTdG9wUHJvcGFnYXRpb25FdmVudCgpKSB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cbiAgICB0aGlzLmJ1dHRvbkVsKCk/Lm5hdGl2ZUVsZW1lbnQuYmx1cigpO1xuICAgIGlmICh0aGlzLmRpc2FibGUoKSB8fCB0aGlzLmlzUGVuZGluZygpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMub3V0Q2xpY2suZW1pdChlKTtcbiAgICB0aGlzLmlzQ2xpY2suc2V0KHRydWUpO1xuICAgIHRpbWVyKDEwMClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5pc0NsaWNrLnNldChmYWxzZSk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyUG9wb3ZlckNvbnRyb2xFdmVudChjb250cm9sOiBJUG9wb3ZlckZ1bmN0aW9uQ29udHJvbEV2ZW50KSB7XG4gICAgdGhpcy5vdXRGdW5jdGlvbnNDb250cm9sLmVtaXQoY29udHJvbCk7XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIHNldENsYXNzQnlUeXBlKCkge1xuICAgIGlmICh0aGlzLnR5cGUoKS5zZWFyY2goJ2J1dHRvbicpID09PSAwKSB7XG4gICAgICB0aGlzLnR5cGVCdXR0b24uc2V0KHRydWUpO1xuICAgIH1cbiAgICB0aGlzLnNldENsYXNzQW5kSWNvbkxvYWRpbmdCeVR5cGUoKTtcbiAgICBjb25zdCBjb25maWcgPSB0aGlzLnR5cGUoKS5pbmNsdWRlcygnY3VzdG9tJykgPyB0aGlzLmJ1dHRvbkN1c3RvbSgpIDogZ2V0KHRoaXMuY29uZmlnUHJvamVjdFNlcnZpY2UuQ29uZmlnQnV0dG9uKCksIHRoaXMudHlwZSgpKTtcblxuICAgIGlmIChjb25maWcpIHtcbiAgICAgIHRoaXMuc2V0VmFyaWFibGVTdHlsZXMoY29uZmlnLnJvb3RDb2xvciwgY29uZmlnLmNvbmZpZ1N0ZXBDb2xvcik7XG4gICAgfVxuICAgIGlmICghdGhpcy5zaXplQnV0dG9uIHx8ICF0aGlzLnR5cGVCdXR0b24oKSkge1xuICAgICAgcmV0dXJuIHRoaXMuY2xhc3NCaW5kaW5nLnVwZGF0ZSgodmFsdWUpID0+IGAke3ZhbHVlfSAke3RoaXMuY2xhc3NJbmNsdWRlKCl9YCk7XG4gICAgfVxuXG4gICAgc3dpdGNoICh0aGlzLnNpemVCdXR0b24oKSkge1xuICAgICAgY2FzZSAnbGFyZ2UnOlxuICAgICAgICByZXR1cm4gdGhpcy5jbGFzc0JpbmRpbmcudXBkYXRlKCh2YWx1ZSkgPT4gYCR7dmFsdWV9ICR7dGhpcy5jbGFzc0luY2x1ZGUoKX0gbGlicy11aS1idXR0b24tbGFyZ2VgKTtcbiAgICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgICAgIHJldHVybiB0aGlzLmNsYXNzQmluZGluZy51cGRhdGUoKHZhbHVlKSA9PiBgJHt2YWx1ZX0gJHt0aGlzLmNsYXNzSW5jbHVkZSgpfSBsaWJzLXVpLWJ1dHRvbi1tZWRpdW1gKTtcblxuICAgICAgY2FzZSAnc21hbGwnOlxuICAgICAgICByZXR1cm4gdGhpcy5jbGFzc0JpbmRpbmcudXBkYXRlKCh2YWx1ZSkgPT4gYCR7dmFsdWV9ICR7dGhpcy5jbGFzc0luY2x1ZGUoKX0gbGlicy11aS1idXR0b24tc21hbGxgKTtcblxuICAgICAgY2FzZSAnc21hbGxlcic6XG4gICAgICAgIHJldHVybiB0aGlzLmNsYXNzQmluZGluZy51cGRhdGUoKHZhbHVlKSA9PiBgJHt2YWx1ZX0gJHt0aGlzLmNsYXNzSW5jbHVkZSgpfSBsaWJzLXVpLWJ1dHRvbi1zbWFsbGVyYCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBzZXRDbGFzc0FuZEljb25Mb2FkaW5nQnlUeXBlKCkge1xuICAgIGlmICghdGhpcy50eXBlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLnR5cGUoKS5pbmNsdWRlcygnbGluaycpKSB7XG4gICAgICB0aGlzLmNsYXNzQmluZGluZy5zZXQoJ2xpYnMtdWktYnV0dG9uIGxpYnMtdWktYnV0dG9uLXRoZW1lIGxpYnMtdWktYnV0dG9uLWxpbmsgbGlicy11aS1idXR0b24tbGluay1vdGhlci1jb2xvcicpO1xuICAgICAgcmV0dXJuIHRoaXMudHlwZUljb25Mb2FkaW5nLnNldCgnc3Bpbi1ibHVlJyk7XG4gICAgfVxuICAgIHRoaXMuY2xhc3NCaW5kaW5nLnNldCgnbGlicy11aS1idXR0b24gbGlicy11aS1idXR0b24tdGhlbWUgbGlicy11aS1idXR0b24tb3RoZXItY29sb3InKTtcbiAgICBpZiAoWydidXR0b24tc2Vjb25kYXJ5JywgJ2J1dHRvbi10aGlyZCcsICdidXR0b24tb3V0bGluZScsICdidXR0b24tb3V0bGluZS1ncmVlbiddLmluY2x1ZGVzKHRoaXMudHlwZSgpKSkge1xuICAgICAgcmV0dXJuIHRoaXMudHlwZUljb25Mb2FkaW5nLnNldCgnc3Bpbi1ibHVlJyk7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLnR5cGVJY29uTG9hZGluZy5zZXQoJ3NwaW4td2hpdGUnKTtcbiAgfVxuXG4gIHByaXZhdGUgYXN5bmMgc2V0VmFyaWFibGVTdHlsZXMoY29sb3I6IHN0cmluZywgY29uZmlnU3RlcDogYW55KSB7XG4gICAgaWYgKCFjb2xvcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGNvbG9ycyA9IGNvbG9yQ29udHJhc3RGcm9tT3JpZ2luKGNvbG9yKTtcblxuICAgIE9iamVjdC5rZXlzKGNvbmZpZ1N0ZXApLmZvckVhY2goKGtleSkgPT4ge1xuICAgICAgY29uc3QgdmFsdWVTdGVwID0gZ2V0KGNvbmZpZ1N0ZXAsIGtleSk7XG4gICAgICBjb25zdCB0eXBlTGluayA9IHRoaXMudHlwZSgpLmluY2x1ZGVzKCdsaW5rJyk7XG5cbiAgICAgIGlmICh0eXBlb2YgdmFsdWVTdGVwID09PSAnc3RyaW5nJykge1xuICAgICAgICB0aGlzLmJ1dHRvbkVsKCk/Lm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoYC0tbGlicy11aS1idXR0b24ke3R5cGVMaW5rID8gJy1saW5rJyA6ICcnfS1vdGhlci1jb2xvci0ke2tleS5yZXBsYWNlKCdfJywgJy0nKX1gLCB2YWx1ZVN0ZXApO1xuXG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGNvbnN0IGNvbG9yID0gY29sb3JzLmZpbmQoKGl0ZW0pID0+IGl0ZW0uc3RlcCA9PT0gTWF0aC5hYnModmFsdWVTdGVwKSk7XG5cbiAgICAgIHRoaXMuYnV0dG9uRWwoKT8ubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eShgLS1saWJzLXVpLWJ1dHRvbiR7dHlwZUxpbmsgPyAnLWxpbmsnIDogJyd9LW90aGVyLWNvbG9yLSR7a2V5LnJlcGxhY2UoJ18nLCAnLScpfWAsIGdldChjb2xvciB8fCB7fSwgdmFsdWVTdGVwIDwgMCA/ICdkYXJrJyA6ICdsaWdodCcpKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyUG9wb3ZlckV2ZW50KGV2ZW50OiBUWVBFX1BPUE9WRVJfRVZFTlQpIHtcbiAgICB0aGlzLm91dFBvcG92ZXJFdmVudC5lbWl0KGV2ZW50KTtcbiAgICBpZiAoZXZlbnQgPT09ICdjbGljaycpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKGV2ZW50ID09PSAncmVtb3ZlJykge1xuICAgICAgdGhpcy5pc0NsaWNrLnNldChmYWxzZSk7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKCF0aGlzLmlnbm9yZVNldENsaWNrV2hlblNob3dQb3BvdmVyKCkpIHtcbiAgICAgIHRoaXMuaXNDbGljay5zZXQodHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5vbkRlc3Ryb3kubmV4dCgpO1xuICAgIHRoaXMub25EZXN0cm95LmNvbXBsZXRlKCk7XG4gIH1cbn1cbiIsIjxsaWJzX3VpLWNvbXBvbmVudHMtcG9wb3ZlciBbdHlwZV09XCJwb3BvdmVyKCkudHlwZSB8fCAnb3RoZXInXCJcbiAgW21vZGVdPVwicG9wb3ZlcigpLm1vZGUgfHwgJ2hvdmVyJ1wiXG4gIFtpZ25vcmVIaWRkZW5Qb3BvdmVyQ29udGVudFdoZW5Nb3VzZUxlYXZlXT1cInBvcG92ZXIoKS5pZ25vcmVIaWRkZW5Qb3BvdmVyQ29udGVudFdoZW5Nb3VzZUxlYXZlIHx8IGZhbHNlXCJcbiAgW2lnbm9yZVNob3dQb3BvdmVyXT1cInBvcG92ZXIoKS5jb25maWcgPyAhIXBvcG92ZXIoKS5pZ25vcmVTaG93UG9wb3ZlciA6IHRydWVcIlxuICBbZWxlbWVudFJlZkN1c3RvbV09XCJwb3BvdmVyKCkuZWxlbWVudFJlZkN1c3RvbVwiXG4gIFtjb25maWddPVwicG9wb3ZlcigpLmNvbmZpZyB8fCB7fVwiXG4gIFtmbGFnTW91c2VdPVwiZmxhZ01vdXNlKClcIlxuICBbaWdub3JlU3RvcFByb3BhZ2F0aW9uRXZlbnRdPVwiaWdub3JlU3RvcFByb3BhZ2F0aW9uRXZlbnQoKVwiXG4gIChvdXRGdW5jdGlvbnNDb250cm9sKT1cImhhbmRsZXJQb3BvdmVyQ29udHJvbEV2ZW50KCRldmVudClcIlxuICAob3V0RXZlbnQpPVwiaGFuZGxlclBvcG92ZXJFdmVudCgkZXZlbnQpXCI+XG4gIDxidXR0b24gI2J1dHRvbkVsXG4gICAgW2NsYXNzXT1cImNsYXNzQmluZGluZygpXCJcbiAgICBbY2xhc3MubGlicy11aS1idXR0b24tZGlzYWJsZV09XCJkaXNhYmxlKClcIlxuICAgIFtjbGFzcy5wb2ludGVyLWV2ZW50cy1ub25lXT1cImRpc2FibGUoKSAmJiAhaWdub3JlUG9pbnRlckV2ZW50KClcIlxuICAgIFthdHRyLmlzUGVuZGluZ109XCJpc1BlbmRpbmcoKVwiXG4gICAgW2F0dHIuaXNDbGlja109XCJpc0NsaWNrKClcIlxuICAgIFthdHRyLnRhYmluZGV4XT1cImlnbm9yZUZvY3VzV2hlbklucHV0VGFiKCk/Jy0xJzonMCdcIlxuICAgIFthdHRyLmhhc0xhYmVsXT1cIigobGFiZWwoKSB8fCAnICcpIHwgdHJhbnNsYXRlKSAhPT0gJyAnXCJcbiAgICBbYXR0ci5oYXNJY29uTGVmdF09XCIhIWNsYXNzSWNvbkxlZnQoKVwiXG4gICAgW2F0dHIuaGFzSWNvblJpZ2h0XT1cIiEhY2xhc3NJY29uUmlnaHQoKVwiXG4gICAgW2F0dHIuYWN0aXZlXT1cIiEhaXNBY3RpdmUoKVwiXG4gICAgW25nU3R5bGVdPVwic3R5bGVCdXR0b24oKVwiXG4gICAgKGNsaWNrKT1cImhhbmRsZXJDbGljaygkZXZlbnQpXCI+XG4gICAgQGlmIChpbWFnZUxlZnQoKTsgYXMgaW1hZ2VDb25maWcpIHtcbiAgICAgIDxpbWcgW3NyY109XCJpbWFnZUNvbmZpZy5zcmNcIlxuICAgICAgICBbY2xhc3NdPVwiaW1hZ2VDb25maWcuY2xhc3NJbmNsdWRlIHx8ICdtci1bOHB4XSdcIiAvPlxuICAgIH1cbiAgICBAaWYgKGNsYXNzSWNvbkxlZnQoKSAmJiAoIWljb25Pbmx5VHlwZSgpIHx8IChpY29uT25seVR5cGUoKSAmJiAhaXNQZW5kaW5nKCkpKSkge1xuICAgICAgPGkgW2F0dHIuaWNvbk9ubHlUeXBlXT1cImljb25Pbmx5VHlwZSgpXCJcbiAgICAgICAgW2NsYXNzXT1cImNsYXNzSWNvbkxlZnQoKSArICcgbGlicy11aS1idXR0b24taWNvbi1sZWZ0J1wiXG4gICAgICAgIFtuZ1N0eWxlXT1cInN0eWxlSWNvbkxlZnQoKVwiPlxuICAgICAgPC9pPlxuICAgIH1cbiAgICBAaWYgKCFpY29uT25seVR5cGUoKSkge1xuICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyIFt0eXBlXT1cIid0ZXh0J1wiXG4gICAgICAgIFtjb25maWddPVwie1xuICAgICAgICB6SW5kZXg6IHpJbmRleCgpLFxuICAgICAgICB3aWR0aDogd2lkdGhMYWJlbFBvcG92ZXIoKVxuICAgICAgfVwiXG4gICAgICAgIFtjbGFzc109XCIoY2xhc3NMYWJlbCgpIHx8ICcnKSArICcgbGlicy11aS1idXR0b24tbGFiZWwnXCJcbiAgICAgICAgW2lubmVySHRtbF09XCIobGFiZWwoKSB8fCAnICcpIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgW2lnbm9yZVN0b3BQcm9wYWdhdGlvbkV2ZW50XT1cImlnbm9yZVN0b3BQcm9wYWdhdGlvbkV2ZW50KClcIiAvPlxuICAgIH1cbiAgICBAaWYgKGNsYXNzSWNvblJpZ2h0KCkgJiYgKCFpY29uT25seVR5cGUoKSB8fCAoaWNvbk9ubHlUeXBlKCkgJiYgIWlzUGVuZGluZygpKSkpIHtcbiAgICAgIDxpIFthdHRyLmljb25Pbmx5VHlwZV09XCJpY29uT25seVR5cGUoKVwiXG4gICAgICAgIFtjbGFzc109XCJjbGFzc0ljb25SaWdodCgpKycgbGlicy11aS1idXR0b24taWNvbi1yaWdodCdcIj48L2k+XG4gICAgfVxuICAgIEBpZiAoaXNQZW5kaW5nKCkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJyZWxhdGl2ZVwiXG4gICAgICAgIFtjbGFzcy53LVsxNnB4XV09XCIhdHlwZUJ1dHRvbigpICYmICFpY29uT25seVR5cGUoKVwiXG4gICAgICAgIFtjbGFzcy5sZWZ0LVsxNnB4XV09XCIhdHlwZUJ1dHRvbigpICYmICFpY29uT25seVR5cGUoKVwiXG4gICAgICAgIFtjbGFzcy5tbC1bOHB4XV09XCJ0eXBlQnV0dG9uKCkgJiYgIWljb25Pbmx5VHlwZSgpXCI+XG4gICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtc3Bpbm5lciBbdHlwZV09XCJ0eXBlSWNvbkxvYWRpbmcoKVwiXG4gICAgICAgICAgW3NpemVdPVwic2l6ZUJ1dHRvbigpID09PSAnbGFyZ2UnPydtZWRpdW0nOnNpemVCdXR0b24oKSA9PT0gJ3NtYWxsZXInPydzbWFsbGVyJzonc21hbGwnXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgPC9idXR0b24+XG48L2xpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyPlxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9idXR0b25zL2J1dHRvbi9zcmMvaW50ZXJmYWNlcy9idXR0b24uaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJUG9wb3ZlciB9IGZyb20gXCJAbGlicy11aS9jb21wb25lbnRzLXBvcG92ZXJcIjtcbmltcG9ydCB7IElDb2xvckJ1dHRvbiB9IGZyb20gXCJAbGlicy11aS9zZXJ2aWNlcy1jb25maWctcHJvamVjdFwiO1xuXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5leHBvcnQgaW50ZXJmYWNlIElCdXR0b24ge1xuICBrZXk/OiBzdHJpbmc7XG4gIHR5cGU/OiBUWVBFX0JVVFRPTjtcbiAgc2l6ZUJ1dHRvbj86IFRZUEVfU0laRV9CVVRUT047XG4gIGljb25Pbmx5VHlwZT86IGJvb2xlYW47XG4gIGxhYmVsPzogc3RyaW5nO1xuICBkaXNhYmxlPzogYm9vbGVhbjtcbiAgY2xhc3NJbmNsdWRlPzogc3RyaW5nO1xuICBjbGFzc0ljb25MZWZ0Pzogc3RyaW5nO1xuICBjbGFzc0ljb25SaWdodD86IHN0cmluZztcbiAgY2xhc3NMYWJlbD86IHN0cmluZztcbiAgcG9wb3Zlcj86IElQb3BvdmVyO1xuICBpZ25vcmVTdG9wUHJvcGFnYXRpb25FdmVudD86IGJvb2xlYW47XG4gIHpJbmRleD86IG51bWJlcjtcbiAgaXNQZW5kaW5nPzogYm9vbGVhbjtcbiAgYWN0aW9uPzogKGRhdGE/OiBhbnkpID0+IFByb21pc2U8dm9pZD47XG4gIHN0eWxlSWNvbkxlZnQ/OiBSZWNvcmQ8c3RyaW5nLCBhbnk+O1xuICBzdHlsZUJ1dHRvbj86IFJlY29yZDxzdHJpbmcsIGFueT47XG4gIGJ1dHRvbkN1c3RvbT86IElDb2xvckJ1dHRvbjsgLy8gYuG6r3QgYnXhu5ljIGtoaSB0eXBlIGzDoCBidXR0b24tY3VzdG9tXG59XG5cbmV4cG9ydCB0eXBlIFRZUEVfQlVUVE9OID0gJ2J1dHRvbi1wcmltYXJ5JyB8ICdidXR0b24tcHJpbWFyeS1yZXZlcnQnIHwgJ2J1dHRvbi1zZWNvbmRhcnknIHwgJ2J1dHRvbi1zZWNvbmRhcnktcmVkJyB8ICdidXR0b24tb3V0bGluZS1zZWNvbmRhcnknIHwgJ2J1dHRvbi10aGlyZCcgfCAnYnV0dG9uLW91dGxpbmUnIHwgJ2J1dHRvbi1kYW5nZXItaGlnaCcgfCAnYnV0dG9uLW91dGxpbmUtaG92ZXItZGFuZ2VyJyB8ICdidXR0b24tdGhpcmQtaG92ZXItZGFuZ2VyJyB8ICdidXR0b24tZGFuZ2VyLWxvdycgfCAnYnV0dG9uLWdyZWVuJyB8ICdidXR0b24tdmlvbGV0JyB8ICdidXR0b24tc2Vjb25kYXJ5LWdyZWVuJyB8ICdidXR0b24tb3V0bGluZS1ncmVlbicgfCAnYnV0dG9uLWN1c3RvbScgfFxuICAnYnV0dG9uLWxpbmstcHJpbWFyeScgfCAnYnV0dG9uLWxpbmstdGhpcmQnIHwgJ2J1dHRvbi1saW5rLWRhbmdlci1oaWdoJyB8ICdidXR0b24tbGluay1kYW5nZXItbG93JyB8ICdidXR0b24tbGluay1ncmVlbicgfCAnYnV0dG9uLWxpbmstdmlvbGV0JyB8ICdidXR0b24tbGluay1jdXN0b20nIHwgc3RyaW5nO1xuXG5leHBvcnQgdHlwZSBUWVBFX1NJWkVfQlVUVE9OID0gJ2xhcmdlJyB8ICdtZWRpdW0nIHwgJ3NtYWxsJyB8ICdzbWFsbGVyJzsiXX0=
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { NgStyle } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { signal, inject, input, output, viewChild, effect,
|
|
3
|
+
import { signal, inject, input, output, viewChild, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
4
|
import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
|
|
5
5
|
import { LibsUiComponentsSpinnerComponent } from '@libs-ui/components-spinner';
|
|
6
6
|
import { LibsUiConfigProjectService } from '@libs-ui/services-config-project';
|
|
7
|
-
import { get, colorContrastFromOrigin } from '@libs-ui/utils';
|
|
7
|
+
import { UtilsKeyCodeConstant, get, colorContrastFromOrigin } from '@libs-ui/utils';
|
|
8
8
|
import * as i1 from '@ngx-translate/core';
|
|
9
9
|
import { TranslateModule } from '@ngx-translate/core';
|
|
10
|
-
import { Subject, timer } from 'rxjs';
|
|
10
|
+
import { Subject, fromEvent, timer } from 'rxjs';
|
|
11
11
|
import { takeUntil } from 'rxjs/operators';
|
|
12
12
|
|
|
13
13
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
14
14
|
class LibsUiComponentsButtonsButtonComponent {
|
|
15
|
-
|
|
15
|
+
// #region PROPERTY
|
|
16
16
|
onDestroy = new Subject();
|
|
17
17
|
classBinding = signal('');
|
|
18
18
|
isClick = signal(false);
|
|
19
19
|
typeIconLoading = signal('spin-blue');
|
|
20
20
|
typeButton = signal(false);
|
|
21
21
|
configProjectService = inject(LibsUiConfigProjectService);
|
|
22
|
-
|
|
22
|
+
// #region INPUT
|
|
23
23
|
flagMouse = input({ isMouseEnter: false, isMouseEnterContent: false, isContainerHasScroll: false });
|
|
24
24
|
type = input('button-primary');
|
|
25
25
|
buttonCustom = input(); // bắt buộc khi type là button-custom hoặc button-link-custom
|
|
26
|
-
sizeButton = input('medium');
|
|
26
|
+
sizeButton = input('medium', { transform: (value) => value ?? 'medium' });
|
|
27
27
|
label = input(' ');
|
|
28
28
|
disable = input(false);
|
|
29
29
|
isPending = input();
|
|
@@ -34,7 +34,7 @@ class LibsUiComponentsButtonsButtonComponent {
|
|
|
34
34
|
classLabel = input('');
|
|
35
35
|
iconOnlyType = input(false);
|
|
36
36
|
popover = input({});
|
|
37
|
-
ignoreStopPropagationEvent = input();
|
|
37
|
+
ignoreStopPropagationEvent = input(true, { transform: (val) => val ?? true });
|
|
38
38
|
zIndex = input(10);
|
|
39
39
|
widthLabelPopover = input();
|
|
40
40
|
styleIconLeft = input();
|
|
@@ -43,20 +43,37 @@ class LibsUiComponentsButtonsButtonComponent {
|
|
|
43
43
|
ignoreSetClickWhenShowPopover = input();
|
|
44
44
|
ignorePointerEvent = input();
|
|
45
45
|
isActive = input();
|
|
46
|
-
|
|
46
|
+
isHandlerEnterDocumentClickButton = input();
|
|
47
|
+
// #region OUTPUT
|
|
47
48
|
outClick = output();
|
|
48
49
|
outPopoverEvent = output();
|
|
49
50
|
outFunctionsControl = output();
|
|
50
51
|
/* VIEW CHILD */
|
|
51
|
-
buttonEl = viewChild('buttonEl');
|
|
52
|
+
buttonEl = viewChild.required('buttonEl');
|
|
52
53
|
constructor() {
|
|
53
54
|
effect(() => {
|
|
54
|
-
this.
|
|
55
|
-
|
|
55
|
+
this.type();
|
|
56
|
+
this.buttonCustom();
|
|
57
|
+
this.sizeButton();
|
|
58
|
+
untracked(() => this.setClassByType());
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
ngAfterViewInit() {
|
|
62
|
+
if (!this.isHandlerEnterDocumentClickButton()) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
fromEvent(document, 'keyup')
|
|
66
|
+
.pipe(takeUntil(this.onDestroy))
|
|
67
|
+
.subscribe((e) => {
|
|
68
|
+
if (e.keyCode !== UtilsKeyCodeConstant.ENTER) {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
this.handlerClick(e);
|
|
72
|
+
});
|
|
56
73
|
}
|
|
57
74
|
/* FUNCTIONS */
|
|
58
75
|
handlerClick(e) {
|
|
59
|
-
if (this.ignoreStopPropagationEvent()
|
|
76
|
+
if (!this.ignoreStopPropagationEvent()) {
|
|
60
77
|
e.stopPropagation();
|
|
61
78
|
}
|
|
62
79
|
this.buttonEl()?.nativeElement.blur();
|
|
@@ -65,7 +82,9 @@ class LibsUiComponentsButtonsButtonComponent {
|
|
|
65
82
|
}
|
|
66
83
|
this.outClick.emit(e);
|
|
67
84
|
this.isClick.set(true);
|
|
68
|
-
timer(100)
|
|
85
|
+
timer(100)
|
|
86
|
+
.pipe(takeUntil(this.onDestroy))
|
|
87
|
+
.subscribe(() => {
|
|
69
88
|
this.isClick.set(false);
|
|
70
89
|
});
|
|
71
90
|
}
|
|
@@ -78,19 +97,21 @@ class LibsUiComponentsButtonsButtonComponent {
|
|
|
78
97
|
}
|
|
79
98
|
this.setClassAndIconLoadingByType();
|
|
80
99
|
const config = this.type().includes('custom') ? this.buttonCustom() : get(this.configProjectService.ConfigButton(), this.type());
|
|
81
|
-
|
|
100
|
+
if (config) {
|
|
101
|
+
this.setVariableStyles(config.rootColor, config.configStepColor);
|
|
102
|
+
}
|
|
82
103
|
if (!this.sizeButton || !this.typeButton()) {
|
|
83
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()}`);
|
|
104
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()}`);
|
|
84
105
|
}
|
|
85
106
|
switch (this.sizeButton()) {
|
|
86
107
|
case 'large':
|
|
87
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-large`);
|
|
108
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-large`);
|
|
88
109
|
case 'medium':
|
|
89
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-medium`);
|
|
110
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-medium`);
|
|
90
111
|
case 'small':
|
|
91
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-small`);
|
|
112
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-small`);
|
|
92
113
|
case 'smaller':
|
|
93
|
-
return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-smaller`);
|
|
114
|
+
return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-smaller`);
|
|
94
115
|
}
|
|
95
116
|
}
|
|
96
117
|
async setClassAndIconLoadingByType() {
|
|
@@ -112,14 +133,14 @@ class LibsUiComponentsButtonsButtonComponent {
|
|
|
112
133
|
return;
|
|
113
134
|
}
|
|
114
135
|
const colors = colorContrastFromOrigin(color);
|
|
115
|
-
Object.keys(configStep).forEach(key => {
|
|
136
|
+
Object.keys(configStep).forEach((key) => {
|
|
116
137
|
const valueStep = get(configStep, key);
|
|
117
138
|
const typeLink = this.type().includes('link');
|
|
118
139
|
if (typeof valueStep === 'string') {
|
|
119
140
|
this.buttonEl()?.nativeElement.style.setProperty(`--libs-ui-button${typeLink ? '-link' : ''}-other-color-${key.replace('_', '-')}`, valueStep);
|
|
120
141
|
return;
|
|
121
142
|
}
|
|
122
|
-
const color = colors.find(item => item.step === Math.abs(valueStep));
|
|
143
|
+
const color = colors.find((item) => item.step === Math.abs(valueStep));
|
|
123
144
|
this.buttonEl()?.nativeElement.style.setProperty(`--libs-ui-button${typeLink ? '-link' : ''}-other-color-${key.replace('_', '-')}`, get(color || {}, valueStep < 0 ? 'dark' : 'light'));
|
|
124
145
|
});
|
|
125
146
|
}
|
|
@@ -141,15 +162,11 @@ class LibsUiComponentsButtonsButtonComponent {
|
|
|
141
162
|
this.onDestroy.complete();
|
|
142
163
|
}
|
|
143
164
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
144
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsButtonsButtonComponent, isStandalone: true, selector: "libs_ui-components-buttons-button", inputs: { flagMouse: { classPropertyName: "flagMouse", publicName: "flagMouse", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, buttonCustom: { classPropertyName: "buttonCustom", publicName: "buttonCustom", isSignal: true, isRequired: false, transformFunction: null }, sizeButton: { classPropertyName: "sizeButton", publicName: "sizeButton", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, isPending: { classPropertyName: "isPending", publicName: "isPending", isSignal: true, isRequired: false, transformFunction: null }, imageLeft: { classPropertyName: "imageLeft", publicName: "imageLeft", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, classIconLeft: { classPropertyName: "classIconLeft", publicName: "classIconLeft", isSignal: true, isRequired: false, transformFunction: null }, classIconRight: { classPropertyName: "classIconRight", publicName: "classIconRight", isSignal: true, isRequired: false, transformFunction: null }, classLabel: { classPropertyName: "classLabel", publicName: "classLabel", isSignal: true, isRequired: false, transformFunction: null }, iconOnlyType: { classPropertyName: "iconOnlyType", publicName: "iconOnlyType", isSignal: true, isRequired: false, transformFunction: null }, popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, widthLabelPopover: { classPropertyName: "widthLabelPopover", publicName: "widthLabelPopover", isSignal: true, isRequired: false, transformFunction: null }, styleIconLeft: { classPropertyName: "styleIconLeft", publicName: "styleIconLeft", isSignal: true, isRequired: false, transformFunction: null }, styleButton: { classPropertyName: "styleButton", publicName: "styleButton", isSignal: true, isRequired: false, transformFunction: null }, ignoreFocusWhenInputTab: { classPropertyName: "ignoreFocusWhenInputTab", publicName: "ignoreFocusWhenInputTab", isSignal: true, isRequired: false, transformFunction: null }, ignoreSetClickWhenShowPopover: { classPropertyName: "ignoreSetClickWhenShowPopover", publicName: "ignoreSetClickWhenShowPopover", isSignal: true, isRequired: false, transformFunction: null }, ignorePointerEvent: { classPropertyName: "ignorePointerEvent", publicName: "ignorePointerEvent", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outClick: "outClick", outPopoverEvent: "outPopoverEvent", outFunctionsControl: "outFunctionsControl" }, viewQueries: [{ propertyName: "buttonEl", first: true, predicate: ["buttonEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !popover().ignoreShowPopover ? false: true : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent() ?? true\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n", styles: [".libs-ui-button{display:flex;align-items:center;text-align:center;color:#fff;cursor:pointer}.libs-ui-button.libs-ui-button-theme{display:flex;align-items:center;font-size:12px;line-height:16px;text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer}.libs-ui-button.libs-ui-button-theme:focus,.libs-ui-button.libs-ui-button-theme[isClick=true]{outline:none;box-shadow:none}.libs-ui-button.libs-ui-button-theme>[class*=libs-ui-button-icon]{font-size:16px;margin:0}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-left[iconOnlyType=false]{margin-right:8px}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-right[iconOnlyType=false]{margin-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large{border-radius:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=true]{padding:11px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large>[class*=libs-ui-button-icon]{font-size:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=false]{padding:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-large .libs-ui-button-label{font-size:16px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:20px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=true]{padding:7px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=false]{padding:7px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium .libs-ui-button-label{font-size:12px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=true]{padding:5px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=false]{padding:6px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-small .libs-ui-button-label{font-size:12px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=true]{padding:2px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=false]{padding:2px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller .libs-ui-button-label{font-size:11px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color{color:var(--libs-ui-button-other-color-text, white);background:var(--libs-ui-button-other-color-background, #226ff5);border:1px solid var(--libs-ui-button-other-color-border, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]{color:var(--libs-ui-button-other-color-text-hover, white);background:var(--libs-ui-button-other-color-background-hover, #4e8cf7);border:1px solid var(--libs-ui-button-other-color-border-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-hover, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]{color:var(--libs-ui-button-other-color-text-active, white);background:var(--libs-ui-button-other-color-background-active, #1b59c4);border:1px solid var(--libs-ui-button-other-color-border-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-active, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable{cursor:not-allowed;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme[isPending=true]{cursor:not-allowed;pointer-events:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link{padding:0;background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isClick=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]{color:var(--libs-ui-button-link-other-color-text-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable{cursor:not-allowed;pointer-events:none;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{cursor:not-allowed;pointer-events:none}.mo-button-custom-color-icon:before{color:inherit!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsSpinnerComponent, selector: "libs_ui-components-spinner", inputs: ["type", "size"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
165
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsButtonsButtonComponent, isStandalone: true, selector: "libs_ui-components-buttons-button", inputs: { flagMouse: { classPropertyName: "flagMouse", publicName: "flagMouse", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, buttonCustom: { classPropertyName: "buttonCustom", publicName: "buttonCustom", isSignal: true, isRequired: false, transformFunction: null }, sizeButton: { classPropertyName: "sizeButton", publicName: "sizeButton", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, isPending: { classPropertyName: "isPending", publicName: "isPending", isSignal: true, isRequired: false, transformFunction: null }, imageLeft: { classPropertyName: "imageLeft", publicName: "imageLeft", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, classIconLeft: { classPropertyName: "classIconLeft", publicName: "classIconLeft", isSignal: true, isRequired: false, transformFunction: null }, classIconRight: { classPropertyName: "classIconRight", publicName: "classIconRight", isSignal: true, isRequired: false, transformFunction: null }, classLabel: { classPropertyName: "classLabel", publicName: "classLabel", isSignal: true, isRequired: false, transformFunction: null }, iconOnlyType: { classPropertyName: "iconOnlyType", publicName: "iconOnlyType", isSignal: true, isRequired: false, transformFunction: null }, popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, widthLabelPopover: { classPropertyName: "widthLabelPopover", publicName: "widthLabelPopover", isSignal: true, isRequired: false, transformFunction: null }, styleIconLeft: { classPropertyName: "styleIconLeft", publicName: "styleIconLeft", isSignal: true, isRequired: false, transformFunction: null }, styleButton: { classPropertyName: "styleButton", publicName: "styleButton", isSignal: true, isRequired: false, transformFunction: null }, ignoreFocusWhenInputTab: { classPropertyName: "ignoreFocusWhenInputTab", publicName: "ignoreFocusWhenInputTab", isSignal: true, isRequired: false, transformFunction: null }, ignoreSetClickWhenShowPopover: { classPropertyName: "ignoreSetClickWhenShowPopover", publicName: "ignoreSetClickWhenShowPopover", isSignal: true, isRequired: false, transformFunction: null }, ignorePointerEvent: { classPropertyName: "ignorePointerEvent", publicName: "ignorePointerEvent", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, isHandlerEnterDocumentClickButton: { classPropertyName: "isHandlerEnterDocumentClickButton", publicName: "isHandlerEnterDocumentClickButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outClick: "outClick", outPopoverEvent: "outPopoverEvent", outFunctionsControl: "outFunctionsControl" }, viewQueries: [{ propertyName: "buttonEl", first: true, predicate: ["buttonEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !!popover().ignoreShowPopover : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n", styles: [".libs-ui-button{display:flex;align-items:center;text-align:center;color:#fff;cursor:pointer}.libs-ui-button.libs-ui-button-theme{display:flex;align-items:center;font-size:var(--libs-ui-button-size-medium-font-size, 12px);line-height:var(--libs-ui-button-size-medium-line-height, 18px);text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer}.libs-ui-button.libs-ui-button-theme:focus,.libs-ui-button.libs-ui-button-theme[isClick=true]{outline:none;box-shadow:none}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-left[iconOnlyType=false]{margin-right:8px}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-right[iconOnlyType=false]{margin-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large{border-radius:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=true]{padding:9px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-large, 20px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=false]{padding:11px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-large .libs-ui-button-label{font-size:var(--libs-ui-button-size-large-font-size, 16px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:var(--libs-ui-button-size-large-line-height, 24px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=true]{padding:6px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=false]{padding:7px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-medium, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium .libs-ui-button-label{font-size:var(--libs-ui-button-size-medium-font-size, 12px);line-height:var(--libs-ui-button-size-medium-line-height, 18px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=true]{padding:4px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=false]{padding:5px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-small, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-small .libs-ui-button-label{font-size:var(--libs-ui-button-size-small-font-size, 12px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:var(--libs-ui-button-size-small-line-height, 18px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=true]{padding:1px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=false]{padding:1px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-smaller, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller .libs-ui-button-label{font-size:var(--libs-ui-button-size-smaller-font-size, 11px);line-height:var(--libs-ui-button-size-smaller-line-height, 16px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color{color:var(--libs-ui-button-other-color-text, white);background:var(--libs-ui-button-other-color-background, #226ff5);border:1px solid var(--libs-ui-button-other-color-border, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]{color:var(--libs-ui-button-other-color-text-hover, white);background:var(--libs-ui-button-other-color-background-hover, #4e8cf7);border:1px solid var(--libs-ui-button-other-color-border-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-hover, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]{color:var(--libs-ui-button-other-color-text-active, white);background:var(--libs-ui-button-other-color-background-active, #1b59c4);border:1px solid var(--libs-ui-button-other-color-border-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-active, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable{cursor:not-allowed;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme[isPending=true]{cursor:not-allowed;pointer-events:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link{padding:0;background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isClick=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]{color:var(--libs-ui-button-link-other-color-text-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable{cursor:not-allowed;pointer-events:none;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{cursor:not-allowed;pointer-events:none}.mo-button-custom-color-icon:before{color:inherit!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsSpinnerComponent, selector: "libs_ui-components-spinner", inputs: ["type", "size"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "initEventInElementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
145
166
|
}
|
|
146
167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsButtonsButtonComponent, decorators: [{
|
|
147
168
|
type: Component,
|
|
148
|
-
args: [{ selector: 'libs_ui-components-buttons-button', standalone: true, imports: [
|
|
149
|
-
NgStyle, TranslateModule,
|
|
150
|
-
LibsUiComponentsSpinnerComponent,
|
|
151
|
-
LibsUiComponentsPopoverComponent
|
|
152
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !popover().ignoreShowPopover ? false: true : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent() ?? true\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n", styles: [".libs-ui-button{display:flex;align-items:center;text-align:center;color:#fff;cursor:pointer}.libs-ui-button.libs-ui-button-theme{display:flex;align-items:center;font-size:12px;line-height:16px;text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer}.libs-ui-button.libs-ui-button-theme:focus,.libs-ui-button.libs-ui-button-theme[isClick=true]{outline:none;box-shadow:none}.libs-ui-button.libs-ui-button-theme>[class*=libs-ui-button-icon]{font-size:16px;margin:0}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-left[iconOnlyType=false]{margin-right:8px}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-right[iconOnlyType=false]{margin-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large{border-radius:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=true]{padding:11px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large>[class*=libs-ui-button-icon]{font-size:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=false]{padding:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-large .libs-ui-button-label{font-size:16px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:20px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=true]{padding:7px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=false]{padding:7px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium .libs-ui-button-label{font-size:12px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=true]{padding:5px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=false]{padding:6px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-small .libs-ui-button-label{font-size:12px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=true]{padding:2px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=false]{padding:2px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller .libs-ui-button-label{font-size:11px;font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color{color:var(--libs-ui-button-other-color-text, white);background:var(--libs-ui-button-other-color-background, #226ff5);border:1px solid var(--libs-ui-button-other-color-border, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]{color:var(--libs-ui-button-other-color-text-hover, white);background:var(--libs-ui-button-other-color-background-hover, #4e8cf7);border:1px solid var(--libs-ui-button-other-color-border-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-hover, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]{color:var(--libs-ui-button-other-color-text-active, white);background:var(--libs-ui-button-other-color-background-active, #1b59c4);border:1px solid var(--libs-ui-button-other-color-border-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-active, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable{cursor:not-allowed;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme[isPending=true]{cursor:not-allowed;pointer-events:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link{padding:0;background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isClick=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]{color:var(--libs-ui-button-link-other-color-text-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable{cursor:not-allowed;pointer-events:none;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{cursor:not-allowed;pointer-events:none}.mo-button-custom-color-icon:before{color:inherit!important}\n"] }]
|
|
169
|
+
args: [{ selector: 'libs_ui-components-buttons-button', standalone: true, imports: [NgStyle, TranslateModule, LibsUiComponentsSpinnerComponent, LibsUiComponentsPopoverComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !!popover().ignoreShowPopover : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n", styles: [".libs-ui-button{display:flex;align-items:center;text-align:center;color:#fff;cursor:pointer}.libs-ui-button.libs-ui-button-theme{display:flex;align-items:center;font-size:var(--libs-ui-button-size-medium-font-size, 12px);line-height:var(--libs-ui-button-size-medium-line-height, 18px);text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer}.libs-ui-button.libs-ui-button-theme:focus,.libs-ui-button.libs-ui-button-theme[isClick=true]{outline:none;box-shadow:none}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-left[iconOnlyType=false]{margin-right:8px}.libs-ui-button.libs-ui-button-theme .libs-ui-button-icon-right[iconOnlyType=false]{margin-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large{border-radius:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=true]{padding:9px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-large, 20px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large[hasLabel=false]{padding:11px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-large span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-large .libs-ui-button-label{font-size:var(--libs-ui-button-size-large-font-size, 16px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:var(--libs-ui-button-size-large-line-height, 24px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=true]{padding:6px 16px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconLeft=true]{padding-left:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasIconRight=true]{padding-right:12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium[hasLabel=false]{padding:7px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-medium, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-medium .libs-ui-button-label{font-size:var(--libs-ui-button-size-medium-font-size, 12px);line-height:var(--libs-ui-button-size-medium-line-height, 18px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=true]{padding:4px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small[hasLabel=false]{padding:5px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-small, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-small span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-small .libs-ui-button-label{font-size:var(--libs-ui-button-size-small-font-size, 12px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500;line-height:var(--libs-ui-button-size-small-line-height, 18px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=true]{padding:1px 12px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconLeft=true]{padding-left:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasIconRight=true]{padding-right:8px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller[hasLabel=false]{padding:1px}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller>[class*=libs-ui-button-icon]{font-size:var(--libs-ui-button-size-icon-smaller, 16px)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller span,.libs-ui-button.libs-ui-button-theme.libs-ui-button-smaller .libs-ui-button-label{font-size:var(--libs-ui-button-size-smaller-font-size, 11px);line-height:var(--libs-ui-button-size-smaller-line-height, 16px);font-family:var(--libs-ui-font-family-name, \"Arial\");font-weight:500}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color{color:var(--libs-ui-button-other-color-text, white);background:var(--libs-ui-button-other-color-background, #226ff5);border:1px solid var(--libs-ui-button-other-color-border, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]{color:var(--libs-ui-button-other-color-text-hover, white);background:var(--libs-ui-button-other-color-background-hover, #4e8cf7);border:1px solid var(--libs-ui-button-other-color-border-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-hover, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]{color:var(--libs-ui-button-other-color-text-active, white);background:var(--libs-ui-button-other-color-background-active, #1b59c4);border:1px solid var(--libs-ui-button-other-color-border-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-active, white)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable{cursor:not-allowed;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important;background:var(--libs-ui-button-other-color-background-disable, #f8f9fa);border:1px solid var(--libs-ui-button-other-color-border-disable, #f8f9fa)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-disable:hover>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme[isPending=true]{cursor:not-allowed;pointer-events:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link{padding:0;background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isClick=true]{background:none;border:none}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text, #226ff5)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:hover>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isPending=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #4e8cf7)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true],.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]{color:var(--libs-ui-button-link-other-color-text-active, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:active>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[active=true]>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color:focus>[class*=libs-ui-button-icon]:before,.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-link-other-color[isClick=true]>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-link-other-color-text-hover, #1b59c4)}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable{cursor:not-allowed;pointer-events:none;color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link.libs-ui-button-disable>[class*=libs-ui-button-icon]:before{color:var(--libs-ui-button-other-color-text-disable, #cdd0d6)!important}.libs-ui-button.libs-ui-button-theme.libs-ui-button-link[isPending=true]{cursor:not-allowed;pointer-events:none}.mo-button-custom-color-icon:before{color:inherit!important}\n"] }]
|
|
153
170
|
}], ctorParameters: () => [] });
|
|
154
171
|
|
|
155
172
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"libs-ui-components-buttons-button.mjs","sources":["../../../../../../libs-ui/components/buttons/button/src/button.component.ts","../../../../../../libs-ui/components/buttons/button/src/button.component.html","../../../../../../libs-ui/components/buttons/button/src/libs-ui-components-buttons-button.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, OnDestroy, output, signal, viewChild } from '@angular/core';\nimport { IFlagMouse, IPopover, IPopoverFunctionControlEvent, LibsUiComponentsPopoverComponent, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';\nimport { LibsUiComponentsSpinnerComponent, TYPE_SPINNER } from '@libs-ui/components-spinner';\nimport { IColorButton, LibsUiConfigProjectService } from '@libs-ui/services-config-project';\nimport { colorContrastFromOrigin, get } from '@libs-ui/utils';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { Subject, timer } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { TYPE_BUTTON, TYPE_SIZE_BUTTON } from './interfaces/button.interface';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'libs_ui-components-buttons-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n standalone: true,\n imports: [\n NgStyle, TranslateModule,\n LibsUiComponentsSpinnerComponent,\n LibsUiComponentsPopoverComponent\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LibsUiComponentsButtonsButtonComponent implements OnDestroy {\n\n /* PROPERTY */\n private onDestroy = new Subject<void>();\n\n protected classBinding = signal('');\n protected isClick = signal(false);\n protected typeIconLoading = signal<TYPE_SPINNER>('spin-blue');\n protected typeButton = signal(false);\n\n private configProjectService = inject(LibsUiConfigProjectService);\n\n /* INPUT */\n readonly flagMouse = input<IFlagMouse>({ isMouseEnter: false, isMouseEnterContent: false, isContainerHasScroll: false });\n readonly type = input<TYPE_BUTTON>('button-primary');\n readonly buttonCustom = input<IColorButton>(); // bắt buộc khi type là button-custom hoặc button-link-custom\n readonly sizeButton = input<TYPE_SIZE_BUTTON>('medium');\n readonly label = input<string>(' ');\n readonly disable = input<boolean>(false);\n readonly isPending = input<boolean>();\n readonly imageLeft = input<{ src: string; classInclude?: string }>();\n readonly classInclude = input<string>('');\n readonly classIconLeft = input<string>('');\n readonly classIconRight = input<string>('');\n readonly classLabel = input<string>('');\n readonly iconOnlyType = input<boolean>(false);\n readonly popover = input<IPopover>({});\n readonly ignoreStopPropagationEvent = input<boolean>();\n readonly zIndex = input<number>(10);\n readonly widthLabelPopover = input<number>();\n readonly styleIconLeft = input<Record<string, any>>();\n readonly styleButton = input<Record<string, any>>();\n readonly ignoreFocusWhenInputTab = input<boolean>(); // dùng để bỏ qua focus khi bấm nút TAB từ bán phím\n readonly ignoreSetClickWhenShowPopover = input<boolean>();\n readonly ignorePointerEvent = input<boolean>();\n readonly isActive = input<boolean>();\n\n /* OUTPUT */\n readonly outClick = output<Event>();\n readonly outPopoverEvent = output<TYPE_POPOVER_EVENT>();\n readonly outFunctionsControl = output<IPopoverFunctionControlEvent>();\n\n /* VIEW CHILD */\n private readonly buttonEl = viewChild<ElementRef>('buttonEl');\n\n constructor() {\n effect(() => {\n this.setClassByType();\n }, { allowSignalWrites: true });\n }\n\n /* FUNCTIONS */\n protected handlerClick(e: Event) {\n if (this.ignoreStopPropagationEvent() === false) {\n e.stopPropagation();\n }\n this.buttonEl()?.nativeElement.blur();\n if (this.disable() || this.isPending()) {\n return;\n }\n this.outClick.emit(e);\n this.isClick.set(true);\n timer(100).pipe(takeUntil(this.onDestroy)).subscribe(() => {\n this.isClick.set(false);\n });\n }\n\n protected async handlerPopoverControlEvent(control: IPopoverFunctionControlEvent) {\n this.outFunctionsControl.emit(control);\n }\n\n private async setClassByType() {\n if (this.type().search('button') === 0) {\n this.typeButton.set(true);\n }\n this.setClassAndIconLoadingByType();\n const config = this.type().includes('custom') ? this.buttonCustom() : get(this.configProjectService.ConfigButton(), this.type());\n\n this.setVariableStyles(config.rootColor, config.configStepColor);\n if (!this.sizeButton || !this.typeButton()) {\n return this.classBinding.update(value => `${value} ${this.classInclude()}`);\n }\n\n switch (this.sizeButton()) {\n case 'large':\n return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-large`);\n case 'medium':\n return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-medium`);\n\n case 'small':\n return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-small`);\n\n case 'smaller':\n return this.classBinding.update(value => `${value} ${this.classInclude()} libs-ui-button-smaller`);\n }\n }\n\n private async setClassAndIconLoadingByType() {\n if (!this.type) {\n return;\n }\n if (this.type().includes('link')) {\n this.classBinding.set('libs-ui-button libs-ui-button-theme libs-ui-button-link libs-ui-button-link-other-color');\n return this.typeIconLoading.set('spin-blue');\n }\n this.classBinding.set('libs-ui-button libs-ui-button-theme libs-ui-button-other-color');\n if (['button-secondary', 'button-third', 'button-outline', 'button-outline-green'].includes(this.type())) {\n return this.typeIconLoading.set('spin-blue');\n }\n return this.typeIconLoading.set('spin-white');\n }\n\n private async setVariableStyles(color: string, configStep: any) {\n if (!color) {\n return;\n }\n\n const colors = colorContrastFromOrigin(color);\n\n Object.keys(configStep).forEach(key => {\n const valueStep = get(configStep, key);\n const typeLink = this.type().includes('link');\n\n if (typeof valueStep === 'string') {\n this.buttonEl()?.nativeElement.style.setProperty(`--libs-ui-button${typeLink ? '-link' : ''}-other-color-${key.replace('_', '-')}`, valueStep);\n\n return;\n }\n const color = colors.find(item => item.step === Math.abs(valueStep));\n\n this.buttonEl()?.nativeElement.style.setProperty(`--libs-ui-button${typeLink ? '-link' : ''}-other-color-${key.replace('_', '-')}`, get(color || {}, valueStep < 0 ? 'dark' : 'light'));\n });\n }\n\n protected async handlerPopoverEvent(event: TYPE_POPOVER_EVENT) {\n this.outPopoverEvent.emit(event);\n if (event === 'click') {\n return;\n }\n if (event === 'remove') {\n this.isClick.set(false);\n\n return;\n }\n if (!this.ignoreSetClickWhenShowPopover()) {\n this.isClick.set(true);\n }\n }\n\n ngOnDestroy(): void {\n this.onDestroy.next();\n this.onDestroy.complete();\n }\n}\n","<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !popover().ignoreShowPopover ? false: true : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent() ?? true\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"libs-ui-components-buttons-button.mjs","sources":["../../../../../../libs-ui/components/buttons/button/src/button.component.ts","../../../../../../libs-ui/components/buttons/button/src/button.component.html","../../../../../../libs-ui/components/buttons/button/src/libs-ui-components-buttons-button.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { NgStyle } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, OnDestroy, output, signal, untracked, viewChild } from '@angular/core';\nimport { IFlagMouse, IPopover, IPopoverFunctionControlEvent, LibsUiComponentsPopoverComponent, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';\nimport { LibsUiComponentsSpinnerComponent, TYPE_SPINNER } from '@libs-ui/components-spinner';\nimport { IColorButton, LibsUiConfigProjectService } from '@libs-ui/services-config-project';\nimport { colorContrastFromOrigin, get, UtilsKeyCodeConstant } from '@libs-ui/utils';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { fromEvent, Subject, timer } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { TYPE_BUTTON, TYPE_SIZE_BUTTON } from './interfaces/button.interface';\nimport { IEvent } from '@libs-ui/interfaces-types';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'libs_ui-components-buttons-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n standalone: true,\n imports: [NgStyle, TranslateModule, LibsUiComponentsSpinnerComponent, LibsUiComponentsPopoverComponent],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LibsUiComponentsButtonsButtonComponent implements AfterViewInit, OnDestroy {\n // #region PROPERTY\n private onDestroy = new Subject<void>();\n\n protected classBinding = signal('');\n protected isClick = signal(false);\n protected typeIconLoading = signal<TYPE_SPINNER>('spin-blue');\n protected typeButton = signal(false);\n\n private configProjectService = inject(LibsUiConfigProjectService);\n\n // #region INPUT\n readonly flagMouse = input<IFlagMouse>({ isMouseEnter: false, isMouseEnterContent: false, isContainerHasScroll: false });\n readonly type = input<TYPE_BUTTON>('button-primary');\n readonly buttonCustom = input<IColorButton>(); // bắt buộc khi type là button-custom hoặc button-link-custom\n readonly sizeButton = input<TYPE_SIZE_BUTTON, TYPE_SIZE_BUTTON | undefined>('medium', { transform: (value) => value ?? 'medium' });\n readonly label = input<string>(' ');\n readonly disable = input<boolean>(false);\n readonly isPending = input<boolean>();\n readonly imageLeft = input<{ src: string; classInclude?: string }>();\n readonly classInclude = input<string>('');\n readonly classIconLeft = input<string>('');\n readonly classIconRight = input<string>('');\n readonly classLabel = input<string>('');\n readonly iconOnlyType = input<boolean>(false);\n readonly popover = input<IPopover>({});\n readonly ignoreStopPropagationEvent = input<boolean, boolean | undefined>(true, { transform: (val) => val ?? true });\n readonly zIndex = input<number>(10);\n readonly widthLabelPopover = input<number>();\n readonly styleIconLeft = input<Record<string, any>>();\n readonly styleButton = input<Record<string, any>>();\n readonly ignoreFocusWhenInputTab = input<boolean>(); // dùng để bỏ qua focus khi bấm nút TAB từ bán phím\n readonly ignoreSetClickWhenShowPopover = input<boolean>();\n readonly ignorePointerEvent = input<boolean>();\n readonly isActive = input<boolean>();\n readonly isHandlerEnterDocumentClickButton = input<boolean>();\n\n // #region OUTPUT\n readonly outClick = output<Event>();\n readonly outPopoverEvent = output<TYPE_POPOVER_EVENT>();\n readonly outFunctionsControl = output<IPopoverFunctionControlEvent>();\n\n /* VIEW CHILD */\n private readonly buttonEl = viewChild.required<ElementRef>('buttonEl');\n\n constructor() {\n effect(() => {\n this.type();\n this.buttonCustom();\n this.sizeButton();\n untracked(() => this.setClassByType());\n });\n }\n\n ngAfterViewInit(): void {\n if (!this.isHandlerEnterDocumentClickButton()) {\n return;\n }\n fromEvent<IEvent>(document, 'keyup')\n .pipe(takeUntil(this.onDestroy))\n .subscribe((e) => {\n if (e.keyCode !== UtilsKeyCodeConstant.ENTER) {\n return;\n }\n this.handlerClick(e);\n });\n }\n\n /* FUNCTIONS */\n protected handlerClick(e: Event) {\n if (!this.ignoreStopPropagationEvent()) {\n e.stopPropagation();\n }\n this.buttonEl()?.nativeElement.blur();\n if (this.disable() || this.isPending()) {\n return;\n }\n this.outClick.emit(e);\n this.isClick.set(true);\n timer(100)\n .pipe(takeUntil(this.onDestroy))\n .subscribe(() => {\n this.isClick.set(false);\n });\n }\n\n protected async handlerPopoverControlEvent(control: IPopoverFunctionControlEvent) {\n this.outFunctionsControl.emit(control);\n }\n\n private async setClassByType() {\n if (this.type().search('button') === 0) {\n this.typeButton.set(true);\n }\n this.setClassAndIconLoadingByType();\n const config = this.type().includes('custom') ? this.buttonCustom() : get(this.configProjectService.ConfigButton(), this.type());\n\n if (config) {\n this.setVariableStyles(config.rootColor, config.configStepColor);\n }\n if (!this.sizeButton || !this.typeButton()) {\n return this.classBinding.update((value) => `${value} ${this.classInclude()}`);\n }\n\n switch (this.sizeButton()) {\n case 'large':\n return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-large`);\n case 'medium':\n return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-medium`);\n\n case 'small':\n return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-small`);\n\n case 'smaller':\n return this.classBinding.update((value) => `${value} ${this.classInclude()} libs-ui-button-smaller`);\n }\n }\n\n private async setClassAndIconLoadingByType() {\n if (!this.type) {\n return;\n }\n if (this.type().includes('link')) {\n this.classBinding.set('libs-ui-button libs-ui-button-theme libs-ui-button-link libs-ui-button-link-other-color');\n return this.typeIconLoading.set('spin-blue');\n }\n this.classBinding.set('libs-ui-button libs-ui-button-theme libs-ui-button-other-color');\n if (['button-secondary', 'button-third', 'button-outline', 'button-outline-green'].includes(this.type())) {\n return this.typeIconLoading.set('spin-blue');\n }\n return this.typeIconLoading.set('spin-white');\n }\n\n private async setVariableStyles(color: string, configStep: any) {\n if (!color) {\n return;\n }\n\n const colors = colorContrastFromOrigin(color);\n\n Object.keys(configStep).forEach((key) => {\n const valueStep = get(configStep, key);\n const typeLink = this.type().includes('link');\n\n if (typeof valueStep === 'string') {\n this.buttonEl()?.nativeElement.style.setProperty(`--libs-ui-button${typeLink ? '-link' : ''}-other-color-${key.replace('_', '-')}`, valueStep);\n\n return;\n }\n const color = colors.find((item) => item.step === Math.abs(valueStep));\n\n this.buttonEl()?.nativeElement.style.setProperty(`--libs-ui-button${typeLink ? '-link' : ''}-other-color-${key.replace('_', '-')}`, get(color || {}, valueStep < 0 ? 'dark' : 'light'));\n });\n }\n\n protected async handlerPopoverEvent(event: TYPE_POPOVER_EVENT) {\n this.outPopoverEvent.emit(event);\n if (event === 'click') {\n return;\n }\n if (event === 'remove') {\n this.isClick.set(false);\n\n return;\n }\n if (!this.ignoreSetClickWhenShowPopover()) {\n this.isClick.set(true);\n }\n }\n\n ngOnDestroy(): void {\n this.onDestroy.next();\n this.onDestroy.complete();\n }\n}\n","<libs_ui-components-popover [type]=\"popover().type || 'other'\"\n [mode]=\"popover().mode || 'hover'\"\n [ignoreHiddenPopoverContentWhenMouseLeave]=\"popover().ignoreHiddenPopoverContentWhenMouseLeave || false\"\n [ignoreShowPopover]=\"popover().config ? !!popover().ignoreShowPopover : true\"\n [elementRefCustom]=\"popover().elementRefCustom\"\n [config]=\"popover().config || {}\"\n [flagMouse]=\"flagMouse()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n (outEvent)=\"handlerPopoverEvent($event)\">\n <button #buttonEl\n [class]=\"classBinding()\"\n [class.libs-ui-button-disable]=\"disable()\"\n [class.pointer-events-none]=\"disable() && !ignorePointerEvent()\"\n [attr.isPending]=\"isPending()\"\n [attr.isClick]=\"isClick()\"\n [attr.tabindex]=\"ignoreFocusWhenInputTab()?'-1':'0'\"\n [attr.hasLabel]=\"((label() || ' ') | translate) !== ' '\"\n [attr.hasIconLeft]=\"!!classIconLeft()\"\n [attr.hasIconRight]=\"!!classIconRight()\"\n [attr.active]=\"!!isActive()\"\n [ngStyle]=\"styleButton()\"\n (click)=\"handlerClick($event)\">\n @if (imageLeft(); as imageConfig) {\n <img [src]=\"imageConfig.src\"\n [class]=\"imageConfig.classInclude || 'mr-[8px]'\" />\n }\n @if (classIconLeft() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconLeft() + ' libs-ui-button-icon-left'\"\n [ngStyle]=\"styleIconLeft()\">\n </i>\n }\n @if (!iconOnlyType()) {\n <libs_ui-components-popover [type]=\"'text'\"\n [config]=\"{\n zIndex: zIndex(),\n width: widthLabelPopover()\n }\"\n [class]=\"(classLabel() || '') + ' libs-ui-button-label'\"\n [innerHtml]=\"(label() || ' ') | translate\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\" />\n }\n @if (classIconRight() && (!iconOnlyType() || (iconOnlyType() && !isPending()))) {\n <i [attr.iconOnlyType]=\"iconOnlyType()\"\n [class]=\"classIconRight()+' libs-ui-button-icon-right'\"></i>\n }\n @if (isPending()) {\n <div class=\"relative\"\n [class.w-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.left-[16px]]=\"!typeButton() && !iconOnlyType()\"\n [class.ml-[8px]]=\"typeButton() && !iconOnlyType()\">\n <libs_ui-components-spinner [type]=\"typeIconLoading()\"\n [size]=\"sizeButton() === 'large'?'medium':sizeButton() === 'smaller'?'smaller':'small'\" />\n </div>\n }\n </button>\n</libs_ui-components-popover>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IPopover
|
|
1
|
+
import { IPopover } from "@libs-ui/components-popover";
|
|
2
2
|
import { IColorButton } from "@libs-ui/services-config-project";
|
|
3
3
|
export interface IButton {
|
|
4
4
|
key?: string;
|
|
@@ -14,43 +14,11 @@ export interface IButton {
|
|
|
14
14
|
popover?: IPopover;
|
|
15
15
|
ignoreStopPropagationEvent?: boolean;
|
|
16
16
|
zIndex?: number;
|
|
17
|
-
getDataButtonDropdown?: (value?: any, item?: any) => Promise<any>;
|
|
18
17
|
isPending?: boolean;
|
|
19
18
|
action?: (data?: any) => Promise<void>;
|
|
20
|
-
popupConfigButtonDropdown?: IPopupConfigButtonDropdown;
|
|
21
19
|
styleIconLeft?: Record<string, any>;
|
|
22
20
|
styleButton?: Record<string, any>;
|
|
23
21
|
buttonCustom?: IColorButton;
|
|
24
22
|
}
|
|
25
|
-
export
|
|
26
|
-
label?: string;
|
|
27
|
-
fieldClass?: string;
|
|
28
|
-
fieldClassIconLeft?: string;
|
|
29
|
-
items?: Array<any>;
|
|
30
|
-
fieldDisplay?: any;
|
|
31
|
-
keyField?: any;
|
|
32
|
-
keySelected?: string;
|
|
33
|
-
applyNow?: boolean;
|
|
34
|
-
classIconRight?: string;
|
|
35
|
-
classIconLeft?: string;
|
|
36
|
-
typeButton?: TYPE_BUTTON;
|
|
37
|
-
popupConfig?: IPopupConfigButtonDropdown;
|
|
38
|
-
demoMode?: string;
|
|
39
|
-
ignoreHiddenPopoverContentWhenMouseLeave?: boolean;
|
|
40
|
-
}
|
|
41
|
-
export interface IPopupConfigButtonDropdown {
|
|
42
|
-
width?: number;
|
|
43
|
-
maxWidth?: number;
|
|
44
|
-
maxHeight?: number;
|
|
45
|
-
zIndex?: number;
|
|
46
|
-
direction?: TYPE_POPOVER_DIRECTION;
|
|
47
|
-
timeDestroy?: number;
|
|
48
|
-
widthByParent?: boolean;
|
|
49
|
-
position?: {
|
|
50
|
-
mode: 'start' | 'center' | 'end';
|
|
51
|
-
distance: number;
|
|
52
|
-
};
|
|
53
|
-
classInclude?: string;
|
|
54
|
-
}
|
|
55
|
-
export type TYPE_BUTTON = 'button-primary' | 'button-primary-revert' | 'button-secondary' | 'button-third' | 'button-outline' | 'button-danger-high' | 'button-danger-low' | 'button-green' | 'button-violet' | 'button-secondary-green' | 'button-link-primary' | 'button-link-third' | 'button-link-danger-high' | 'button-link-danger-low' | 'button-link-green' | 'button-link-violet' | 'button-outline-green' | 'button-custom' | 'button-link-custom';
|
|
23
|
+
export type TYPE_BUTTON = 'button-primary' | 'button-primary-revert' | 'button-secondary' | 'button-secondary-red' | 'button-outline-secondary' | 'button-third' | 'button-outline' | 'button-danger-high' | 'button-outline-hover-danger' | 'button-third-hover-danger' | 'button-danger-low' | 'button-green' | 'button-violet' | 'button-secondary-green' | 'button-outline-green' | 'button-custom' | 'button-link-primary' | 'button-link-third' | 'button-link-danger-high' | 'button-link-danger-low' | 'button-link-green' | 'button-link-violet' | 'button-link-custom' | string;
|
|
56
24
|
export type TYPE_SIZE_BUTTON = 'large' | 'medium' | 'small' | 'smaller';
|
package/package.json
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@libs-ui/components-buttons-button",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.306.2",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "
|
|
6
|
-
"@angular/core": "
|
|
5
|
+
"@angular/common": ">=18.0.0",
|
|
6
|
+
"@angular/core": ">=18.0.0",
|
|
7
|
+
"@libs-ui/components-popover": "0.2.306.2",
|
|
8
|
+
"@libs-ui/components-spinner": "0.2.306.2",
|
|
9
|
+
"@libs-ui/services-config-project": "0.2.306.2",
|
|
10
|
+
"@libs-ui/utils": "0.2.306.2",
|
|
11
|
+
"@ngx-translate/core": "^15.0.0",
|
|
12
|
+
"rxjs": "~7.8.0",
|
|
13
|
+
"@libs-ui/interfaces-types": "0.2.306.2"
|
|
7
14
|
},
|
|
8
15
|
"sideEffects": false,
|
|
9
16
|
"module": "fesm2022/libs-ui-components-buttons-button.mjs",
|