pdm-ui-kit 0.3.1 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/switch/switch.component.mjs +13 -13
- package/fesm2015/pdm-ui-kit.mjs +11 -11
- package/fesm2015/pdm-ui-kit.mjs.map +1 -1
- package/fesm2020/pdm-ui-kit.mjs +11 -11
- package/fesm2020/pdm-ui-kit.mjs.map +1 -1
- package/lib/components/switch/switch.component.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
export class PdmSwitchComponent {
|
|
5
5
|
constructor(cdr) {
|
|
6
6
|
this.cdr = cdr;
|
|
7
|
-
this.id =
|
|
7
|
+
this.id = "";
|
|
8
8
|
this.checked = false;
|
|
9
9
|
this.disabled = false;
|
|
10
|
-
this.label =
|
|
11
|
-
this.className =
|
|
12
|
-
this.size =
|
|
10
|
+
this.label = "";
|
|
11
|
+
this.className = "";
|
|
12
|
+
this.size = "default";
|
|
13
13
|
this.checkedChange = new EventEmitter();
|
|
14
14
|
}
|
|
15
15
|
get rootClasses() {
|
|
16
16
|
return [
|
|
17
|
-
|
|
18
|
-
this.size ===
|
|
19
|
-
this.checked ?
|
|
17
|
+
"peer relative inline-flex appearance-none shrink-0 items-center rounded-full border border-transparent outline-none transition-all focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
|
|
18
|
+
this.size === "sm" ? "h-[14px] w-[24px]" : "h-[18.4px] w-[32px]",
|
|
19
|
+
this.checked ? "bg-primary" : "bg-input dark:bg-input/80",
|
|
20
20
|
];
|
|
21
21
|
}
|
|
22
22
|
get thumbClasses() {
|
|
23
23
|
return [
|
|
24
|
-
|
|
25
|
-
this.size ===
|
|
26
|
-
this.checked ?
|
|
24
|
+
"pointer-events-none self-center block rounded-full bg-background ring-0 transition-transform",
|
|
25
|
+
this.size === "sm" ? "size-3" : "size-4",
|
|
26
|
+
this.checked ? "translate-x-[calc(100%-2px)]" : "translate-x-0",
|
|
27
27
|
];
|
|
28
28
|
}
|
|
29
29
|
onToggle() {
|
|
@@ -39,7 +39,7 @@ PdmSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versi
|
|
|
39
39
|
PdmSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmSwitchComponent, selector: "pdm-switch", inputs: { id: "id", checked: "checked", disabled: "disabled", label: "label", className: "className", size: "size" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<div [ngClass]=\"['flex items-center space-x-2', className]\">\n <button\n type=\"button\"\n role=\"switch\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-disabled]=\"disabled\"\n [attr.data-state]=\"checked ? 'checked' : 'unchecked'\"\n [attr.data-disabled]=\"disabled ? 'true' : 'false'\"\n [attr.data-size]=\"size\"\n [attr.data-slot]=\"'switch'\"\n [attr.value]=\"checked ? 'on' : 'off'\"\n [id]=\"id\"\n [disabled]=\"disabled\"\n [ngClass]=\"rootClasses\"\n (click)=\"onToggle()\"\n >\n <span\n [attr.data-state]=\"checked ? 'checked' : 'unchecked'\"\n [attr.data-slot]=\"'switch-thumb'\"\n [ngClass]=\"thumbClasses\"\n ></span>\n </button>\n <label\n *ngIf=\"label\"\n [attr.for]=\"id\"\n [attr.data-slot]=\"'label'\"\n class=\"flex cursor-pointer items-center gap-2 text-sm leading-none font-medium select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50\"\n (click)=\"onToggle()\"\n >\n {{ label }}\n </label>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmSwitchComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector:
|
|
42
|
+
args: [{ selector: "pdm-switch", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"['flex items-center space-x-2', className]\">\n <button\n type=\"button\"\n role=\"switch\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-disabled]=\"disabled\"\n [attr.data-state]=\"checked ? 'checked' : 'unchecked'\"\n [attr.data-disabled]=\"disabled ? 'true' : 'false'\"\n [attr.data-size]=\"size\"\n [attr.data-slot]=\"'switch'\"\n [attr.value]=\"checked ? 'on' : 'off'\"\n [id]=\"id\"\n [disabled]=\"disabled\"\n [ngClass]=\"rootClasses\"\n (click)=\"onToggle()\"\n >\n <span\n [attr.data-state]=\"checked ? 'checked' : 'unchecked'\"\n [attr.data-slot]=\"'switch-thumb'\"\n [ngClass]=\"thumbClasses\"\n ></span>\n </button>\n <label\n *ngIf=\"label\"\n [attr.for]=\"id\"\n [attr.data-slot]=\"'label'\"\n class=\"flex cursor-pointer items-center gap-2 text-sm leading-none font-medium select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50\"\n (click)=\"onToggle()\"\n >\n {{ label }}\n </label>\n</div>\n" }]
|
|
43
43
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], checked: [{
|
|
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
55
55
|
}], checkedChange: [{
|
|
56
56
|
type: Output
|
|
57
57
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zd2l0Y2gvc3dpdGNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zd2l0Y2gvc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTix1QkFBdUIsRUFFdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNOLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkIsTUFBTSxPQUFPLGtCQUFrQjtJQUM5QixZQUE2QixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUUxQyxPQUFFLEdBQUcsRUFBRSxDQUFDO1FBQ1IsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2YsU0FBSSxHQUFrQixTQUFTLENBQUM7UUFFL0Isa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBVEEsQ0FBQztJQVd2RCxJQUFJLFdBQVc7UUFDZCxPQUFPO1lBQ04sOFBBQThQO1lBQzlQLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMscUJBQXFCO1lBQ2hFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsMkJBQTJCO1NBQ3pELENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2YsT0FBTztZQUNOLDhGQUE4RjtZQUM5RixJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQ3hDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLDhCQUE4QixDQUFDLENBQUMsQ0FBQyxlQUFlO1NBQy9ELENBQUM7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNQLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBQzFCLE1BQU0sSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3pCLENBQUM7OytHQWxDVyxrQkFBa0I7bUdBQWxCLGtCQUFrQixxTkNoQi9CLG9nQ0FnQ0E7MkZEaEJhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDQyxZQUFZLG1CQUVMLHVCQUF1QixDQUFDLE1BQU07d0dBS3RDLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDaGFuZ2VEZXRlY3RvclJlZixcblx0Q29tcG9uZW50LFxuXHRFdmVudEVtaXR0ZXIsXG5cdElucHV0LFxuXHRPdXRwdXQsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmV4cG9ydCB0eXBlIFBkbVN3aXRjaFNpemUgPSBcImRlZmF1bHRcIiB8IFwic21cIjtcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiBcInBkbS1zd2l0Y2hcIixcblx0dGVtcGxhdGVVcmw6IFwiLi9zd2l0Y2guY29tcG9uZW50Lmh0bWxcIixcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFBkbVN3aXRjaENvbXBvbmVudCB7XG5cdGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuXHRASW5wdXQoKSBpZCA9IFwiXCI7XG5cdEBJbnB1dCgpIGNoZWNrZWQgPSBmYWxzZTtcblx0QElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblx0QElucHV0KCkgbGFiZWwgPSBcIlwiO1xuXHRASW5wdXQoKSBjbGFzc05hbWUgPSBcIlwiO1xuXHRASW5wdXQoKSBzaXplOiBQZG1Td2l0Y2hTaXplID0gXCJkZWZhdWx0XCI7XG5cblx0QE91dHB1dCgpIGNoZWNrZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cblx0Z2V0IHJvb3RDbGFzc2VzKCk6IHN0cmluZ1tdIHtcblx0XHRyZXR1cm4gW1xuXHRcdFx0XCJwZWVyIHJlbGF0aXZlIGlubGluZS1mbGV4IGFwcGVhcmFuY2Utbm9uZSBzaHJpbmstMCBpdGVtcy1jZW50ZXIgcm91bmRlZC1mdWxsIGJvcmRlciBib3JkZXItdHJhbnNwYXJlbnQgb3V0bGluZS1ub25lIHRyYW5zaXRpb24tYWxsIGZvY3VzLXZpc2libGU6Ym9yZGVyLXJpbmcgZm9jdXMtdmlzaWJsZTpyaW5nLTMgZm9jdXMtdmlzaWJsZTpyaW5nLXJpbmcvNTAgZGlzYWJsZWQ6Y3Vyc29yLW5vdC1hbGxvd2VkIGRpc2FibGVkOm9wYWNpdHktNTBcIixcblx0XHRcdHRoaXMuc2l6ZSA9PT0gXCJzbVwiID8gXCJoLVsxNHB4XSB3LVsyNHB4XVwiIDogXCJoLVsxOC40cHhdIHctWzMycHhdXCIsXG5cdFx0XHR0aGlzLmNoZWNrZWQgPyBcImJnLXByaW1hcnlcIiA6IFwiYmctaW5wdXQgZGFyazpiZy1pbnB1dC84MFwiLFxuXHRcdF07XG5cdH1cblxuXHRnZXQgdGh1bWJDbGFzc2VzKCk6IHN0cmluZ1tdIHtcblx0XHRyZXR1cm4gW1xuXHRcdFx0XCJwb2ludGVyLWV2ZW50cy1ub25lIHNlbGYtY2VudGVyIGJsb2NrIHJvdW5kZWQtZnVsbCBiZy1iYWNrZ3JvdW5kIHJpbmctMCB0cmFuc2l0aW9uLXRyYW5zZm9ybVwiLFxuXHRcdFx0dGhpcy5zaXplID09PSBcInNtXCIgPyBcInNpemUtM1wiIDogXCJzaXplLTRcIixcblx0XHRcdHRoaXMuY2hlY2tlZCA/IFwidHJhbnNsYXRlLXgtW2NhbGMoMTAwJS0ycHgpXVwiIDogXCJ0cmFuc2xhdGUteC0wXCIsXG5cdFx0XTtcblx0fVxuXG5cdG9uVG9nZ2xlKCk6IHZvaWQge1xuXHRcdGlmICh0aGlzLmRpc2FibGVkKSByZXR1cm47XG5cdFx0Y29uc3QgbmV4dCA9ICF0aGlzLmNoZWNrZWQ7XG5cdFx0dGhpcy5jaGVja2VkID0gbmV4dDtcblx0XHR0aGlzLmNoZWNrZWRDaGFuZ2UuZW1pdChuZXh0KTtcblx0XHR0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcblx0fVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJbJ2ZsZXggaXRlbXMtY2VudGVyIHNwYWNlLXgtMicsIGNsYXNzTmFtZV1cIj5cbiAgPGJ1dHRvblxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIHJvbGU9XCJzd2l0Y2hcIlxuICAgIFthdHRyLmFyaWEtY2hlY2tlZF09XCJjaGVja2VkXCJcbiAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbYXR0ci5kYXRhLXN0YXRlXT1cImNoZWNrZWQgPyAnY2hlY2tlZCcgOiAndW5jaGVja2VkJ1wiXG4gICAgW2F0dHIuZGF0YS1kaXNhYmxlZF09XCJkaXNhYmxlZCA/ICd0cnVlJyA6ICdmYWxzZSdcIlxuICAgIFthdHRyLmRhdGEtc2l6ZV09XCJzaXplXCJcbiAgICBbYXR0ci5kYXRhLXNsb3RdPVwiJ3N3aXRjaCdcIlxuICAgIFthdHRyLnZhbHVlXT1cImNoZWNrZWQgPyAnb24nIDogJ29mZidcIlxuICAgIFtpZF09XCJpZFwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbbmdDbGFzc109XCJyb290Q2xhc3Nlc1wiXG4gICAgKGNsaWNrKT1cIm9uVG9nZ2xlKClcIlxuICA+XG4gICAgPHNwYW5cbiAgICAgIFthdHRyLmRhdGEtc3RhdGVdPVwiY2hlY2tlZCA/ICdjaGVja2VkJyA6ICd1bmNoZWNrZWQnXCJcbiAgICAgIFthdHRyLmRhdGEtc2xvdF09XCInc3dpdGNoLXRodW1iJ1wiXG4gICAgICBbbmdDbGFzc109XCJ0aHVtYkNsYXNzZXNcIlxuICAgID48L3NwYW4+XG4gIDwvYnV0dG9uPlxuICA8bGFiZWxcbiAgICAqbmdJZj1cImxhYmVsXCJcbiAgICBbYXR0ci5mb3JdPVwiaWRcIlxuICAgIFthdHRyLmRhdGEtc2xvdF09XCInbGFiZWwnXCJcbiAgICBjbGFzcz1cImZsZXggY3Vyc29yLXBvaW50ZXIgaXRlbXMtY2VudGVyIGdhcC0yIHRleHQtc20gbGVhZGluZy1ub25lIGZvbnQtbWVkaXVtIHNlbGVjdC1ub25lIHBlZXItZGlzYWJsZWQ6Y3Vyc29yLW5vdC1hbGxvd2VkIHBlZXItZGlzYWJsZWQ6b3BhY2l0eS01MFwiXG4gICAgKGNsaWNrKT1cIm9uVG9nZ2xlKClcIlxuICA+XG4gICAge3sgbGFiZWwgfX1cbiAgPC9sYWJlbD5cbjwvZGl2PlxuIl19
|
package/fesm2015/pdm-ui-kit.mjs
CHANGED
|
@@ -6065,26 +6065,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
6065
6065
|
class PdmSwitchComponent {
|
|
6066
6066
|
constructor(cdr) {
|
|
6067
6067
|
this.cdr = cdr;
|
|
6068
|
-
this.id =
|
|
6068
|
+
this.id = "";
|
|
6069
6069
|
this.checked = false;
|
|
6070
6070
|
this.disabled = false;
|
|
6071
|
-
this.label =
|
|
6072
|
-
this.className =
|
|
6073
|
-
this.size =
|
|
6071
|
+
this.label = "";
|
|
6072
|
+
this.className = "";
|
|
6073
|
+
this.size = "default";
|
|
6074
6074
|
this.checkedChange = new EventEmitter();
|
|
6075
6075
|
}
|
|
6076
6076
|
get rootClasses() {
|
|
6077
6077
|
return [
|
|
6078
|
-
|
|
6079
|
-
this.size ===
|
|
6080
|
-
this.checked ?
|
|
6078
|
+
"peer relative inline-flex appearance-none shrink-0 items-center rounded-full border border-transparent outline-none transition-all focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
|
|
6079
|
+
this.size === "sm" ? "h-[14px] w-[24px]" : "h-[18.4px] w-[32px]",
|
|
6080
|
+
this.checked ? "bg-primary" : "bg-input dark:bg-input/80",
|
|
6081
6081
|
];
|
|
6082
6082
|
}
|
|
6083
6083
|
get thumbClasses() {
|
|
6084
6084
|
return [
|
|
6085
|
-
|
|
6086
|
-
this.size ===
|
|
6087
|
-
this.checked ?
|
|
6085
|
+
"pointer-events-none self-center block rounded-full bg-background ring-0 transition-transform",
|
|
6086
|
+
this.size === "sm" ? "size-3" : "size-4",
|
|
6087
|
+
this.checked ? "translate-x-[calc(100%-2px)]" : "translate-x-0",
|
|
6088
6088
|
];
|
|
6089
6089
|
}
|
|
6090
6090
|
onToggle() {
|
|
@@ -6100,7 +6100,7 @@ PdmSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versi
|
|
|
6100
6100
|
PdmSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmSwitchComponent, selector: "pdm-switch", inputs: { id: "id", checked: "checked", disabled: "disabled", label: "label", className: "className", size: "size" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<div [ngClass]=\"['flex items-center space-x-2', className]\">\n <button\n type=\"button\"\n role=\"switch\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-disabled]=\"disabled\"\n [attr.data-state]=\"checked ? 'checked' : 'unchecked'\"\n [attr.data-disabled]=\"disabled ? 'true' : 'false'\"\n [attr.data-size]=\"size\"\n [attr.data-slot]=\"'switch'\"\n [attr.value]=\"checked ? 'on' : 'off'\"\n [id]=\"id\"\n [disabled]=\"disabled\"\n [ngClass]=\"rootClasses\"\n (click)=\"onToggle()\"\n >\n <span\n [attr.data-state]=\"checked ? 'checked' : 'unchecked'\"\n [attr.data-slot]=\"'switch-thumb'\"\n [ngClass]=\"thumbClasses\"\n ></span>\n </button>\n <label\n *ngIf=\"label\"\n [attr.for]=\"id\"\n [attr.data-slot]=\"'label'\"\n class=\"flex cursor-pointer items-center gap-2 text-sm leading-none font-medium select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50\"\n (click)=\"onToggle()\"\n >\n {{ label }}\n </label>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6101
6101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmSwitchComponent, decorators: [{
|
|
6102
6102
|
type: Component,
|
|
6103
|
-
args: [{ selector:
|
|
6103
|
+
args: [{ selector: "pdm-switch", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"['flex items-center space-x-2', className]\">\n <button\n type=\"button\"\n role=\"switch\"\n [attr.aria-checked]=\"checked\"\n [attr.aria-disabled]=\"disabled\"\n [attr.data-state]=\"checked ? 'checked' : 'unchecked'\"\n [attr.data-disabled]=\"disabled ? 'true' : 'false'\"\n [attr.data-size]=\"size\"\n [attr.data-slot]=\"'switch'\"\n [attr.value]=\"checked ? 'on' : 'off'\"\n [id]=\"id\"\n [disabled]=\"disabled\"\n [ngClass]=\"rootClasses\"\n (click)=\"onToggle()\"\n >\n <span\n [attr.data-state]=\"checked ? 'checked' : 'unchecked'\"\n [attr.data-slot]=\"'switch-thumb'\"\n [ngClass]=\"thumbClasses\"\n ></span>\n </button>\n <label\n *ngIf=\"label\"\n [attr.for]=\"id\"\n [attr.data-slot]=\"'label'\"\n class=\"flex cursor-pointer items-center gap-2 text-sm leading-none font-medium select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50\"\n (click)=\"onToggle()\"\n >\n {{ label }}\n </label>\n</div>\n" }]
|
|
6104
6104
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
|
|
6105
6105
|
type: Input
|
|
6106
6106
|
}], checked: [{
|