@ojiepermana/angular 22.1.13 → 22.2.0

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

@@ -1,121 +1,305 @@
-import * as i0 from '@angular/core';
-import { Directive, model, input, computed, forwardRef, Component, inject } from '@angular/core';
-import { injectUniqueId, cn } from '@ojiepermana/angular/component/utils/core';
-
-class CollapsibleContextBase {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CollapsibleContextBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: CollapsibleContextBase, isStandalone: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CollapsibleContextBase, decorators: [{
-            type: Directive
-        }] });
-class CollapsibleComponent extends CollapsibleContextBase {
-    open = model(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
-    disabled = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    instanceId = injectUniqueId('Collapsible');
-    triggerId = `collapsible-trigger-${this.instanceId}`;
-    contentId = `collapsible-content-${this.instanceId}`;
-    classes = computed(() => cn('block', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    isOpen() {
-        return this.open();
-    }
-    isDisabled() {
-        return this.disabled();
-    }
-    toggle() {
-        if (!this.disabled())
-            this.open.update((value) => !value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CollapsibleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: CollapsibleComponent, isStandalone: true, selector: "Collapsible", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class": "classes()", "attr.data-state": "open() ? \"open\" : \"closed\"", "attr.data-disabled": "disabled() ? \"\" : null" } }, providers: [
-            { provide: CollapsibleContextBase, useExisting: forwardRef(() => CollapsibleComponent) },
-        ], usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CollapsibleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'Collapsible',
-                    providers: [
-                        { provide: CollapsibleContextBase, useExisting: forwardRef(() => CollapsibleComponent) },
-                    ],
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.data-state]': 'open() ? "open" : "closed"',
-                        '[attr.data-disabled]': 'disabled() ? "" : null',
-                    },
-                    template: `<ng-content />`,
-                }]
-        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-class CollapsibleTriggerDirective {
-    ctx = inject(CollapsibleContextBase);
-    toggle() {
-        this.ctx.toggle();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CollapsibleTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: CollapsibleTriggerDirective, isStandalone: true, selector: "button[CollapsibleTrigger]", host: { attributes: { "type": "button" }, listeners: { "click": "toggle()" }, properties: { "attr.id": "ctx.triggerId", "attr.aria-controls": "ctx.contentId", "attr.aria-expanded": "ctx.isOpen()", "attr.data-state": "ctx.isOpen() ? \"open\" : \"closed\"", "attr.data-disabled": "ctx.isDisabled() ? \"\" : null", "disabled": "ctx.isDisabled() || null" }, classAttribute: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CollapsibleTriggerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'button[CollapsibleTrigger]',
-                    host: {
-                        class: 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
-                        type: 'button',
-                        '[attr.id]': 'ctx.triggerId',
-                        '[attr.aria-controls]': 'ctx.contentId',
-                        '[attr.aria-expanded]': 'ctx.isOpen()',
-                        '[attr.data-state]': 'ctx.isOpen() ? "open" : "closed"',
-                        '[attr.data-disabled]': 'ctx.isDisabled() ? "" : null',
-                        '[disabled]': 'ctx.isDisabled() || null',
-                        '(click)': 'toggle()',
-                    },
-                }]
-        }] });
-class CollapsibleContentComponent {
-    ctx = inject(CollapsibleContextBase);
-    forceMount = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "forceMount" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('block overflow-hidden text-sm', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    renderContent = computed(() => this.ctx.isOpen() || this.forceMount(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "renderContent" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CollapsibleContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: CollapsibleContentComponent, isStandalone: true, selector: "CollapsibleContent", inputs: { forceMount: { classPropertyName: "forceMount", publicName: "forceMount", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "ctx.contentId", "attr.role": "\"region\"", "attr.aria-labelledby": "ctx.triggerId", "attr.data-state": "ctx.isOpen() ? \"open\" : \"closed\"", "attr.data-disabled": "ctx.isDisabled() ? \"\" : null", "hidden": "!ctx.isOpen()" } }, ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { Component, Directive, computed, forwardRef, inject, input, model } from "@angular/core";
+import { cn, injectUniqueId } from "@ojiepermana/angular/component/utils/core";
+var CollapsibleContextBase = class CollapsibleContextBase {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: CollapsibleContextBase,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: CollapsibleContextBase,
+		isStandalone: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: CollapsibleContextBase,
+	decorators: [{ type: Directive }]
+});
+var CollapsibleComponent = class CollapsibleComponent extends CollapsibleContextBase {
+	open = model(false, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	instanceId = injectUniqueId("Collapsible");
+	triggerId = `collapsible-trigger-${this.instanceId}`;
+	contentId = `collapsible-content-${this.instanceId}`;
+	classes = computed(() => cn("block", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	isOpen() {
+		return this.open();
+	}
+	isDisabled() {
+		return this.disabled();
+	}
+	toggle() {
+		if (!this.disabled()) this.open.update((value) => !value);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: CollapsibleComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: CollapsibleComponent,
+		isStandalone: true,
+		selector: "Collapsible",
+		inputs: {
+			open: {
+				classPropertyName: "open",
+				publicName: "open",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { open: "openChange" },
+		host: { properties: {
+			"class": "classes()",
+			"attr.data-state": "open() ? \"open\" : \"closed\"",
+			"attr.data-disabled": "disabled() ? \"\" : null"
+		} },
+		providers: [{
+			provide: CollapsibleContextBase,
+			useExisting: forwardRef(() => CollapsibleComponent)
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: CollapsibleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "Collapsible",
+			providers: [{
+				provide: CollapsibleContextBase,
+				useExisting: forwardRef(() => CollapsibleComponent)
+			}],
+			host: {
+				"[class]": "classes()",
+				"[attr.data-state]": "open() ? \"open\" : \"closed\"",
+				"[attr.data-disabled]": "disabled() ? \"\" : null"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: {
+		open: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "open",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["openChange"]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+var CollapsibleTriggerDirective = class CollapsibleTriggerDirective {
+	ctx = inject(CollapsibleContextBase);
+	toggle() {
+		this.ctx.toggle();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: CollapsibleTriggerDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: CollapsibleTriggerDirective,
+		isStandalone: true,
+		selector: "button[CollapsibleTrigger]",
+		host: {
+			attributes: { "type": "button" },
+			listeners: { "click": "toggle()" },
+			properties: {
+				"attr.id": "ctx.triggerId",
+				"attr.aria-controls": "ctx.contentId",
+				"attr.aria-expanded": "ctx.isOpen()",
+				"attr.data-state": "ctx.isOpen() ? \"open\" : \"closed\"",
+				"attr.data-disabled": "ctx.isDisabled() ? \"\" : null",
+				"disabled": "ctx.isDisabled() || null"
+			},
+			classAttribute: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: CollapsibleTriggerDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[CollapsibleTrigger]",
+			host: {
+				class: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+				type: "button",
+				"[attr.id]": "ctx.triggerId",
+				"[attr.aria-controls]": "ctx.contentId",
+				"[attr.aria-expanded]": "ctx.isOpen()",
+				"[attr.data-state]": "ctx.isOpen() ? \"open\" : \"closed\"",
+				"[attr.data-disabled]": "ctx.isDisabled() ? \"\" : null",
+				"[disabled]": "ctx.isDisabled() || null",
+				"(click)": "toggle()"
+			}
+		}]
+	}]
+});
+var CollapsibleContentComponent = class CollapsibleContentComponent {
+	ctx = inject(CollapsibleContextBase);
+	forceMount = input(false, ...ngDevMode ? [{ debugName: "forceMount" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("block overflow-hidden text-sm", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	renderContent = computed(() => this.ctx.isOpen() || this.forceMount(), ...ngDevMode ? [{ debugName: "renderContent" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: CollapsibleContentComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: CollapsibleContentComponent,
+		isStandalone: true,
+		selector: "CollapsibleContent",
+		inputs: {
+			forceMount: {
+				classPropertyName: "forceMount",
+				publicName: "forceMount",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"class": "classes()",
+			"attr.id": "ctx.contentId",
+			"attr.role": "\"region\"",
+			"attr.aria-labelledby": "ctx.triggerId",
+			"attr.data-state": "ctx.isOpen() ? \"open\" : \"closed\"",
+			"attr.data-disabled": "ctx.isDisabled() ? \"\" : null",
+			"hidden": "!ctx.isOpen()"
+		} },
+		ngImport: i0,
+		template: `
     @if (renderContent()) {
       <ng-content />
     }
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: CollapsibleContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'CollapsibleContent',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.id]': 'ctx.contentId',
-                        '[attr.role]': '"region"',
-                        '[attr.aria-labelledby]': 'ctx.triggerId',
-                        '[attr.data-state]': 'ctx.isOpen() ? "open" : "closed"',
-                        '[attr.data-disabled]': 'ctx.isDisabled() ? "" : null',
-                        '[hidden]': '!ctx.isOpen()',
-                    },
-                    template: `
+  `,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: CollapsibleContentComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "CollapsibleContent",
+			host: {
+				"[class]": "classes()",
+				"[attr.id]": "ctx.contentId",
+				"[attr.role]": "\"region\"",
+				"[attr.aria-labelledby]": "ctx.triggerId",
+				"[attr.data-state]": "ctx.isOpen() ? \"open\" : \"closed\"",
+				"[attr.data-disabled]": "ctx.isDisabled() ? \"\" : null",
+				"[hidden]": "!ctx.isOpen()"
+			},
+			template: `
     @if (renderContent()) {
       <ng-content />
     }
-  `,
-                }]
-        }], propDecorators: { forceMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceMount", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CollapsibleComponent, CollapsibleContentComponent, CollapsibleContextBase, CollapsibleTriggerDirective };
+  `
+		}]
+	}],
+	propDecorators: {
+		forceMount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "forceMount",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { CollapsibleComponent, CollapsibleContentComponent, CollapsibleContextBase, CollapsibleTriggerDirective };