valtech-components 2.0.816 → 2.0.818

package/lib/components/molecules/pill/pill.component.d.ts

@@ -1,6 +1,6 @@
-import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ThemeService } from '../../../services/theme.service';
-import { PillMetadata } from './types';
+import { PillClickEvent, PillMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class PillComponent implements OnInit, OnChanges {
     theme: ThemeService;
@@ -8,15 +8,16 @@ export declare class PillComponent implements OnInit, OnChanges {
     /**
      * Preset name to apply. Presets define reusable pill configurations
      * that can be registered at app level via provideValtechPresets().
-     *
-     * @example
-     * <val-pill preset="info" [props]="{ content: {...} }"></val-pill>
      */
     preset?: string;
     /**
      * Pill configuration object. Values here override preset values.
      */
     props: Partial<PillMetadata>;
+    /**
+     * Emits when a clickable text-pill is activated (click / Enter / Space).
+     */
+    pillClick: EventEmitter<PillClickEvent>;
     /**
      * Resolved props after merging preset + explicit props.
      */
@@ -28,6 +29,16 @@ export declare class PillComponent implements OnInit, OnChanges {
      * Explicit props take precedence over preset values.
      */
     private resolveProps;
+    /** Text-pill mode is active when a `label` is provided. */
+    get isTextPill(): boolean;
+    /** Color variant for the text-pill, with a sensible default. */
+    get pillColor(): string;
+    /** Font weight for the text-pill, with a sensible default. */
+    get pillWeight(): string;
+    /** Size for the text-pill, with a sensible default. */
+    get pillSize(): string;
+    /** Handles activation of a clickable text-pill. */
+    onPillClick(event?: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PillComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "val-pill", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "val-pill", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "pillClick": "pillClick"; }, never, never, true, never>;
 }

package/lib/components/molecules/pill/types.d.ts

@@ -1,9 +1,63 @@
+import { Color } from '@ionic/core';
 import { ActionHeaderMetadata } from '../action-header/types';
+/**
+ * Visual color variant for the text-pill (badge) mode of `val-pill`.
+ * Maps to Ionic theme colors so it stays coherent with the rest of the lib.
+ */
+export type PillColor = Color;
+/**
+ * Font weight for the text-pill label.
+ */
+export type PillWeight = 'normal' | 'medium' | 'bold';
+/**
+ * Size of the text-pill (badge) mode.
+ */
+export type PillSize = 'small' | 'medium' | 'large';
+/**
+ * Configuration for `val-pill`.
+ *
+ * The component has two modes:
+ *
+ * 1. **Card mode** (legacy) — provide `content` (an `ActionHeaderMetadata`).
+ *    Renders a large fun-card with a title + action button.
+ *
+ * 2. **Text-pill / badge mode** — provide `label`. Renders a compact rounded
+ *    pill with a single text label. Supports `color`, `weight`, `size` and an
+ *    optional click action (`clickable` + `pillClick` output).
+ *
+ * When both are provided, `label` (text-pill mode) takes precedence.
+ */
 export type PillMetadata = {
     token?: string;
     image?: string;
     bordered?: boolean;
     background?: string;
     hoverable?: boolean;
-    content: ActionHeaderMetadata;
+    /** Card-mode content. Optional — omit when using text-pill mode. */
+    content?: ActionHeaderMetadata;
+    /** Text-pill label. Presence of this switches the component to badge mode. */
+    label?: string;
+    /** Color variant for the text-pill. Default `medium`. */
+    color?: PillColor;
+    /** Font weight for the text-pill label. Default `medium`. */
+    weight?: PillWeight;
+    /** Size of the text-pill. Default `small`. */
+    size?: PillSize;
+    /** Optional icon name (ionicon) shown before the label. */
+    icon?: string;
+    /** When `true` the pill is interactive: pointer cursor + emits `pillClick`. */
+    clickable?: boolean;
+    /** Solid fill instead of the default soft/tinted fill. */
+    solid?: boolean;
+    /** Accessible label override for the clickable pill. Falls back to `label`. */
+    ariaLabel?: string;
 };
+/**
+ * Event emitted when a clickable text-pill is activated.
+ */
+export interface PillClickEvent {
+    /** The pill token, if one was set. */
+    token?: string;
+    /** The pill label at click time. */
+    label?: string;
+}

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "2.0.816";
+export declare const VERSION = "2.0.818";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.816",
+  "version": "2.0.818",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"