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 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
+ [![CI](https://github.com/hopesf/Dev-Utils/actions/workflows/ci.yml/badge.svg)](https://github.com/hopesf/Dev-Utils/actions/workflows/ci.yml)
6
+ [![npm version](https://badge.fury.io/js/%40hopesf%2Fangular-dev-utils.svg)](https://www.npmjs.com/package/@hopesf/angular-dev-utils)
7
+ [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](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=