@masmarino/gabarit 0.1.1 → 0.2.0

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 (5) hide show
  1. package/fesm2022/masmarino-gabarit.mjs +181 -10
  2. package/fesm2022/masmarino-gabarit.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/tokens/_semantic.scss +7 -0
  5. package/types/masmarino-gabarit.d.ts +55 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@masmarino/gabarit",
3
- "version": "0.1.1",
3
+ "version": "0.2.0",
4
4
  "description": "Angular design system — UI components and dataviz for self-hosted applications.",
5
5
  "license": "MIT",
6
6
  "homepage": "https://github.com/Masmarino/Gabarit",
package/src/lib/tokens/_semantic.scss CHANGED
@@ -36,6 +36,13 @@
36
36
  --color-error-bg: var(--red-100);
37
37
  --color-error-bg-text: var(--red-800);
38
38
 
39
+ --bg-inverse: var(--grey-900);
40
+
41
+ --color-success-vivid-base: var(--green-500);
42
+ --color-warning-vivid-base: #c38927;
43
+ --color-error-vivid-base: var(--red-500);
44
+ --color-info-vivid-base: #2f6feb;
45
+
39
46
  --chart-series-1-base: #bd8200;
40
47
  --chart-series-2-base: #009e73;
41
48
  --chart-series-3-base: #0072b2;
package/types/masmarino-gabarit.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as _angular_core from '@angular/core';
3
3
  import { OnDestroy, TemplateRef, ElementRef, InjectionToken, Signal } from '@angular/core';
4
4
  import { ControlValueAccessor } from '@angular/forms';
5
5
 
6
- declare const GABARIT_VERSION = "0.1.1";
6
+ declare const GABARIT_VERSION = "0.2.0";
7
7
 
