@tailng-ui/primitives 0.1.0 → 0.12.0

package/src/lib/utility/tag/tng-tag.js

@@ -1,8 +1,61 @@
 import { __decorate } from "tslib";
-import { Directive, HostBinding } from '@angular/core';
+import { Directive, ElementRef, HostBinding, HostListener, booleanAttribute, inject, input, output, } from '@angular/core';
+function normalizeString(value) {
+    if (value === undefined || value === null) {
+        return null;
+    }
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : null;
+}
 let TngTag = class TngTag {
+    disabled = input(false, {
+        alias: 'tngTagDisabled',
+        transform: booleanAttribute,
+    });
+    removable = input(false, {
+        alias: 'tngTagRemovable',
+        transform: booleanAttribute,
+    });
+    label = input(null, {
+        alias: 'tngTagLabel',
+    });
+    tngTagRemoved = output();
+    isDisabled() {
+        return this.disabled();
+    }
+    isRemovable() {
+        return this.removable() && !this.isDisabled();
+    }
+    resolvedLabel() {
+        return normalizeString(this.label()) ?? 'tag';
+    }
+    requestRemove() {
+        if (!this.isRemovable()) {
+            return false;
+        }
+        this.tngTagRemoved.emit();
+        return true;
+    }
+    get ariaDisabledAttr() {
+        return this.isDisabled() ? 'true' : null;
+    }
+    get dataDisabledAttr() {
+        return this.isDisabled() ? '' : null;
+    }
+    get dataRemovableAttr() {
+        return this.removable() ? '' : null;
+    }
     dataSlot = 'tag';
 };
+__decorate([
+    HostBinding('attr.aria-disabled')
+], TngTag.prototype, "ariaDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngTag.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-removable')
+], TngTag.prototype, "dataRemovableAttr", null);
 __decorate([
     HostBinding('attr.data-slot')
 ], TngTag.prototype, "dataSlot", void 0);
@@ -10,7 +63,151 @@ TngTag = __decorate([
     Directive({
         selector: '[tngTag]',
         exportAs: 'tngTag',
+        standalone: true,
     })
 ], TngTag);
 export { TngTag };
