codexly-ui 0.10.14 → 0.10.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/codexly-ui.mjs +15 -7
  2. package/fesm2022/codexly-ui.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/codexly-ui.d.ts +6 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "codexly-ui",
3
- "version": "0.10.14",
3
+ "version": "0.10.16",
4
4
  "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
5
5
  "keywords": [
6
6
  "angular",
package/types/codexly-ui.d.ts CHANGED
@@ -352,6 +352,10 @@ declare class ClxListItemComponent {
352
352
  private readonly _themeSvc;
353
353
  readonly label: _angular_core.InputSignal<string>;
354
354
  readonly sublabel: _angular_core.InputSignal<string>;
355
+ /** By default the sublabel is a single truncated line, right for short metadata (a value, a
356
+ * date). Set true for long descriptive text (e.g. a technical-spec sheet's paragraph value)
357
+ * where clipping the content would hide information the reader actually needs. */
358
+ readonly wrapSublabel: _angular_core.InputSignal<boolean>;
355
359
  readonly icon: _angular_core.InputSignal<string>;
356
360
  readonly meta: _angular_core.InputSignal<string>;
357
361
  readonly metaColor: _angular_core.InputSignal<ClxColorInput | undefined>;
@@ -362,9 +366,10 @@ declare class ClxListItemComponent {
362
366
  protected readonly _hostClass: _angular_core.Signal<string>;
363
367
  protected readonly _numberClass: _angular_core.Signal<string>;
364
368
  protected readonly _labelClass: _angular_core.Signal<string>;
369
+ protected readonly _sublabelClass: _angular_core.Signal<string>;
365
370
  protected readonly _metaClass: _angular_core.Signal<string>;
366
371
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxListItemComponent, never>;
367
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxListItemComponent, "clx-list-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "metaColor": { "alias": "metaColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["[clxLead]", "[clxContent]", "[clxTrail]", "*"], true, never>;
372
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxListItemComponent, "clx-list-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "wrapSublabel": { "alias": "wrapSublabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "metaColor": { "alias": "metaColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["[clxLead]", "[clxContent]", "[clxTrail]", "*"], true, never>;
368
373
  }
369
374
 
370
375
  type ClxSkeletonVariant = 'text' | 'circular' | 'rectangular';