8
8
  declare class Icon {
9
9
  private readonly sanitizer;
@@ -72,7 +72,7 @@ declare class Card {
72
72
  declare class GbtInput implements ControlValueAccessor {
73
73
  id: _angular_core.InputSignal<string>;
74
74
  label: _angular_core.InputSignal<string>;
75
- type: _angular_core.InputSignal<"text" | "password">;
75
+ type: _angular_core.InputSignal<"text" | "password" | "email">;
76
76
  required: _angular_core.InputSignalWithTransform<boolean, unknown>;
77
77
  disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
78
78
  placeholder: _angular_core.InputSignal<string>;
@@ -80,9 +80,10 @@ declare class GbtInput implements ControlValueAccessor {
80
80
  autocomplete: _angular_core.InputSignal<string>;
81
81
  showPasswordLabel: _angular_core.InputSignal<string>;
82
82
  hidePasswordLabel: _angular_core.InputSignal<string>;
83
+ committed: _angular_core.OutputEmitterRef<string>;
83
84
  protected readonly value: _angular_core.WritableSignal<string>;
84
85
  protected readonly passwordVisible: _angular_core.WritableSignal<boolean>;
85
- protected readonly effectiveType: _angular_core.Signal<"text" | "password">;
86
+ protected readonly effectiveType: _angular_core.Signal<"text" | "password" | "email">;
86
87
  private readonly formDisabled;
87
88
  protected readonly isDisabled: _angular_core.Signal<boolean>;
88
89
  private onChange;
@@ -95,7 +96,7 @@ declare class GbtInput implements ControlValueAccessor {
95
96
  protected onBlur(): void;
96
97
  protected togglePasswordVisibility(): void;
97
98
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<GbtInput, never>;
98
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<GbtInput, "gbt-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "showPasswordLabel": { "alias": "showPasswordLabel"; "required": false; "isSignal": true; }; "hidePasswordLabel": { "alias": "hidePasswordLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
99
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<GbtInput, "gbt-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "showPasswordLabel": { "alias": "showPasswordLabel"; "required": false; "isSignal": true; }; "hidePasswordLabel": { "alias": "hidePasswordLabel"; "required": false; "isSignal": true; }; }, { "committed": "committed"; }, never, never, true, never>;
99
100
  }
100
101
 
101
102
  declare class Checkbox implements ControlValueAccessor {
@@ -703,6 +704,7 @@ declare class GaugeBar {
703
704
  interface DimensionRow {
704
705
  label: string;
705
706
  value: number;
707
+ display?: string;
706
708
  }
707
709
  interface RenderedRow {
708
710
  label: string;
@@ -782,5 +784,52 @@ declare class Menu {
782
784
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<Menu, "gbt-menu", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
783
785
  }
784
786
 
785
- export { AppShell, BarChart, BarSeries, Button, CHART_CONTEXT, Card, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, Checkbox, DimensionCard, FunnelChart, GABARIT_VERSION, GaugeBar, GbtInput, Icon, IconRegistry, LineChart, LineSeries, Menu, Modal, SearchBar, Select, Sparkline, Tab, Table, Tabs, TimelineChart, TimelineSeries, areaPath, bandScale, formatCompact, formatDuration, formatNumber, formatPercent, linePath, linearScale, nearestIndex, niceTicks, niceXDomain, niceYDomain, timeScale, timeTicks };
786
- export type { AxisSpec, BandScale, ChartBox, ChartInterval, ChartMargin, ChartPoint, ChartReader, ChartSeries, DimensionRow, FunnelStep, LegendEntry, LinearAxisSpec, Point, PointValue, Scale, SearchResultCategory, SelectOption, TableColumn, TimeTicks, TimeUnit, TooltipPoint, TooltipRow };
787
+ type ToastVariant = 'success' | 'error' | 'warning' | 'info';
788
+ type ToasterPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
789
+ interface ToastItem {
790
+ id: string;
791
+ variant: ToastVariant;
792
+ message: string;
793
+ duration?: number;
794
+ }
795
+ declare class Toaster implements OnDestroy {
796
+ toasts: _angular_core.InputSignal<ToastItem[]>;
797
+ position: _angular_core.InputSignal<ToasterPosition>;
798
+ closeLabel: _angular_core.InputSignal<string>;
799
+ dismissed: _angular_core.OutputEmitterRef<string>;
800
+ private readonly timers;
801
+ constructor();
802
+ ngOnDestroy(): void;
803
+ protected roleFor(variant: ToastVariant): 'alert' | 'status';
804
+ protected iconFor(variant: ToastVariant): string;
805
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<Toaster, never>;
806
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Toaster, "gbt-toaster", never, { "toasts": { "alias": "toasts"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
807
+ }
808
+
809
+ type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
810
+ interface TooltipCoords {
811
+ top: number;
812
+ left: number;
813
+ }
814
+ declare class Tooltip implements OnDestroy {
815
+ private readonly elementRef;
816
+ text: _angular_core.InputSignal<string>;
817
+ position: _angular_core.InputSignal<TooltipPosition>;
818
+ readonly tooltipId: string;
819
+ protected readonly visible: _angular_core.WritableSignal<boolean>;
820
+ protected readonly closing: _angular_core.WritableSignal<boolean>;
821
+ protected readonly coords: _angular_core.WritableSignal<TooltipCoords | null>;
822
+ private showTimer;
823
+ private hideTimer;
824
+ protected onMouseEnter(): void;
825
+ protected onFocusIn(): void;
826
+ private show;
827
+ protected updatePosition(): void;
828
+ protected hide(): void;
829
+ ngOnDestroy(): void;
830
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tooltip, never>;
831
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tooltip, "gbt-tooltip", ["gbtTooltip"], { "text": { "alias": "text"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
832
+ }
833
+
834
+ export { AppShell, BarChart, BarSeries, Button, CHART_CONTEXT, Card, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, Checkbox, DimensionCard, FunnelChart, GABARIT_VERSION, GaugeBar, GbtInput, Icon, IconRegistry, LineChart, LineSeries, Menu, Modal, SearchBar, Select, Sparkline, Tab, Table, Tabs, TimelineChart, TimelineSeries, Toaster, Tooltip, areaPath, bandScale, formatCompact, formatDuration, formatNumber, formatPercent, linePath, linearScale, nearestIndex, niceTicks, niceXDomain, niceYDomain, timeScale, timeTicks };
835
+ export type { AxisSpec, BandScale, ChartBox, ChartInterval, ChartMargin, ChartPoint, ChartReader, ChartSeries, DimensionRow, FunnelStep, LegendEntry, LinearAxisSpec, Point, PointValue, Scale, SearchResultCategory, SelectOption, TableColumn, TimeTicks, TimeUnit, ToastItem, ToastVariant, ToasterPosition, TooltipPoint, TooltipPosition, TooltipRow };