@fuse_ui/chip 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# chip
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test chip` to execute the unit tests.

package/fesm2022/fuse_ui-chip.mjs

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { input, model, output, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { FuseIconComponent } from '@fuse_ui/icon';
+
+class FuseChipComponent {
+    // ─── Inputs ──────────────────────────────────────────────────────────────────
+    variant = input('flat', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    closable = input(false, ...(ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []));
+    selectable = input(false, ...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
+    // ─── Two-way binding ─────────────────────────────────────────────────────────
+    selected = model(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    // ─── Outputs ─────────────────────────────────────────────────────────────────
+    chipClose = output();
+    // ─── Computed ────────────────────────────────────────────────────────────────
+    hostClass = computed(() => [
+        'fuse-chip',
+        `fuse-chip--${this.variant()}`,
+        `fuse-chip--${this.color()}`,
+        `fuse-chip--${this.size()}`,
+        this.selected() ? 'fuse-chip--selected' : '',
+        this.selectable() ? 'fuse-chip--selectable' : '',
+    ].filter(Boolean).join(' '), ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+    // ─── Event handlers ──────────────────────────────────────────────────────────
+    handleHostClick() {
+        if (this.selectable()) {
+            this.selected.set(!this.selected());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuseChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuseChipComponent, isStandalone: true, selector: "fuse-chip", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", chipClose: "chipClose" }, host: { listeners: { "click": "handleHostClick()" }, properties: { "attr.data-selected": "selected()", "attr.data-selectable": "selectable()" }, classAttribute: "fuse-chip-host" }, ngImport: i0, template: "<span [class]=\"hostClass()\">\n  <ng-content></ng-content>\n  @if (closable()) {\n    <button\n      class=\"fuse-chip__close\"\n      type=\"button\"\n      aria-label=\"Remove\"\n      (click)=\"$event.stopPropagation(); chipClose.emit()\">\n      <fuse-icon name=\"x\" size=\"xs\"></fuse-icon>\n    </button>\n  }\n</span>\n", styles: [":host{display:inline-flex;cursor:default;-webkit-user-select:none;user-select:none;transition:background-color var(--fuse-duration-fast, .15s) var(--fuse-easing-smooth),transform var(--fuse-duration-micro, .1s) var(--fuse-easing-ease-out),box-shadow var(--fuse-duration-fast, .15s) var(--fuse-easing-smooth),color var(--fuse-duration-fast, .15s) var(--fuse-easing-smooth)}@media(prefers-reduced-motion:reduce){:host{transition:none}}:host([data-selectable=true]){cursor:pointer}:host([data-selectable=true]):active{transform:scale(.96)}:host([data-selected=true]) .fuse-chip--flat,:host([data-selected=true]) .fuse-chip--bordered{background:var(--fuse-color-primary);color:var(--fuse-color-on-primary);border-color:var(--fuse-color-primary)}:host-context(.ios){--fuse-chip-radius: var(--fuse-radius-full, 9999px)}:host-context(.md){--fuse-chip-radius: var(--fuse-radius-sm, 4px)}.fuse-chip{display:inline-flex;align-items:center;gap:var(--fuse-spacing-1, 4px);border-radius:var(--fuse-chip-radius, var(--fuse-radius-full, 9999px));font-family:var(--fuse-font-family, system-ui, sans-serif);font-weight:500;line-height:1;white-space:nowrap;border:1px solid transparent}.fuse-chip--sm{padding:3px 10px;font-size:var(--fuse-fluid-xs, .75rem)}.fuse-chip--md{padding:5px 14px;font-size:var(--fuse-fluid-sm, .875rem)}.fuse-chip--solid.fuse-chip--primary{background:var(--fuse-color-primary);color:var(--fuse-color-on-primary)}.fuse-chip--solid.fuse-chip--secondary{background:var(--fuse-color-secondary);color:var(--fuse-color-on-secondary)}.fuse-chip--solid.fuse-chip--success{background:var(--fuse-color-success);color:#fff}.fuse-chip--solid.fuse-chip--warning{background:var(--fuse-color-warning);color:#000}.fuse-chip--solid.fuse-chip--danger{background:var(--fuse-color-danger);color:#fff}.fuse-chip--flat.fuse-chip--primary{background:color-mix(in srgb,var(--fuse-color-primary) 15%,transparent);color:var(--fuse-color-primary)}.fuse-chip--flat.fuse-chip--secondary{background:color-mix(in srgb,var(--fuse-color-secondary) 50%,transparent);color:var(--fuse-color-on-secondary)}.fuse-chip--flat.fuse-chip--success{background:color-mix(in srgb,var(--fuse-color-success) 15%,transparent);color:var(--fuse-color-success)}.fuse-chip--flat.fuse-chip--warning{background:color-mix(in srgb,var(--fuse-color-warning) 15%,transparent);color:var(--fuse-color-warning)}.fuse-chip--flat.fuse-chip--danger{background:color-mix(in srgb,var(--fuse-color-danger) 15%,transparent);color:var(--fuse-color-danger)}.fuse-chip--bordered{background:transparent}.fuse-chip--bordered.fuse-chip--primary{border-color:var(--fuse-color-primary);color:var(--fuse-color-primary)}.fuse-chip--bordered.fuse-chip--secondary{border-color:var(--fuse-color-secondary);color:var(--fuse-color-on-secondary)}.fuse-chip--bordered.fuse-chip--success{border-color:var(--fuse-color-success);color:var(--fuse-color-success)}.fuse-chip--bordered.fuse-chip--warning{border-color:var(--fuse-color-warning);color:var(--fuse-color-warning)}.fuse-chip--bordered.fuse-chip--danger{border-color:var(--fuse-color-danger);color:var(--fuse-color-danger)}.fuse-chip__close{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;margin-right:-4px;padding:2px;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:50%;opacity:.7;transition:opacity var(--fuse-duration-fast, .15s) var(--fuse-easing-smooth)}@media(prefers-reduced-motion:reduce){.fuse-chip__close{transition:none}}.fuse-chip__close:hover{opacity:1}.fuse-chip__close:focus-visible{outline:2px solid currentColor;outline-offset:1px;opacity:1}\n"], dependencies: [{ kind: "component", type: FuseIconComponent, selector: "fuse-icon", inputs: ["name", "size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuseChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fuse-chip', standalone: true, imports: [FuseIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'fuse-chip-host',
+                        '[attr.data-selected]': 'selected()',
+                        '[attr.data-selectable]': 'selectable()',
+                        '(click)': 'handleHostClick()',
+                    }, template: "<span [class]=\"hostClass()\">\n  <ng-content></ng-content>\n  @if (closable()) {\n    <button\n      class=\"fuse-chip__close\"\n      type=\"button\"\n      aria-label=\"Remove\"\n      (click)=\"$event.stopPropagation(); chipClose.emit()\">\n      <fuse-icon name=\"x\" size=\"xs\"></fuse-icon>\n    </button>\n  }\n</span>\n", styles: [":host{display:inline-flex;cursor:default;-webkit-user-select:none;user-select:none;transition:background-color var(--fuse-duration-fast, .15s) var(--fuse-easing-smooth),transform var(--fuse-duration-micro, .1s) var(--fuse-easing-ease-out),box-shadow var(--fuse-duration-fast, .15s) var(--fuse-easing-smooth),color var(--fuse-duration-fast, .15s) var(--fuse-easing-smooth)}@media(prefers-reduced-motion:reduce){:host{transition:none}}:host([data-selectable=true]){cursor:pointer}:host([data-selectable=true]):active{transform:scale(.96)}:host([data-selected=true]) .fuse-chip--flat,:host([data-selected=true]) .fuse-chip--bordered{background:var(--fuse-color-primary);color:var(--fuse-color-on-primary);border-color:var(--fuse-color-primary)}:host-context(.ios){--fuse-chip-radius: var(--fuse-radius-full, 9999px)}:host-context(.md){--fuse-chip-radius: var(--fuse-radius-sm, 4px)}.fuse-chip{display:inline-flex;align-items:center;gap:var(--fuse-spacing-1, 4px);border-radius:var(--fuse-chip-radius, var(--fuse-radius-full, 9999px));font-family:var(--fuse-font-family, system-ui, sans-serif);font-weight:500;line-height:1;white-space:nowrap;border:1px solid transparent}.fuse-chip--sm{padding:3px 10px;font-size:var(--fuse-fluid-xs, .75rem)}.fuse-chip--md{padding:5px 14px;font-size:var(--fuse-fluid-sm, .875rem)}.fuse-chip--solid.fuse-chip--primary{background:var(--fuse-color-primary);color:var(--fuse-color-on-primary)}.fuse-chip--solid.fuse-chip--secondary{background:var(--fuse-color-secondary);color:var(--fuse-color-on-secondary)}.fuse-chip--solid.fuse-chip--success{background:var(--fuse-color-success);color:#fff}.fuse-chip--solid.fuse-chip--warning{background:var(--fuse-color-warning);color:#000}.fuse-chip--solid.fuse-chip--danger{background:var(--fuse-color-danger);color:#fff}.fuse-chip--flat.fuse-chip--primary{background:color-mix(in srgb,var(--fuse-color-primary) 15%,transparent);color:var(--fuse-color-primary)}.fuse-chip--flat.fuse-chip--secondary{background:color-mix(in srgb,var(--fuse-color-secondary) 50%,transparent);color:var(--fuse-color-on-secondary)}.fuse-chip--flat.fuse-chip--success{background:color-mix(in srgb,var(--fuse-color-success) 15%,transparent);color:var(--fuse-color-success)}.fuse-chip--flat.fuse-chip--warning{background:color-mix(in srgb,var(--fuse-color-warning) 15%,transparent);color:var(--fuse-color-warning)}.fuse-chip--flat.fuse-chip--danger{background:color-mix(in srgb,var(--fuse-color-danger) 15%,transparent);color:var(--fuse-color-danger)}.fuse-chip--bordered{background:transparent}.fuse-chip--bordered.fuse-chip--primary{border-color:var(--fuse-color-primary);color:var(--fuse-color-primary)}.fuse-chip--bordered.fuse-chip--secondary{border-color:var(--fuse-color-secondary);color:var(--fuse-color-on-secondary)}.fuse-chip--bordered.fuse-chip--success{border-color:var(--fuse-color-success);color:var(--fuse-color-success)}.fuse-chip--bordered.fuse-chip--warning{border-color:var(--fuse-color-warning);color:var(--fuse-color-warning)}.fuse-chip--bordered.fuse-chip--danger{border-color:var(--fuse-color-danger);color:var(--fuse-color-danger)}.fuse-chip__close{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;margin-right:-4px;padding:2px;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:50%;opacity:.7;transition:opacity var(--fuse-duration-fast, .15s) var(--fuse-easing-smooth)}@media(prefers-reduced-motion:reduce){.fuse-chip__close{transition:none}}.fuse-chip__close:hover{opacity:1}.fuse-chip__close:focus-visible{outline:2px solid currentColor;outline-offset:1px;opacity:1}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], chipClose: [{ type: i0.Output, args: ["chipClose"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FuseChipComponent };
+//# sourceMappingURL=fuse_ui-chip.mjs.map

package/fesm2022/fuse_ui-chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fuse_ui-chip.mjs","sources":["../../../../packages/chip/src/lib/chip/fuse-chip.component.ts","../../../../packages/chip/src/lib/chip/fuse-chip.component.html","../../../../packages/chip/src/fuse_ui-chip.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n  ElementRef,\n} from '@angular/core';\nimport { FuseIconComponent } from '@fuse_ui/icon';\n\n@Component({\n  selector: 'fuse-chip',\n  standalone: true,\n  imports: [FuseIconComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './fuse-chip.component.html',\n  styleUrl: './fuse-chip.component.scss',\n  host: {\n    class: 'fuse-chip-host',\n    '[attr.data-selected]': 'selected()',\n    '[attr.data-selectable]': 'selectable()',\n    '(click)': 'handleHostClick()',\n  },\n})\nexport class FuseChipComponent {\n  // ─── Inputs ──────────────────────────────────────────────────────────────────\n\n  readonly variant   = input<'solid' | 'flat' | 'bordered'>('flat');\n  readonly color     = input<'primary' | 'secondary' | 'success' | 'warning' | 'danger'>('primary');\n  readonly size      = input<'sm' | 'md'>('md');\n  readonly closable  = input<boolean>(false);\n  readonly selectable = input<boolean>(false);\n\n  // ─── Two-way binding ─────────────────────────────────────────────────────────\n\n  readonly selected = model<boolean>(false);\n\n  // ─── Outputs ─────────────────────────────────────────────────────────────────\n\n  readonly chipClose = output<void>();\n\n  // ─── Computed ────────────────────────────────────────────────────────────────\n\n  protected readonly hostClass = computed(() =>\n    [\n      'fuse-chip',\n      `fuse-chip--${this.variant()}`,\n      `fuse-chip--${this.color()}`,\n      `fuse-chip--${this.size()}`,\n      this.selected()  ? 'fuse-chip--selected'  : '',\n      this.selectable() ? 'fuse-chip--selectable' : '',\n    ].filter(Boolean).join(' ')\n  );\n\n  // ─── Event handlers ──────────────────────────────────────────────────────────\n\n  protected handleHostClick(): void {\n    if (this.selectable()) {\n      this.selected.set(!this.selected());\n    }\n  }\n}\n","<span [class]=\"hostClass()\">\n  <ng-content></ng-content>\n  @if (closable()) {\n    <button\n      class=\"fuse-chip__close\"\n      type=\"button\"\n      aria-label=\"Remove\"\n      (click)=\"$event.stopPropagation(); chipClose.emit()\">\n      <fuse-icon name=\"x\" size=\"xs\"></fuse-icon>\n    </button>\n  }\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@fuse_ui/chip",
+  "version": "0.0.1",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "fuse-ui",
+    "angular",
+    "ionic",
+    "ionic8",
+    "angular18",
+    "angular19",
+    "angular20",
+    "angular21",
+    "ui-components",
+    "design-system",
+    "css-variables",
+    "signals",
+    "standalone",
+    "multi-theme",
+    "dark-mode",
+    "fluid-typography",
+    "animated"
+  ],
+  "peerDependencies": {
+    "@angular/core": ">=18.0.0",
+    "@angular/common": ">=18.0.0",
+    "rxjs": ">=7.4.0",
+    "@fuse_ui/icon": "0.0.1"
+  },
+  "peerDependenciesMeta": {
+    "@ionic/angular": {
+      "optional": true
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "**/*.scss"
+  ],
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "module": "fesm2022/fuse_ui-chip.mjs",
+  "typings": "types/fuse_ui-chip.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/fuse_ui-chip.d.ts",
+      "default": "./fesm2022/fuse_ui-chip.mjs"
+    }
+  },
+  "type": "module",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/fuse_ui-chip.d.ts

@@ -0,0 +1,17 @@
+import * as _angular_core from '@angular/core';
+
+declare class FuseChipComponent {
+    readonly variant: _angular_core.InputSignal<"solid" | "flat" | "bordered">;
+    readonly color: _angular_core.InputSignal<"primary" | "secondary" | "success" | "warning" | "danger">;
+    readonly size: _angular_core.InputSignal<"sm" | "md">;
+    readonly closable: _angular_core.InputSignal<boolean>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    readonly selected: _angular_core.ModelSignal<boolean>;
+    readonly chipClose: _angular_core.OutputEmitterRef<void>;
+    protected readonly hostClass: _angular_core.Signal<string>;
+    protected handleHostClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuseChipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuseChipComponent, "fuse-chip", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "chipClose": "chipClose"; }, never, ["*"], true, never>;
+}
+
+export { FuseChipComponent };