+let TngTagIcon = class TngTagIcon {
+    dataSlot = 'tag-icon';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngTagIcon.prototype, "dataSlot", void 0);
+TngTagIcon = __decorate([
+    Directive({
+        selector: '[tngTagIcon]',
+        exportAs: 'tngTagIcon',
+        standalone: true,
+    })
+], TngTagIcon);
+export { TngTagIcon };
+let TngTagClose = class TngTagClose {
+    elementRef = inject(ElementRef);
+    tag = inject(TngTag, { optional: true });
+    focused = false;
+    suppressNextClick = false;
+    ariaLabel = input(null, {
+        alias: 'tngTagCloseAriaLabel',
+    });
+    onClick(event) {
+        if (this.suppressNextClick) {
+            this.suppressNextClick = false;
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        if (!this.requestRemove()) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }
+    onFocusIn() {
+        this.focused = true;
+    }
+    onFocusOut() {
+        this.focused = false;
+    }
+    onKeydown(event) {
+        if (event.key !== 'Enter' && event.key !== ' ') {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        this.suppressNextClick = true;
+        setTimeout(() => {
+            this.suppressNextClick = false;
+        });
+        this.requestRemove();
+    }
+    requestRemove() {
+        return this.tag?.requestRemove() === true;
+    }
+    isButtonElement() {
+        return this.elementRef.nativeElement.tagName === 'BUTTON';
+    }
+    isDisabled() {
+        return this.tag?.isRemovable() !== true;
+    }
+    get ariaLabelAttr() {
+        const explicit = normalizeString(this.ariaLabel());
+        if (explicit !== null) {
+            return explicit;
+        }
+        const hostDefined = normalizeString(this.elementRef.nativeElement.getAttribute('aria-label'));
+        if (hostDefined !== null) {
+            return hostDefined;
+        }
+        const label = this.tag?.resolvedLabel() ?? 'tag';
+        return `Remove ${label}`;
+    }
+    get dataDisabledAttr() {
+        return this.isDisabled() ? '' : null;
+    }
+    get dataFocusedAttr() {
+        return this.focused ? '' : null;
+    }
+    dataSlot = 'tag-close';
+    get disabledAttr() {
+        if (!this.isButtonElement()) {
+            return null;
+        }
+        return this.isDisabled() ? '' : null;
+    }
+    get roleAttr() {
+        return this.isButtonElement() ? null : 'button';
+    }
+    get tabIndexAttr() {
+        if (this.isButtonElement()) {
+            return null;
+        }
+        return this.isDisabled() ? '-1' : '0';
+    }
+    get typeAttr() {
+        return this.isButtonElement() ? 'button' : null;
+    }
+};
+__decorate([
+    HostListener('click', ['$event'])
+], TngTagClose.prototype, "onClick", null);
+__decorate([
+    HostListener('focusin')
+], TngTagClose.prototype, "onFocusIn", null);
+__decorate([
+    HostListener('focusout')
+], TngTagClose.prototype, "onFocusOut", null);
+__decorate([
+    HostListener('keydown', ['$event'])
+], TngTagClose.prototype, "onKeydown", null);
+__decorate([
+    HostBinding('attr.aria-label')
+], TngTagClose.prototype, "ariaLabelAttr", null);
+__decorate([
+    HostBinding('attr.data-disabled')
+], TngTagClose.prototype, "dataDisabledAttr", null);
+__decorate([
+    HostBinding('attr.data-focused')
+], TngTagClose.prototype, "dataFocusedAttr", null);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngTagClose.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.disabled')
+], TngTagClose.prototype, "disabledAttr", null);
+__decorate([
+    HostBinding('attr.role')
+], TngTagClose.prototype, "roleAttr", null);
+__decorate([
+    HostBinding('attr.tabindex')
+], TngTagClose.prototype, "tabIndexAttr", null);
+__decorate([
+    HostBinding('attr.type')
+], TngTagClose.prototype, "typeAttr", null);
+TngTagClose = __decorate([
+    Directive({
+        selector: '[tngTagClose]',
+        exportAs: 'tngTagClose',
+        standalone: true,
+    })
+], TngTagClose);
+export { TngTagClose };
 //# sourceMappingURL=tng-tag.js.map

