@anguless/angulux 22.0.0-rc.0

package/fesm2022/anguless-angulux-baseinput.mjs

@@ -0,0 +1,95 @@
+import * as i0 from '@angular/core';
+import { inject, input, booleanAttribute, computed, Directive } from '@angular/core';
+import { BaseEditableHolder } from '@anguless/angulux/baseeditableholder';
+import { Fluid } from '@anguless/angulux/fluid';
+
+class BaseInput extends BaseEditableHolder {
+    pcFluid = inject(Fluid, { optional: true, host: true, skipSelf: true });
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue false
+     * @group Props
+     */
+    fluid = input(undefined, { ...(ngDevMode ? { debugName: "fluid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue 'outlined'
+     * @group Props
+     */
+    variant = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    /**
+     * Specifies the visible width of the input element in characters.
+     * @defaultValue undefined
+     * @group Props
+     */
+    inputSize = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "inputSize" }] : /* istanbul ignore next */ []));
+    /**
+     * Specifies the value must match the pattern.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pattern = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "pattern" }] : /* istanbul ignore next */ []));
+    /**
+     * The value must be greater than or equal to the value.
+     * @defaultValue undefined
+     * @group Props
+     */
+    min = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
+    /**
+     * The value must be less than or equal to the value.
+     * @defaultValue undefined
+     * @group Props
+     */
+    max = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
+    /**
+     * Unless the step is set to the any literal, the value must be min + an integral multiple of the step.
+     * @defaultValue undefined
+     * @group Props
+     */
+    step = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "step" }] : /* istanbul ignore next */ []));
+    /**
+     * The number of characters (code points) must not be less than the value of the attribute, if non-empty.
+     * @defaultValue undefined
+     * @group Props
+     */
+    minlength = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "minlength" }] : /* istanbul ignore next */ []));
+    /**
+     * The number of characters (code points) must not exceed the value of the attribute.
+     * @defaultValue undefined
+     * @group Props
+     */
+    maxlength = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
+    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$variant" }] : /* istanbul ignore next */ []));
+    get hasFluid() {
+        return this.fluid() ?? !!this.pcFluid;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseInput, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: BaseInput, isStandalone: true, inputs: { fluid: { classPropertyName: "fluid", publicName: "fluid", 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 }, inputSize: { classPropertyName: "inputSize", publicName: "inputSize", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseInput, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }], propDecorators: { fluid: [{ type: i0.Input, args: [{ isSignal: true, alias: "fluid", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inputSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSize", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseInput };
+//# sourceMappingURL=anguless-angulux-baseinput.mjs.map

package/fesm2022/anguless-angulux-baseinput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anguless-angulux-baseinput.mjs","sources":["../../src/baseinput/baseinput.ts","../../src/baseinput/anguless-angulux-baseinput.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, inject, input } from '@angular/core';\nimport { BaseEditableHolder } from '@anguless/angulux/baseeditableholder';\nimport { Fluid } from '@anguless/angulux/fluid';\n\n@Directive({ standalone: true })\nexport class BaseInput<PT = any> extends BaseEditableHolder<PT> {\n    pcFluid: Fluid | null = inject(Fluid, { optional: true, host: true, skipSelf: true });\n\n    /**\n     * Spans 100% width of the container when enabled.\n     * @defaultValue false\n     * @group Props\n     */\n    fluid = input(undefined, { transform: booleanAttribute });\n    /**\n     * Specifies the input variant of the component.\n     * @defaultValue 'outlined'\n     * @group Props\n     */\n    variant = input<'filled' | 'outlined' | undefined>();\n    /**\n     * Specifies the size of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    size = input<'large' | 'small' | undefined>();\n    /**\n     * Specifies the visible width of the input element in characters.\n     * @defaultValue undefined\n     * @group Props\n     */\n    inputSize = input<number | null | undefined>();\n    /**\n     * Specifies the value must match the pattern.\n     * @defaultValue undefined\n     * @group Props\n     */\n    pattern = input<string | null | undefined>();\n    /**\n     * The value must be greater than or equal to the value.\n     * @defaultValue undefined\n     * @group Props\n     */\n    min = input<number | null | undefined>();\n    /**\n     * The value must be less than or equal to the value.\n     * @defaultValue undefined\n     * @group Props\n     */\n    max = input<number | null | undefined>();\n    /**\n     * Unless the step is set to the any literal, the value must be min + an integral multiple of the step.\n     * @defaultValue undefined\n     * @group Props\n     */\n    step = input<number | null | undefined>();\n    /**\n     * The number of characters (code points) must not be less than the value of the attribute, if non-empty.\n     * @defaultValue undefined\n     * @group Props\n     */\n    minlength = input<number | null | undefined>();\n    /**\n     * The number of characters (code points) must not exceed the value of the attribute.\n     * @defaultValue undefined\n     * @group Props\n     */\n    maxlength = input<number | null | undefined>();\n\n    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant());\n\n    get hasFluid() {\n        return this.fluid() ?? !!this.pcFluid;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/anguless-angulux-basemodelholder.mjs

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { signal, computed, Directive } from '@angular/core';
+import { isNotEmpty } from '@anguless/angulux-utils';
+import { BaseComponent } from '@anguless/angulux/basecomponent';
+
+class BaseModelHolder extends BaseComponent {
+    modelValue = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modelValue" }] : /* istanbul ignore next */ []));
+    $filled = computed(() => isNotEmpty(this.modelValue()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$filled" }] : /* istanbul ignore next */ []));
+    writeModelValue(value) {
+        this.modelValue.set(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseModelHolder, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: BaseModelHolder, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseModelHolder, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseModelHolder };
+//# sourceMappingURL=anguless-angulux-basemodelholder.mjs.map

package/fesm2022/anguless-angulux-basemodelholder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anguless-angulux-basemodelholder.mjs","sources":["../../src/basemodelholder/basemodelholder.ts","../../src/basemodelholder/anguless-angulux-basemodelholder.ts"],"sourcesContent":["import { computed, Directive, signal } from '@angular/core';\nimport { isNotEmpty } from '@anguless/angulux-utils';\nimport { BaseComponent } from '@anguless/angulux/basecomponent';\n\n@Directive({ standalone: true })\nexport class BaseModelHolder<PT = any> extends BaseComponent<PT> {\n    modelValue = signal<string | string[] | any | undefined>(undefined);\n\n    $filled = computed(() => isNotEmpty(this.modelValue()));\n\n    writeModelValue(value: any) {\n        this.modelValue.set(value);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAKM,MAAO,eAA0B,SAAQ,aAAiB,CAAA;IAC5D,UAAU,GAAG,MAAM,CAAsC,SAAS;mFAAC;AAEnE,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gFAAC;AAEvD,IAAA,eAAe,CAAC,KAAU,EAAA;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;IAC9B;uGAPS,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,SAAS;mBAAC,EAAE,UAAU,EAAE,IAAI,EAAE;;;ACJ/B;;AAEG;;;;"}

package/fesm2022/anguless-angulux-bind.mjs

@@ -0,0 +1,99 @@
+import * as i0 from '@angular/core';
+import { input, signal, computed, effect, Directive, NgModule } from '@angular/core';
+import { cn, equals } from '@anguless/angulux-utils';
+
+/**
+ * Bind directive provides dynamic attribute, property, and event listener binding functionality.
+ * @group Components
+ */
+class Bind {
+    el;
+    renderer;
+    /**
+     * Dynamic attributes, properties, and event listeners to be applied to the host element.
+     * @group Props
+     */
+    aglBind = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "aglBind" }] : /* istanbul ignore next */ []));
+    _attrs = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_attrs" }] : /* istanbul ignore next */ []));
+    attrs = computed(() => this._attrs() || this.aglBind(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "attrs" }] : /* istanbul ignore next */ []));
+    styles = computed(() => this.attrs()?.style, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "styles" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(this.attrs()?.class), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    listeners = [];
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        effect(() => {
+            const { style, class: className, ...rest } = this.attrs() || {};
+            for (const [key, value] of Object.entries(rest)) {
+                if (key.startsWith('on') && typeof value === 'function') {
+                    const eventName = key.slice(2).toLowerCase();
+                    // add listener if not already added
+                    if (!this.listeners.some((l) => l.eventName === eventName)) {
+                        const unlisten = this.renderer.listen(this.el.nativeElement, eventName, value);
+                        this.listeners.push({ eventName, unlisten });
+                    }
+                }
+                else if (value === null || value === undefined) {
+                    // remove attr
+                    this.renderer.removeAttribute(this.el.nativeElement, key);
+                }
+                else {
+                    // attr & prop fallback
+                    this.renderer.setAttribute(this.el.nativeElement, key, value.toString());
+                    if (key in this.el.nativeElement) {
+                        this.el.nativeElement[key] = value;
+                    }
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.clearListeners();
+    }
+    setAttrs(attrs) {
+        if (!equals(this._attrs(), attrs)) {
+            this._attrs.set(attrs);
+        }
+    }
+    clearListeners() {
+        this.listeners.forEach(({ unlisten }) => unlisten());
+        this.listeners = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Bind, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: Bind, isStandalone: true, selector: "[aglBind]", inputs: { aglBind: { classPropertyName: "aglBind", publicName: "aglBind", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "styles()", "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Bind, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[aglBind]',
+                    standalone: true,
+                    host: {
+                        '[style]': 'styles()',
+                        '[class]': 'classes()'
+                    }
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { aglBind: [{ type: i0.Input, args: [{ isSignal: true, alias: "aglBind", required: false }] }] } });
+class BindModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BindModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: BindModule, imports: [Bind], exports: [Bind] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BindModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BindModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Bind],
+                    exports: [Bind]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Bind, BindModule };
+//# sourceMappingURL=anguless-angulux-bind.mjs.map

package/fesm2022/anguless-angulux-bind.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anguless-angulux-bind.mjs","sources":["../../src/bind/bind.ts","../../src/bind/anguless-angulux-bind.ts"],"sourcesContent":["import { computed, Directive, effect, ElementRef, input, NgModule, Renderer2, signal } from '@angular/core';\nimport { cn, equals } from '@anguless/angulux-utils';\n\n/**\n * Bind directive provides dynamic attribute, property, and event listener binding functionality.\n * @group Components\n */\n@Directive({\n    selector: '[aglBind]',\n    standalone: true,\n    host: {\n        '[style]': 'styles()',\n        '[class]': 'classes()'\n    }\n})\nexport class Bind {\n    /**\n     * Dynamic attributes, properties, and event listeners to be applied to the host element.\n     * @group Props\n     */\n    aglBind = input<{ [key: string]: any } | undefined>(undefined);\n\n    private _attrs = signal<{ [key: string]: any } | undefined>(undefined);\n    private attrs = computed(() => this._attrs() || this.aglBind());\n\n    styles = computed(() => this.attrs()?.style);\n    classes = computed(() => cn(this.attrs()?.class));\n\n    private listeners: { eventName: string; unlisten: () => void }[] = [];\n\n    constructor(\n        private el: ElementRef,\n        private renderer: Renderer2\n    ) {\n        effect(() => {\n            const { style, class: className, ...rest } = this.attrs() || {};\n\n            for (const [key, value] of Object.entries(rest)) {\n                if (key.startsWith('on') && typeof value === 'function') {\n                    const eventName = key.slice(2).toLowerCase();\n\n                    // add listener if not already added\n                    if (!this.listeners.some((l) => l.eventName === eventName)) {\n                        const unlisten = this.renderer.listen(this.el.nativeElement, eventName, value);\n                        this.listeners.push({ eventName, unlisten });\n                    }\n                } else if (value === null || value === undefined) {\n                    // remove attr\n                    this.renderer.removeAttribute(this.el.nativeElement, key);\n                } else {\n                    // attr & prop fallback\n                    this.renderer.setAttribute(this.el.nativeElement, key, value.toString());\n                    if (key in this.el.nativeElement) {\n                        (this.el.nativeElement as any)[key] = value;\n                    }\n                }\n            }\n        });\n    }\n\n    ngOnDestroy() {\n        this.clearListeners();\n    }\n\n    public setAttrs(attrs: { [key: string]: any } | undefined) {\n        if (!equals(this._attrs(), attrs)) {\n            this._attrs.set(attrs);\n        }\n    }\n\n    private clearListeners() {\n        this.listeners.forEach(({ unlisten }) => unlisten());\n        this.listeners = [];\n    }\n}\n\n@NgModule({\n    imports: [Bind],\n    exports: [Bind]\n})\nexport class BindModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}