@ojiepermana/angular 22.1.13 → 22.2.0

package/fesm2022/ojiepermana-angular-component-toggle.mjs

@@ -1,80 +1,189 @@
-import * as i0 from '@angular/core';
-import { model, input, computed, Component } from '@angular/core';
-import { cn } from '@ojiepermana/angular/component/utils/core';
-import { cva } from 'class-variance-authority';
-
+import * as i0 from "@angular/core";
+import { Component, computed, input, model } from "@angular/core";
+import { cn } from "@ojiepermana/angular/component/utils/core";
+import { cva } from "class-variance-authority";
 const toggleVariants = cva([
-    'group/toggle inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md',
-    'text-sm font-medium transition-colors',
-    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
-    'disabled:pointer-events-none disabled:opacity-50',
-    '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
-].join(' '), {
-    variants: {
-        variant: {
-            default: [
-                'bg-transparent text-foreground',
-                'hover:bg-muted hover:text-muted-foreground',
-                'data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
-            ].join(' '),
-            outline: [
-                'border border-input bg-transparent text-foreground shadow-sm',
-                'hover:bg-accent hover:text-accent-foreground',
-                'data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
-            ].join(' '),
-        },
-        size: {
-            sm: 'h-control-sm min-w-control-sm px-2.5 text-xs',
-            default: 'h-control-md min-w-control-md px-3',
-            lg: 'h-control-10 min-w-control-10 px-3.5',
-        },
-    },
-    defaultVariants: { variant: 'default', size: 'default' },
+	"group/toggle inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md",
+	"text-sm font-medium transition-colors",
+	"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+	"disabled:pointer-events-none disabled:opacity-50",
+	"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+].join(" "), {
+	variants: {
+		variant: {
+			default: [
+				"bg-transparent text-foreground",
+				"hover:bg-muted hover:text-muted-foreground",
+				"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"
+			].join(" "),
+			outline: [
+				"border border-input bg-transparent text-foreground shadow-sm",
+				"hover:bg-accent hover:text-accent-foreground",
+				"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"
+			].join(" ")
+		},
+		size: {
+			sm: "h-control-sm min-w-control-sm px-2.5 text-xs",
+			default: "h-control-md min-w-control-md px-3",
+			lg: "h-control-10 min-w-control-10 px-3.5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
 });
-
-class ToggleComponent {
-    pressed = model(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []));
-    disabled = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    variant = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    size = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn(toggleVariants({ variant: this.variant(), size: this.size() }), this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    toggle() {
-        if (this.disabled()) {
-            return;
-        }
-        this.pressed.update((pressed) => !pressed);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ToggleComponent, isStandalone: true, selector: "button[Toggle]", inputs: { pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "toggle()" }, properties: { "class": "classes()", "attr.aria-pressed": "pressed()", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-size": "size()", "attr.data-state": "pressed() ? \"on\" : \"off\"", "attr.data-variant": "variant()", "disabled": "disabled() || null" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ToggleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'button[Toggle]',
-                    host: {
-                        '[class]': 'classes()',
-                        type: 'button',
-                        '[attr.aria-pressed]': 'pressed()',
-                        '[attr.data-disabled]': 'disabled() ? "" : null',
-                        '[attr.data-size]': 'size()',
-                        '[attr.data-state]': 'pressed() ? "on" : "off"',
-                        '[attr.data-variant]': 'variant()',
-                        '[disabled]': 'disabled() || null',
-                        '(click)': 'toggle()',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }, { type: i0.Output, args: ["pressedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ToggleComponent, toggleVariants };
+var ToggleComponent = class ToggleComponent {
+	pressed = model(false, ...ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(toggleVariants({
+		variant: this.variant(),
+		size: this.size()
+	}), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	toggle() {
+		if (this.disabled()) return;
+		this.pressed.update((pressed) => !pressed);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ToggleComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ToggleComponent,
+		isStandalone: true,
+		selector: "button[Toggle]",
+		inputs: {
+			pressed: {
+				classPropertyName: "pressed",
+				publicName: "pressed",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { pressed: "pressedChange" },
+		host: {
+			attributes: { "type": "button" },
+			listeners: { "click": "toggle()" },
+			properties: {
+				"class": "classes()",
+				"attr.aria-pressed": "pressed()",
+				"attr.data-disabled": "disabled() ? \"\" : null",
+				"attr.data-size": "size()",
+				"attr.data-state": "pressed() ? \"on\" : \"off\"",
+				"attr.data-variant": "variant()",
+				"disabled": "disabled() || null"
+			}
+		},
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ToggleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[Toggle]",
+			host: {
+				"[class]": "classes()",
+				type: "button",
+				"[attr.aria-pressed]": "pressed()",
+				"[attr.data-disabled]": "disabled() ? \"\" : null",
+				"[attr.data-size]": "size()",
+				"[attr.data-state]": "pressed() ? \"on\" : \"off\"",
+				"[attr.data-variant]": "variant()",
+				"[disabled]": "disabled() || null",
+				"(click)": "toggle()"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: {
+		pressed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pressed",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["pressedChange"]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { ToggleComponent, toggleVariants };