hopesf-angular-dev-utils 1.0.0
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/LICENSE +21 -0
- package/README.md +60 -0
- package/esm2022/hopesf-angular-dev-utils.mjs +5 -0
- package/esm2022/lib/components/button/button.component.mjs +68 -0
- package/esm2022/lib/components/card/card.component.mjs +78 -0
- package/esm2022/lib/components/input/input.component.mjs +141 -0
- package/esm2022/lib/components/modal/modal.component.mjs +102 -0
- package/esm2022/lib/components/spinner/spinner.component.mjs +44 -0
- package/esm2022/lib/components/table/table.component.mjs +240 -0
- package/esm2022/lib/models/types.mjs +2 -0
- package/esm2022/lib/services/modal.service.mjs +102 -0
- package/esm2022/public-api.mjs +15 -0
- package/fesm2022/hopesf-angular-dev-utils.mjs +765 -0
- package/fesm2022/hopesf-angular-dev-utils.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/button/button.component.d.ts +16 -0
- package/lib/components/card/card.component.d.ts +12 -0
- package/lib/components/input/input.component.d.ts +27 -0
- package/lib/components/modal/modal.component.d.ts +17 -0
- package/lib/components/spinner/spinner.component.d.ts +11 -0
- package/lib/components/table/table.component.d.ts +29 -0
- package/lib/models/types.d.ts +27 -0
- package/lib/services/modal.service.d.ts +21 -0
- package/package.json +49 -0
- package/public-api.d.ts +8 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 hopesf
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
# Angular Dev Utils
|
|
2
|
+
|
|
3
|
+
Modern Angular component library with standalone components and Tailwind CSS.
|
|
4
|
+
|
|
5
|
+
[](https://github.com/hopesf/Dev-Utils/actions/workflows/ci.yml)
|
|
6
|
+
[](https://www.npmjs.com/package/@hopesf/angular-dev-utils)
|
|
7
|
+
[](https://opensource.org/licenses/MIT)
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @hopesf/angular-dev-utils
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
That's it! No authentication or tokens required.
|
|
16
|
+
|
|
17
|
+
## Quick Start
|
|
18
|
+
|
|
19
|
+
Import components directly in your standalone components:
|
|
20
|
+
|
|
21
|
+
```typescript
|
|
22
|
+
import { Component } from "@angular/core";
|
|
23
|
+
import { ButtonComponent, CardComponent, InputComponent } from "angular-dev-utils";
|
|
24
|
+
|
|
25
|
+
@Component({
|
|
26
|
+
selector: "app-example",
|
|
27
|
+
standalone: true,
|
|
28
|
+
imports: [ButtonComponent, CardComponent, InputComponent],
|
|
29
|
+
template: `
|
|
30
|
+
<adu-card>
|
|
31
|
+
<adu-input label="Name" [(ngModel)]="name"></adu-input>
|
|
32
|
+
<adu-button variant="primary" (clicked)="submit()">Submit</adu-button>
|
|
33
|
+
</adu-card>
|
|
34
|
+
`,
|
|
35
|
+
})
|
|
36
|
+
export class ExampleComponent {
|
|
37
|
+
name = "";
|
|
38
|
+
|
|
39
|
+
submit() {
|
|
40
|
+
console.log("Name:", this.name);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
## Documentation
|
|
46
|
+
|
|
47
|
+
For full documentation, visit the [main README](../../README.md).
|
|
48
|
+
|
|
49
|
+
## Components
|
|
50
|
+
|
|
51
|
+
- **Button** - Customizable button with variants and loading states
|
|
52
|
+
- **Input** - Form-ready input with validation
|
|
53
|
+
- **Card** - Container with header/footer sections
|
|
54
|
+
- **Modal** - Dialog with service and component modes
|
|
55
|
+
- **Table** - Data table with sorting and pagination
|
|
56
|
+
- **Spinner** - Loading indicator with overlay option
|
|
57
|
+
|
|
58
|
+
## License
|
|
59
|
+
|
|
60
|
+
MIT
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9wZXNmLWFuZ3VsYXItZGV2LXV0aWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvcGVzZi1hbmd1bGFyLWRldi11dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class ButtonComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.variant = 'primary';
|
|
8
|
+
this.size = 'md';
|
|
9
|
+
this.type = 'button';
|
|
10
|
+
this.disabled = false;
|
|
11
|
+
this.loading = false;
|
|
12
|
+
this.fullWidth = false;
|
|
13
|
+
this.clicked = new EventEmitter();
|
|
14
|
+
}
|
|
15
|
+
get buttonClasses() {
|
|
16
|
+
const classes = ['adu-button', `adu-button-${this.variant}`, `adu-button-${this.size}`];
|
|
17
|
+
if (this.fullWidth) {
|
|
18
|
+
classes.push('w-full');
|
|
19
|
+
}
|
|
20
|
+
return classes.join(' ');
|
|
21
|
+
}
|
|
22
|
+
handleClick(event) {
|
|
23
|
+
if (!this.disabled && !this.loading) {
|
|
24
|
+
this.clicked.emit(event);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonComponent, isStandalone: true, selector: "adu-button", inputs: { variant: "variant", size: "size", type: "type", disabled: "disabled", loading: "loading", fullWidth: "fullWidth" }, outputs: { clicked: "clicked" }, ngImport: i0, template: `
|
|
29
|
+
<button
|
|
30
|
+
[type]="type"
|
|
31
|
+
[disabled]="disabled || loading"
|
|
32
|
+
[class]="buttonClasses"
|
|
33
|
+
(click)="handleClick($event)"
|
|
34
|
+
>
|
|
35
|
+
<span *ngIf="loading" class="adu-button-spinner"></span>
|
|
36
|
+
<ng-content></ng-content>
|
|
37
|
+
</button>
|
|
38
|
+
`, isInline: true, styles: [".adu-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.adu-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px }.adu-button:disabled{cursor:not-allowed;opacity:.5}.adu-button-primary{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-primary:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.adu-button-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.adu-button-secondary{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.adu-button-secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)) }.adu-button-success{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-success:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.adu-button-success:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)) }.adu-button-danger{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.adu-button-danger:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)) }.adu-button-warning{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-warning:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.adu-button-warning:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1)) }.adu-button-ghost{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));background-color:transparent;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.adu-button-ghost:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.adu-button-ghost:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)) }.adu-button-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.adu-button-md{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}.adu-button-lg{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.adu-button-spinner{display:inline-block;height:1rem;width:1rem}@keyframes spin{to{transform:rotate(360deg)}}.adu-button-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-color:currentColor;border-top-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{ selector: 'adu-button', standalone: true, imports: [CommonModule], template: `
|
|
43
|
+
<button
|
|
44
|
+
[type]="type"
|
|
45
|
+
[disabled]="disabled || loading"
|
|
46
|
+
[class]="buttonClasses"
|
|
47
|
+
(click)="handleClick($event)"
|
|
48
|
+
>
|
|
49
|
+
<span *ngIf="loading" class="adu-button-spinner"></span>
|
|
50
|
+
<ng-content></ng-content>
|
|
51
|
+
</button>
|
|
52
|
+
`, styles: [".adu-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.adu-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px }.adu-button:disabled{cursor:not-allowed;opacity:.5}.adu-button-primary{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-primary:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.adu-button-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.adu-button-secondary{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.adu-button-secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)) }.adu-button-success{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-success:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.adu-button-success:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)) }.adu-button-danger{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.adu-button-danger:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)) }.adu-button-warning{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.adu-button-warning:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.adu-button-warning:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1)) }.adu-button-ghost{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));background-color:transparent;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.adu-button-ghost:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.adu-button-ghost:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)) }.adu-button-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.adu-button-md{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}.adu-button-lg{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.adu-button-spinner{display:inline-block;height:1rem;width:1rem}@keyframes spin{to{transform:rotate(360deg)}}.adu-button-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-color:currentColor;border-top-color:transparent}\n"] }]
|
|
53
|
+
}], propDecorators: { variant: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], size: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], type: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], disabled: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], loading: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], fullWidth: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], clicked: [{
|
|
66
|
+
type: Output
|
|
67
|
+
}] } });
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBbUUvQyxNQUFNLE9BQU8sZUFBZTtJQWhFNUI7UUFpRVcsWUFBTyxHQUFrQixTQUFTLENBQUM7UUFDbkMsU0FBSSxHQUFlLElBQUksQ0FBQztRQUN4QixTQUFJLEdBQWtDLFFBQVEsQ0FBQztRQUMvQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVqQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztLQWlCcEQ7SUFmQyxJQUFJLGFBQWE7UUFDZixNQUFNLE9BQU8sR0FBRyxDQUFDLFlBQVksRUFBRSxjQUFjLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxjQUFjLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBRXhGLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDekIsQ0FBQztRQUVELE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWlCO1FBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDOytHQXhCVSxlQUFlO21HQUFmLGVBQWUscU9BNURoQjs7Ozs7Ozs7OztHQVVULGcrR0FYUyxZQUFZOzs0RkE2RFgsZUFBZTtrQkFoRTNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiOzs7Ozs7Ozs7O0dBVVQ7OEJBbURRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQnV0dG9uVmFyaWFudCwgQnV0dG9uU2l6ZSB9IGZyb20gJy4uLy4uL21vZGVscy90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FkdS1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uXG4gICAgICBbdHlwZV09XCJ0eXBlXCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBsb2FkaW5nXCJcbiAgICAgIFtjbGFzc109XCJidXR0b25DbGFzc2VzXCJcbiAgICAgIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgICA+XG4gICAgICA8c3BhbiAqbmdJZj1cImxvYWRpbmdcIiBjbGFzcz1cImFkdS1idXR0b24tc3Bpbm5lclwiPjwvc3Bhbj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2J1dHRvbj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIC5hZHUtYnV0dG9uIHtcbiAgICAgIEBhcHBseSBpbmxpbmUtZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgZ2FwLTIgZm9udC1tZWRpdW0gcm91bmRlZC1sZyB0cmFuc2l0aW9uLWFsbCBkdXJhdGlvbi0yMDAgZm9jdXM6b3V0bGluZS1ub25lIGZvY3VzOnJpbmctMiBmb2N1czpyaW5nLW9mZnNldC0yIGRpc2FibGVkOm9wYWNpdHktNTAgZGlzYWJsZWQ6Y3Vyc29yLW5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgIC8qIFZhcmlhbnRzICovXG4gICAgLmFkdS1idXR0b24tcHJpbWFyeSB7XG4gICAgICBAYXBwbHkgYmctYmx1ZS02MDAgdGV4dC13aGl0ZSBob3ZlcjpiZy1ibHVlLTcwMCBmb2N1czpyaW5nLWJsdWUtNTAwO1xuICAgIH1cblxuICAgIC5hZHUtYnV0dG9uLXNlY29uZGFyeSB7XG4gICAgICBAYXBwbHkgYmctZ3JheS02MDAgdGV4dC13aGl0ZSBob3ZlcjpiZy1ncmF5LTcwMCBmb2N1czpyaW5nLWdyYXktNTAwO1xuICAgIH1cblxuICAgIC5hZHUtYnV0dG9uLXN1Y2Nlc3Mge1xuICAgICAgQGFwcGx5IGJnLWdyZWVuLTYwMCB0ZXh0LXdoaXRlIGhvdmVyOmJnLWdyZWVuLTcwMCBmb2N1czpyaW5nLWdyZWVuLTUwMDtcbiAgICB9XG5cbiAgICAuYWR1LWJ1dHRvbi1kYW5nZXIge1xuICAgICAgQGFwcGx5IGJnLXJlZC02MDAgdGV4dC13aGl0ZSBob3ZlcjpiZy1yZWQtNzAwIGZvY3VzOnJpbmctcmVkLTUwMDtcbiAgICB9XG5cbiAgICAuYWR1LWJ1dHRvbi13YXJuaW5nIHtcbiAgICAgIEBhcHBseSBiZy15ZWxsb3ctNTAwIHRleHQtd2hpdGUgaG92ZXI6YmcteWVsbG93LTYwMCBmb2N1czpyaW5nLXllbGxvdy01MDA7XG4gICAgfVxuXG4gICAgLmFkdS1idXR0b24tZ2hvc3Qge1xuICAgICAgQGFwcGx5IGJnLXRyYW5zcGFyZW50IHRleHQtZ3JheS03MDAgaG92ZXI6YmctZ3JheS0xMDAgZm9jdXM6cmluZy1ncmF5LTUwMCBib3JkZXIgYm9yZGVyLWdyYXktMzAwO1xuICAgIH1cblxuICAgIC8qIFNpemVzICovXG4gICAgLmFkdS1idXR0b24tc20ge1xuICAgICAgQGFwcGx5IHB4LTMgcHktMS41IHRleHQtc207XG4gICAgfVxuXG4gICAgLmFkdS1idXR0b24tbWQge1xuICAgICAgQGFwcGx5IHB4LTQgcHktMiB0ZXh0LWJhc2U7XG4gICAgfVxuXG4gICAgLmFkdS1idXR0b24tbGcge1xuICAgICAgQGFwcGx5IHB4LTYgcHktMyB0ZXh0LWxnO1xuICAgIH1cblxuICAgIC8qIExvYWRpbmcgU3Bpbm5lciAqL1xuICAgIC5hZHUtYnV0dG9uLXNwaW5uZXIge1xuICAgICAgQGFwcGx5IGlubGluZS1ibG9jayB3LTQgaC00IGJvcmRlci0yIGJvcmRlci1jdXJyZW50IGJvcmRlci10LXRyYW5zcGFyZW50IHJvdW5kZWQtZnVsbCBhbmltYXRlLXNwaW47XG4gICAgfVxuICBgXVxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSB2YXJpYW50OiBCdXR0b25WYXJpYW50ID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBzaXplOiBCdXR0b25TaXplID0gJ21kJztcbiAgQElucHV0KCkgdHlwZTogJ2J1dHRvbicgfCAnc3VibWl0JyB8ICdyZXNldCcgPSAnYnV0dG9uJztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgbG9hZGluZyA9IGZhbHNlO1xuICBASW5wdXQoKSBmdWxsV2lkdGggPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcblxuICBnZXQgYnV0dG9uQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBbJ2FkdS1idXR0b24nLCBgYWR1LWJ1dHRvbi0ke3RoaXMudmFyaWFudH1gLCBgYWR1LWJ1dHRvbi0ke3RoaXMuc2l6ZX1gXTtcbiAgICBcbiAgICBpZiAodGhpcy5mdWxsV2lkdGgpIHtcbiAgICAgIGNsYXNzZXMucHVzaCgndy1mdWxsJyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzZXMuam9pbignICcpO1xuICB9XG5cbiAgaGFuZGxlQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMubG9hZGluZykge1xuICAgICAgdGhpcy5jbGlja2VkLmVtaXQoZXZlbnQpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class CardComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.shadow = 'sm';
|
|
8
|
+
this.hoverable = false;
|
|
9
|
+
this.padding = 'normal';
|
|
10
|
+
this.hasHeader = false;
|
|
11
|
+
this.hasFooter = false;
|
|
12
|
+
}
|
|
13
|
+
get cardClasses() {
|
|
14
|
+
const classes = ['adu-card'];
|
|
15
|
+
if (this.shadow !== 'none') {
|
|
16
|
+
classes.push(`adu-card-shadow-${this.shadow}`);
|
|
17
|
+
}
|
|
18
|
+
if (this.hoverable) {
|
|
19
|
+
classes.push('adu-card-hoverable');
|
|
20
|
+
}
|
|
21
|
+
return classes.join(' ');
|
|
22
|
+
}
|
|
23
|
+
get bodyClasses() {
|
|
24
|
+
const classes = ['adu-card-body'];
|
|
25
|
+
if (this.padding === 'compact') {
|
|
26
|
+
classes.push('adu-card-body-compact');
|
|
27
|
+
}
|
|
28
|
+
else if (this.padding === 'spacious') {
|
|
29
|
+
classes.push('adu-card-body-spacious');
|
|
30
|
+
}
|
|
31
|
+
return classes.join(' ');
|
|
32
|
+
}
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardComponent, isStandalone: true, selector: "adu-card", inputs: { shadow: "shadow", hoverable: "hoverable", padding: "padding", hasHeader: "hasHeader", hasFooter: "hasFooter" }, ngImport: i0, template: `
|
|
35
|
+
<div [class]="cardClasses">
|
|
36
|
+
<div *ngIf="hasHeader" class="adu-card-header">
|
|
37
|
+
<ng-content select="[card-header]"></ng-content>
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
<div class="adu-card-body">
|
|
41
|
+
<ng-content></ng-content>
|
|
42
|
+
</div>
|
|
43
|
+
|
|
44
|
+
<div *ngIf="hasFooter" class="adu-card-footer">
|
|
45
|
+
<ng-content select="[card-footer]"></ng-content>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
`, isInline: true, styles: [".adu-card{overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.adu-card-hoverable:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem 1.5rem}.adu-card-body{padding:1rem 1.5rem}.adu-card-body-compact{padding:.75rem 1rem}.adu-card-body-spacious{padding:1.5rem 2rem}.adu-card-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem 1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
49
|
+
}
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{ selector: 'adu-card', standalone: true, imports: [CommonModule], template: `
|
|
53
|
+
<div [class]="cardClasses">
|
|
54
|
+
<div *ngIf="hasHeader" class="adu-card-header">
|
|
55
|
+
<ng-content select="[card-header]"></ng-content>
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
<div class="adu-card-body">
|
|
59
|
+
<ng-content></ng-content>
|
|
60
|
+
</div>
|
|
61
|
+
|
|
62
|
+
<div *ngIf="hasFooter" class="adu-card-footer">
|
|
63
|
+
<ng-content select="[card-footer]"></ng-content>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
`, styles: [".adu-card{overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.adu-card-hoverable:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.adu-card-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem 1.5rem}.adu-card-body{padding:1rem 1.5rem}.adu-card-body-compact{padding:.75rem 1rem}.adu-card-body-spacious{padding:1.5rem 2rem}.adu-card-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem 1.5rem}\n"] }]
|
|
67
|
+
}], propDecorators: { shadow: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], hoverable: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], padding: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], hasHeader: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], hasFooter: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}] } });
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQW1FL0MsTUFBTSxPQUFPLGFBQWE7SUFqRTFCO1FBa0VXLFdBQU0sR0FBdUMsSUFBSSxDQUFDO1FBQ2xELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsWUFBTyxHQUFzQyxRQUFRLENBQUM7UUFDdEQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixjQUFTLEdBQUcsS0FBSyxDQUFDO0tBMkI1QjtJQXpCQyxJQUFJLFdBQVc7UUFDYixNQUFNLE9BQU8sR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRTdCLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUMzQixPQUFPLENBQUMsSUFBSSxDQUFDLG1CQUFtQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztRQUNqRCxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsT0FBTyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ3JDLENBQUM7UUFFRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE1BQU0sT0FBTyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFbEMsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQy9CLE9BQU8sQ0FBQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsQ0FBQztRQUN4QyxDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFVBQVUsRUFBRSxDQUFDO1lBQ3ZDLE9BQU8sQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUN6QyxDQUFDO1FBRUQsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBL0JVLGFBQWE7bUdBQWIsYUFBYSw4TEE3RGQ7Ozs7Ozs7Ozs7Ozs7O0dBY1QsczFFQWZTLFlBQVk7OzRGQThEWCxhQUFhO2tCQWpFekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2I7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7OEJBZ0RRLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHUtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgW2NsYXNzXT1cImNhcmRDbGFzc2VzXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiaGFzSGVhZGVyXCIgY2xhc3M9XCJhZHUtY2FyZC1oZWFkZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgXG4gICAgICA8ZGl2IGNsYXNzPVwiYWR1LWNhcmQtYm9keVwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIFxuICAgICAgPGRpdiAqbmdJZj1cImhhc0Zvb3RlclwiIGNsYXNzPVwiYWR1LWNhcmQtZm9vdGVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWZvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIC5hZHUtY2FyZCB7XG4gICAgICBAYXBwbHkgYmctd2hpdGUgcm91bmRlZC1sZyBib3JkZXIgYm9yZGVyLWdyYXktMjAwIG92ZXJmbG93LWhpZGRlbiB0cmFuc2l0aW9uLXNoYWRvdyBkdXJhdGlvbi0yMDA7XG4gICAgfVxuXG4gICAgLmFkdS1jYXJkLWhvdmVyYWJsZTpob3ZlciB7XG4gICAgICBAYXBwbHkgc2hhZG93LWxnO1xuICAgIH1cblxuICAgIC5hZHUtY2FyZC1zaGFkb3ctc20ge1xuICAgICAgQGFwcGx5IHNoYWRvdy1zbTtcbiAgICB9XG5cbiAgICAuYWR1LWNhcmQtc2hhZG93LW1kIHtcbiAgICAgIEBhcHBseSBzaGFkb3ctbWQ7XG4gICAgfVxuXG4gICAgLmFkdS1jYXJkLXNoYWRvdy1sZyB7XG4gICAgICBAYXBwbHkgc2hhZG93LWxnO1xuICAgIH1cblxuICAgIC5hZHUtY2FyZC1zaGFkb3cteGwge1xuICAgICAgQGFwcGx5IHNoYWRvdy14bDtcbiAgICB9XG5cbiAgICAuYWR1LWNhcmQtaGVhZGVyIHtcbiAgICAgIEBhcHBseSBweC02IHB5LTQgYm9yZGVyLWIgYm9yZGVyLWdyYXktMjAwIGJnLWdyYXktNTA7XG4gICAgfVxuXG4gICAgLmFkdS1jYXJkLWJvZHkge1xuICAgICAgQGFwcGx5IHB4LTYgcHktNDtcbiAgICB9XG5cbiAgICAuYWR1LWNhcmQtYm9keS1jb21wYWN0IHtcbiAgICAgIEBhcHBseSBweC00IHB5LTM7XG4gICAgfVxuXG4gICAgLmFkdS1jYXJkLWJvZHktc3BhY2lvdXMge1xuICAgICAgQGFwcGx5IHB4LTggcHktNjtcbiAgICB9XG5cbiAgICAuYWR1LWNhcmQtZm9vdGVyIHtcbiAgICAgIEBhcHBseSBweC02IHB5LTQgYm9yZGVyLXQgYm9yZGVyLWdyYXktMjAwIGJnLWdyYXktNTA7XG4gICAgfVxuICBgXVxufSlcbmV4cG9ydCBjbGFzcyBDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2hhZG93OiAnbm9uZScgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnID0gJ3NtJztcbiAgQElucHV0KCkgaG92ZXJhYmxlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHBhZGRpbmc6ICdjb21wYWN0JyB8ICdub3JtYWwnIHwgJ3NwYWNpb3VzJyA9ICdub3JtYWwnO1xuICBASW5wdXQoKSBoYXNIZWFkZXIgPSBmYWxzZTtcbiAgQElucHV0KCkgaGFzRm9vdGVyID0gZmFsc2U7XG5cbiAgZ2V0IGNhcmRDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgY2xhc3NlcyA9IFsnYWR1LWNhcmQnXTtcblxuICAgIGlmICh0aGlzLnNoYWRvdyAhPT0gJ25vbmUnKSB7XG4gICAgICBjbGFzc2VzLnB1c2goYGFkdS1jYXJkLXNoYWRvdy0ke3RoaXMuc2hhZG93fWApO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmhvdmVyYWJsZSkge1xuICAgICAgY2xhc3Nlcy5wdXNoKCdhZHUtY2FyZC1ob3ZlcmFibGUnKTtcbiAgICB9XG5cbiAgICByZXR1cm4gY2xhc3Nlcy5qb2luKCcgJyk7XG4gIH1cblxuICBnZXQgYm9keUNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGFzc2VzID0gWydhZHUtY2FyZC1ib2R5J107XG5cbiAgICBpZiAodGhpcy5wYWRkaW5nID09PSAnY29tcGFjdCcpIHtcbiAgICAgIGNsYXNzZXMucHVzaCgnYWR1LWNhcmQtYm9keS1jb21wYWN0Jyk7XG4gICAgfSBlbHNlIGlmICh0aGlzLnBhZGRpbmcgPT09ICdzcGFjaW91cycpIHtcbiAgICAgIGNsYXNzZXMucHVzaCgnYWR1LWNhcmQtYm9keS1zcGFjaW91cycpO1xuICAgIH1cblxuICAgIHJldHVybiBjbGFzc2VzLmpvaW4oJyAnKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { Component, Input, forwardRef } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class InputComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.id = `adu-input-${Math.random().toString(36).substr(2, 9)}`;
|
|
9
|
+
this.label = '';
|
|
10
|
+
this.type = 'text';
|
|
11
|
+
this.placeholder = '';
|
|
12
|
+
this.size = 'md';
|
|
13
|
+
this.disabled = false;
|
|
14
|
+
this.readonly = false;
|
|
15
|
+
this.required = false;
|
|
16
|
+
this.error = '';
|
|
17
|
+
this.hint = '';
|
|
18
|
+
this.icon = '';
|
|
19
|
+
this.value = '';
|
|
20
|
+
this.onChange = () => { };
|
|
21
|
+
this.onTouched = () => { };
|
|
22
|
+
}
|
|
23
|
+
get inputClasses() {
|
|
24
|
+
const classes = ['adu-input', `adu-input-${this.size}`];
|
|
25
|
+
if (this.error) {
|
|
26
|
+
classes.push('adu-input-error-state');
|
|
27
|
+
}
|
|
28
|
+
if (this.icon) {
|
|
29
|
+
classes.push('pr-10');
|
|
30
|
+
}
|
|
31
|
+
return classes.join(' ');
|
|
32
|
+
}
|
|
33
|
+
onInputChange(event) {
|
|
34
|
+
const input = event.target;
|
|
35
|
+
this.value = input.value;
|
|
36
|
+
this.onChange(this.value);
|
|
37
|
+
}
|
|
38
|
+
writeValue(value) {
|
|
39
|
+
this.value = value || '';
|
|
40
|
+
}
|
|
41
|
+
registerOnChange(fn) {
|
|
42
|
+
this.onChange = fn;
|
|
43
|
+
}
|
|
44
|
+
registerOnTouched(fn) {
|
|
45
|
+
this.onTouched = fn;
|
|
46
|
+
}
|
|
47
|
+
setDisabledState(isDisabled) {
|
|
48
|
+
this.disabled = isDisabled;
|
|
49
|
+
}
|
|
50
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputComponent, isStandalone: true, selector: "adu-input", inputs: { id: "id", label: "label", type: "type", placeholder: "placeholder", size: "size", disabled: "disabled", readonly: "readonly", required: "required", error: "error", hint: "hint", icon: "icon" }, providers: [
|
|
52
|
+
{
|
|
53
|
+
provide: NG_VALUE_ACCESSOR,
|
|
54
|
+
useExisting: forwardRef(() => InputComponent),
|
|
55
|
+
multi: true
|
|
56
|
+
}
|
|
57
|
+
], ngImport: i0, template: `
|
|
58
|
+
<div class="adu-input-wrapper">
|
|
59
|
+
<label *ngIf="label" [for]="id" class="adu-input-label">
|
|
60
|
+
{{ label }}
|
|
61
|
+
<span *ngIf="required" class="text-red-500">*</span>
|
|
62
|
+
</label>
|
|
63
|
+
|
|
64
|
+
<div class="relative">
|
|
65
|
+
<input
|
|
66
|
+
[id]="id"
|
|
67
|
+
[type]="type"
|
|
68
|
+
[placeholder]="placeholder"
|
|
69
|
+
[disabled]="disabled"
|
|
70
|
+
[readonly]="readonly"
|
|
71
|
+
[value]="value"
|
|
72
|
+
[class]="inputClasses"
|
|
73
|
+
(input)="onInputChange($event)"
|
|
74
|
+
(blur)="onTouched()"
|
|
75
|
+
/>
|
|
76
|
+
<span *ngIf="icon" class="adu-input-icon">{{ icon }}</span>
|
|
77
|
+
</div>
|
|
78
|
+
|
|
79
|
+
<p *ngIf="error" class="adu-input-error">{{ error }}</p>
|
|
80
|
+
<p *ngIf="hint && !error" class="adu-input-hint">{{ hint }}</p>
|
|
81
|
+
</div>
|
|
82
|
+
`, isInline: true, styles: [".adu-input-wrapper{width:100%}.adu-input-label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.adu-input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.adu-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.adu-input:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.adu-input::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.adu-input-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.adu-input-md{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}.adu-input-lg{padding:.75rem 1.25rem;font-size:1.125rem;line-height:1.75rem}.adu-input-error-state{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.adu-input-error-state:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)) }.adu-input-icon{pointer-events:none;position:absolute;right:.75rem;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.adu-input-error{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.adu-input-hint{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
83
|
+
}
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputComponent, decorators: [{
|
|
85
|
+
type: Component,
|
|
86
|
+
args: [{ selector: 'adu-input', standalone: true, imports: [CommonModule], providers: [
|
|
87
|
+
{
|
|
88
|
+
provide: NG_VALUE_ACCESSOR,
|
|
89
|
+
useExisting: forwardRef(() => InputComponent),
|
|
90
|
+
multi: true
|
|
91
|
+
}
|
|
92
|
+
], template: `
|
|
93
|
+
<div class="adu-input-wrapper">
|
|
94
|
+
<label *ngIf="label" [for]="id" class="adu-input-label">
|
|
95
|
+
{{ label }}
|
|
96
|
+
<span *ngIf="required" class="text-red-500">*</span>
|
|
97
|
+
</label>
|
|
98
|
+
|
|
99
|
+
<div class="relative">
|
|
100
|
+
<input
|
|
101
|
+
[id]="id"
|
|
102
|
+
[type]="type"
|
|
103
|
+
[placeholder]="placeholder"
|
|
104
|
+
[disabled]="disabled"
|
|
105
|
+
[readonly]="readonly"
|
|
106
|
+
[value]="value"
|
|
107
|
+
[class]="inputClasses"
|
|
108
|
+
(input)="onInputChange($event)"
|
|
109
|
+
(blur)="onTouched()"
|
|
110
|
+
/>
|
|
111
|
+
<span *ngIf="icon" class="adu-input-icon">{{ icon }}</span>
|
|
112
|
+
</div>
|
|
113
|
+
|
|
114
|
+
<p *ngIf="error" class="adu-input-error">{{ error }}</p>
|
|
115
|
+
<p *ngIf="hint && !error" class="adu-input-hint">{{ hint }}</p>
|
|
116
|
+
</div>
|
|
117
|
+
`, styles: [".adu-input-wrapper{width:100%}.adu-input-label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.adu-input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.adu-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.adu-input:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.adu-input::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.adu-input-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.adu-input-md{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}.adu-input-lg{padding:.75rem 1.25rem;font-size:1.125rem;line-height:1.75rem}.adu-input-error-state{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.adu-input-error-state:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)) }.adu-input-icon{pointer-events:none;position:absolute;right:.75rem;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.adu-input-error{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.adu-input-hint{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}\n"] }]
|
|
118
|
+
}], propDecorators: { id: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], label: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], type: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], placeholder: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], size: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], disabled: [{
|
|
129
|
+
type: Input
|
|
130
|
+
}], readonly: [{
|
|
131
|
+
type: Input
|
|
132
|
+
}], required: [{
|
|
133
|
+
type: Input
|
|
134
|
+
}], error: [{
|
|
135
|
+
type: Input
|
|
136
|
+
}], hint: [{
|
|
137
|
+
type: Input
|
|
138
|
+
}], icon: [{
|
|
139
|
+
type: Input
|
|
140
|
+
}] } });
|
|
141
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2lucHV0L2lucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBcUZ6RSxNQUFNLE9BQU8sY0FBYztJQWxGM0I7UUFtRlcsT0FBRSxHQUFHLGFBQWEsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDNUQsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFNBQUksR0FBYyxNQUFNLENBQUM7UUFDekIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsU0FBSSxHQUFjLElBQUksQ0FBQztRQUN2QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFbkIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGFBQVEsR0FBNEIsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQzdDLGNBQVMsR0FBZSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7S0FxQ2xDO0lBbkNDLElBQUksWUFBWTtRQUNkLE1BQU0sT0FBTyxHQUFHLENBQUMsV0FBVyxFQUFFLGFBQWEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7UUFFeEQsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixPQUFPLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFDeEMsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN4QixDQUFDO1FBRUQsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBWTtRQUN4QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBMkI7UUFDMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7K0dBbkRVLGNBQWM7bUdBQWQsY0FBYyxvUUE5RWQ7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQztnQkFDN0MsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJULDA4RUFqQ1MsWUFBWTs7NEZBK0VYLGNBQWM7a0JBbEYxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsYUFDWjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxlQUFlLENBQUM7NEJBQzdDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5QlQ7OEJBK0NRLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElucHV0VHlwZSwgSW5wdXRTaXplIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWR1LWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gSW5wdXRDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImFkdS1pbnB1dC13cmFwcGVyXCI+XG4gICAgICA8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtmb3JdPVwiaWRcIiBjbGFzcz1cImFkdS1pbnB1dC1sYWJlbFwiPlxuICAgICAgICB7eyBsYWJlbCB9fVxuICAgICAgICA8c3BhbiAqbmdJZj1cInJlcXVpcmVkXCIgY2xhc3M9XCJ0ZXh0LXJlZC01MDBcIj4qPC9zcGFuPlxuICAgICAgPC9sYWJlbD5cbiAgICAgIFxuICAgICAgPGRpdiBjbGFzcz1cInJlbGF0aXZlXCI+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIFtpZF09XCJpZFwiXG4gICAgICAgICAgW3R5cGVdPVwidHlwZVwiXG4gICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAgICAgICBbY2xhc3NdPVwiaW5wdXRDbGFzc2VzXCJcbiAgICAgICAgICAoaW5wdXQpPVwib25JbnB1dENoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAoYmx1cik9XCJvblRvdWNoZWQoKVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwiYWR1LWlucHV0LWljb25cIj57eyBpY29uIH19PC9zcGFuPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxwICpuZ0lmPVwiZXJyb3JcIiBjbGFzcz1cImFkdS1pbnB1dC1lcnJvclwiPnt7IGVycm9yIH19PC9wPlxuICAgICAgPHAgKm5nSWY9XCJoaW50ICYmICFlcnJvclwiIGNsYXNzPVwiYWR1LWlucHV0LWhpbnRcIj57eyBoaW50IH19PC9wPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtgXG4gICAgLmFkdS1pbnB1dC13cmFwcGVyIHtcbiAgICAgIEBhcHBseSB3LWZ1bGw7XG4gICAgfVxuXG4gICAgLmFkdS1pbnB1dC1sYWJlbCB7XG4gICAgICBAYXBwbHkgYmxvY2sgdGV4dC1zbSBmb250LW1lZGl1bSB0ZXh0LWdyYXktNzAwIG1iLTE7XG4gICAgfVxuXG4gICAgLmFkdS1pbnB1dCB7XG4gICAgICBAYXBwbHkgdy1mdWxsIHJvdW5kZWQtbGcgYm9yZGVyIGJvcmRlci1ncmF5LTMwMCBiZy13aGl0ZSB0ZXh0LWdyYXktOTAwIHRyYW5zaXRpb24tY29sb3JzIGR1cmF0aW9uLTIwMDtcbiAgICAgIEBhcHBseSBmb2N1czpvdXRsaW5lLW5vbmUgZm9jdXM6cmluZy0yIGZvY3VzOnJpbmctYmx1ZS01MDAgZm9jdXM6Ym9yZGVyLXRyYW5zcGFyZW50O1xuICAgICAgQGFwcGx5IGRpc2FibGVkOmJnLWdyYXktMTAwIGRpc2FibGVkOmN1cnNvci1ub3QtYWxsb3dlZDtcbiAgICAgIEBhcHBseSBwbGFjZWhvbGRlcjp0ZXh0LWdyYXktNDAwO1xuICAgIH1cblxuICAgIC5hZHUtaW5wdXQtc20ge1xuICAgICAgQGFwcGx5IHB4LTMgcHktMS41IHRleHQtc207XG4gICAgfVxuXG4gICAgLmFkdS1pbnB1dC1tZCB7XG4gICAgICBAYXBwbHkgcHgtNCBweS0yIHRleHQtYmFzZTtcbiAgICB9XG5cbiAgICAuYWR1LWlucHV0LWxnIHtcbiAgICAgIEBhcHBseSBweC01IHB5LTMgdGV4dC1sZztcbiAgICB9XG5cbiAgICAuYWR1LWlucHV0LWVycm9yLXN0YXRlIHtcbiAgICAgIEBhcHBseSBib3JkZXItcmVkLTUwMCBmb2N1czpyaW5nLXJlZC01MDA7XG4gICAgfVxuXG4gICAgLmFkdS1pbnB1dC1pY29uIHtcbiAgICAgIEBhcHBseSBhYnNvbHV0ZSByaWdodC0zIHRvcC0xLzIgLXRyYW5zbGF0ZS15LTEvMiB0ZXh0LWdyYXktNDAwIHBvaW50ZXItZXZlbnRzLW5vbmU7XG4gICAgfVxuXG4gICAgLmFkdS1pbnB1dC1lcnJvciB7XG4gICAgICBAYXBwbHkgbXQtMSB0ZXh0LXNtIHRleHQtcmVkLTYwMDtcbiAgICB9XG5cbiAgICAuYWR1LWlucHV0LWhpbnQge1xuICAgICAgQGFwcGx5IG10LTEgdGV4dC1zbSB0ZXh0LWdyYXktNTAwO1xuICAgIH1cbiAgYF1cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIGlkID0gYGFkdS1pbnB1dC0ke01hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KX1gO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiBJbnB1dFR5cGUgPSAndGV4dCc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIHNpemU6IElucHV0U2l6ZSA9ICdtZCc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJlYWRvbmx5ID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJlcXVpcmVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yID0gJyc7XG4gIEBJbnB1dCgpIGhpbnQgPSAnJztcbiAgQElucHV0KCkgaWNvbiA9ICcnO1xuXG4gIHZhbHVlID0gJyc7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCA9ICgpID0+IHt9O1xuICBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB7fTtcblxuICBnZXQgaW5wdXRDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgY2xhc3NlcyA9IFsnYWR1LWlucHV0JywgYGFkdS1pbnB1dC0ke3RoaXMuc2l6ZX1gXTtcbiAgICBcbiAgICBpZiAodGhpcy5lcnJvcikge1xuICAgICAgY2xhc3Nlcy5wdXNoKCdhZHUtaW5wdXQtZXJyb3Itc3RhdGUnKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5pY29uKSB7XG4gICAgICBjbGFzc2VzLnB1c2goJ3ByLTEwJyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzZXMuam9pbignICcpO1xuICB9XG5cbiAgb25JbnB1dENoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRoaXMudmFsdWUgPSBpbnB1dC52YWx1ZTtcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlIHx8ICcnO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class ModalComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.isOpen = false;
|
|
8
|
+
this.title = '';
|
|
9
|
+
this.size = 'md';
|
|
10
|
+
this.closeOnBackdrop = true;
|
|
11
|
+
this.showCloseButton = true;
|
|
12
|
+
this.hasFooter = false;
|
|
13
|
+
this.isOpenChange = new EventEmitter();
|
|
14
|
+
this.closed = new EventEmitter();
|
|
15
|
+
}
|
|
16
|
+
get modalClasses() {
|
|
17
|
+
return ['adu-modal-content', `adu-modal-${this.size}`].join(' ');
|
|
18
|
+
}
|
|
19
|
+
close() {
|
|
20
|
+
this.isOpen = false;
|
|
21
|
+
this.isOpenChange.emit(false);
|
|
22
|
+
this.closed.emit();
|
|
23
|
+
}
|
|
24
|
+
onBackdropClick() {
|
|
25
|
+
if (this.closeOnBackdrop) {
|
|
26
|
+
this.close();
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ModalComponent, isStandalone: true, selector: "adu-modal", inputs: { isOpen: "isOpen", title: "title", size: "size", closeOnBackdrop: "closeOnBackdrop", showCloseButton: "showCloseButton", hasFooter: "hasFooter" }, outputs: { isOpenChange: "isOpenChange", closed: "closed" }, ngImport: i0, template: `
|
|
31
|
+
<div class="adu-modal-wrapper" *ngIf="isOpen" (click)="onBackdropClick()">
|
|
32
|
+
<div [class]="modalClasses" (click)="$event.stopPropagation()">
|
|
33
|
+
<button
|
|
34
|
+
*ngIf="showCloseButton"
|
|
35
|
+
class="adu-modal-close"
|
|
36
|
+
(click)="close()"
|
|
37
|
+
aria-label="Close modal"
|
|
38
|
+
>
|
|
39
|
+
×
|
|
40
|
+
</button>
|
|
41
|
+
|
|
42
|
+
<div *ngIf="title" class="adu-modal-title">
|
|
43
|
+
{{ title }}
|
|
44
|
+
</div>
|
|
45
|
+
|
|
46
|
+
<div class="adu-modal-body">
|
|
47
|
+
<ng-content></ng-content>
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
<div *ngIf="hasFooter" class="adu-modal-footer">
|
|
51
|
+
<ng-content select="[modal-footer]"></ng-content>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
`, isInline: true, styles: [".adu-modal-wrapper{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5;padding:1rem;animation:fadeIn .2s ease-out}.adu-modal-content{position:relative;max-height:90vh;overflow-y:auto;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);animation:slideUp .3s ease-out}.adu-modal-sm{width:100%;max-width:24rem}.adu-modal-md{width:100%;max-width:28rem}.adu-modal-lg{width:100%;max-width:42rem}.adu-modal-xl{width:100%;max-width:56rem}.adu-modal-full{height:100%;width:100%;max-width:none;border-radius:0}.adu-modal-close{position:absolute;top:1rem;right:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:300;line-height:1;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.adu-modal-close:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.adu-modal-close{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center}.adu-modal-title{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem 1.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.adu-modal-body{padding:1rem 1.5rem}.adu-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem 1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
56
|
+
}
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalComponent, decorators: [{
|
|
58
|
+
type: Component,
|
|
59
|
+
args: [{ selector: 'adu-modal', standalone: true, imports: [CommonModule], template: `
|
|
60
|
+
<div class="adu-modal-wrapper" *ngIf="isOpen" (click)="onBackdropClick()">
|
|
61
|
+
<div [class]="modalClasses" (click)="$event.stopPropagation()">
|
|
62
|
+
<button
|
|
63
|
+
*ngIf="showCloseButton"
|
|
64
|
+
class="adu-modal-close"
|
|
65
|
+
(click)="close()"
|
|
66
|
+
aria-label="Close modal"
|
|
67
|
+
>
|
|
68
|
+
×
|
|
69
|
+
</button>
|
|
70
|
+
|
|
71
|
+
<div *ngIf="title" class="adu-modal-title">
|
|
72
|
+
{{ title }}
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
<div class="adu-modal-body">
|
|
76
|
+
<ng-content></ng-content>
|
|
77
|
+
</div>
|
|
78
|
+
|
|
79
|
+
<div *ngIf="hasFooter" class="adu-modal-footer">
|
|
80
|
+
<ng-content select="[modal-footer]"></ng-content>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
`, styles: [".adu-modal-wrapper{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5;padding:1rem;animation:fadeIn .2s ease-out}.adu-modal-content{position:relative;max-height:90vh;overflow-y:auto;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);animation:slideUp .3s ease-out}.adu-modal-sm{width:100%;max-width:24rem}.adu-modal-md{width:100%;max-width:28rem}.adu-modal-lg{width:100%;max-width:42rem}.adu-modal-xl{width:100%;max-width:56rem}.adu-modal-full{height:100%;width:100%;max-width:none;border-radius:0}.adu-modal-close{position:absolute;top:1rem;right:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:300;line-height:1;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.adu-modal-close:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.adu-modal-close{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center}.adu-modal-title{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem 1.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.adu-modal-body{padding:1rem 1.5rem}.adu-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem 1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}\n"] }]
|
|
85
|
+
}], propDecorators: { isOpen: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], title: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], size: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], closeOnBackdrop: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], showCloseButton: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], hasFooter: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], isOpenChange: [{
|
|
98
|
+
type: Output
|
|
99
|
+
}], closed: [{
|
|
100
|
+
type: Output
|
|
101
|
+
}] } });
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBdUcvQyxNQUFNLE9BQU8sY0FBYztJQXJHM0I7UUFzR1csV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxTQUFJLEdBQXVDLElBQUksQ0FBQztRQUNoRCxvQkFBZSxHQUFHLElBQUksQ0FBQztRQUN2QixvQkFBZSxHQUFHLElBQUksQ0FBQztRQUN2QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUMzQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWlCN0M7SUFmQyxJQUFJLFlBQVk7UUFDZCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsYUFBYSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2YsQ0FBQztJQUNILENBQUM7K0dBekJVLGNBQWM7bUdBQWQsY0FBYyw4UkFqR2Y7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5QlQsbTBFQTFCUyxZQUFZOzs0RkFrR1gsY0FBYztrQkFyRzFCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJUOzhCQXlFUSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHUtbW9kYWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYWR1LW1vZGFsLXdyYXBwZXJcIiAqbmdJZj1cImlzT3BlblwiIChjbGljayk9XCJvbkJhY2tkcm9wQ2xpY2soKVwiPlxuICAgICAgPGRpdiBbY2xhc3NdPVwibW9kYWxDbGFzc2VzXCIgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPlxuICAgICAgICA8YnV0dG9uIFxuICAgICAgICAgICpuZ0lmPVwic2hvd0Nsb3NlQnV0dG9uXCJcbiAgICAgICAgICBjbGFzcz1cImFkdS1tb2RhbC1jbG9zZVwiIFxuICAgICAgICAgIChjbGljayk9XCJjbG9zZSgpXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiQ2xvc2UgbW9kYWxcIlxuICAgICAgICA+XG4gICAgICAgICAgw5dcbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPGRpdiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJhZHUtbW9kYWwtdGl0bGVcIj5cbiAgICAgICAgICB7eyB0aXRsZSB9fVxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR1LW1vZGFsLWJvZHlcIj5cbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgKm5nSWY9XCJoYXNGb290ZXJcIiBjbGFzcz1cImFkdS1tb2RhbC1mb290ZXJcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbW9kYWwtZm9vdGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIC5hZHUtbW9kYWwtd3JhcHBlciB7XG4gICAgICBAYXBwbHkgZml4ZWQgaW5zZXQtMCB6LTUwIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHAtNCBiZy1ibGFjayBiZy1vcGFjaXR5LTUwIGFuaW1hdGUtZmFkZUluO1xuICAgIH1cblxuICAgIC5hZHUtbW9kYWwtY29udGVudCB7XG4gICAgICBAYXBwbHkgcmVsYXRpdmUgYmctd2hpdGUgcm91bmRlZC1sZyBzaGFkb3cteGwgYW5pbWF0ZS1zbGlkZVVwIG1heC1oLVs5MHZoXSBvdmVyZmxvdy15LWF1dG87XG4gICAgfVxuXG4gICAgLmFkdS1tb2RhbC1zbSB7XG4gICAgICBAYXBwbHkgdy1mdWxsIG1heC13LXNtO1xuICAgIH1cblxuICAgIC5hZHUtbW9kYWwtbWQge1xuICAgICAgQGFwcGx5IHctZnVsbCBtYXgtdy1tZDtcbiAgICB9XG5cbiAgICAuYWR1LW1vZGFsLWxnIHtcbiAgICAgIEBhcHBseSB3LWZ1bGwgbWF4LXctMnhsO1xuICAgIH1cblxuICAgIC5hZHUtbW9kYWwteGwge1xuICAgICAgQGFwcGx5IHctZnVsbCBtYXgtdy00eGw7XG4gICAgfVxuXG4gICAgLmFkdS1tb2RhbC1mdWxsIHtcbiAgICAgIEBhcHBseSB3LWZ1bGwgaC1mdWxsIG1heC13LW5vbmUgcm91bmRlZC1ub25lO1xuICAgIH1cblxuICAgIC5hZHUtbW9kYWwtY2xvc2Uge1xuICAgICAgQGFwcGx5IGFic29sdXRlIHRvcC00IHJpZ2h0LTQgdGV4dC1ncmF5LTQwMCBob3Zlcjp0ZXh0LWdyYXktNjAwIHRleHQtM3hsIGZvbnQtbGlnaHQgbGVhZGluZy1ub25lIHRyYW5zaXRpb24tY29sb3JzO1xuICAgICAgQGFwcGx5IHctOCBoLTggZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXI7XG4gICAgfVxuXG4gICAgLmFkdS1tb2RhbC10aXRsZSB7XG4gICAgICBAYXBwbHkgcHgtNiBweS00IHRleHQteGwgZm9udC1zZW1pYm9sZCB0ZXh0LWdyYXktOTAwIGJvcmRlci1iIGJvcmRlci1ncmF5LTIwMDtcbiAgICB9XG5cbiAgICAuYWR1LW1vZGFsLWJvZHkge1xuICAgICAgQGFwcGx5IHB4LTYgcHktNDtcbiAgICB9XG5cbiAgICAuYWR1LW1vZGFsLWZvb3RlciB7XG4gICAgICBAYXBwbHkgcHgtNiBweS00IGJvcmRlci10IGJvcmRlci1ncmF5LTIwMCBiZy1ncmF5LTUwIGZsZXgganVzdGlmeS1lbmQgZ2FwLTI7XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBmYWRlSW4ge1xuICAgICAgZnJvbSB7IG9wYWNpdHk6IDA7IH1cbiAgICAgIHRvIHsgb3BhY2l0eTogMTsgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgc2xpZGVVcCB7XG4gICAgICBmcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDIwcHgpO1xuICAgICAgfVxuICAgICAgdG8ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmFuaW1hdGUtZmFkZUluIHtcbiAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMnMgZWFzZS1vdXQ7XG4gICAgfVxuXG4gICAgLmFuaW1hdGUtc2xpZGVVcCB7XG4gICAgICBhbmltYXRpb246IHNsaWRlVXAgMC4zcyBlYXNlLW91dDtcbiAgICB9XG4gIGBdXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXNPcGVuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRpdGxlID0gJyc7XG4gIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCcgfCAnZnVsbCcgPSAnbWQnO1xuICBASW5wdXQoKSBjbG9zZU9uQmFja2Ryb3AgPSB0cnVlO1xuICBASW5wdXQoKSBzaG93Q2xvc2VCdXR0b24gPSB0cnVlO1xuICBASW5wdXQoKSBoYXNGb290ZXIgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgaXNPcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGdldCBtb2RhbENsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gWydhZHUtbW9kYWwtY29udGVudCcsIGBhZHUtbW9kYWwtJHt0aGlzLnNpemV9YF0uam9pbignICcpO1xuICB9XG5cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcbiAgICB0aGlzLmlzT3BlbkNoYW5nZS5lbWl0KGZhbHNlKTtcbiAgICB0aGlzLmNsb3NlZC5lbWl0KCk7XG4gIH1cblxuICBvbkJhY2tkcm9wQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY2xvc2VPbkJhY2tkcm9wKSB7XG4gICAgICB0aGlzLmNsb3NlKCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class SpinnerComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.size = 'md';
|
|
8
|
+
this.color = 'primary';
|
|
9
|
+
this.overlay = false;
|
|
10
|
+
this.message = '';
|
|
11
|
+
}
|
|
12
|
+
get spinnerClasses() {
|
|
13
|
+
return ['adu-spinner', `adu-spinner-${this.size}`, `adu-spinner-${this.color}`].join(' ');
|
|
14
|
+
}
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpinnerComponent, isStandalone: true, selector: "adu-spinner", inputs: { size: "size", color: "color", overlay: "overlay", message: "message" }, ngImport: i0, template: `
|
|
17
|
+
<div *ngIf="overlay" class="adu-spinner-overlay">
|
|
18
|
+
<div [class]="spinnerClasses"></div>
|
|
19
|
+
<p *ngIf="message" class="adu-spinner-message">{{ message }}</p>
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
<div *ngIf="!overlay" [class]="spinnerClasses"></div>
|
|
23
|
+
`, isInline: true, styles: [".adu-spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.adu-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;border-top-color:transparent}.adu-spinner-sm{height:1rem;width:1rem;border-width:2px}.adu-spinner-md{height:2rem;width:2rem;border-width:4px}.adu-spinner-lg{height:3rem;width:3rem;border-width:4px}.adu-spinner-primary{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));border-top-color:transparent}.adu-spinner-secondary{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));border-top-color:transparent}.adu-spinner-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));border-top-color:transparent}.adu-spinner-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5 }.adu-spinner-message{margin-top:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ selector: 'adu-spinner', standalone: true, imports: [CommonModule], template: `
|
|
28
|
+
<div *ngIf="overlay" class="adu-spinner-overlay">
|
|
29
|
+
<div [class]="spinnerClasses"></div>
|
|
30
|
+
<p *ngIf="message" class="adu-spinner-message">{{ message }}</p>
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
<div *ngIf="!overlay" [class]="spinnerClasses"></div>
|
|
34
|
+
`, styles: [".adu-spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.adu-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;border-top-color:transparent}.adu-spinner-sm{height:1rem;width:1rem;border-width:2px}.adu-spinner-md{height:2rem;width:2rem;border-width:4px}.adu-spinner-lg{height:3rem;width:3rem;border-width:4px}.adu-spinner-primary{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));border-top-color:transparent}.adu-spinner-secondary{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));border-top-color:transparent}.adu-spinner-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));border-top-color:transparent}.adu-spinner-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5 }.adu-spinner-message{margin-top:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}\n"] }]
|
|
35
|
+
}], propDecorators: { size: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], color: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], overlay: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], message: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}] } });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQXFEL0MsTUFBTSxPQUFPLGdCQUFnQjtJQWxEN0I7UUFtRFcsU0FBSSxHQUFnQixJQUFJLENBQUM7UUFDekIsVUFBSyxHQUFpQixTQUFTLENBQUM7UUFDaEMsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixZQUFPLEdBQUcsRUFBRSxDQUFDO0tBS3ZCO0lBSEMsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sQ0FBQyxhQUFhLEVBQUUsZUFBZSxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsZUFBZSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUYsQ0FBQzsrR0FSVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQix5SkE5Q2pCOzs7Ozs7O0dBT1QsaXJDQVJTLFlBQVk7OzRGQStDWCxnQkFBZ0I7a0JBbEQ1QixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsWUFDYjs7Ozs7OztHQU9UOzhCQXdDUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Bpbm5lclNpemUsIFNwaW5uZXJDb2xvciB9IGZyb20gJy4uLy4uL21vZGVscy90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FkdS1zcGlubmVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiAqbmdJZj1cIm92ZXJsYXlcIiBjbGFzcz1cImFkdS1zcGlubmVyLW92ZXJsYXlcIj5cbiAgICAgIDxkaXYgW2NsYXNzXT1cInNwaW5uZXJDbGFzc2VzXCI+PC9kaXY+XG4gICAgICA8cCAqbmdJZj1cIm1lc3NhZ2VcIiBjbGFzcz1cImFkdS1zcGlubmVyLW1lc3NhZ2VcIj57eyBtZXNzYWdlIH19PC9wPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiAqbmdJZj1cIiFvdmVybGF5XCIgW2NsYXNzXT1cInNwaW5uZXJDbGFzc2VzXCI+PC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW2BcbiAgICAuYWR1LXNwaW5uZXIge1xuICAgICAgQGFwcGx5IGlubGluZS1ibG9jayBib3JkZXItNCBib3JkZXItdC10cmFuc3BhcmVudCByb3VuZGVkLWZ1bGwgYW5pbWF0ZS1zcGluO1xuICAgIH1cblxuICAgIC5hZHUtc3Bpbm5lci1zbSB7XG4gICAgICBAYXBwbHkgdy00IGgtNCBib3JkZXItMjtcbiAgICB9XG5cbiAgICAuYWR1LXNwaW5uZXItbWQge1xuICAgICAgQGFwcGx5IHctOCBoLTggYm9yZGVyLTQ7XG4gICAgfVxuXG4gICAgLmFkdS1zcGlubmVyLWxnIHtcbiAgICAgIEBhcHBseSB3LTEyIGgtMTIgYm9yZGVyLTQ7XG4gICAgfVxuXG4gICAgLmFkdS1zcGlubmVyLXByaW1hcnkge1xuICAgICAgQGFwcGx5IGJvcmRlci1ibHVlLTYwMCBib3JkZXItdC10cmFuc3BhcmVudDtcbiAgICB9XG5cbiAgICAuYWR1LXNwaW5uZXItc2Vjb25kYXJ5IHtcbiAgICAgIEBhcHBseSBib3JkZXItZ3JheS02MDAgYm9yZGVyLXQtdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgLmFkdS1zcGlubmVyLXdoaXRlIHtcbiAgICAgIEBhcHBseSBib3JkZXItd2hpdGUgYm9yZGVyLXQtdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgLmFkdS1zcGlubmVyLW92ZXJsYXkge1xuICAgICAgQGFwcGx5IGZpeGVkIGluc2V0LTAgYmctYmxhY2sgYmctb3BhY2l0eS01MCBmbGV4IGZsZXgtY29sIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciB6LTUwO1xuICAgIH1cblxuICAgIC5hZHUtc3Bpbm5lci1tZXNzYWdlIHtcbiAgICAgIEBhcHBseSBtdC00IHRleHQtd2hpdGUgdGV4dC1sZyBmb250LW1lZGl1bTtcbiAgICB9XG4gIGBdXG59KVxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBzaXplOiBTcGlubmVyU2l6ZSA9ICdtZCc7XG4gIEBJbnB1dCgpIGNvbG9yOiBTcGlubmVyQ29sb3IgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIG92ZXJsYXkgPSBmYWxzZTtcbiAgQElucHV0KCkgbWVzc2FnZSA9ICcnO1xuXG4gIGdldCBzcGlubmVyQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbJ2FkdS1zcGlubmVyJywgYGFkdS1zcGlubmVyLSR7dGhpcy5zaXplfWAsIGBhZHUtc3Bpbm5lci0ke3RoaXMuY29sb3J9YF0uam9pbignICcpO1xuICB9XG59XG4iXX0=
|