angular-dev-utils 1.0.1 → 1.0.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/esm2022/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/angular-dev-utils.mjs +765 -0
- package/fesm2022/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/{src/lib/models/types.ts → lib/models/types.d.ts} +15 -20
- package/lib/services/modal.service.d.ts +21 -0
- package/package.json +15 -26
- package/{src/public-api.ts → public-api.d.ts} +0 -9
- package/.github/workflows/ci.yml +0 -39
- package/.github/workflows/publish.yml +0 -53
- package/angular.json +0 -43
- package/ng-package.json +0 -8
- package/src/lib/components/button/button.component.ts +0 -100
- package/src/lib/components/card/card.component.ts +0 -101
- package/src/lib/components/input/input.component.ts +0 -141
- package/src/lib/components/modal/modal.component.ts +0 -139
- package/src/lib/components/spinner/spinner.component.ts +0 -64
- package/src/lib/components/table/table.component.ts +0 -240
- package/src/lib/services/modal.service.ts +0 -120
- package/src/lib/styles.scss +0 -8
- package/tailwind.config.js +0 -25
- package/tsconfig.json +0 -32
- package/tsconfig.lib.json +0 -13
- package/tsconfig.lib.prod.json +0 -9
- package/tsconfig.spec.json +0 -13
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1kZXYtdXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYW5ndWxhci1kZXYtdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -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:.375rem;font-weight:500;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-button:focus-visible{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(9 9 11 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.adu-button:disabled{pointer-events:none;opacity:.5}.adu-button-primary{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1));--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-button-primary:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.adu-button-secondary{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1));--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-button-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.adu-button-success{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--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-button-success:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-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(250 250 250 / var(--tw-text-opacity, 1));--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-button-danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.adu-button-warning{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--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-button-warning:hover{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.adu-button-ghost{background-color:transparent;--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.adu-button-ghost:hover{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.adu-button-outline{border-width:1px;--tw-border-opacity: 1;border-color:rgb(228 228 231 / 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(24 24 27 / var(--tw-text-opacity, 1))}.adu-button-outline:hover{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.adu-button-sm{height:2.25rem;border-radius:.375rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.adu-button-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem}.adu-button-lg{height:2.75rem;padding-left:2rem;padding-right:2rem;font-size:1rem;line-height:1.5rem}.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:.375rem;font-weight:500;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-button:focus-visible{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(9 9 11 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.adu-button:disabled{pointer-events:none;opacity:.5}.adu-button-primary{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1));--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-button-primary:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.adu-button-secondary{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1));--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-button-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.adu-button-success{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--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-button-success:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-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(250 250 250 / var(--tw-text-opacity, 1));--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-button-danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.adu-button-warning{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--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-button-warning:hover{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.adu-button-ghost{background-color:transparent;--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.adu-button-ghost:hover{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.adu-button-outline{border-width:1px;--tw-border-opacity: 1;border-color:rgb(228 228 231 / 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(24 24 27 / var(--tw-text-opacity, 1))}.adu-button-outline:hover{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.adu-button-sm{height:2.25rem;border-radius:.375rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.adu-button-md{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem}.adu-button-lg{height:2.75rem;padding-left:2rem;padding-right:2rem;font-size:1rem;line-height:1.5rem}.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBeUUvQyxNQUFNLE9BQU8sZUFBZTtJQXRFNUI7UUF1RVcsWUFBTyxHQUFrQixTQUFTLENBQUM7UUFDbkMsU0FBSSxHQUFlLElBQUksQ0FBQztRQUN4QixTQUFJLEdBQWtDLFFBQVEsQ0FBQztRQUMvQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUVqQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztLQWlCcEQ7SUFmQyxJQUFJLGFBQWE7UUFDZixNQUFNLE9BQU8sR0FBRyxDQUFDLFlBQVksRUFBRSxjQUFjLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxjQUFjLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBRXhGLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDekIsQ0FBQztRQUVELE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWlCO1FBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDOytHQXhCVSxlQUFlO21HQUFmLGVBQWUscU9BbEVoQjs7Ozs7Ozs7OztHQVVULGsrSUFYUyxZQUFZOzs0RkFtRVgsZUFBZTtrQkF0RTNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiOzs7Ozs7Ozs7O0dBVVQ7OEJBeURRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQnV0dG9uVmFyaWFudCwgQnV0dG9uU2l6ZSB9IGZyb20gJy4uLy4uL21vZGVscy90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FkdS1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uXG4gICAgICBbdHlwZV09XCJ0eXBlXCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBsb2FkaW5nXCJcbiAgICAgIFtjbGFzc109XCJidXR0b25DbGFzc2VzXCJcbiAgICAgIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgICA+XG4gICAgICA8c3BhbiAqbmdJZj1cImxvYWRpbmdcIiBjbGFzcz1cImFkdS1idXR0b24tc3Bpbm5lclwiPjwvc3Bhbj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2J1dHRvbj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIC5hZHUtYnV0dG9uIHtcbiAgICAgIEBhcHBseSBpbmxpbmUtZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgZ2FwLTIgZm9udC1tZWRpdW0gcm91bmRlZC1tZCB0cmFuc2l0aW9uLWNvbG9ycyBkdXJhdGlvbi0yMDA7XG4gICAgICBAYXBwbHkgZm9jdXMtdmlzaWJsZTpvdXRsaW5lLW5vbmUgZm9jdXMtdmlzaWJsZTpyaW5nLTIgZm9jdXMtdmlzaWJsZTpyaW5nLXppbmMtOTUwIGZvY3VzLXZpc2libGU6cmluZy1vZmZzZXQtMjtcbiAgICAgIEBhcHBseSBkaXNhYmxlZDpwb2ludGVyLWV2ZW50cy1ub25lIGRpc2FibGVkOm9wYWNpdHktNTA7XG4gICAgfVxuXG4gICAgLyogVmFyaWFudHMgKi9cbiAgICAuYWR1LWJ1dHRvbi1wcmltYXJ5IHtcbiAgICAgIEBhcHBseSBiZy16aW5jLTkwMCB0ZXh0LXppbmMtNTAgaG92ZXI6YmctemluYy04MDAgc2hhZG93LXNtO1xuICAgIH1cblxuICAgIC5hZHUtYnV0dG9uLXNlY29uZGFyeSB7XG4gICAgICBAYXBwbHkgYmctemluYy0xMDAgdGV4dC16aW5jLTkwMCBob3ZlcjpiZy16aW5jLTIwMCBzaGFkb3ctc207XG4gICAgfVxuXG4gICAgLmFkdS1idXR0b24tc3VjY2VzcyB7XG4gICAgICBAYXBwbHkgYmctZW1lcmFsZC02MDAgdGV4dC13aGl0ZSBob3ZlcjpiZy1lbWVyYWxkLTcwMCBzaGFkb3ctc207XG4gICAgfVxuXG4gICAgLmFkdS1idXR0b24tZGFuZ2VyIHtcbiAgICAgIEBhcHBseSBiZy1yZWQtNjAwIHRleHQtemluYy01MCBob3ZlcjpiZy1yZWQtNzAwIHNoYWRvdy1zbTtcbiAgICB9XG5cbiAgICAuYWR1LWJ1dHRvbi13YXJuaW5nIHtcbiAgICAgIEBhcHBseSBiZy1hbWJlci01MDAgdGV4dC13aGl0ZSBob3ZlcjpiZy1hbWJlci02MDAgc2hhZG93LXNtO1xuICAgIH1cblxuICAgIC5hZHUtYnV0dG9uLWdob3N0IHtcbiAgICAgIEBhcHBseSBiZy10cmFuc3BhcmVudCBob3ZlcjpiZy16aW5jLTEwMCBob3Zlcjp0ZXh0LXppbmMtOTAwIHRleHQtemluYy03MDA7XG4gICAgfVxuXG4gICAgLmFkdS1idXR0b24tb3V0bGluZSB7XG4gICAgICBAYXBwbHkgYm9yZGVyIGJvcmRlci16aW5jLTIwMCBiZy13aGl0ZSBob3ZlcjpiZy16aW5jLTEwMCBob3Zlcjp0ZXh0LXppbmMtOTAwIHRleHQtemluYy05MDA7XG4gICAgfVxuXG4gICAgLyogU2l6ZXMgKi9cbiAgICAuYWR1LWJ1dHRvbi1zbSB7XG4gICAgICBAYXBwbHkgaC05IHB4LTMgdGV4dC1zbSByb3VuZGVkLW1kO1xuICAgIH1cblxuICAgIC5hZHUtYnV0dG9uLW1kIHtcbiAgICAgIEBhcHBseSBoLTEwIHB4LTQgdGV4dC1zbTtcbiAgICB9XG5cbiAgICAuYWR1LWJ1dHRvbi1sZyB7XG4gICAgICBAYXBwbHkgaC0xMSBweC04IHRleHQtYmFzZTtcbiAgICB9XG5cbiAgICAvKiBMb2FkaW5nIFNwaW5uZXIgKi9cbiAgICAuYWR1LWJ1dHRvbi1zcGlubmVyIHtcbiAgICAgIEBhcHBseSBpbmxpbmUtYmxvY2sgdy00IGgtNCBib3JkZXItMiBib3JkZXItY3VycmVudCBib3JkZXItdC10cmFuc3BhcmVudCByb3VuZGVkLWZ1bGwgYW5pbWF0ZS1zcGluO1xuICAgIH1cbiAgYF1cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdmFyaWFudDogQnV0dG9uVmFyaWFudCA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgc2l6ZTogQnV0dG9uU2l6ZSA9ICdtZCc7XG4gIEBJbnB1dCgpIHR5cGU6ICdidXR0b24nIHwgJ3N1Ym1pdCcgfCAncmVzZXQnID0gJ2J1dHRvbic7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcbiAgQElucHV0KCkgZnVsbFdpZHRoID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+KCk7XG5cbiAgZ2V0IGJ1dHRvbkNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGFzc2VzID0gWydhZHUtYnV0dG9uJywgYGFkdS1idXR0b24tJHt0aGlzLnZhcmlhbnR9YCwgYGFkdS1idXR0b24tJHt0aGlzLnNpemV9YF07XG5cbiAgICBpZiAodGhpcy5mdWxsV2lkdGgpIHtcbiAgICAgIGNsYXNzZXMucHVzaCgndy1mdWxsJyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzZXMuam9pbignICcpO1xuICB9XG5cbiAgaGFuZGxlQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMubG9hZGluZykge1xuICAgICAgdGhpcy5jbGlja2VkLmVtaXQoZXZlbnQpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -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{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(228 228 231 / 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(9 9 11 / var(--tw-text-opacity, 1));--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-hoverable:hover{--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-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{display:flex;flex-direction:column}.adu-card-header>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.adu-card-header{padding:1.5rem}.adu-card-body{padding:1.5rem;padding-top:0}.adu-card-body-compact{padding:1rem;padding-top:0}.adu-card-body-spacious{padding:2rem;padding-top:0}.adu-card-footer{display:flex;align-items:center;padding:1.5rem;padding-top:0}\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{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(228 228 231 / 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(9 9 11 / var(--tw-text-opacity, 1));--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-hoverable:hover{--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-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{display:flex;flex-direction:column}.adu-card-header>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.adu-card-header{padding:1.5rem}.adu-card-body{padding:1.5rem;padding-top:0}.adu-card-body-compact{padding:1rem;padding-top:0}.adu-card-body-spacious{padding:2rem;padding-top:0}.adu-card-footer{display:flex;align-items:center;padding:1.5rem;padding-top:0}\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQW1FL0MsTUFBTSxPQUFPLGFBQWE7SUFqRTFCO1FBa0VXLFdBQU0sR0FBdUMsSUFBSSxDQUFDO1FBQ2xELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsWUFBTyxHQUFzQyxRQUFRLENBQUM7UUFDdEQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixjQUFTLEdBQUcsS0FBSyxDQUFDO0tBMkI1QjtJQXpCQyxJQUFJLFdBQVc7UUFDYixNQUFNLE9BQU8sR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRTdCLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUMzQixPQUFPLENBQUMsSUFBSSxDQUFDLG1CQUFtQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztRQUNqRCxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsT0FBTyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ3JDLENBQUM7UUFFRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE1BQU0sT0FBTyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFbEMsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQy9CLE9BQU8sQ0FBQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsQ0FBQztRQUN4QyxDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFVBQVUsRUFBRSxDQUFDO1lBQ3ZDLE9BQU8sQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUN6QyxDQUFDO1FBRUQsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBL0JVLGFBQWE7bUdBQWIsYUFBYSw4TEE3RGQ7Ozs7Ozs7Ozs7Ozs7O0dBY1QsODVFQWZTLFlBQVk7OzRGQThEWCxhQUFhO2tCQWpFekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2I7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7OEJBZ0RRLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHUtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgW2NsYXNzXT1cImNhcmRDbGFzc2VzXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiaGFzSGVhZGVyXCIgY2xhc3M9XCJhZHUtY2FyZC1oZWFkZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgXG4gICAgICA8ZGl2IGNsYXNzPVwiYWR1LWNhcmQtYm9keVwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIFxuICAgICAgPGRpdiAqbmdJZj1cImhhc0Zvb3RlclwiIGNsYXNzPVwiYWR1LWNhcmQtZm9vdGVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWZvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIC5hZHUtY2FyZCB7XG4gICAgICBAYXBwbHkgcm91bmRlZC1sZyBib3JkZXIgYm9yZGVyLXppbmMtMjAwIGJnLXdoaXRlIHRleHQtemluYy05NTAgc2hhZG93LXNtO1xuICAgIH1cblxuICAgIC5hZHUtY2FyZC1ob3ZlcmFibGU6aG92ZXIge1xuICAgICAgQGFwcGx5IHNoYWRvdy1tZDtcbiAgICB9XG5cbiAgICAuYWR1LWNhcmQtc2hhZG93LXNtIHtcbiAgICAgIEBhcHBseSBzaGFkb3ctc207XG4gICAgfVxuXG4gICAgLmFkdS1jYXJkLXNoYWRvdy1tZCB7XG4gICAgICBAYXBwbHkgc2hhZG93LW1kO1xuICAgIH1cblxuICAgIC5hZHUtY2FyZC1zaGFkb3ctbGcge1xuICAgICAgQGFwcGx5IHNoYWRvdy1sZztcbiAgICB9XG5cbiAgICAuYWR1LWNhcmQtc2hhZG93LXhsIHtcbiAgICAgIEBhcHBseSBzaGFkb3cteGw7XG4gICAgfVxuXG4gICAgLmFkdS1jYXJkLWhlYWRlciB7XG4gICAgICBAYXBwbHkgZmxleCBmbGV4LWNvbCBzcGFjZS15LTEuNSBwLTY7XG4gICAgfVxuXG4gICAgLmFkdS1jYXJkLWJvZHkge1xuICAgICAgQGFwcGx5IHAtNiBwdC0wO1xuICAgIH1cblxuICAgIC5hZHUtY2FyZC1ib2R5LWNvbXBhY3Qge1xuICAgICAgQGFwcGx5IHAtNCBwdC0wO1xuICAgIH1cblxuICAgIC5hZHUtY2FyZC1ib2R5LXNwYWNpb3VzIHtcbiAgICAgIEBhcHBseSBwLTggcHQtMDtcbiAgICB9XG5cbiAgICAuYWR1LWNhcmQtZm9vdGVyIHtcbiAgICAgIEBhcHBseSBmbGV4IGl0ZW1zLWNlbnRlciBwLTYgcHQtMDtcbiAgICB9XG4gIGBdXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBzaGFkb3c6ICdub25lJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCcgPSAnc20nO1xuICBASW5wdXQoKSBob3ZlcmFibGUgPSBmYWxzZTtcbiAgQElucHV0KCkgcGFkZGluZzogJ2NvbXBhY3QnIHwgJ25vcm1hbCcgfCAnc3BhY2lvdXMnID0gJ25vcm1hbCc7XG4gIEBJbnB1dCgpIGhhc0hlYWRlciA9IGZhbHNlO1xuICBASW5wdXQoKSBoYXNGb290ZXIgPSBmYWxzZTtcblxuICBnZXQgY2FyZENsYXNzZXMoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGFzc2VzID0gWydhZHUtY2FyZCddO1xuXG4gICAgaWYgKHRoaXMuc2hhZG93ICE9PSAnbm9uZScpIHtcbiAgICAgIGNsYXNzZXMucHVzaChgYWR1LWNhcmQtc2hhZG93LSR7dGhpcy5zaGFkb3d9YCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuaG92ZXJhYmxlKSB7XG4gICAgICBjbGFzc2VzLnB1c2goJ2FkdS1jYXJkLWhvdmVyYWJsZScpO1xuICAgIH1cblxuICAgIHJldHVybiBjbGFzc2VzLmpvaW4oJyAnKTtcbiAgfVxuXG4gIGdldCBib2R5Q2xhc3NlcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBbJ2FkdS1jYXJkLWJvZHknXTtcblxuICAgIGlmICh0aGlzLnBhZGRpbmcgPT09ICdjb21wYWN0Jykge1xuICAgICAgY2xhc3Nlcy5wdXNoKCdhZHUtY2FyZC1ib2R5LWNvbXBhY3QnKTtcbiAgICB9IGVsc2UgaWYgKHRoaXMucGFkZGluZyA9PT0gJ3NwYWNpb3VzJykge1xuICAgICAgY2xhc3Nlcy5wdXNoKCdhZHUtY2FyZC1ib2R5LXNwYWNpb3VzJyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzZXMuam9pbignICcpO1xuICB9XG59XG4iXX0=
|
|
@@ -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:.375rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.adu-input{display:flex;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-ring-offset-color: #fff }.adu-input::file-selector-button{border-width:0px;background-color:transparent;font-size:.875rem;line-height:1.25rem;font-weight:500}.adu-input::placeholder{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.adu-input:focus-visible{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(9 9 11 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.adu-input:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));opacity:.5}.adu-input-sm{height:2.25rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.adu-input-md{height:2.5rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.adu-input-lg{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem}.adu-input-error-state{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.adu-input-error-state:focus-visible{--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(161 161 170 / var(--tw-text-opacity, 1))}.adu-input-error{margin-top:.375rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.adu-input-hint{margin-top:.375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(113 113 122 / 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:.375rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.adu-input{display:flex;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-ring-offset-color: #fff }.adu-input::file-selector-button{border-width:0px;background-color:transparent;font-size:.875rem;line-height:1.25rem;font-weight:500}.adu-input::placeholder{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.adu-input:focus-visible{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(9 9 11 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.adu-input:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));opacity:.5}.adu-input-sm{height:2.25rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.adu-input-md{height:2.5rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.adu-input-lg{height:2.75rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem}.adu-input-error-state{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.adu-input-error-state:focus-visible{--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(161 161 170 / var(--tw-text-opacity, 1))}.adu-input-error{margin-top:.375rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.adu-input-hint{margin-top:.375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(113 113 122 / 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2lucHV0L2lucHV0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBc0Z6RSxNQUFNLE9BQU8sY0FBYztJQW5GM0I7UUFvRlcsT0FBRSxHQUFHLGFBQWEsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDNUQsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFNBQUksR0FBYyxNQUFNLENBQUM7UUFDekIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsU0FBSSxHQUFjLElBQUksQ0FBQztRQUN2QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFbkIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGFBQVEsR0FBNEIsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzlDLGNBQVMsR0FBZSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7S0FxQ25DO0lBbkNDLElBQUksWUFBWTtRQUNkLE1BQU0sT0FBTyxHQUFHLENBQUMsV0FBVyxFQUFFLGFBQWEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7UUFFeEQsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixPQUFPLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFDeEMsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN4QixDQUFDO1FBRUQsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBWTtRQUN4QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBMkI7UUFDMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7K0dBbkRVLGNBQWM7bUdBQWQsY0FBYyxvUUEvRWQ7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQztnQkFDN0MsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJULDJsRkFqQ1MsWUFBWTs7NEZBZ0ZYLGNBQWM7a0JBbkYxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsYUFDWjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxlQUFlLENBQUM7NEJBQzdDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5QlQ7OEJBZ0RRLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElucHV0VHlwZSwgSW5wdXRTaXplIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWR1LWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gSW5wdXRDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImFkdS1pbnB1dC13cmFwcGVyXCI+XG4gICAgICA8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtmb3JdPVwiaWRcIiBjbGFzcz1cImFkdS1pbnB1dC1sYWJlbFwiPlxuICAgICAgICB7eyBsYWJlbCB9fVxuICAgICAgICA8c3BhbiAqbmdJZj1cInJlcXVpcmVkXCIgY2xhc3M9XCJ0ZXh0LXJlZC01MDBcIj4qPC9zcGFuPlxuICAgICAgPC9sYWJlbD5cbiAgICAgIFxuICAgICAgPGRpdiBjbGFzcz1cInJlbGF0aXZlXCI+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIFtpZF09XCJpZFwiXG4gICAgICAgICAgW3R5cGVdPVwidHlwZVwiXG4gICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAgICAgICBbY2xhc3NdPVwiaW5wdXRDbGFzc2VzXCJcbiAgICAgICAgICAoaW5wdXQpPVwib25JbnB1dENoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAoYmx1cik9XCJvblRvdWNoZWQoKVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwiYWR1LWlucHV0LWljb25cIj57eyBpY29uIH19PC9zcGFuPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxwICpuZ0lmPVwiZXJyb3JcIiBjbGFzcz1cImFkdS1pbnB1dC1lcnJvclwiPnt7IGVycm9yIH19PC9wPlxuICAgICAgPHAgKm5nSWY9XCJoaW50ICYmICFlcnJvclwiIGNsYXNzPVwiYWR1LWlucHV0LWhpbnRcIj57eyBoaW50IH19PC9wPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtgXG4gICAgLmFkdS1pbnB1dC13cmFwcGVyIHtcbiAgICAgIEBhcHBseSB3LWZ1bGw7XG4gICAgfVxuXG4gICAgLmFkdS1pbnB1dC1sYWJlbCB7XG4gICAgICBAYXBwbHkgYmxvY2sgdGV4dC1zbSBmb250LW1lZGl1bSB0ZXh0LXppbmMtOTAwIG1iLTEuNTtcbiAgICB9XG5cbiAgICAuYWR1LWlucHV0IHtcbiAgICAgIEBhcHBseSBmbGV4IHctZnVsbCByb3VuZGVkLW1kIGJvcmRlciBib3JkZXItemluYy0yMDAgYmctd2hpdGUgcHgtMyBweS0yIHRleHQtc207XG4gICAgICBAYXBwbHkgcmluZy1vZmZzZXQtd2hpdGUgZmlsZTpib3JkZXItMCBmaWxlOmJnLXRyYW5zcGFyZW50IGZpbGU6dGV4dC1zbSBmaWxlOmZvbnQtbWVkaXVtO1xuICAgICAgQGFwcGx5IHBsYWNlaG9sZGVyOnRleHQtemluYy01MDA7XG4gICAgICBAYXBwbHkgZm9jdXMtdmlzaWJsZTpvdXRsaW5lLW5vbmUgZm9jdXMtdmlzaWJsZTpyaW5nLTIgZm9jdXMtdmlzaWJsZTpyaW5nLXppbmMtOTUwIGZvY3VzLXZpc2libGU6cmluZy1vZmZzZXQtMjtcbiAgICAgIEBhcHBseSBkaXNhYmxlZDpjdXJzb3Itbm90LWFsbG93ZWQgZGlzYWJsZWQ6b3BhY2l0eS01MCBkaXNhYmxlZDpiZy16aW5jLTUwO1xuICAgIH1cblxuICAgIC5hZHUtaW5wdXQtc20ge1xuICAgICAgQGFwcGx5IGgtOSBweC0zIHRleHQtc207XG4gICAgfVxuXG4gICAgLmFkdS1pbnB1dC1tZCB7XG4gICAgICBAYXBwbHkgaC0xMCBweC0zIHRleHQtc207XG4gICAgfVxuXG4gICAgLmFkdS1pbnB1dC1sZyB7XG4gICAgICBAYXBwbHkgaC0xMSBweC00IHRleHQtYmFzZTtcbiAgICB9XG5cbiAgICAuYWR1LWlucHV0LWVycm9yLXN0YXRlIHtcbiAgICAgIEBhcHBseSBib3JkZXItcmVkLTUwMCBmb2N1cy12aXNpYmxlOnJpbmctcmVkLTUwMDtcbiAgICB9XG5cbiAgICAuYWR1LWlucHV0LWljb24ge1xuICAgICAgQGFwcGx5IGFic29sdXRlIHJpZ2h0LTMgdG9wLTEvMiAtdHJhbnNsYXRlLXktMS8yIHRleHQtemluYy00MDAgcG9pbnRlci1ldmVudHMtbm9uZTtcbiAgICB9XG5cbiAgICAuYWR1LWlucHV0LWVycm9yIHtcbiAgICAgIEBhcHBseSBtdC0xLjUgdGV4dC1zbSB0ZXh0LXJlZC02MDAgZm9udC1tZWRpdW07XG4gICAgfVxuXG4gICAgLmFkdS1pbnB1dC1oaW50IHtcbiAgICAgIEBhcHBseSBtdC0xLjUgdGV4dC1zbSB0ZXh0LXppbmMtNTAwO1xuICAgIH1cbiAgYF1cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIGlkID0gYGFkdS1pbnB1dC0ke01hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KX1gO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiBJbnB1dFR5cGUgPSAndGV4dCc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIHNpemU6IElucHV0U2l6ZSA9ICdtZCc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJlYWRvbmx5ID0gZmFsc2U7XG4gIEBJbnB1dCgpIHJlcXVpcmVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yID0gJyc7XG4gIEBJbnB1dCgpIGhpbnQgPSAnJztcbiAgQElucHV0KCkgaWNvbiA9ICcnO1xuXG4gIHZhbHVlID0gJyc7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCA9ICgpID0+IHsgfTtcbiAgb25Ub3VjaGVkOiAoKSA9PiB2b2lkID0gKCkgPT4geyB9O1xuXG4gIGdldCBpbnB1dENsYXNzZXMoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGFzc2VzID0gWydhZHUtaW5wdXQnLCBgYWR1LWlucHV0LSR7dGhpcy5zaXplfWBdO1xuXG4gICAgaWYgKHRoaXMuZXJyb3IpIHtcbiAgICAgIGNsYXNzZXMucHVzaCgnYWR1LWlucHV0LWVycm9yLXN0YXRlJyk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuaWNvbikge1xuICAgICAgY2xhc3Nlcy5wdXNoKCdwci0xMCcpO1xuICAgIH1cblxuICAgIHJldHVybiBjbGFzc2VzLmpvaW4oJyAnKTtcbiAgfVxuXG4gIG9uSW5wdXRDaGFuZ2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gaW5wdXQudmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZSB8fCAnJztcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -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;padding:1rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease-out}.adu-modal-content{position:relative;max-height:90vh;overflow:hidden;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--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);animation:slideUp .2s ease-out}.adu-modal-sm{width:100%;max-width:24rem}.adu-modal-md{width:100%;max-width:32rem}.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;right:1rem;top:1rem;border-radius:.125rem;opacity:.7;--tw-ring-offset-color: #fff;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.adu-modal-close:hover{opacity:1}.adu-modal-close: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-opacity: 1;--tw-ring-color: rgb(9 9 11 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.adu-modal-close:disabled{pointer-events:none}.adu-modal-close{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;font-size:1.5rem;line-height:2rem;font-weight:300;--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.adu-modal-close:hover{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.adu-modal-title{display:flex;flex-direction:column}.adu-modal-title>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.adu-modal-title{padding:1.5rem 1.5rem 1rem;text-align:center}@media (min-width: 640px){.adu-modal-title{text-align:left}}.adu-modal-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;line-height:1;letter-spacing:-.025em;--tw-text-opacity: 1;color:rgb(9 9 11 / var(--tw-text-opacity, 1))}.adu-modal-body{overflow-y:auto;padding:1.5rem;padding-top:0}.adu-modal-footer{display:flex;flex-direction:column-reverse;padding:1rem 1.5rem 1.5rem}@media (min-width: 640px){.adu-modal-footer{flex-direction:row;justify-content:flex-end}.adu-modal-footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fadeIn{animation:fadeIn .15s 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;padding:1rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease-out}.adu-modal-content{position:relative;max-height:90vh;overflow:hidden;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--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);animation:slideUp .2s ease-out}.adu-modal-sm{width:100%;max-width:24rem}.adu-modal-md{width:100%;max-width:32rem}.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;right:1rem;top:1rem;border-radius:.125rem;opacity:.7;--tw-ring-offset-color: #fff;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.adu-modal-close:hover{opacity:1}.adu-modal-close: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-opacity: 1;--tw-ring-color: rgb(9 9 11 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.adu-modal-close:disabled{pointer-events:none}.adu-modal-close{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;font-size:1.5rem;line-height:2rem;font-weight:300;--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.adu-modal-close:hover{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.adu-modal-title{display:flex;flex-direction:column}.adu-modal-title>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.adu-modal-title{padding:1.5rem 1.5rem 1rem;text-align:center}@media (min-width: 640px){.adu-modal-title{text-align:left}}.adu-modal-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;line-height:1;letter-spacing:-.025em;--tw-text-opacity: 1;color:rgb(9 9 11 / var(--tw-text-opacity, 1))}.adu-modal-body{overflow-y:auto;padding:1.5rem;padding-top:0}.adu-modal-footer{display:flex;flex-direction:column-reverse;padding:1rem 1.5rem 1.5rem}@media (min-width: 640px){.adu-modal-footer{flex-direction:row;justify-content:flex-end}.adu-modal-footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fadeIn{animation:fadeIn .15s 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBK0cvQyxNQUFNLE9BQU8sY0FBYztJQTdHM0I7UUE4R1csV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxTQUFJLEdBQXVDLElBQUksQ0FBQztRQUNoRCxvQkFBZSxHQUFHLElBQUksQ0FBQztRQUN2QixvQkFBZSxHQUFHLElBQUksQ0FBQztRQUN2QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUMzQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWlCN0M7SUFmQyxJQUFJLFlBQVk7UUFDZCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsYUFBYSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2YsQ0FBQztJQUNILENBQUM7K0dBekJVLGNBQWM7bUdBQWQsY0FBYyw4UkF6R2Y7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5QlQsd3dHQTFCUyxZQUFZOzs0RkEwR1gsY0FBYztrQkE3RzFCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJUOzhCQWlGUSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHUtbW9kYWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYWR1LW1vZGFsLXdyYXBwZXJcIiAqbmdJZj1cImlzT3BlblwiIChjbGljayk9XCJvbkJhY2tkcm9wQ2xpY2soKVwiPlxuICAgICAgPGRpdiBbY2xhc3NdPVwibW9kYWxDbGFzc2VzXCIgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPlxuICAgICAgICA8YnV0dG9uIFxuICAgICAgICAgICpuZ0lmPVwic2hvd0Nsb3NlQnV0dG9uXCJcbiAgICAgICAgICBjbGFzcz1cImFkdS1tb2RhbC1jbG9zZVwiIFxuICAgICAgICAgIChjbGljayk9XCJjbG9zZSgpXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiQ2xvc2UgbW9kYWxcIlxuICAgICAgICA+XG4gICAgICAgICAgw5dcbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPGRpdiAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJhZHUtbW9kYWwtdGl0bGVcIj5cbiAgICAgICAgICB7eyB0aXRsZSB9fVxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWR1LW1vZGFsLWJvZHlcIj5cbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgKm5nSWY9XCJoYXNGb290ZXJcIiBjbGFzcz1cImFkdS1tb2RhbC1mb290ZXJcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbW9kYWwtZm9vdGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIC5hZHUtbW9kYWwtd3JhcHBlciB7XG4gICAgICBAYXBwbHkgZml4ZWQgaW5zZXQtMCB6LTUwIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHAtNDtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC41KTtcbiAgICAgIGJhY2tkcm9wLWZpbHRlcjogYmx1cig0cHgpO1xuICAgICAgYW5pbWF0aW9uOiBmYWRlSW4gMC4xNXMgZWFzZS1vdXQ7XG4gICAgfVxuXG4gICAgLmFkdS1tb2RhbC1jb250ZW50IHtcbiAgICAgIEBhcHBseSByZWxhdGl2ZSBiZy13aGl0ZSByb3VuZGVkLWxnIHNoYWRvdy1sZyBtYXgtaC1bOTB2aF0gb3ZlcmZsb3ctaGlkZGVuO1xuICAgICAgYW5pbWF0aW9uOiBzbGlkZVVwIDAuMnMgZWFzZS1vdXQ7XG4gICAgfVxuXG4gICAgLmFkdS1tb2RhbC1zbSB7XG4gICAgICBAYXBwbHkgdy1mdWxsIG1heC13LXNtO1xuICAgIH1cblxuICAgIC5hZHUtbW9kYWwtbWQge1xuICAgICAgQGFwcGx5IHctZnVsbCBtYXgtdy1sZztcbiAgICB9XG5cbiAgICAuYWR1LW1vZGFsLWxnIHtcbiAgICAgIEBhcHBseSB3LWZ1bGwgbWF4LXctMnhsO1xuICAgIH1cblxuICAgIC5hZHUtbW9kYWwteGwge1xuICAgICAgQGFwcGx5IHctZnVsbCBtYXgtdy00eGw7XG4gICAgfVxuXG4gICAgLmFkdS1tb2RhbC1mdWxsIHtcbiAgICAgIEBhcHBseSB3LWZ1bGwgaC1mdWxsIG1heC13LW5vbmUgcm91bmRlZC1ub25lO1xuICAgIH1cblxuICAgIC5hZHUtbW9kYWwtY2xvc2Uge1xuICAgICAgQGFwcGx5IGFic29sdXRlIHJpZ2h0LTQgdG9wLTQgcm91bmRlZC1zbSBvcGFjaXR5LTcwIHJpbmctb2Zmc2V0LXdoaXRlO1xuICAgICAgQGFwcGx5IHRyYW5zaXRpb24tb3BhY2l0eSBob3ZlcjpvcGFjaXR5LTEwMDtcbiAgICAgIEBhcHBseSBmb2N1czpvdXRsaW5lLW5vbmUgZm9jdXM6cmluZy0yIGZvY3VzOnJpbmctemluYy05NTAgZm9jdXM6cmluZy1vZmZzZXQtMjtcbiAgICAgIEBhcHBseSBkaXNhYmxlZDpwb2ludGVyLWV2ZW50cy1ub25lO1xuICAgICAgQGFwcGx5IHRleHQtemluYy01MDAgaG92ZXI6dGV4dC16aW5jLTkwMCB0ZXh0LTJ4bCBmb250LWxpZ2h0IHctNiBoLTYgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXI7XG4gICAgfVxuXG4gICAgLmFkdS1tb2RhbC10aXRsZSB7XG4gICAgICBAYXBwbHkgZmxleCBmbGV4LWNvbCBzcGFjZS15LTEuNSB0ZXh0LWNlbnRlciBzbTp0ZXh0LWxlZnQgcC02IHBiLTQ7XG4gICAgICBAYXBwbHkgdGV4dC1sZyBmb250LXNlbWlib2xkIGxlYWRpbmctbm9uZSB0cmFja2luZy10aWdodCB0ZXh0LXppbmMtOTUwO1xuICAgIH1cblxuICAgIC5hZHUtbW9kYWwtYm9keSB7XG4gICAgICBAYXBwbHkgcC02IHB0LTAgb3ZlcmZsb3cteS1hdXRvO1xuICAgIH1cblxuICAgIC5hZHUtbW9kYWwtZm9vdGVyIHtcbiAgICAgIEBhcHBseSBmbGV4IGZsZXgtY29sLXJldmVyc2Ugc206ZmxleC1yb3cgc206anVzdGlmeS1lbmQgc206c3BhY2UteC0yIHAtNiBwdC00O1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgZmFkZUluIHtcbiAgICAgIGZyb20geyBvcGFjaXR5OiAwOyB9XG4gICAgICB0byB7IG9wYWNpdHk6IDE7IH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHNsaWRlVXAge1xuICAgICAgZnJvbSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSg0cHgpIHNjYWxlKDAuOTgpO1xuICAgICAgfVxuICAgICAgdG8ge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCkgc2NhbGUoMSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmFuaW1hdGUtZmFkZUluIHtcbiAgICAgIGFuaW1hdGlvbjogZmFkZUluIDAuMTVzIGVhc2Utb3V0O1xuICAgIH1cblxuICAgIC5hbmltYXRlLXNsaWRlVXAge1xuICAgICAgYW5pbWF0aW9uOiBzbGlkZVVwIDAuM3MgZWFzZS1vdXQ7XG4gICAgfVxuICBgXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGlzT3BlbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnIHwgJ2Z1bGwnID0gJ21kJztcbiAgQElucHV0KCkgY2xvc2VPbkJhY2tkcm9wID0gdHJ1ZTtcbiAgQElucHV0KCkgc2hvd0Nsb3NlQnV0dG9uID0gdHJ1ZTtcbiAgQElucHV0KCkgaGFzRm9vdGVyID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGlzT3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBnZXQgbW9kYWxDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFsnYWR1LW1vZGFsLWNvbnRlbnQnLCBgYWR1LW1vZGFsLSR7dGhpcy5zaXplfWBdLmpvaW4oJyAnKTtcbiAgfVxuXG4gIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgdGhpcy5pc09wZW5DaGFuZ2UuZW1pdChmYWxzZSk7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICB9XG5cbiAgb25CYWNrZHJvcENsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNsb3NlT25CYWNrZHJvcCkge1xuICAgICAgdGhpcy5jbG9zZSgpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -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:2px;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(24 24 27 / var(--tw-border-opacity, 1))}.adu-spinner-sm{height:1rem;width:1rem;border-width:2px}.adu-spinner-md{height:1.5rem;width:1.5rem;border-width:2px}.adu-spinner-lg{height:2.5rem;width:2.5rem;border-width:3px}.adu-spinner-primary{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(24 24 27 / var(--tw-border-opacity, 1))}.adu-spinner-secondary{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}.adu-spinner-white{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.adu-spinner-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.adu-spinner-message{margin-top:1rem;font-size:.875rem;line-height:1.25rem;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:2px;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(24 24 27 / var(--tw-border-opacity, 1))}.adu-spinner-sm{height:1rem;width:1rem;border-width:2px}.adu-spinner-md{height:1.5rem;width:1.5rem;border-width:2px}.adu-spinner-lg{height:2.5rem;width:2.5rem;border-width:3px}.adu-spinner-primary{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(24 24 27 / var(--tw-border-opacity, 1))}.adu-spinner-secondary{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}.adu-spinner-white{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.adu-spinner-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000080;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.adu-spinner-message{margin-top:1rem;font-size:.875rem;line-height:1.25rem;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQXFEL0MsTUFBTSxPQUFPLGdCQUFnQjtJQWxEN0I7UUFtRFcsU0FBSSxHQUFnQixJQUFJLENBQUM7UUFDekIsVUFBSyxHQUFpQixTQUFTLENBQUM7UUFDaEMsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixZQUFPLEdBQUcsRUFBRSxDQUFDO0tBS3ZCO0lBSEMsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sQ0FBQyxhQUFhLEVBQUUsZUFBZSxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsZUFBZSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUYsQ0FBQzsrR0FSVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQix5SkE5Q2pCOzs7Ozs7O0dBT1QsdTVEQVJTLFlBQVk7OzRGQStDWCxnQkFBZ0I7a0JBbEQ1QixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsWUFDYjs7Ozs7OztHQU9UOzhCQXdDUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Bpbm5lclNpemUsIFNwaW5uZXJDb2xvciB9IGZyb20gJy4uLy4uL21vZGVscy90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FkdS1zcGlubmVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiAqbmdJZj1cIm92ZXJsYXlcIiBjbGFzcz1cImFkdS1zcGlubmVyLW92ZXJsYXlcIj5cbiAgICAgIDxkaXYgW2NsYXNzXT1cInNwaW5uZXJDbGFzc2VzXCI+PC9kaXY+XG4gICAgICA8cCAqbmdJZj1cIm1lc3NhZ2VcIiBjbGFzcz1cImFkdS1zcGlubmVyLW1lc3NhZ2VcIj57eyBtZXNzYWdlIH19PC9wPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiAqbmdJZj1cIiFvdmVybGF5XCIgW2NsYXNzXT1cInNwaW5uZXJDbGFzc2VzXCI+PC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW2BcbiAgICAuYWR1LXNwaW5uZXIge1xuICAgICAgQGFwcGx5IGlubGluZS1ibG9jayBib3JkZXItMiBib3JkZXItemluYy0yMDAgYm9yZGVyLXQtemluYy05MDAgcm91bmRlZC1mdWxsIGFuaW1hdGUtc3BpbjtcbiAgICB9XG5cbiAgICAuYWR1LXNwaW5uZXItc20ge1xuICAgICAgQGFwcGx5IHctNCBoLTQgYm9yZGVyLTI7XG4gICAgfVxuXG4gICAgLmFkdS1zcGlubmVyLW1kIHtcbiAgICAgIEBhcHBseSB3LTYgaC02IGJvcmRlci0yO1xuICAgIH1cblxuICAgIC5hZHUtc3Bpbm5lci1sZyB7XG4gICAgICBAYXBwbHkgdy0xMCBoLTEwIGJvcmRlci1bM3B4XTtcbiAgICB9XG5cbiAgICAuYWR1LXNwaW5uZXItcHJpbWFyeSB7XG4gICAgICBAYXBwbHkgYm9yZGVyLXppbmMtMjAwIGJvcmRlci10LXppbmMtOTAwO1xuICAgIH1cblxuICAgIC5hZHUtc3Bpbm5lci1zZWNvbmRhcnkge1xuICAgICAgQGFwcGx5IGJvcmRlci16aW5jLTMwMCBib3JkZXItdC16aW5jLTYwMDtcbiAgICB9XG5cbiAgICAuYWR1LXNwaW5uZXItd2hpdGUge1xuICAgICAgQGFwcGx5IGJvcmRlci16aW5jLTEwMCBib3JkZXItdC13aGl0ZTtcbiAgICB9XG5cbiAgICAuYWR1LXNwaW5uZXItb3ZlcmxheSB7XG4gICAgICBAYXBwbHkgZml4ZWQgaW5zZXQtMCBiZy1ibGFjay81MCBiYWNrZHJvcC1ibHVyLXNtIGZsZXggZmxleC1jb2wgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHotNTA7XG4gICAgfVxuXG4gICAgLmFkdS1zcGlubmVyLW1lc3NhZ2Uge1xuICAgICAgQGFwcGx5IG10LTQgdGV4dC13aGl0ZSB0ZXh0LXNtIGZvbnQtbWVkaXVtO1xuICAgIH1cbiAgYF1cbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNpemU6IFNwaW5uZXJTaXplID0gJ21kJztcbiAgQElucHV0KCkgY29sb3I6IFNwaW5uZXJDb2xvciA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgb3ZlcmxheSA9IGZhbHNlO1xuICBASW5wdXQoKSBtZXNzYWdlID0gJyc7XG5cbiAgZ2V0IHNwaW5uZXJDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIFsnYWR1LXNwaW5uZXInLCBgYWR1LXNwaW5uZXItJHt0aGlzLnNpemV9YCwgYGFkdS1zcGlubmVyLSR7dGhpcy5jb2xvcn1gXS5qb2luKCcgJyk7XG4gIH1cbn1cbiJdfQ==
|