@ojiepermana/angular 22.1.13 → 22.2.0

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

@@ -1,61 +1,184 @@
-import * as i0 from '@angular/core';
-import { input, computed, Component } from '@angular/core';
-import { cn } from '@ojiepermana/angular/component/utils/core';
-
-class ProgressComponent {
-    value = input(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    max = input(100, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
-    indeterminate = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []));
-    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
-    ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    clamped = computed(() => {
-        const v = this.value() ?? 0;
-        return Math.max(0, Math.min(this.max(), v));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "clamped" }] : /* istanbul ignore next */ []));
-    indicatorTransform = computed(() => {
-        if (this.indeterminate())
-            return 'translateX(-100%)';
-        const pct = (this.clamped() / this.max()) * 100;
-        return `translateX(-${100 - pct}%)`;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "indicatorTransform" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('relative h-2 w-full overflow-hidden rounded-full bg-secondary', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ProgressComponent, isStandalone: true, selector: "ProgressBar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.role": "\"progressbar\"", "attr.aria-valuemin": "0", "attr.aria-valuemax": "max()", "attr.aria-valuenow": "indeterminate() ? null : clamped()", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledby()", "attr.data-state": "indeterminate() ? \"indeterminate\" : \"determinate\"" } }, ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { Component, computed, input } from "@angular/core";
+import { cn } from "@ojiepermana/angular/component/utils/core";
+var ProgressComponent = class ProgressComponent {
+	value = input(0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	max = input(100, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
+	indeterminate = input(false, ...ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(null, {
+		...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
+		alias: "aria-label"
+	});
+	ariaLabelledby = input(null, {
+		...ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {},
+		alias: "aria-labelledby"
+	});
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	clamped = computed(() => {
+		const v = this.value() ?? 0;
+		return Math.max(0, Math.min(this.max(), v));
+	}, ...ngDevMode ? [{ debugName: "clamped" }] : /* istanbul ignore next */ []);
+	indicatorTransform = computed(() => {
+		if (this.indeterminate()) return "translateX(-100%)";
+		return `translateX(-${100 - this.clamped() / this.max() * 100}%)`;
+	}, ...ngDevMode ? [{ debugName: "indicatorTransform" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("relative h-2 w-full overflow-hidden rounded-full bg-secondary", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: ProgressComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: ProgressComponent,
+		isStandalone: true,
+		selector: "ProgressBar",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			indeterminate: {
+				classPropertyName: "indeterminate",
+				publicName: "indeterminate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "aria-label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledby: {
+				classPropertyName: "ariaLabelledby",
+				publicName: "aria-labelledby",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"class": "classes()",
+			"attr.role": "\"progressbar\"",
+			"attr.aria-valuemin": "0",
+			"attr.aria-valuemax": "max()",
+			"attr.aria-valuenow": "indeterminate() ? null : clamped()",
+			"attr.aria-label": "ariaLabel()",
+			"attr.aria-labelledby": "ariaLabelledby()",
+			"attr.data-state": "indeterminate() ? \"indeterminate\" : \"determinate\""
+		} },
+		ngImport: i0,
+		template: `
     <div
       class="progress-indicator h-full w-full flex-1 bg-primary transition-transform"
       [style.transform]="indicatorTransform()"
     ></div>
-  `, isInline: true, styles: [":host{display:block}:host[data-state=indeterminate] .progress-indicator{animation:progress-indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host[data-state=indeterminate] .progress-indicator{animation:none}}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ProgressComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ProgressBar', host: {
-                        '[class]': 'classes()',
-                        '[attr.role]': '"progressbar"',
-                        '[attr.aria-valuemin]': '0',
-                        '[attr.aria-valuemax]': 'max()',
-                        '[attr.aria-valuenow]': 'indeterminate() ? null : clamped()',
-                        '[attr.aria-label]': 'ariaLabel()',
-                        '[attr.aria-labelledby]': 'ariaLabelledby()',
-                        '[attr.data-state]': 'indeterminate() ? "indeterminate" : "determinate"',
-                    }, template: `
+  `,
+		isInline: true,
+		styles: [":host{display:block}:host[data-state=indeterminate] .progress-indicator{animation:progress-indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host[data-state=indeterminate] .progress-indicator{animation:none}}\n"]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ProgressComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ProgressBar",
+			host: {
+				"[class]": "classes()",
+				"[attr.role]": "\"progressbar\"",
+				"[attr.aria-valuemin]": "0",
+				"[attr.aria-valuemax]": "max()",
+				"[attr.aria-valuenow]": "indeterminate() ? null : clamped()",
+				"[attr.aria-label]": "ariaLabel()",
+				"[attr.aria-labelledby]": "ariaLabelledby()",
+				"[attr.data-state]": "indeterminate() ? \"indeterminate\" : \"determinate\""
+			},
+			template: `
     <div
       class="progress-indicator h-full w-full flex-1 bg-primary transition-transform"
       [style.transform]="indicatorTransform()"
     ></div>
-  `, styles: [":host{display:block}:host[data-state=indeterminate] .progress-indicator{animation:progress-indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host[data-state=indeterminate] .progress-indicator{animation:none}}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ProgressComponent };
+  `,
+			styles: [":host{display:block}:host[data-state=indeterminate] .progress-indicator{animation:progress-indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host[data-state=indeterminate] .progress-indicator{animation:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		indeterminate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "indeterminate",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-label",
+				required: false
+			}]
+		}],
+		ariaLabelledby: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-labelledby",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { ProgressComponent };