package/src/lib/utility/tag/tng-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-tag.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/utility/tag/tng-tag.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMhD,IAAM,MAAM,GAAZ,MAAM,MAAM;IAEE,QAAQ,GAAG,KAAc,CAAC;CAC9C,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;wCACe;AAFlC,MAAM;IAJlB,SAAS,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;KACnB,CAAC;GACW,MAAM,CAGlB","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[tngTag]',\n  exportAs: 'tngTag',\n})\nexport class TngTag {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'tag' as const;\n}\n"]}
+{"version":3,"file":"tng-tag.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/utility/tag/tng-tag.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  booleanAttribute,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport type { TngKeyboardEvent, TngMouseEvent } from '@tailng-ui/cdk';\n\nfunction normalizeString(value: string | null | undefined): string | null {\n  if (value === undefined || value === null) {\n    return null;\n  }\n\n  const normalized = value.trim();\n  return normalized.length > 0 ? normalized : null;\n}\n\n@Directive({\n  selector: '[tngTag]',\n  exportAs: 'tngTag',\n  standalone: true,\n})\nexport class TngTag {\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    alias: 'tngTagDisabled',\n    transform: booleanAttribute,\n  });\n\n  public readonly removable = input<boolean, boolean | string>(false, {\n    alias: 'tngTagRemovable',\n    transform: booleanAttribute,\n  });\n\n  public readonly label = input<string | null>(null, {\n    alias: 'tngTagLabel',\n  });\n\n  public readonly tngTagRemoved = output<void>();\n\n  public isDisabled(): boolean {\n    return this.disabled();\n  }\n\n  public isRemovable(): boolean {\n    return this.removable() && !this.isDisabled();\n  }\n\n  public resolvedLabel(): string {\n    return normalizeString(this.label()) ?? 'tag';\n  }\n\n  public requestRemove(): boolean {\n    if (!this.isRemovable()) {\n      return false;\n    }\n\n    this.tngTagRemoved.emit();\n    return true;\n  }\n\n  @HostBinding('attr.aria-disabled')\n  protected get ariaDisabledAttr(): 'true' | null {\n    return this.isDisabled() ? 'true' : null;\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.isDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-removable')\n  protected get dataRemovableAttr(): '' | null {\n    return this.removable() ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'tag' as const;\n}\n\n@Directive({\n  selector: '[tngTagIcon]',\n  exportAs: 'tngTagIcon',\n  standalone: true,\n})\nexport class TngTagIcon {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'tag-icon' as const;\n}\n\n@Directive({\n  selector: '[tngTagClose]',\n  exportAs: 'tngTagClose',\n  standalone: true,\n})\nexport class TngTagClose {\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly tag = inject(TngTag, { optional: true });\n\n  private focused = false;\n  private suppressNextClick = false;\n\n  public readonly ariaLabel = input<string | null>(null, {\n    alias: 'tngTagCloseAriaLabel',\n  });\n\n  @HostListener('click', ['$event'])\n  protected onClick(event: TngMouseEvent): void {\n    if (this.suppressNextClick) {\n      this.suppressNextClick = false;\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (!this.requestRemove()) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  @HostListener('focusin')\n  protected onFocusIn(): void {\n    this.focused = true;\n  }\n\n  @HostListener('focusout')\n  protected onFocusOut(): void {\n    this.focused = false;\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: TngKeyboardEvent): void {\n    if (event.key !== 'Enter' && event.key !== ' ') {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.suppressNextClick = true;\n    setTimeout(() => {\n      this.suppressNextClick = false;\n    });\n\n    this.requestRemove();\n  }\n\n  private requestRemove(): boolean {\n    return this.tag?.requestRemove() === true;\n  }\n\n  private isButtonElement(): boolean {\n    return this.elementRef.nativeElement.tagName === 'BUTTON';\n  }\n\n  private isDisabled(): boolean {\n    return this.tag?.isRemovable() !== true;\n  }\n\n  @HostBinding('attr.aria-label')\n  protected get ariaLabelAttr(): string {\n    const explicit = normalizeString(this.ariaLabel());\n    if (explicit !== null) {\n      return explicit;\n    }\n\n    const hostDefined = normalizeString(this.elementRef.nativeElement.getAttribute('aria-label'));\n    if (hostDefined !== null) {\n      return hostDefined;\n    }\n\n    const label = this.tag?.resolvedLabel() ?? 'tag';\n    return `Remove ${label}`;\n  }\n\n  @HostBinding('attr.data-disabled')\n  protected get dataDisabledAttr(): '' | null {\n    return this.isDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.data-focused')\n  protected get dataFocusedAttr(): '' | null {\n    return this.focused ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'tag-close' as const;\n\n  @HostBinding('attr.disabled')\n  protected get disabledAttr(): '' | null {\n    if (!this.isButtonElement()) {\n      return null;\n    }\n\n    return this.isDisabled() ? '' : null;\n  }\n\n  @HostBinding('attr.role')\n  protected get roleAttr(): 'button' | null {\n    return this.isButtonElement() ? null : 'button';\n  }\n\n  @HostBinding('attr.tabindex')\n  protected get tabIndexAttr(): '0' | '-1' | null {\n    if (this.isButtonElement()) {\n      return null;\n    }\n\n    return this.isDisabled() ? '-1' : '0';\n  }\n\n  @HostBinding('attr.type')\n  protected get typeAttr(): 'button' | null {\n    return this.isButtonElement() ? 'button' : null;\n  }\n}\n"]}