@gravionlabs/helix-core 22.0.0

package/fesm2022/gravionlabs-helix-core-chip.mjs

@@ -0,0 +1,309 @@
+export * from '@gravionlabs/helix-core/types/chip';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, model, input, booleanAttribute, output, contentChild, contentChildren, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { TranslationKeys, HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
+import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { TimesCircleIcon } from '@gravionlabs/helix-core/icons';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+const style = /*css*/ `
+    .h-chip {
+        display: inline-flex;
+        align-items: center;
+        background: dt('chip.background');
+        color: dt('chip.color');
+        border-radius: dt('chip.border.radius');
+        padding-block: dt('chip.padding.y');
+        padding-inline: dt('chip.padding.x');
+        gap: dt('chip.gap');
+    }
+
+    .h-chip-icon {
+        color: dt('chip.icon.color');
+        font-size: dt('chip.icon.size');
+        width: dt('chip.icon.size');
+        height: dt('chip.icon.size');
+    }
+
+    .h-chip-image {
+        border-radius: 50%;
+        width: dt('chip.image.width');
+        height: dt('chip.image.height');
+        margin-inline-start: calc(-1 * dt('chip.padding.y'));
+    }
+
+    .h-chip:has(.h-chip-remove-icon) {
+        padding-inline-end: dt('chip.padding.y');
+    }
+
+    .h-chip:has(.h-chip-image) {
+        padding-block-start: calc(dt('chip.padding.y') / 2);
+        padding-block-end: calc(dt('chip.padding.y') / 2);
+    }
+
+    .h-chip-remove-icon {
+        cursor: pointer;
+        font-size: dt('chip.remove.icon.size');
+        width: dt('chip.remove.icon.size');
+        height: dt('chip.remove.icon.size');
+        color: dt('chip.remove.icon.color');
+        border-radius: 50%;
+        transition:
+            outline-color dt('chip.transition.duration'),
+            box-shadow dt('chip.transition.duration');
+        outline-color: transparent;
+    }
+
+    .h-chip-remove-icon:focus-visible {
+        box-shadow: dt('chip.remove.icon.focus.ring.shadow');
+        outline: dt('chip.remove.icon.focus.ring.width') dt('chip.remove.icon.focus.ring.style') dt('chip.remove.icon.focus.ring.color');
+        outline-offset: dt('chip.remove.icon.focus.ring.offset');
+    }
+`;
+
+const inlineStyles = {
+    root: ({ instance }) => ({
+        display: !instance.visible && 'none'
+    })
+};
+const classes = {
+    root: ({ instance }) => [
+        'h-chip h-component',
+        {
+            'h-disabled': instance.disabled()
+        }
+    ],
+    image: 'h-chip-image',
+    icon: 'h-chip-icon',
+    label: 'h-chip-label',
+    removeIcon: 'h-chip-remove-icon'
+};
+class ChipStyle extends BaseStyle {
+    name = 'chip';
+    style = style;
+    classes = classes;
+    inlineStyles = inlineStyles;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChipStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChipStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChipStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * Chip represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primeng.org/chip)
+ *
+ * @module chipstyle
+ *
+ */
+var ChipClasses;
+(function (ChipClasses) {
+    /**
+     * Class name of the root element
+     */
+    ChipClasses["root"] = "h-chip";
+    /**
+     * Class name of the image element
+     */
+    ChipClasses["image"] = "h-chip-image";
+    /**
+     * Class name of the icon element
+     */
+    ChipClasses["icon"] = "h-chip-icon";
+    /**
+     * Class name of the label element
+     */
+    ChipClasses["label"] = "h-chip-label";
+    /**
+     * Class name of the remove icon element
+     */
+    ChipClasses["removeIcon"] = "h-chip-remove-icon";
+})(ChipClasses || (ChipClasses = {}));
+
+const CHIP_INSTANCE = new InjectionToken('CHIP_INSTANCE');
+/**
+ * Chip represents people using icons, labels and images.
+ * @group Components
+ */
+class Chip extends BaseComponent {
+    componentName = 'Chip';
+    $pcChip = inject(CHIP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * Defines the text to display.
+     * @group Props
+     */
+    label = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines the icon to display.
+     * @group Props
+     */
+    icon = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines the image to display.
+     * @group Props
+     */
+    image = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "image" }] : /* istanbul ignore next */ []));
+    /**
+     * Alt attribute of the image.
+     * @group Props
+     */
+    alt = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Whether to display a remove icon.
+     * @group Props
+     */
+    removable = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "removable" }] : /* istanbul ignore next */ []));
+    /**
+     * Icon of the remove element.
+     * @group Props
+     */
+    removeIcon = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "removeIcon" }] : /* istanbul ignore next */ []));
+    /**
+     * Callback to invoke when a chip is removed.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Emits
+     */
+    onRemove = output();
+    /**
+     * This event is triggered if an error occurs while loading an image file.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onImageError = output();
+    visible = true;
+    get removeAriaLabel() {
+        return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel'];
+    }
+    /**
+     * Used to pass all properties of the chipProps to the Chip component.
+     * @group Props
+     */
+    chipProps = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "chipProps" }] : /* istanbul ignore next */ []));
+    _componentStyle = inject(ChipStyle);
+    /**
+     * Custom remove icon template.
+     * @group Templates
+     */
+    removeIconTemplate = contentChild('removeicon', { ...(ngDevMode ? { debugName: "removeIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    templates = contentChildren(HelixTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    _removeIconTemplate;
+    onAfterContentInit() {
+        this.templates().forEach((item) => {
+            switch (item.getType()) {
+                case 'removeicon':
+                    this._removeIconTemplate = item.template;
+                    break;
+                default:
+                    this._removeIconTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    constructor() {
+        super();
+        effect(() => {
+            const val = this.chipProps();
+            if (val && typeof val === 'object') {
+                Object.entries(val).forEach(([k, v]) => this[`_${k}`] !== v && (this[`_${k}`] = v));
+                if (val.label !== undefined) {
+                    this.label.set(val.label);
+                }
+                if (val.icon !== undefined) {
+                    this.icon.set(val.icon);
+                }
+                if (val.image !== undefined) {
+                    this.image.set(val.image);
+                }
+                if (val.alt !== undefined) {
+                    this.alt.set(val.alt);
+                }
+                if (val.styleClass !== undefined) {
+                    this.styleClass.set(val.styleClass);
+                }
+                if (val.removable !== undefined) {
+                    this.removable.set(val.removable);
+                }
+                if (val.removeIcon !== undefined) {
+                    this.removeIcon.set(val.removeIcon);
+                }
+            }
+        });
+    }
+    close(event) {
+        this.visible = false;
+        this.onRemove.emit(event);
+    }
+    onKeydown(event) {
+        if (event.key === 'Enter' || event.key === 'Backspace') {
+            this.close(event);
+        }
+    }
+    imageError(event) {
+        this.onImageError.emit(event);
+    }
+    get dataP() {
+        return this.cn({
+            removable: this.removable()
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Chip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Chip, isStandalone: true, selector: "h-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removeIcon: { classPropertyName: "removeIcon", publicName: "removeIcon", isSignal: true, isRequired: false, transformFunction: null }, chipProps: { classPropertyName: "chipProps", publicName: "chipProps", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { label: "labelChange", icon: "iconChange", image: "imageChange", alt: "altChange", styleClass: "styleClassChange", removable: "removableChange", removeIcon: "removeIconChange", onRemove: "onRemove", onImageError: "onImageError" }, host: { properties: { "class": "cn(cx('root'), styleClass)", "style": "sx('root')", "attr.aria-label": "label", "attr.data-h": "dataP" } }, providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }], queries: [{ propertyName: "removeIconTemplate", first: true, predicate: ["removeicon"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<ng-content></ng-content>\n@if (image()) {\n  <img [hBind]=\"ptm('image')\" [class]=\"cx('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [alt]=\"alt()\" />\n} @else {\n  @if (icon()) {\n    <span [hBind]=\"ptm('icon')\" [class]=\"icon()\" [ngClass]=\"cx('icon')\"></span>\n  }\n}\n@if (label()) {\n  <div [hBind]=\"ptm('label')\" [class]=\"cx('label')\">{{ label() }}</div>\n}\n@if (removable()) {\n  @if (!removeIconTemplate() && !_removeIconTemplate) {\n    @if (removeIcon()) {\n      <span\n        [hBind]=\"ptm('removeIcon')\"\n        [class]=\"removeIcon()\"\n        [ngClass]=\"cx('removeIcon')\"\n        (click)=\"close($event)\"\n        (keydown)=\"onKeydown($event)\"\n        [attr.tabindex]=\"disabled() ? -1 : 0\"\n        [attr.aria-label()]=\"removeAriaLabel\"\n        role=\"button\"\n      ></span>\n    }\n    @if (!removeIcon()) {\n      <svg\n        [hBind]=\"ptm('removeIcon')\"\n        data-h-icon()=\"times-circle\"\n        [class]=\"cx('removeIcon')\"\n        (click)=\"close($event)\"\n        (keydown)=\"onKeydown($event)\"\n        [attr.tabindex]=\"disabled() ? -1 : 0\"\n        [attr.aria-label()]=\"removeAriaLabel\"\n        role=\"button\"\n        />\n    }\n  }\n  @if (removeIconTemplate() || _removeIconTemplate) {\n    <span\n      [hBind]=\"ptm('removeIcon')\"\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\n      [class]=\"cx('removeIcon')\"\n      (click)=\"close($event)\"\n      (keydown)=\"onKeydown($event)\"\n      [attr.aria-label()]=\"removeAriaLabel\"\n      role=\"button\"\n      >\n      <ng-template *ngTemplateOutlet=\"removeIconTemplate() || _removeIconTemplate\"></ng-template>\n    </span>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Chip, decorators: [{
+            type: Component,
+            args: [{ selector: 'h-chip', standalone: true, imports: [CommonModule, TimesCircleIcon, SharedModule, Bind], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }], host: {
+                        '[class]': "cn(cx('root'), styleClass)",
+                        '[style]': "sx('root')",
+                        '[attr.aria-label]': 'label',
+                        '[attr.data-h]': 'dataP'
+                    }, hostDirectives: [Bind], template: "<ng-content></ng-content>\n@if (image()) {\n  <img [hBind]=\"ptm('image')\" [class]=\"cx('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [alt]=\"alt()\" />\n} @else {\n  @if (icon()) {\n    <span [hBind]=\"ptm('icon')\" [class]=\"icon()\" [ngClass]=\"cx('icon')\"></span>\n  }\n}\n@if (label()) {\n  <div [hBind]=\"ptm('label')\" [class]=\"cx('label')\">{{ label() }}</div>\n}\n@if (removable()) {\n  @if (!removeIconTemplate() && !_removeIconTemplate) {\n    @if (removeIcon()) {\n      <span\n        [hBind]=\"ptm('removeIcon')\"\n        [class]=\"removeIcon()\"\n        [ngClass]=\"cx('removeIcon')\"\n        (click)=\"close($event)\"\n        (keydown)=\"onKeydown($event)\"\n        [attr.tabindex]=\"disabled() ? -1 : 0\"\n        [attr.aria-label()]=\"removeAriaLabel\"\n        role=\"button\"\n      ></span>\n    }\n    @if (!removeIcon()) {\n      <svg\n        [hBind]=\"ptm('removeIcon')\"\n        data-h-icon()=\"times-circle\"\n        [class]=\"cx('removeIcon')\"\n        (click)=\"close($event)\"\n        (keydown)=\"onKeydown($event)\"\n        [attr.tabindex]=\"disabled() ? -1 : 0\"\n        [attr.aria-label()]=\"removeAriaLabel\"\n        role=\"button\"\n        />\n    }\n  }\n  @if (removeIconTemplate() || _removeIconTemplate) {\n    <span\n      [hBind]=\"ptm('removeIcon')\"\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\n      [class]=\"cx('removeIcon')\"\n      (click)=\"close($event)\"\n      (keydown)=\"onKeydown($event)\"\n      [attr.aria-label()]=\"removeAriaLabel\"\n      role=\"button\"\n      >\n      <ng-template *ngTemplateOutlet=\"removeIconTemplate() || _removeIconTemplate\"></ng-template>\n    </span>\n  }\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }, { type: i0.Output, args: ["labelChange"] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }, { type: i0.Output, args: ["iconChange"] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }, { type: i0.Output, args: ["imageChange"] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }, { type: i0.Output, args: ["altChange"] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }, { type: i0.Output, args: ["styleClassChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }, { type: i0.Output, args: ["removableChange"] }], removeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeIcon", required: false }] }, { type: i0.Output, args: ["removeIconChange"] }], onRemove: [{ type: i0.Output, args: ["onRemove"] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }], chipProps: [{ type: i0.Input, args: [{ isSignal: true, alias: "chipProps", required: false }] }], removeIconTemplate: [{ type: i0.ContentChild, args: ['removeicon', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
+class ChipModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule], exports: [Chip, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Chip, SharedModule],
+                    exports: [Chip, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Chip, ChipClasses, ChipModule, ChipStyle };
+//# sourceMappingURL=gravionlabs-helix-core-chip.mjs.map

package/fesm2022/gravionlabs-helix-core-chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-chip.mjs","sources":["../../../projects/core/chip/style/chip.css.ts","../../../projects/core/chip/style/chipstyle.ts","../../../projects/core/chip/chip.ts","../../../projects/core/chip/chip.html","../../../projects/core/chip/gravionlabs-helix-core-chip.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-chip {\n        display: inline-flex;\n        align-items: center;\n        background: dt('chip.background');\n        color: dt('chip.color');\n        border-radius: dt('chip.border.radius');\n        padding-block: dt('chip.padding.y');\n        padding-inline: dt('chip.padding.x');\n        gap: dt('chip.gap');\n    }\n\n    .h-chip-icon {\n        color: dt('chip.icon.color');\n        font-size: dt('chip.icon.size');\n        width: dt('chip.icon.size');\n        height: dt('chip.icon.size');\n    }\n\n    .h-chip-image {\n        border-radius: 50%;\n        width: dt('chip.image.width');\n        height: dt('chip.image.height');\n        margin-inline-start: calc(-1 * dt('chip.padding.y'));\n    }\n\n    .h-chip:has(.h-chip-remove-icon) {\n        padding-inline-end: dt('chip.padding.y');\n    }\n\n    .h-chip:has(.h-chip-image) {\n        padding-block-start: calc(dt('chip.padding.y') / 2);\n        padding-block-end: calc(dt('chip.padding.y') / 2);\n    }\n\n    .h-chip-remove-icon {\n        cursor: pointer;\n        font-size: dt('chip.remove.icon.size');\n        width: dt('chip.remove.icon.size');\n        height: dt('chip.remove.icon.size');\n        color: dt('chip.remove.icon.color');\n        border-radius: 50%;\n        transition:\n            outline-color dt('chip.transition.duration'),\n            box-shadow dt('chip.transition.duration');\n        outline-color: transparent;\n    }\n\n    .h-chip-remove-icon:focus-visible {\n        box-shadow: dt('chip.remove.icon.focus.ring.shadow');\n        outline: dt('chip.remove.icon.focus.ring.width') dt('chip.remove.icon.focus.ring.style') dt('chip.remove.icon.focus.ring.color');\n        outline-offset: dt('chip.remove.icon.focus.ring.offset');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './chip.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst inlineStyles = {\n    root: ({ instance }) => ({\n        display: !instance.visible && 'none'\n    })\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-chip h-component',\n        {\n            'h-disabled': instance.disabled()\n        }\n    ],\n    image: 'h-chip-image',\n    icon: 'h-chip-icon',\n    label: 'h-chip-label',\n    removeIcon: 'h-chip-remove-icon'\n};\n\n@Injectable()\nexport class ChipStyle extends BaseStyle {\n    name = 'chip';\n\n    style = style;\n\n    classes = classes;\n\n    inlineStyles = inlineStyles;\n}\n\n/**\n *\n * Chip represents people using icons, labels and images.\n *\n * [Live Demo](https://www.primeng.org/chip)\n *\n * @module chipstyle\n *\n */\nexport enum ChipClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-chip',\n    /**\n     * Class name of the image element\n     */\n    image = 'h-chip-image',\n    /**\n     * Class name of the icon element\n     */\n    icon = 'h-chip-icon',\n    /**\n     * Class name of the label element\n     */\n    label = 'h-chip-label',\n    /**\n     * Class name of the remove icon element\n     */\n    removeIcon = 'h-chip-remove-icon'\n}\n\nexport interface ChipStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, inject, InjectionToken, NgModule, TemplateRef, ViewEncapsulation, input, output, contentChildren, model, contentChild, booleanAttribute } from '@angular/core';\nimport { HelixTemplate, SharedModule, TranslationKeys } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { TimesCircleIcon } from '@gravionlabs/helix-core/icons';\nimport { ChipProps, ChipPassThrough } from '@gravionlabs/helix-core/types/chip';\nimport { ChipStyle } from './style/chipstyle';\n\nconst CHIP_INSTANCE = new InjectionToken<Chip>('CHIP_INSTANCE');\n\n/**\n * Chip represents people using icons, labels and images.\n * @group Components\n */\n@Component({\n    selector: 'h-chip',\n    standalone: true,\n    imports: [CommonModule, TimesCircleIcon, SharedModule, Bind],\n    templateUrl: './chip.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }],\n    host: {\n        '[class]': \"cn(cx('root'), styleClass)\",\n        '[style]': \"sx('root')\",\n        '[attr.aria-label]': 'label',\n        '[attr.data-h]': 'dataP'\n    },\n    hostDirectives: [Bind]\n})\nexport class Chip extends BaseComponent<ChipPassThrough> {\n    componentName = 'Chip';\n\n    $pcChip: Chip | undefined = inject(CHIP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n    /**\n     * Defines the text to display.\n     * @group Props\n     */\n    readonly label = model<string | undefined>(undefined);\n    /**\n     * Defines the icon to display.\n     * @group Props\n     */\n    readonly icon = model<string | undefined>(undefined);\n    /**\n     * Defines the image to display.\n     * @group Props\n     */\n    readonly image = model<string | undefined>(undefined);\n    /**\n     * Alt attribute of the image.\n     * @group Props\n     */\n    readonly alt = model<string | undefined>(undefined);\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = model<string | undefined>(undefined);\n    /**\n     * When present, it specifies that the element should be disabled.\n     * @group Props\n     */\n    readonly disabled = input<boolean | undefined, unknown>(false, { transform: booleanAttribute });\n    /**\n     * Whether to display a remove icon.\n     * @group Props\n     */\n    readonly removable = model<boolean | undefined>(false);\n    /**\n     * Icon of the remove element.\n     * @group Props\n     */\n    readonly removeIcon = model<string | undefined>(undefined);\n    /**\n     * Callback to invoke when a chip is removed.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Emits\n     */\n    readonly onRemove = output<MouseEvent>();\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    readonly onImageError = output<Event>();\n\n    visible: boolean = true;\n\n    get removeAriaLabel() {\n        return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel'];\n    }\n    /**\n     * Used to pass all properties of the chipProps to the Chip component.\n     * @group Props\n     */\n    readonly chipProps = input<ChipProps | undefined>(undefined);\n\n    _componentStyle = inject(ChipStyle);\n\n    /**\n     * Custom remove icon template.\n     * @group Templates\n     */\n    readonly removeIconTemplate = contentChild<TemplateRef<void>>('removeicon', { descendants: false });\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    _removeIconTemplate: TemplateRef<void> | undefined;\n\n    onAfterContentInit() {\n        this.templates().forEach((item) => {\n            switch (item.getType()) {\n                case 'removeicon':\n                    this._removeIconTemplate = item.template;\n                    break;\n\n                default:\n                    this._removeIconTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    constructor() {\n        super();\n        effect(() => {\n            const val = this.chipProps();\n            if (val && typeof val === 'object') {\n                Object.entries(val).forEach(([k, v]) => this[`_${k}`] !== v && (this[`_${k}`] = v));\n\n                if (val.label !== undefined) {\n                    this.label.set(val.label);\n                }\n                if (val.icon !== undefined) {\n                    this.icon.set(val.icon);\n                }\n                if (val.image !== undefined) {\n                    this.image.set(val.image);\n                }\n                if (val.alt !== undefined) {\n                    this.alt.set(val.alt);\n                }\n                if (val.styleClass !== undefined) {\n                    this.styleClass.set(val.styleClass);\n                }\n                if (val.removable !== undefined) {\n                    this.removable.set(val.removable);\n                }\n                if (val.removeIcon !== undefined) {\n                    this.removeIcon.set(val.removeIcon);\n                }\n            }\n        });\n    }\n\n    close(event: MouseEvent) {\n        this.visible = false;\n        this.onRemove.emit(event);\n    }\n\n    onKeydown(event) {\n        if (event.key === 'Enter' || event.key === 'Backspace') {\n            this.close(event);\n        }\n    }\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n\n    get dataP() {\n        return this.cn({\n            removable: this.removable()\n        });\n    }\n}\n\n@NgModule({\n    imports: [Chip, SharedModule],\n    exports: [Chip, SharedModule]\n})\nexport class ChipModule {}\n","<ng-content></ng-content>\n@if (image()) {\n  <img [hBind]=\"ptm('image')\" [class]=\"cx('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [alt]=\"alt()\" />\n} @else {\n  @if (icon()) {\n    <span [hBind]=\"ptm('icon')\" [class]=\"icon()\" [ngClass]=\"cx('icon')\"></span>\n  }\n}\n@if (label()) {\n  <div [hBind]=\"ptm('label')\" [class]=\"cx('label')\">{{ label() }}</div>\n}\n@if (removable()) {\n  @if (!removeIconTemplate() && !_removeIconTemplate) {\n    @if (removeIcon()) {\n      <span\n        [hBind]=\"ptm('removeIcon')\"\n        [class]=\"removeIcon()\"\n        [ngClass]=\"cx('removeIcon')\"\n        (click)=\"close($event)\"\n        (keydown)=\"onKeydown($event)\"\n        [attr.tabindex]=\"disabled() ? -1 : 0\"\n        [attr.aria-label()]=\"removeAriaLabel\"\n        role=\"button\"\n      ></span>\n    }\n    @if (!removeIcon()) {\n      <svg\n        [hBind]=\"ptm('removeIcon')\"\n        data-h-icon()=\"times-circle\"\n        [class]=\"cx('removeIcon')\"\n        (click)=\"close($event)\"\n        (keydown)=\"onKeydown($event)\"\n        [attr.tabindex]=\"disabled() ? -1 : 0\"\n        [attr.aria-label()]=\"removeAriaLabel\"\n        role=\"button\"\n        />\n    }\n  }\n  @if (removeIconTemplate() || _removeIconTemplate) {\n    <span\n      [hBind]=\"ptm('removeIcon')\"\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\n      [class]=\"cx('removeIcon')\"\n      (click)=\"close($event)\"\n      (keydown)=\"onKeydown($event)\"\n      [attr.aria-label()]=\"removeAriaLabel\"\n      role=\"button\"\n      >\n      <ng-template *ngTemplateOutlet=\"removeIconTemplate() || _removeIconTemplate\"></ng-template>\n    </span>\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/gravionlabs-helix-core-classnames.mjs

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { input, computed, Directive, NgModule } from '@angular/core';
+import { cn } from '@gravionlabs/helix-core/uix/utils';
+
+/**
+ * PClass directive provides extends class binding functionality.
+ * Supports strings, arrays, objects, and mixed combinations.
+ * @group Components
+ */
+class ClassNames {
+    /**
+     * Class value(s) to be applied. Can be a string, array, object, or combination.
+     * @group Props
+     */
+    classNames = input(undefined, { ...(ngDevMode ? { debugName: "classNames" } : /* istanbul ignore next */ {}), alias: 'hClass' });
+    classes = computed(() => cn(this.classNames()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ClassNames, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: ClassNames, isStandalone: true, selector: "[hClass]", inputs: { classNames: { classPropertyName: "classNames", publicName: "hClass", 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: ClassNames, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hClass]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'classes()'
+                    }
+                }]
+        }], propDecorators: { classNames: [{ type: i0.Input, args: [{ isSignal: true, alias: "hClass", required: false }] }] } });
+class ClassNamesModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ClassNamesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: ClassNamesModule, imports: [ClassNames], exports: [ClassNames] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ClassNamesModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ClassNamesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ClassNames],
+                    exports: [ClassNames]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ClassNames, ClassNamesModule };
+//# sourceMappingURL=gravionlabs-helix-core-classnames.mjs.map

package/fesm2022/gravionlabs-helix-core-classnames.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-classnames.mjs","sources":["../../../projects/core/classnames/classnames.ts","../../../projects/core/classnames/gravionlabs-helix-core-classnames.ts"],"sourcesContent":["import { Directive, NgModule, computed, input } from '@angular/core';\nimport { cn } from '@gravionlabs/helix-core/uix/utils';\n/**\n * Represents the suitable value types of hClass directive.\n * @group Types\n */\nexport type PClassValue = string | number | boolean | undefined | null | { [key: string]: boolean | undefined | null } | any;\n\n/**\n * PClass directive provides extends class binding functionality.\n * Supports strings, arrays, objects, and mixed combinations.\n * @group Components\n */\n@Directive({\n    selector: '[hClass]',\n    standalone: true,\n    host: {\n        '[class]': 'classes()'\n    }\n})\nexport class ClassNames {\n    /**\n     * Class value(s) to be applied. Can be a string, array, object, or combination.\n     * @group Props\n     */\n    classNames = input<PClassValue>(undefined, { alias: 'hClass' });\n\n    classes = computed(() => cn(this.classNames()));\n}\n\n@NgModule({\n    imports: [ClassNames],\n    exports: [ClassNames]\n})\nexport class ClassNamesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAQA;;;;AAIG;MAQU,UAAU,CAAA;AACnB;;;AAGG;IACH,UAAU,GAAG,KAAK,CAAc,SAAS,kFAAI,KAAK,EAAE,QAAQ,EAAA,CAAG;AAE/D,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gFAAC;uGAPtC,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE;AACd;AACJ,iBAAA;;MAeY,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAhB,gBAAgB,EAAA,OAAA,EAAA,CAdhB,UAAU,CAAA,EAAA,OAAA,EAAA,CAAV,UAAU,CAAA,EAAA,CAAA;wGAcV,gBAAgB,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,OAAO,EAAE,CAAC,UAAU;AACvB,iBAAA;;;ACjCD;;AAEG;;"}