fancy-ui-core 0.0.5 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/index.mjs +2 -1
- package/esm2022/lib/floating-action-button/floating-action-button.component.mjs +37 -0
- package/fesm2022/fancy-ui-core.mjs +34 -1
- package/fesm2022/fancy-ui-core.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/floating-action-button/floating-action-button.component.d.ts +18 -0
- package/package.json +1 -1
package/esm2022/index.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './lib/icon/icon.component';
|
|
2
2
|
export * from './lib/button/button.component';
|
|
3
|
+
export * from './lib/floating-action-button/floating-action-button.component';
|
|
3
4
|
export * from './lib/provide';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9mYW5jeS11aS1jb3JlL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywrREFBK0QsQ0FBQztBQUU5RSxjQUFjLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24vaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24vZmxvYXRpbmctYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJvdmlkZSc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Component, EventEmitter, Output, input, viewChild } from '@angular/core';
|
|
2
|
+
import { NgClass } from '@angular/common';
|
|
3
|
+
import { timer } from 'rxjs';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class FloatingActionButtonComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
/** The label of the Button. */
|
|
8
|
+
this.label = input('');
|
|
9
|
+
/** Flag to show the butto in a disabled state. */
|
|
10
|
+
this.disabled = input(false);
|
|
11
|
+
/** An event called if the button is tapped. */
|
|
12
|
+
this.tap = new EventEmitter();
|
|
13
|
+
this.waveSpan = viewChild('wave');
|
|
14
|
+
this.animate = false;
|
|
15
|
+
}
|
|
16
|
+
click(event) {
|
|
17
|
+
if (!this.disabled()) {
|
|
18
|
+
const waveSpan = this.waveSpan();
|
|
19
|
+
if (waveSpan) {
|
|
20
|
+
waveSpan.nativeElement.style.left = event.offsetX + 'px';
|
|
21
|
+
waveSpan.nativeElement.style.top = event.offsetY + 'px';
|
|
22
|
+
}
|
|
23
|
+
this.animate = true;
|
|
24
|
+
timer(800).subscribe(() => this.animate = false);
|
|
25
|
+
this.tap.next();
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FloatingActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.1", type: FloatingActionButtonComponent, isStandalone: true, selector: "fui-floating-action-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)=\"click($event)\" \r\n [disabled]=\"disabled()\" \r\n [class.bg-primary]=\"!disabled()\" \r\n [class.bg-outline]=\"disabled()\" \r\n class=\"rounded-md overflow-hidden group hover:shadow-xl fixed bottom-rim right-rim z-10 shadow-md\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\">{{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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
30
|
+
}
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FloatingActionButtonComponent, decorators: [{
|
|
32
|
+
type: Component,
|
|
33
|
+
args: [{ selector: 'fui-floating-action-button', standalone: true, imports: [NgClass], template: "<button (click)=\"click($event)\" \r\n [disabled]=\"disabled()\" \r\n [class.bg-primary]=\"!disabled()\" \r\n [class.bg-outline]=\"disabled()\" \r\n class=\"rounded-md overflow-hidden group hover:shadow-xl fixed bottom-rim right-rim z-10 shadow-md\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\">{{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" }]
|
|
34
|
+
}], propDecorators: { tap: [{
|
|
35
|
+
type: Output
|
|
36
|
+
}] } });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9mYW5jeS11aS1jb3JlL3NyYy9saWIvZmxvYXRpbmctYWN0aW9uLWJ1dHRvbi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2ZhbmN5LXVpLWNvcmUvc3JjL2xpYi9mbG9hdGluZy1hY3Rpb24tYnV0dG9uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBUTdCLE1BQU0sT0FBTyw2QkFBNkI7SUFOMUM7UUFPRSwrQkFBK0I7UUFDL0IsVUFBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixrREFBa0Q7UUFDbEQsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QiwrQ0FBK0M7UUFFL0MsUUFBRyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFL0IsYUFBUSxHQUFHLFNBQVMsQ0FBYSxNQUFNLENBQUMsQ0FBQztRQUV6QyxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBZ0JqQjtJQWRDLEtBQUssQ0FBQyxLQUEwQztRQUM5QyxJQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUNuQixDQUFDO1lBQ0MsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2pDLElBQUcsUUFBUSxFQUFFLENBQUM7Z0JBQ1osUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2dCQUN6RCxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7WUFDMUQsQ0FBQztZQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1lBQ3BCLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsQ0FBQztZQUNqRCxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2xCLENBQUM7SUFDSCxDQUFDOzhHQXpCVSw2QkFBNkI7a0dBQTdCLDZCQUE2QixzZUNWMUMsa2tCQVFBLDRDRERZLE9BQU87OzJGQUdOLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFDRSw0QkFBNEIsY0FDMUIsSUFBSSxXQUNQLENBQUMsT0FBTyxDQUFDOzhCQVVsQixHQUFHO3NCQURGLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBpbnB1dCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyB0aW1lciB9IGZyb20gJ3J4anMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdmdWktZmxvYXRpbmctYWN0aW9uLWJ1dHRvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdDbGFzc10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGbG9hdGluZ0FjdGlvbkJ1dHRvbkNvbXBvbmVudCB7XHJcbiAgLyoqIFRoZSBsYWJlbCBvZiB0aGUgQnV0dG9uLiAqL1xyXG4gIGxhYmVsID0gaW5wdXQoJycpO1xyXG4gIC8qKiBGbGFnIHRvIHNob3cgdGhlIGJ1dHRvIGluIGEgZGlzYWJsZWQgc3RhdGUuICovXHJcbiAgZGlzYWJsZWQgPSBpbnB1dChmYWxzZSk7XHJcbiAgLyoqIEFuIGV2ZW50IGNhbGxlZCBpZiB0aGUgYnV0dG9uIGlzIHRhcHBlZC4gKi9cclxuICBAT3V0cHV0KClcclxuICB0YXAgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIHdhdmVTcGFuID0gdmlld0NoaWxkPEVsZW1lbnRSZWY+KCd3YXZlJyk7XHJcblxyXG4gIGFuaW1hdGUgPSBmYWxzZTtcclxuXHJcbiAgY2xpY2soZXZlbnQ6IHsgb2Zmc2V0WDogbnVtYmVyLCBvZmZzZXRZOiBudW1iZXJ9KSB7XHJcbiAgICBpZighdGhpcy5kaXNhYmxlZCgpKVxyXG4gICAge1xyXG4gICAgICBjb25zdCB3YXZlU3BhbiA9IHRoaXMud2F2ZVNwYW4oKTtcclxuICAgICAgaWYod2F2ZVNwYW4pIHtcclxuICAgICAgICB3YXZlU3Bhbi5uYXRpdmVFbGVtZW50LnN0eWxlLmxlZnQgPSBldmVudC5vZmZzZXRYICsgJ3B4JztcclxuICAgICAgICB3YXZlU3Bhbi5uYXRpdmVFbGVtZW50LnN0eWxlLnRvcCA9IGV2ZW50Lm9mZnNldFkgKyAncHgnO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuYW5pbWF0ZSA9IHRydWU7XHJcbiAgICAgIHRpbWVyKDgwMCkuc3Vic2NyaWJlKCgpID0+IHRoaXMuYW5pbWF0ZSA9IGZhbHNlKTtcclxuICAgICAgdGhpcy50YXAubmV4dCgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGJ1dHRvbiAoY2xpY2spPVwiY2xpY2soJGV2ZW50KVwiIFxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCIgXHJcbiAgICAgICAgW2NsYXNzLmJnLXByaW1hcnldPVwiIWRpc2FibGVkKClcIiBcclxuICAgICAgICBbY2xhc3MuYmctb3V0bGluZV09XCJkaXNhYmxlZCgpXCIgXHJcbiAgICAgICAgY2xhc3M9XCJyb3VuZGVkLW1kIG92ZXJmbG93LWhpZGRlbiBncm91cCBob3ZlcjpzaGFkb3cteGwgZml4ZWQgYm90dG9tLXJpbSByaWdodC1yaW0gei0xMCBzaGFkb3ctbWRcIiA+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGV4dC1vbi1wcmltYXJ5IHAtY29tcG9uZW50IHJvdW5kZWRcIiBbbmdDbGFzc109XCJ7J2dyb3VwLWhvdmVyOmJnLWhvdmVyJzogIWFuaW1hdGUsICdiZy1wcmltYXJ5JzogYW5pbWF0ZX1cIj57e2xhYmVsKCl9fTwvZGl2PlxyXG4gICAgPHNwYW4gI3dhdmUgY2xhc3M9XCJhYnNvbHV0ZSB3LWZ1bGwgaC1mdWxsIHJvdW5kZWQtWzUwJV0gYmctdGludCBhbmltYXRlLXJpcHBsZVwiIFtuZ0NsYXNzXT1cInsnaGlkZGVuJzogIWFuaW1hdGV9XCI+PC9zcGFuPlxyXG48L2J1dHRvbj5cclxuIl19
|
|
@@ -56,6 +56,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
|
|
|
56
56
|
type: Output
|
|
57
57
|
}] } });
|
|
58
58
|
|
|
59
|
+
class FloatingActionButtonComponent {
|
|
60
|
+
constructor() {
|
|
61
|
+
/** The label of the Button. */
|
|
62
|
+
this.label = input('');
|
|
63
|
+
/** Flag to show the butto in a disabled state. */
|
|
64
|
+
this.disabled = input(false);
|
|
65
|
+
/** An event called if the button is tapped. */
|
|
66
|
+
this.tap = new EventEmitter();
|
|
67
|
+
this.waveSpan = viewChild('wave');
|
|
68
|
+
this.animate = false;
|
|
69
|
+
}
|
|
70
|
+
click(event) {
|
|
71
|
+
if (!this.disabled()) {
|
|
72
|
+
const waveSpan = this.waveSpan();
|
|
73
|
+
if (waveSpan) {
|
|
74
|
+
waveSpan.nativeElement.style.left = event.offsetX + 'px';
|
|
75
|
+
waveSpan.nativeElement.style.top = event.offsetY + 'px';
|
|
76
|
+
}
|
|
77
|
+
this.animate = true;
|
|
78
|
+
timer(800).subscribe(() => this.animate = false);
|
|
79
|
+
this.tap.next();
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FloatingActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
83
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.1", type: FloatingActionButtonComponent, isStandalone: true, selector: "fui-floating-action-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)=\"click($event)\" \r\n [disabled]=\"disabled()\" \r\n [class.bg-primary]=\"!disabled()\" \r\n [class.bg-outline]=\"disabled()\" \r\n class=\"rounded-md overflow-hidden group hover:shadow-xl fixed bottom-rim right-rim z-10 shadow-md\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\">{{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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
84
|
+
}
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FloatingActionButtonComponent, decorators: [{
|
|
86
|
+
type: Component,
|
|
87
|
+
args: [{ selector: 'fui-floating-action-button', standalone: true, imports: [NgClass], template: "<button (click)=\"click($event)\" \r\n [disabled]=\"disabled()\" \r\n [class.bg-primary]=\"!disabled()\" \r\n [class.bg-outline]=\"disabled()\" \r\n class=\"rounded-md overflow-hidden group hover:shadow-xl fixed bottom-rim right-rim z-10 shadow-md\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\">{{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" }]
|
|
88
|
+
}], propDecorators: { tap: [{
|
|
89
|
+
type: Output
|
|
90
|
+
}] } });
|
|
91
|
+
|
|
59
92
|
function provideFancyUi() {
|
|
60
93
|
return [
|
|
61
94
|
provideIcons({ heroArrowLeft, heroUser, matMoreVertOutline }),
|
|
@@ -69,5 +102,5 @@ function provideFancyUi() {
|
|
|
69
102
|
* Generated bundle index. Do not edit.
|
|
70
103
|
*/
|
|
71
104
|
|
|
72
|
-
export { ButtonComponent, IconComponent, provideFancyUi };
|
|
105
|
+
export { ButtonComponent, FloatingActionButtonComponent, IconComponent, provideFancyUi };
|
|
73
106
|
//# sourceMappingURL=fancy-ui-core.mjs.map
|
|
@@ -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';\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 { NgClass } 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: [NgClass],\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 if(!this.disabled())\r\n {\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}\r\n","<button (click)=\"click($event)\" [disabled]=\"disabled()\" [class.bg-primary]=\"!disabled()\" [class.bg-outline]=\"disabled()\" class=\"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}\">{{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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"}
|
|
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/floating-action-button/floating-action-button.component.ts","../../../../packages/fancy-ui-core/src/lib/floating-action-button/floating-action-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 { NgClass } 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: [NgClass],\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 if(!this.disabled())\r\n {\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}\r\n","<button (click)=\"click($event)\" [disabled]=\"disabled()\" [class.bg-primary]=\"!disabled()\" [class.bg-outline]=\"disabled()\" class=\"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}\">{{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 { Component, ElementRef, EventEmitter, Output, input, viewChild } from '@angular/core';\r\nimport { NgClass } from '@angular/common';\r\nimport { timer } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'fui-floating-action-button',\r\n standalone: true,\r\n imports: [NgClass],\r\n templateUrl: './floating-action-button.component.html'\r\n})\r\nexport class FloatingActionButtonComponent {\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 if(!this.disabled())\r\n {\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}\r\n","<button (click)=\"click($event)\" \r\n [disabled]=\"disabled()\" \r\n [class.bg-primary]=\"!disabled()\" \r\n [class.bg-outline]=\"disabled()\" \r\n class=\"rounded-md overflow-hidden group hover:shadow-xl fixed bottom-rim right-rim z-10 shadow-md\" >\r\n <div class=\"text-on-primary p-component rounded\" [ngClass]=\"{'group-hover:bg-hover': !animate, 'bg-primary': animate}\">{{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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"}
|
package/index.d.ts
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class FloatingActionButtonComponent {
|
|
4
|
+
/** The label of the Button. */
|
|
5
|
+
label: import("@angular/core").InputSignal<string>;
|
|
6
|
+
/** Flag to show the butto in a disabled state. */
|
|
7
|
+
disabled: import("@angular/core").InputSignal<boolean>;
|
|
8
|
+
/** An event called if the button is tapped. */
|
|
9
|
+
tap: EventEmitter<void>;
|
|
10
|
+
waveSpan: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
11
|
+
animate: boolean;
|
|
12
|
+
click(event: {
|
|
13
|
+
offsetX: number;
|
|
14
|
+
offsetY: number;
|
|
15
|
+
}): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FloatingActionButtonComponent, "fui-floating-action-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "tap": "tap"; }, never, never, true, never>;
|
|
18
|
+
}
|