@a.nemreen/dga-ui 0.3.14 → 0.3.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.
- package/CHANGELOG.md +127 -0
- package/README.md +41 -11
- package/fesm2022/a.nemreen-dga-ui-chart.mjs +33 -7
- package/fesm2022/a.nemreen-dga-ui-chatbot.mjs +1 -1
- package/fesm2022/a.nemreen-dga-ui-cookies.mjs +1 -1
- package/fesm2022/a.nemreen-dga-ui-date-picker.mjs +3 -3
- package/fesm2022/a.nemreen-dga-ui-dga-icon-defaults-5A50haok.mjs +1 -0
- package/fesm2022/a.nemreen-dga-ui-header.mjs +26 -8
- package/fesm2022/a.nemreen-dga-ui.mjs +4291 -742
- package/package.json +4 -2
- package/types/a.nemreen-dga-ui-chart.d.ts +12 -0
- package/types/a.nemreen-dga-ui-chatbot.d.ts +3 -3
- package/types/a.nemreen-dga-ui-cookies.d.ts +1 -1
- package/types/a.nemreen-dga-ui-date-picker.d.ts +4 -47
- package/types/a.nemreen-dga-ui.d.ts +1646 -32
- package/fesm2022/a.nemreen-dga-ui-dga-icon-registry-sBZfCS6q.mjs +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@a.nemreen/dga-ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.16",
|
|
4
4
|
"description": "DGA Angular UI library — standalone forms, overlays, navigation, and portal shell with RTL-first Tailwind styling",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": {
|
|
@@ -41,7 +41,8 @@
|
|
|
41
41
|
"fesm2022",
|
|
42
42
|
"types",
|
|
43
43
|
"LICENSE",
|
|
44
|
-
"README.md"
|
|
44
|
+
"README.md",
|
|
45
|
+
"CHANGELOG.md"
|
|
45
46
|
],
|
|
46
47
|
"peerDependencies": {
|
|
47
48
|
"@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
|
|
@@ -54,6 +55,7 @@
|
|
|
54
55
|
"node": ">=18"
|
|
55
56
|
},
|
|
56
57
|
"dependencies": {
|
|
58
|
+
"@hugeicons/core-free-icons": "^4.3.5",
|
|
57
59
|
"tslib": "^2.3.0"
|
|
58
60
|
},
|
|
59
61
|
"sideEffects": false,
|
|
@@ -148,6 +148,18 @@ declare class DgaChart {
|
|
|
148
148
|
readonly sliceTooltip: _angular_core.Signal<DgaChartTooltip | null>;
|
|
149
149
|
formatValue(value: number): string;
|
|
150
150
|
pieTooltipStyle(tip: DgaChartTooltip): Record<string, string>;
|
|
151
|
+
/** Bar-group center, or the line point when the chart is not columns. */
|
|
152
|
+
private tooltipX;
|
|
153
|
+
/** Top of the hovered column or the highest line point in that category. */
|
|
154
|
+
private tooltipY;
|
|
155
|
+
private readonly plotSvg;
|
|
156
|
+
/** Rendered SVG size, so the tooltip follows the drawn bars when the viewBox is letterboxed. */
|
|
157
|
+
private readonly plotBox;
|
|
158
|
+
/** Measured line lengths, in pixels, used to draw each series in. */
|
|
159
|
+
readonly lineLengths: _angular_core.WritableSignal<number[]>;
|
|
160
|
+
constructor();
|
|
161
|
+
private measureLines;
|
|
162
|
+
private syncPlotBox;
|
|
151
163
|
plotTooltipStyle(tip: DgaChartTooltip): Record<string, string>;
|
|
152
164
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaChart, never>;
|
|
153
165
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaChart, "dga-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "series": { "alias": "series"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "datasets": { "alias": "datasets"; "required": false; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "smooth": { "alias": "smooth"; "required": false; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "dots": { "alias": "dots"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "tooltipValueLabel": { "alias": "tooltipValueLabel"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -30,10 +30,10 @@ declare class DgaChatbot {
|
|
|
30
30
|
readonly subtitle: _angular_core.InputSignal<string>;
|
|
31
31
|
readonly fabLabel: _angular_core.InputSignal<string>;
|
|
32
32
|
readonly placeholder: _angular_core.InputSignal<string>;
|
|
33
|
-
readonly fabIcon: _angular_core.InputSignal<"user" | "access" | "
|
|
33
|
+
readonly fabIcon: _angular_core.InputSignal<"user" | "access" | "alertCircle" | "ambulance" | "apple" | "arrowDown" | "arrowDown02" | "arrowLeft" | "arrowLeft02" | "arrowNext" | "arrowNext02" | "arrowPrev" | "arrowPrev02" | "arrowRight" | "arrowRight02" | "arrowUp" | "arrowUp02" | "award" | "badgeCheck" | "bell" | "bellAlt" | "book" | "bookType" | "brain" | "building" | "calendar" | "calendarAlt" | "cart" | "check" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "clock" | "close" | "cloud" | "colorPicker" | "colors" | "cookie" | "copy" | "desert" | "devices" | "disability" | "door" | "download" | "droplet" | "error" | "external" | "eye" | "eyeOff" | "eyeOffSlash" | "facebook" | "filter" | "fire" | "flash" | "folder" | "glasses" | "globe" | "heading" | "headphones" | "helpCircle" | "highlighter" | "home" | "huawei" | "idCard" | "info" | "instagram" | "letterSpacing" | "link" | "linkAlt" | "linkedin" | "location" | "lock" | "lockPassword" | "logout" | "mail" | "mask" | "maximize" | "menu" | "menuAlt" | "message" | "mic" | "minus" | "moon" | "moonAlt" | "moonCloud" | "moreHorizontal" | "moreVertical" | "paintBoard" | "pause" | "phone" | "playStore" | "plus" | "plusSign" | "police" | "printer" | "rain" | "rainZap" | "refresh" | "riyal" | "search" | "share" | "shrink" | "smartphone" | "snow" | "sort" | "sortDown" | "sortUp" | "star" | "starFilled" | "success" | "sun" | "sunAlt" | "sunCloud" | "textAlign" | "textFont" | "textUnderline" | "touch" | "tradeDown" | "tradeUp" | "translation" | "upload" | "users" | "warning" | "whatsapp" | "wheelchair" | "wind" | "x" | "youtube" | "zoomIn" | "zoomOut">;
|
|
34
34
|
/** Prefer a directional arrow so send ≠ chat bubble. */
|
|
35
|
-
readonly sendIcon: _angular_core.InputSignal<"user" | "access" | "
|
|
36
|
-
readonly agentIcon: _angular_core.InputSignal<"user" | "access" | "
|
|
35
|
+
readonly sendIcon: _angular_core.InputSignal<"user" | "access" | "alertCircle" | "ambulance" | "apple" | "arrowDown" | "arrowDown02" | "arrowLeft" | "arrowLeft02" | "arrowNext" | "arrowNext02" | "arrowPrev" | "arrowPrev02" | "arrowRight" | "arrowRight02" | "arrowUp" | "arrowUp02" | "award" | "badgeCheck" | "bell" | "bellAlt" | "book" | "bookType" | "brain" | "building" | "calendar" | "calendarAlt" | "cart" | "check" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "clock" | "close" | "cloud" | "colorPicker" | "colors" | "cookie" | "copy" | "desert" | "devices" | "disability" | "door" | "download" | "droplet" | "error" | "external" | "eye" | "eyeOff" | "eyeOffSlash" | "facebook" | "filter" | "fire" | "flash" | "folder" | "glasses" | "globe" | "heading" | "headphones" | "helpCircle" | "highlighter" | "home" | "huawei" | "idCard" | "info" | "instagram" | "letterSpacing" | "link" | "linkAlt" | "linkedin" | "location" | "lock" | "lockPassword" | "logout" | "mail" | "mask" | "maximize" | "menu" | "menuAlt" | "message" | "mic" | "minus" | "moon" | "moonAlt" | "moonCloud" | "moreHorizontal" | "moreVertical" | "paintBoard" | "pause" | "phone" | "playStore" | "plus" | "plusSign" | "police" | "printer" | "rain" | "rainZap" | "refresh" | "riyal" | "search" | "share" | "shrink" | "smartphone" | "snow" | "sort" | "sortDown" | "sortUp" | "star" | "starFilled" | "success" | "sun" | "sunAlt" | "sunCloud" | "textAlign" | "textFont" | "textUnderline" | "touch" | "tradeDown" | "tradeUp" | "translation" | "upload" | "users" | "warning" | "whatsapp" | "wheelchair" | "wind" | "x" | "youtube" | "zoomIn" | "zoomOut">;
|
|
36
|
+
readonly agentIcon: _angular_core.InputSignal<"user" | "access" | "alertCircle" | "ambulance" | "apple" | "arrowDown" | "arrowDown02" | "arrowLeft" | "arrowLeft02" | "arrowNext" | "arrowNext02" | "arrowPrev" | "arrowPrev02" | "arrowRight" | "arrowRight02" | "arrowUp" | "arrowUp02" | "award" | "badgeCheck" | "bell" | "bellAlt" | "book" | "bookType" | "brain" | "building" | "calendar" | "calendarAlt" | "cart" | "check" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "clock" | "close" | "cloud" | "colorPicker" | "colors" | "cookie" | "copy" | "desert" | "devices" | "disability" | "door" | "download" | "droplet" | "error" | "external" | "eye" | "eyeOff" | "eyeOffSlash" | "facebook" | "filter" | "fire" | "flash" | "folder" | "glasses" | "globe" | "heading" | "headphones" | "helpCircle" | "highlighter" | "home" | "huawei" | "idCard" | "info" | "instagram" | "letterSpacing" | "link" | "linkAlt" | "linkedin" | "location" | "lock" | "lockPassword" | "logout" | "mail" | "mask" | "maximize" | "menu" | "menuAlt" | "message" | "mic" | "minus" | "moon" | "moonAlt" | "moonCloud" | "moreHorizontal" | "moreVertical" | "paintBoard" | "pause" | "phone" | "playStore" | "plus" | "plusSign" | "police" | "printer" | "rain" | "rainZap" | "refresh" | "riyal" | "search" | "share" | "shrink" | "smartphone" | "snow" | "sort" | "sortDown" | "sortUp" | "star" | "starFilled" | "success" | "sun" | "sunAlt" | "sunCloud" | "textAlign" | "textFont" | "textUnderline" | "touch" | "tradeDown" | "tradeUp" | "translation" | "upload" | "users" | "warning" | "whatsapp" | "wheelchair" | "wind" | "x" | "youtube" | "zoomIn" | "zoomOut">;
|
|
37
37
|
readonly fabTone: _angular_core.InputSignal<DgaChatbotFabTone>;
|
|
38
38
|
/** Dim page behind the panel. */
|
|
39
39
|
readonly overlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -77,7 +77,7 @@ declare class DgaCookies implements OnInit {
|
|
|
77
77
|
readonly declineLabel: _angular_core.InputSignal<string>;
|
|
78
78
|
readonly customizeLabel: _angular_core.InputSignal<string>;
|
|
79
79
|
readonly saveLabel: _angular_core.InputSignal<string>;
|
|
80
|
-
readonly icon: _angular_core.InputSignal<"access" | "
|
|
80
|
+
readonly icon: _angular_core.InputSignal<"access" | "alertCircle" | "ambulance" | "apple" | "arrowDown" | "arrowDown02" | "arrowLeft" | "arrowLeft02" | "arrowNext" | "arrowNext02" | "arrowPrev" | "arrowPrev02" | "arrowRight" | "arrowRight02" | "arrowUp" | "arrowUp02" | "award" | "badgeCheck" | "bell" | "bellAlt" | "book" | "bookType" | "brain" | "building" | "calendar" | "calendarAlt" | "cart" | "check" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "clock" | "close" | "cloud" | "colorPicker" | "colors" | "cookie" | "copy" | "desert" | "devices" | "disability" | "door" | "download" | "droplet" | "error" | "external" | "eye" | "eyeOff" | "eyeOffSlash" | "facebook" | "filter" | "fire" | "flash" | "folder" | "glasses" | "globe" | "heading" | "headphones" | "helpCircle" | "highlighter" | "home" | "huawei" | "idCard" | "info" | "instagram" | "letterSpacing" | "link" | "linkAlt" | "linkedin" | "location" | "lock" | "lockPassword" | "logout" | "mail" | "mask" | "maximize" | "menu" | "menuAlt" | "message" | "mic" | "minus" | "moon" | "moonAlt" | "moonCloud" | "moreHorizontal" | "moreVertical" | "paintBoard" | "pause" | "phone" | "playStore" | "plus" | "plusSign" | "police" | "printer" | "rain" | "rainZap" | "refresh" | "riyal" | "search" | "share" | "shrink" | "smartphone" | "snow" | "sort" | "sortDown" | "sortUp" | "star" | "starFilled" | "success" | "sun" | "sunAlt" | "sunCloud" | "textAlign" | "textFont" | "textUnderline" | "touch" | "tradeDown" | "tradeUp" | "translation" | "upload" | "user" | "users" | "warning" | "whatsapp" | "wheelchair" | "wind" | "x" | "youtube" | "zoomIn" | "zoomOut">;
|
|
81
81
|
/** Google Analytics IDs to disable on decline / when analytics is off. */
|
|
82
82
|
readonly gaTrackingIds: _angular_core.InputSignal<string | readonly string[]>;
|
|
83
83
|
/** Consent cookie lifetime in days. */
|
|
@@ -1,49 +1,6 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor, DgaFormControlSize, DgaFormStatus } from '@a.nemreen/dga-ui';
|
|
3
|
-
|
|
4
|
-
/** Calendar system for date values and the picker UI. */
|
|
5
|
-
type DgaDateCalendar = 'gregorian' | 'hijri';
|
|
6
|
-
/** Picker UI mode — inferred from `format` tokens when not set explicitly. */
|
|
7
|
-
type DgaDatePickerMode = 'day' | 'month' | 'year';
|
|
8
|
-
interface DgaCalendarParts {
|
|
9
|
-
year: number;
|
|
10
|
-
month: number;
|
|
11
|
-
day: number;
|
|
12
|
-
}
|
|
13
|
-
declare const DGA_HIJRI_MONTHS: {
|
|
14
|
-
readonly ar: readonly ["محرم", "صفر", "ربيع الأول", "ربيع الثاني", "جمادى الأولى", "جمادى الآخرة", "رجب", "شعبان", "رمضان", "شوال", "ذو القعدة", "ذو الحجة"];
|
|
15
|
-
readonly en: readonly ["Muharram", "Safar", "Rabi I", "Rabi II", "Jumada I", "Jumada II", "Rajab", "Sha'ban", "Ramadan", "Shawwal", "Dhu al-Qi'dah", "Dhu al-Hijjah"];
|
|
16
|
-
};
|
|
17
|
-
declare const DGA_GREGORIAN_MONTHS: {
|
|
18
|
-
readonly ar: readonly ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
|
|
19
|
-
readonly en: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
|
|
20
|
-
};
|
|
21
|
-
declare const DGA_WEEKDAYS: {
|
|
22
|
-
readonly ar: readonly ["أحد", "إثن", "ثلا", "أرب", "خمي", "جمع", "سبت"];
|
|
23
|
-
readonly en: readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
|
|
24
|
-
};
|
|
25
|
-
/** Read calendar parts for a Date (UTC day). */
|
|
26
|
-
declare function dgaGetCalendarParts(date: Date, calendar: DgaDateCalendar): DgaCalendarParts;
|
|
27
|
-
/**
|
|
28
|
-
* Convert calendar parts to a Date (UTC midnight).
|
|
29
|
-
* Hijri conversion uses binary search against islamic-umalqura.
|
|
30
|
-
*/
|
|
31
|
-
declare function dgaPartsToDate(parts: DgaCalendarParts, calendar: DgaDateCalendar): Date;
|
|
32
|
-
declare function dgaDaysInMonth(year: number, month: number, calendar: DgaDateCalendar): number;
|
|
33
|
-
declare function dgaAddMonths(parts: DgaCalendarParts, delta: number, calendar: DgaDateCalendar): DgaCalendarParts;
|
|
34
|
-
/** Infer mode from format tokens (YYYY / MM / DD). */
|
|
35
|
-
declare function dgaModeFromFormat(format: string): DgaDatePickerMode;
|
|
36
|
-
declare function dgaFormatDate(date: Date, format: string, calendar: DgaDateCalendar): string;
|
|
37
|
-
declare function dgaParseDate(value: string, format: string, calendar: DgaDateCalendar): Date | null;
|
|
38
|
-
declare function dgaSameDay(a: Date | null, b: Date | null, calendar?: DgaDateCalendar): boolean;
|
|
39
|
-
declare function dgaCompareDays(a: Date | null, b: Date | null, calendar?: DgaDateCalendar): number;
|
|
40
|
-
declare function dgaClampDate(date: Date, min?: Date | null, max?: Date | null, calendar?: DgaDateCalendar): Date;
|
|
41
|
-
declare function dgaMonthNames(calendar: DgaDateCalendar, locale: string): readonly string[];
|
|
42
|
-
/** First weekday (0=Sun) of the given calendar month. */
|
|
43
|
-
declare function dgaMonthStartWeekday(year: number, month: number, calendar: DgaDateCalendar): number;
|
|
44
|
-
declare function dgaTodayUtc(): Date;
|
|
45
|
-
/** Coerce string | Date | null to UTC date using format when string. */
|
|
46
|
-
declare function dgaCoerceDate(value: string | Date | null | undefined, format: string, calendar: DgaDateCalendar): Date | null;
|
|
2
|
+
import { ControlValueAccessor, DgaDateCalendar, DgaDatePickerMode, DgaFormControlSize, DgaFormStatus, DgaCalendarParts } from '@a.nemreen/dga-ui';
|
|
3
|
+
export { DGA_GREGORIAN_MONTHS, DGA_HIJRI_MONTHS, DGA_WEEKDAYS, DgaCalendarParts, DgaDateCalendar, DgaDatePickerMode, dgaAddMonths, dgaClampDate, dgaCoerceDate, dgaCompareDays, dgaDaysInMonth, dgaFormatDate, dgaGetCalendarParts, dgaModeFromFormat, dgaMonthNames, dgaMonthStartWeekday, dgaParseDate, dgaPartsToDate, dgaSameDay, dgaTodayUtc } from '@a.nemreen/dga-ui';
|
|
47
4
|
|
|
48
5
|
interface DgaDateRangeValue {
|
|
49
6
|
start: string;
|
|
@@ -202,5 +159,5 @@ interface DayCell {
|
|
|
202
159
|
label?: string;
|
|
203
160
|
}
|
|
204
161
|
|
|
205
|
-
export {
|
|
206
|
-
export type {
|
|
162
|
+
export { DgaDatePickerComponent as DgaDatePicker };
|
|
163
|
+
export type { DgaDateRangeValue };
|