bank20baht-ui-angular 0.1.0 → 0.1.1

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.
@@ -1482,7 +1482,7 @@ export declare class BahtSplitButtonDirective {
1482
1482
  static ɵdir: i0.ɵɵDirectiveDeclaration<BahtSplitButtonDirective, "baht-split-button", ["bahtSplitButton"], { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "shortcut": { "alias": "shortcut"; "required": false; }; "items": { "alias": "items"; "required": false; }; "align": { "alias": "align"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; }, { "bahtClick": "bahtClick"; "bahtSelect": "bahtSelect"; }, never, never, true, never>;
1483
1483
  static ngAcceptInputType_disabled: unknown;
1484
1484
  }
1485
- /** `<baht-stat>`: Stat tile: label, one figure, an optional delta against a named period and an optional sparkline */
1485
+ /** `<baht-stat>` */
1486
1486
  export declare class BahtStatDirective {
1487
1487
  /** The element itself, for its methods. */
1488
1488
  readonly element: BahtStat;
@@ -1508,8 +1508,12 @@ export declare class BahtStatDirective {
1508
1508
  set size(v: BahtStat['size']);
1509
1509
  /** Icon name from the curated set (see icons.ts), shown in a chip before the label. */
1510
1510
  set icon(v: BahtStat['icon']);
1511
+ /** The previous period's figure. With no `delta`, the tile works the % change out itself, and a base under 5 reads "was 1" in grey instead of a loud −100% on a tiny count. */
1512
+ set previous(v: BahtStat['previous']);
1513
+ /** `neutral` keeps the delta grey both ways: spend or volume, where up is neither good nor bad. */
1514
+ set deltaTone(v: BahtStat['deltaTone']);
1511
1515
  static ɵfac: i0.ɵɵFactoryDeclaration<BahtStatDirective, never>;
1512
- static ɵdir: i0.ɵɵDirectiveDeclaration<BahtStatDirective, "baht-stat", ["bahtStat"], { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "delta": { "alias": "delta"; "required": false; }; "deltaKind": { "alias": "deltaKind"; "required": false; }; "deltaLabel": { "alias": "deltaLabel"; "required": false; }; "upIsGood": { "alias": "upIsGood"; "required": false; }; "trend": { "alias": "trend"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
1516
+ static ɵdir: i0.ɵɵDirectiveDeclaration<BahtStatDirective, "baht-stat", ["bahtStat"], { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "delta": { "alias": "delta"; "required": false; }; "deltaKind": { "alias": "deltaKind"; "required": false; }; "deltaLabel": { "alias": "deltaLabel"; "required": false; }; "upIsGood": { "alias": "upIsGood"; "required": false; }; "trend": { "alias": "trend"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "previous": { "alias": "previous"; "required": false; }; "deltaTone": { "alias": "deltaTone"; "required": false; }; }, {}, never, never, true, never>;
1513
1517
  static ngAcceptInputType_value: unknown;
1514
1518
  static ngAcceptInputType_upIsGood: unknown;
1515
1519
  }
package/dist/elements.js CHANGED
@@ -3327,7 +3327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.5", ngImpor
3327
3327
  }], menuLabel: [{
3328
3328
  type: Input
3329
3329
  }], bahtClick: [{ type: i0.Output, args: ["bahtClick"] }], bahtSelect: [{ type: i0.Output, args: ["bahtSelect"] }] } });
3330
- /** `<baht-stat>`: Stat tile: label, one figure, an optional delta against a named period and an optional sparkline */
3330
+ /** `<baht-stat>` */
3331
3331
  export class BahtStatDirective {
3332
3332
  constructor() {
3333
3333
  /** The element itself, for its methods. */
@@ -3377,8 +3377,16 @@ export class BahtStatDirective {
3377
3377
  set icon(v) {
3378
3378
  assign(this.element, 'icon', v);
3379
3379
  }
3380
+ /** The previous period's figure. With no `delta`, the tile works the % change out itself, and a base under 5 reads "was 1" in grey instead of a loud −100% on a tiny count. */
3381
+ set previous(v) {
3382
+ assign(this.element, 'previous', v);
3383
+ }
3384
+ /** `neutral` keeps the delta grey both ways: spend or volume, where up is neither good nor bad. */
3385
+ set deltaTone(v) {
3386
+ assign(this.element, 'deltaTone', v);
3387
+ }
3380
3388
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.5", ngImport: i0, type: BahtStatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
3381
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.2.5", type: BahtStatDirective, isStandalone: true, selector: "baht-stat", inputs: { label: "label", value: ["value", "value", num], format: "format", currency: "currency", delta: "delta", deltaKind: "deltaKind", deltaLabel: "deltaLabel", upIsGood: ["upIsGood", "upIsGood", booleanAttribute], trend: "trend", size: "size", icon: "icon" }, exportAs: ["bahtStat"], ngImport: i0 }); }
3389
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.2.5", type: BahtStatDirective, isStandalone: true, selector: "baht-stat", inputs: { label: "label", value: ["value", "value", num], format: "format", currency: "currency", delta: "delta", deltaKind: "deltaKind", deltaLabel: "deltaLabel", upIsGood: ["upIsGood", "upIsGood", booleanAttribute], trend: "trend", size: "size", icon: "icon", previous: "previous", deltaTone: "deltaTone" }, exportAs: ["bahtStat"], ngImport: i0 }); }
3382
3390
  }
3383
3391
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.5", ngImport: i0, type: BahtStatDirective, decorators: [{
3384
3392
  type: Directive,
@@ -3407,6 +3415,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.5", ngImpor
3407
3415
  type: Input
3408
3416
  }], icon: [{
3409
3417
  type: Input
3418
+ }], previous: [{
3419
+ type: Input
3420
+ }], deltaTone: [{
3421
+ type: Input
3410
3422
  }] } });
3411
3423
  /** `<baht-stat-chart>`: Big single-number stat (report type "count") */
3412
3424
  export class BahtStatChartDirective {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bank20baht-ui-angular",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "type": "module",
5
5
  "description": "Angular adapter for bank20baht-ui: typed directives on the real <baht-*> elements, with typed outputs, [(value)] two-way binding and the Angular binding gotchas handled. Generated from the elements' manifest.",
6
6
  "license": "MIT",