@ojiepermana/angular 22.1.14 → 22.2.0

package/fesm2022/ojiepermana-angular-component-native-select.mjs

@@ -1,66 +1,168 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, input, computed, Component, Directive } from '@angular/core';
-import { cn } from '@ojiepermana/angular/component/utils/core';
-
+import * as i0 from "@angular/core";
+import { Component, Directive, ElementRef, computed, inject, input } from "@angular/core";
+import { cn } from "@ojiepermana/angular/component/utils/core";
 const BASE = [
-    'block h-control-md w-full appearance-none rounded-md border border-input bg-transparent px-3 py-2',
-    'pr-10 text-sm shadow-sm transition-colors',
-    'text-foreground',
-    'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',
-    'disabled:cursor-not-allowed disabled:opacity-50',
-    'aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive',
-].join(' ');
-class NativeSelectComponent {
-    el = inject(ElementRef);
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn(BASE, this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    focus() {
-        this.el.nativeElement.focus();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NativeSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: NativeSelectComponent, isStandalone: true, selector: "select[NativeSelect]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E\");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem}:host([dir=\"rtl\"]){background-position:left .75rem center;padding-left:calc(var(--spacing-base) * 10);padding-right:calc(var(--spacing-base) * 3)}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:calc(var(--spacing-base) * 3);padding-right:calc(var(--spacing-base) * 3)}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NativeSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'select[NativeSelect]', host: { '[class]': 'classes()' }, template: '<ng-content />', styles: [":host{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E\");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem}:host([dir=\"rtl\"]){background-position:left .75rem center;padding-left:calc(var(--spacing-base) * 10);padding-right:calc(var(--spacing-base) * 3)}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:calc(var(--spacing-base) * 3);padding-right:calc(var(--spacing-base) * 3)}\n"] }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-class NativeSelectOptionDirective {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn(this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NativeSelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: NativeSelectOptionDirective, isStandalone: true, selector: "option[NativeSelectOption]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NativeSelectOptionDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'option[NativeSelectOption]',
-                    host: { '[class]': 'classes()' },
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-class NativeSelectOptGroupDirective {
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn(this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NativeSelectOptGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: NativeSelectOptGroupDirective, isStandalone: true, selector: "optgroup[NativeSelectOptGroup]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: NativeSelectOptGroupDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'optgroup[NativeSelectOptGroup]',
-                    host: { '[class]': 'classes()' },
-                }]
-        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NativeSelectComponent, NativeSelectOptGroupDirective, NativeSelectOptionDirective };
+	"block h-control-md w-full appearance-none rounded-md border border-input bg-transparent px-3 py-2",
+	"pr-10 text-sm shadow-sm transition-colors",
+	"text-foreground",
+	"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+	"disabled:cursor-not-allowed disabled:opacity-50",
+	"aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive"
+].join(" ");
+var NativeSelectComponent = class NativeSelectComponent {
+	el = inject(ElementRef);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(BASE, this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	focus() {
+		this.el.nativeElement.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: NativeSelectComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: NativeSelectComponent,
+		isStandalone: true,
+		selector: "select[NativeSelect]",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: { "class": "classes()" } },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E\");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem}:host([dir=\"rtl\"]){background-position:left .75rem center;padding-left:calc(var(--spacing-base) * 10);padding-right:calc(var(--spacing-base) * 3)}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:calc(var(--spacing-base) * 3);padding-right:calc(var(--spacing-base) * 3)}\n"]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: NativeSelectComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "select[NativeSelect]",
+			host: { "[class]": "classes()" },
+			template: "<ng-content />",
+			styles: [":host{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E\");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem}:host([dir=\"rtl\"]){background-position:left .75rem center;padding-left:calc(var(--spacing-base) * 10);padding-right:calc(var(--spacing-base) * 3)}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:calc(var(--spacing-base) * 3);padding-right:calc(var(--spacing-base) * 3)}\n"]
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var NativeSelectOptionDirective = class NativeSelectOptionDirective {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: NativeSelectOptionDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: NativeSelectOptionDirective,
+		isStandalone: true,
+		selector: "option[NativeSelectOption]",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: { "class": "classes()" } },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: NativeSelectOptionDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "option[NativeSelectOption]",
+			host: { "[class]": "classes()" }
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var NativeSelectOptGroupDirective = class NativeSelectOptGroupDirective {
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: NativeSelectOptGroupDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: NativeSelectOptGroupDirective,
+		isStandalone: true,
+		selector: "optgroup[NativeSelectOptGroup]",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { properties: { "class": "classes()" } },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: NativeSelectOptGroupDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "optgroup[NativeSelectOptGroup]",
+			host: { "[class]": "classes()" }
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+export { NativeSelectComponent, NativeSelectOptGroupDirective, NativeSelectOptionDirective };