fancy-ui-core 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/esm2022/index.mjs +1 -1
- package/esm2022/lib/button/button.component.mjs +3 -3
- package/esm2022/lib/icon/icon.component.mjs +1 -1
- package/esm2022/lib/provide.mjs +3 -3
- package/fesm2022/fancy-ui-core.mjs +4 -4
- package/fesm2022/fancy-ui-core.mjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
# core
|
|
2
|
-
|
|
3
|
-
This library was generated with [Nx](https://nx.dev).
|
|
4
|
-
|
|
5
|
-
## Running unit tests
|
|
6
|
-
|
|
7
|
-
Run `nx test core` to execute the unit tests.
|
|
1
|
+
# core
|
|
2
|
+
|
|
3
|
+
This library was generated with [Nx](https://nx.dev).
|
|
4
|
+
|
|
5
|
+
## Running unit tests
|
|
6
|
+
|
|
7
|
+
Run `nx test core` to execute the unit tests.
|
package/esm2022/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export * from './lib/icon/icon.component';
|
|
2
2
|
export * from './lib/button/button.component';
|
|
3
3
|
export * from './lib/provide';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9mYW5jeS11aS1jb3JlL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsK0JBQStCLENBQUM7QUFFOUMsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9pY29uL2ljb24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJvdmlkZSc7XHJcbiJdfQ==
|
|
@@ -25,12 +25,12 @@ export class ButtonComponent {
|
|
|
25
25
|
this.tap.next();
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.1", type: ButtonComponent, isStandalone: true, selector: "fui-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tap: "tap" }, viewQueries: [{ propertyName: "waveSpan", first: true, predicate: ["wave"], descendants: true, isSignal: true }], ngImport: i0, template: "<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.1", type: ButtonComponent, isStandalone: true, selector: "fui-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tap: "tap" }, viewQueries: [{ propertyName: "waveSpan", first: true, predicate: ["wave"], descendants: true, isSignal: true }], ngImport: i0, template: "<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\r\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\r\n</button>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
29
29
|
}
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
|
-
args: [{ selector: 'fui-button', standalone: true, imports: [CommonModule], template: "<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\n</button>\n" }]
|
|
32
|
+
args: [{ selector: 'fui-button', standalone: true, imports: [CommonModule], template: "<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\r\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\r\n</button>\r\n" }]
|
|
33
33
|
}], propDecorators: { tap: [{
|
|
34
34
|
type: Output
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2ZhbmN5LXVpLWNvcmUvc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2ZhbmN5LXVpLWNvcmUvc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFRN0IsTUFBTSxPQUFPLGVBQWU7SUFONUI7UUFPRSwrQkFBK0I7UUFDL0IsVUFBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixrREFBa0Q7UUFDbEQsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QiwrQ0FBK0M7UUFFL0MsUUFBRyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFL0IsYUFBUSxHQUFHLFNBQVMsQ0FBYSxNQUFNLENBQUMsQ0FBQztRQUV6QyxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBYWpCO0lBWEMsS0FBSyxDQUFDLEtBQTBDO1FBQzlDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQyxJQUFHLFFBQVEsRUFBRSxDQUFDO1lBQ1osUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1lBQ3pELFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUMxRCxDQUFDO1FBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDcEIsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbEIsQ0FBQzs4R0F0QlUsZUFBZTtrR0FBZixlQUFlLHNkQ1Y1Qix3Y0FJQSwyQ0RHWSxZQUFZOzsyRkFHWCxlQUFlO2tCQU4zQixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBVXZCLEdBQUc7c0JBREYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIGlucHV0LCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgdGltZXIgfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZnVpLWJ1dHRvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcclxuICAvKiogVGhlIGxhYmVsIG9mIHRoZSBCdXR0b24uICovXHJcbiAgbGFiZWwgPSBpbnB1dCgnJyk7XHJcbiAgLyoqIEZsYWcgdG8gc2hvdyB0aGUgYnV0dG8gaW4gYSBkaXNhYmxlZCBzdGF0ZS4gKi9cclxuICBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcclxuICAvKiogQW4gZXZlbnQgY2FsbGVkIGlmIHRoZSBidXR0b24gaXMgdGFwcGVkLiAqL1xyXG4gIEBPdXRwdXQoKVxyXG4gIHRhcCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgd2F2ZVNwYW4gPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZj4oJ3dhdmUnKTtcclxuXHJcbiAgYW5pbWF0ZSA9IGZhbHNlO1xyXG5cclxuICBjbGljayhldmVudDogeyBvZmZzZXRYOiBudW1iZXIsIG9mZnNldFk6IG51bWJlcn0pIHtcclxuICAgIGNvbnN0IHdhdmVTcGFuID0gdGhpcy53YXZlU3BhbigpO1xyXG4gICAgaWYod2F2ZVNwYW4pIHtcclxuICAgICAgd2F2ZVNwYW4ubmF0aXZlRWxlbWVudC5zdHlsZS5sZWZ0ID0gZXZlbnQub2Zmc2V0WCArICdweCc7XHJcbiAgICAgIHdhdmVTcGFuLm5hdGl2ZUVsZW1lbnQuc3R5bGUudG9wID0gZXZlbnQub2Zmc2V0WSArICdweCc7XHJcbiAgICB9XHJcbiAgICB0aGlzLmFuaW1hdGUgPSB0cnVlO1xyXG4gICAgdGltZXIoODAwKS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5hbmltYXRlID0gZmFsc2UpO1xyXG4gICAgdGhpcy50YXAubmV4dCgpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGJ1dHRvbiAoY2xpY2spPVwidGFwLm5leHQoKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCIgY2xhc3M9XCJiZy1wcmltYXJ5IHJvdW5kZWQgb3ZlcmZsb3ctaGlkZGVuIGdyb3VwIHJlbGF0aXZlIGhvdmVyOnNoYWRvd1wiID5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LW9uLXByaW1hcnkgcC1jb21wb25lbnQgcm91bmRlZFwiIFtuZ0NsYXNzXT1cInsnZ3JvdXAtaG92ZXI6YmctaG92ZXInOiAhYW5pbWF0ZSwgJ2JnLXByaW1hcnknOiBhbmltYXRlfVwiIChjbGljayk9XCJjbGljaygkZXZlbnQpXCI+e3tsYWJlbCgpfX08L2Rpdj5cclxuICAgIDxzcGFuICN3YXZlIGNsYXNzPVwiYWJzb2x1dGUgdy1mdWxsIGgtZnVsbCByb3VuZGVkLVs1MCVdIGJnLXRpbnQgYW5pbWF0ZS1yaXBwbGVcIiBbbmdDbGFzc109XCJ7J2hpZGRlbic6ICFhbmltYXRlfVwiPjwvc3Bhbj5cclxuPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
|
|
|
17
17
|
template: `<ng-icon [name]="name()"></ng-icon>`
|
|
18
18
|
}]
|
|
19
19
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9mYW5jeS11aS1jb3JlL3NyYy9saWIvaWNvbi9pY29uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBUWpELE1BQU0sT0FBTyxhQUFhO0lBTjFCO1FBT0UsU0FBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztLQUNqQzs4R0FGWSxhQUFhO2tHQUFiLGFBQWEsb01BRmQscUNBQXFDLDREQURyQyxlQUFlOzsyRkFHZCxhQUFhO2tCQU56QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUMxQixRQUFRLEVBQUUscUNBQXFDO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdJY29uQ29tcG9uZW50IH0gZnJvbSAnQG5nLWljb25zL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdmdWktaWNvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdJY29uQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZTogYDxuZy1pY29uIFtuYW1lXT1cIm5hbWUoKVwiPjwvbmctaWNvbj5gXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IHtcclxuICBuYW1lID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xyXG59XHJcbiJdfQ==
|
package/esm2022/lib/provide.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { provideIcons, provideNgIconsConfig } from '@ng-icons/core';
|
|
2
|
-
import { heroArrowLeft } from '@ng-icons/heroicons/outline';
|
|
2
|
+
import { heroArrowLeft, heroUser } from '@ng-icons/heroicons/outline';
|
|
3
3
|
import { matMoreVertOutline } from '@ng-icons/material-icons/outline';
|
|
4
4
|
export function provideFancyUi() {
|
|
5
5
|
return [
|
|
6
|
-
provideIcons({ heroArrowLeft, matMoreVertOutline }),
|
|
6
|
+
provideIcons({ heroArrowLeft, heroUser, matMoreVertOutline }),
|
|
7
7
|
provideNgIconsConfig({
|
|
8
8
|
size: '100%',
|
|
9
9
|
}),
|
|
10
10
|
];
|
|
11
11
|
}
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2ZhbmN5LXVpLWNvcmUvc3JjL2xpYi9wcm92aWRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXRFLE1BQU0sVUFBVSxjQUFjO0lBQzFCLE9BQU87UUFDSCxZQUFZLENBQUMsRUFBQyxhQUFhLEVBQUUsUUFBUSxFQUFFLGtCQUFrQixFQUFDLENBQUM7UUFDM0Qsb0JBQW9CLENBQUM7WUFDakIsSUFBSSxFQUFFLE1BQU07U0FDYixDQUFDO0tBQ1AsQ0FBQztBQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm92aWRlciB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IHByb3ZpZGVJY29ucywgcHJvdmlkZU5nSWNvbnNDb25maWcgfSBmcm9tICdAbmctaWNvbnMvY29yZSc7XHJcbmltcG9ydCB7IGhlcm9BcnJvd0xlZnQsIGhlcm9Vc2VyIH0gZnJvbSAnQG5nLWljb25zL2hlcm9pY29ucy9vdXRsaW5lJztcclxuaW1wb3J0IHsgbWF0TW9yZVZlcnRPdXRsaW5lIH0gZnJvbSAnQG5nLWljb25zL21hdGVyaWFsLWljb25zL291dGxpbmUnO1xyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIHByb3ZpZGVGYW5jeVVpKCk6IFByb3ZpZGVyW10ge1xyXG4gICAgcmV0dXJuIFtcclxuICAgICAgICBwcm92aWRlSWNvbnMoe2hlcm9BcnJvd0xlZnQsIGhlcm9Vc2VyLCBtYXRNb3JlVmVydE91dGxpbmV9KSxcclxuICAgICAgICBwcm92aWRlTmdJY29uc0NvbmZpZyh7XHJcbiAgICAgICAgICAgIHNpemU6ICcxMDAlJyxcclxuICAgICAgICAgIH0pLFxyXG4gICAgXTtcclxufVxyXG4iXX0=
|
|
@@ -4,7 +4,7 @@ import { NgIconComponent, provideIcons, provideNgIconsConfig } from '@ng-icons/c
|
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
6
|
import { timer } from 'rxjs';
|
|
7
|
-
import { heroArrowLeft } from '@ng-icons/heroicons/outline';
|
|
7
|
+
import { heroArrowLeft, heroUser } from '@ng-icons/heroicons/outline';
|
|
8
8
|
import { matMoreVertOutline } from '@ng-icons/material-icons/outline';
|
|
9
9
|
|
|
10
10
|
class IconComponent {
|
|
@@ -46,18 +46,18 @@ class ButtonComponent {
|
|
|
46
46
|
this.tap.next();
|
|
47
47
|
}
|
|
48
48
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.1", type: ButtonComponent, isStandalone: true, selector: "fui-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tap: "tap" }, viewQueries: [{ propertyName: "waveSpan", first: true, predicate: ["wave"], descendants: true, isSignal: true }], ngImport: i0, template: "<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.1", type: ButtonComponent, isStandalone: true, selector: "fui-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tap: "tap" }, viewQueries: [{ propertyName: "waveSpan", first: true, predicate: ["wave"], descendants: true, isSignal: true }], ngImport: i0, template: "<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\r\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\r\n</button>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
50
50
|
}
|
|
51
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
|
-
args: [{ selector: 'fui-button', standalone: true, imports: [CommonModule], template: "<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\n</button>\n" }]
|
|
53
|
+
args: [{ selector: 'fui-button', standalone: true, imports: [CommonModule], template: "<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\r\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\r\n</button>\r\n" }]
|
|
54
54
|
}], propDecorators: { tap: [{
|
|
55
55
|
type: Output
|
|
56
56
|
}] } });
|
|
57
57
|
|
|
58
58
|
function provideFancyUi() {
|
|
59
59
|
return [
|
|
60
|
-
provideIcons({ heroArrowLeft, matMoreVertOutline }),
|
|
60
|
+
provideIcons({ heroArrowLeft, heroUser, matMoreVertOutline }),
|
|
61
61
|
provideNgIconsConfig({
|
|
62
62
|
size: '100%',
|
|
63
63
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fancy-ui-core.mjs","sources":["../../../../packages/fancy-ui-core/src/lib/icon/icon.component.ts","../../../../packages/fancy-ui-core/src/lib/button/button.component.ts","../../../../packages/fancy-ui-core/src/lib/button/button.component.html","../../../../packages/fancy-ui-core/src/lib/provide.ts","../../../../packages/fancy-ui-core/src/fancy-ui-core.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { NgIconComponent } from '@ng-icons/core';\n\n@Component({\n selector: 'fui-icon',\n standalone: true,\n imports: [NgIconComponent],\n template: `<ng-icon [name]=\"name()\"></ng-icon>`\n})\nexport class IconComponent {\n name = input.required<string>();\n}\n","import { Component, ElementRef, EventEmitter, Output, input, viewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { timer } from 'rxjs';\n\n@Component({\n selector: 'fui-button',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './button.component.html'\n})\nexport class ButtonComponent {\n /** The label of the Button. */\n label = input('');\n /** Flag to show the butto in a disabled state. */\n disabled = input(false);\n /** An event called if the button is tapped. */\n @Output()\n tap = new EventEmitter<void>();\n\n waveSpan = viewChild<ElementRef>('wave');\n\n animate = false;\n\n click(event: { offsetX: number, offsetY: number}) {\n const waveSpan = this.waveSpan();\n if(waveSpan) {\n waveSpan.nativeElement.style.left = event.offsetX + 'px';\n waveSpan.nativeElement.style.top = event.offsetY + 'px';\n }\n this.animate = true;\n timer(800).subscribe(() => this.animate = false);\n this.tap.next();\n }\n\n}\n","<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\n</button>\n","import { Provider } from \"@angular/core\";\r\nimport { provideIcons, provideNgIconsConfig } from '@ng-icons/core';\r\nimport { heroArrowLeft } from '@ng-icons/heroicons/outline';\r\nimport { matMoreVertOutline } from '@ng-icons/material-icons/outline';\r\n\r\nexport function provideFancyUi(): Provider[] {\r\n return [\r\n provideIcons({heroArrowLeft, matMoreVertOutline}),\r\n provideNgIconsConfig({\r\n size: '100%',\r\n }),\r\n ];\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"fancy-ui-core.mjs","sources":["../../../../packages/fancy-ui-core/src/lib/icon/icon.component.ts","../../../../packages/fancy-ui-core/src/lib/button/button.component.ts","../../../../packages/fancy-ui-core/src/lib/button/button.component.html","../../../../packages/fancy-ui-core/src/lib/provide.ts","../../../../packages/fancy-ui-core/src/fancy-ui-core.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { NgIconComponent } from '@ng-icons/core';\r\n\r\n@Component({\r\n selector: 'fui-icon',\r\n standalone: true,\r\n imports: [NgIconComponent],\r\n template: `<ng-icon [name]=\"name()\"></ng-icon>`\r\n})\r\nexport class IconComponent {\r\n name = input.required<string>();\r\n}\r\n","import { Component, ElementRef, EventEmitter, Output, input, viewChild } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { timer } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fui-button',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './button.component.html'\r\n})\r\nexport class ButtonComponent {\r\n /** The label of the Button. */\r\n label = input('');\r\n /** Flag to show the butto in a disabled state. */\r\n disabled = input(false);\r\n /** An event called if the button is tapped. */\r\n @Output()\r\n tap = new EventEmitter<void>();\r\n\r\n waveSpan = viewChild<ElementRef>('wave');\r\n\r\n animate = false;\r\n\r\n click(event: { offsetX: number, offsetY: number}) {\r\n const waveSpan = this.waveSpan();\r\n if(waveSpan) {\r\n waveSpan.nativeElement.style.left = event.offsetX + 'px';\r\n waveSpan.nativeElement.style.top = event.offsetY + 'px';\r\n }\r\n this.animate = true;\r\n timer(800).subscribe(() => this.animate = false);\r\n this.tap.next();\r\n }\r\n\r\n}\r\n","<button (click)=\"tap.next()\" [disabled]=\"disabled()\" class=\"bg-primary rounded overflow-hidden group relative hover:shadow\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\" (click)=\"click($event)\">{{label()}}</div>\r\n <span #wave class=\"absolute w-full h-full rounded-[50%] bg-tint animate-ripple\" [ngClass]=\"{'hidden': !animate}\"></span>\r\n</button>\r\n","import { Provider } from \"@angular/core\";\r\nimport { provideIcons, provideNgIconsConfig } from '@ng-icons/core';\r\nimport { heroArrowLeft, heroUser } from '@ng-icons/heroicons/outline';\r\nimport { matMoreVertOutline } from '@ng-icons/material-icons/outline';\r\n\r\nexport function provideFancyUi(): Provider[] {\r\n return [\r\n provideIcons({heroArrowLeft, heroUser, matMoreVertOutline}),\r\n provideNgIconsConfig({\r\n size: '100%',\r\n }),\r\n ];\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|