@genexus/genexus-ide-ui 0.0.32 → 0.0.34

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 (64) hide show
  1. package/dist/cjs/format-date-c32a19bd.js +15 -0
  2. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  3. package/dist/cjs/{gxg-date-picker.cjs.entry.js → gx-ide-entity-selector_2.cjs.entry.js} +81 -0
  4. package/dist/cjs/gx-ide-object-selector.cjs.entry.js +174 -0
  5. package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +19 -5
  6. package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js +3 -2
  7. package/dist/cjs/gx-ide-test.cjs.entry.js +3 -3
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/cjs/render-combo-items-ef403ec4.js +16 -0
  10. package/dist/collection/collection-manifest.json +1 -0
  11. package/dist/collection/common/render-combo-items.js +2 -1
  12. package/dist/collection/components/_test/test.js +1 -1
  13. package/dist/collection/components/entity-selector/entity-selector.js +1 -1
  14. package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.en.json +36 -0
  15. package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.ja.json +3 -0
  16. package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.zh.json +3 -0
  17. package/dist/collection/components/object-selector/object-selector.css +169 -0
  18. package/dist/collection/components/object-selector/object-selector.js +449 -0
  19. package/dist/collection/components/team-dev-commit/team-dev-commit.js +20 -6
  20. package/dist/{esm/gxg-date-picker.entry.js → components/date-picker.js} +47 -11
  21. package/dist/{esm/gx-ide-entity-selector.entry.js → components/entity-selector.js} +63 -8
  22. package/dist/components/format-date.js +1 -13
  23. package/dist/components/gx-ide-entity-selector.js +1 -136
  24. package/dist/components/gx-ide-object-selector.d.ts +11 -0
  25. package/dist/components/gx-ide-object-selector.js +350 -0
  26. package/dist/components/gx-ide-team-dev-commit.js +20 -5
  27. package/dist/components/gx-ide-team-dev-update.js +2 -1
  28. package/dist/components/gx-ide-test.js +3 -3
  29. package/dist/components/gxg-date-picker.js +1 -206
  30. package/dist/components/index.d.ts +2 -1
  31. package/dist/components/index.js +1 -0
  32. package/dist/components/render-combo-items.js +14 -0
  33. package/dist/esm/format-date-3c7cead5.js +13 -0
  34. package/dist/esm/genexus-ide-ui.js +1 -1
  35. package/dist/esm/gx-ide-entity-selector_2.entry.js +252 -0
  36. package/dist/esm/gx-ide-object-selector.entry.js +170 -0
  37. package/dist/esm/gx-ide-team-dev-commit.entry.js +19 -5
  38. package/dist/esm/gx-ide-team-dev-update.entry.js +2 -1
  39. package/dist/esm/gx-ide-test.entry.js +3 -3
  40. package/dist/esm/loader.js +1 -1
  41. package/dist/esm/render-combo-items-84c5ea90.js +14 -0
  42. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  43. package/dist/genexus-ide-ui/gx-ide-assets/object-selector/langs/object-selector.lang.en.json +36 -0
  44. package/dist/genexus-ide-ui/gx-ide-assets/object-selector/langs/object-selector.lang.ja.json +3 -0
  45. package/dist/genexus-ide-ui/gx-ide-assets/object-selector/langs/object-selector.lang.zh.json +3 -0
  46. package/dist/genexus-ide-ui/p-04e80c6b.entry.js +1 -0
  47. package/dist/genexus-ide-ui/p-35bc6e3a.entry.js +1 -0
  48. package/dist/genexus-ide-ui/p-379b0fdc.entry.js +1 -0
  49. package/dist/genexus-ide-ui/p-98906eb4.js +1 -0
  50. package/dist/genexus-ide-ui/p-d3c40681.js +1 -0
  51. package/dist/genexus-ide-ui/p-ee458561.entry.js +1 -0
  52. package/dist/types/components/_test/test.d.ts +1 -1
  53. package/dist/types/components/object-selector/object-selector.d.ts +134 -0
  54. package/dist/types/components/team-dev-commit/team-dev-commit.d.ts +4 -2
  55. package/dist/types/components.d.ts +131 -8
  56. package/package.json +1 -1
  57. package/dist/cjs/format-date-f2c49d1a.js +0 -28
  58. package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +0 -87
  59. package/dist/esm/format-date-e9ca0786.js +0 -25
  60. package/dist/genexus-ide-ui/p-48412811.entry.js +0 -1
  61. package/dist/genexus-ide-ui/p-72303355.js +0 -1
  62. package/dist/genexus-ide-ui/p-b2923298.entry.js +0 -1
  63. package/dist/genexus-ide-ui/p-c580682f.entry.js +0 -1
  64. package/dist/genexus-ide-ui/p-f794dc13.entry.js +0 -1
@@ -0,0 +1,134 @@
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ import { GxOption } from "../../common/types";
3
+ import { EntityData } from "../entity-selector/entity-selector";
4
+ export declare class GxIdeObjectSelector {
5
+ /**
6
+ * The component hard-coded strings translations.
7
+ */
8
+ private _componentLocale;
9
+ el: HTMLGxIdeObjectSelectorElement;
10
+ private filterPatternEl;
11
+ private filterTypeEl;
12
+ private filterCategoryEl;
13
+ private filterModuleEl;
14
+ private filterModifiedEl;
15
+ private filterAfterTypeEl;
16
+ private filterUserEl;
17
+ private filterModifiedDateEl;
18
+ private chGridEl;
19
+ /**
20
+ * The after types render in the after selector
21
+ */
22
+ filterAfterType: string;
23
+ /**
24
+ * For show or hide the filters relative to modifiers
25
+ */
26
+ filterModified: boolean;
27
+ /**
28
+ * The objects rendered in the table
29
+ */
30
+ objects: ObjectData[];
31
+ /**
32
+ * The selected objects in the table of objects
33
+ */
34
+ selectedObjectsIds: string[];
35
+ /**
36
+ * True' if multiple object selection is allowed. Default is 'True'
37
+ */
38
+ readonly multiSelection: true;
39
+ /**
40
+ * Current value of the input pattern. It is also used to set the default value when initializing the component
41
+ */
42
+ readonly patternValue: string;
43
+ /**
44
+ * The types render in the filter type selector
45
+ */
46
+ readonly types: ObjectType[];
47
+ /**
48
+ * The default value for the type filter
49
+ */
50
+ readonly defaultType: string;
51
+ /**
52
+ * The categories render in the filter category selector
53
+ */
54
+ readonly categories: GxOption[];
55
+ /**
56
+ * The default id value for the category filter
57
+ */
58
+ readonly defaultCategory: string;
59
+ /**
60
+ * The default value for the module/folder filter
61
+ */
62
+ readonly defaultModule: EntityData;
63
+ /**
64
+ * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
65
+ */
66
+ readonly selectModuleCallback: SelectModuleCallback;
67
+ /**
68
+ * Callback invoked when the user wishes to cancel the selection of objects.
69
+ */
70
+ readonly cancelCallback: CancelCallback;
71
+ /**
72
+ * Callback invoked when the component needs to reload the list of attributes.
73
+ */
74
+ readonly loadCallback: LoadCallback;
75
+ /**
76
+ * Callback invoked when the user presses the 'New' button.
77
+ */
78
+ readonly newObjectCallback: NewObjectCallback;
79
+ /**
80
+ * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.
81
+ */
82
+ readonly openSelectionCallback: OpenSelectionCallback;
83
+ /**
84
+ * This event is emitted once just after the component is fully loaded and the first render() occurs.
85
+ */
86
+ componentDidLoadEvent: EventEmitter<boolean>;
87
+ componentWillLoad(): Promise<void>;
88
+ componentDidLoad(): void;
89
+ /**
90
+ * Validate necessary data input
91
+ */
92
+ validate(): Promise<boolean>;
93
+ private renderFilter;
94
+ private renderObjects;
95
+ private getObjects;
96
+ private openSelectionCallbackHandle;
97
+ private cancelCallbackHandle;
98
+ private selectAll;
99
+ private deselectAll;
100
+ private newObjectCallbackHandle;
101
+ private listenChanges;
102
+ render(): void;
103
+ }
104
+ export type ObjectType = {
105
+ id: string;
106
+ name: string;
107
+ icon?: string;
108
+ };
109
+ export type NewObjectCallback = () => Promise<void>;
110
+ export type CancelCallback = () => Promise<void>;
111
+ export type SelectModuleCallback = () => Promise<EntityData | undefined>;
112
+ export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
113
+ export type LoadCallback = (filters: ObjectFiltersData) => Promise<ObjectData[]>;
114
+ export interface ObjectFiltersData {
115
+ pattern?: string;
116
+ type: string;
117
+ category?: string;
118
+ module?: string;
119
+ modifiedAfter?: string;
120
+ modifiedBy?: string;
121
+ modifiedDate?: Date;
122
+ }
123
+ export interface ObjectData {
124
+ id: string;
125
+ icon: string;
126
+ name: string;
127
+ type: string;
128
+ description: string;
129
+ module: string;
130
+ modifiedDate?: Date;
131
+ lastUser?: string;
132
+ importDate?: Date;
133
+ lastBuildDate: Date;
134
+ }
@@ -14,11 +14,12 @@ export declare class GxIdeTeamDevCommit {
14
14
  private categoriesEl;
15
15
  private chGridPendingCommitsEl;
16
16
  private chGridIgnoredObjectsEl;
17
- private commitComment;
17
+ private commitCommentEl;
18
18
  filtersHidden: boolean;
19
19
  comment: string;
20
20
  pendingCommits: ModifiedObjectData[];
21
21
  ignoredObjects: ModifiedObjectData[];
22
+ commitButtonEnabled: boolean;
22
23
  /**
23
24
  * Possible values for ChangeSet filter
24
25
  */
@@ -70,6 +71,7 @@ export declare class GxIdeTeamDevCommit {
70
71
  * The method used by the Host to instruct the component to force a data refresh in the grids.
71
72
  */
72
73
  reload(): Promise<void>;
74
+ private conditionToCommit;
73
75
  private markAllPendingCommitsRows;
74
76
  private togglePendingCommitsCheckboxes;
75
77
  private revertPendingCommitsCheckboxes;
@@ -87,7 +89,7 @@ export declare class GxIdeTeamDevCommit {
87
89
  }
88
90
  export type GetRecentComment = () => Promise<string | undefined>;
89
91
  export type LoadCallback = (filters: FiltersData) => Promise<CommitData>;
90
- export type CommitCallback = (selection: string[], commitComment: string) => Promise<boolean>;
92
+ export type CommitCallback = (selection: string[], commitCommentEl: string) => Promise<boolean>;
91
93
  export type PendingItemsCheckedCallback = (pendingItemsCheckedState: ItemsCheckedState) => Promise<ItemsCheckedResult | undefined>;
92
94
  export type CommitSelectCallback = (grid: CommitSourceType, selectionIds: string[]) => Promise<void>;
93
95
  export type ItemCheckedCallback = (checkedItemIds: string[]) => Promise<ItemsCheckedResult | undefined>;
@@ -11,14 +11,16 @@ import { DirectorySelectorLabels, LabelPosition } from "./components/directory-s
11
11
  import { EntityData, EntitySelectorLabels } from "./components/entity-selector/entity-selector";
12
12
  import { LabelPosition as LabelPosition1 } from "./components/directory-selector/directory-selector";
13
13
  import { ItemData } from "./components/list-selector/list-selector-item/list-selector-item";
14
- import { GxOption, ObjectType } from "./common/types";
14
+ import { GxOption, ObjectType as ObjectType1 } from "./common/types";
15
15
  import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
16
16
  import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
17
+ import { CancelCallback as CancelCallback2, LoadCallback, NewObjectCallback, ObjectType, OpenSelectionCallback, SelectModuleCallback } from "./components/object-selector/object-selector";
18
+ import { EntityData as EntityData1 } from "./components/entity-selector/entity-selector";
17
19
  import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
18
- import { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev-commit/team-dev-commit";
20
+ import { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback1, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev-commit/team-dev-commit";
19
21
  import { cancelCallback, confirmCallback } from "./components/team-dev-select-recent-comment/team-dev-select-recent-comment";
20
- import { ConfirmCallback, GridContextMenuCallback, LoadCallback as LoadCallback1, ObjectsContextMenuCallback as ObjectsContextMenuCallback1, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateCallback, UpdateFromData, UpdateSelectCallback } from "./components/team-dev-update/team-dev-update";
21
- import { AddCallback, CancelCallback as CancelCallback2, ConfirmCallback as ConfirmCallback1, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
22
+ import { ConfirmCallback, GridContextMenuCallback, LoadCallback as LoadCallback2, ObjectsContextMenuCallback as ObjectsContextMenuCallback1, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateCallback, UpdateFromData, UpdateSelectCallback } from "./components/team-dev-update/team-dev-update";
23
+ import { AddCallback, CancelCallback as CancelCallback3, ConfirmCallback as ConfirmCallback1, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
22
24
  import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev-update-to-revision/team-dev-update-to-revision";
23
25
  import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
24
26
  export namespace Components {
@@ -340,6 +342,60 @@ export namespace Components {
340
342
  */
341
343
  "userName": string;
342
344
  }
345
+ interface GxIdeObjectSelector {
346
+ /**
347
+ * Callback invoked when the user wishes to cancel the selection of objects.
348
+ */
349
+ "cancelCallback": CancelCallback;
350
+ /**
351
+ * The categories render in the filter category selector
352
+ */
353
+ "categories": GxOption[];
354
+ /**
355
+ * The default id value for the category filter
356
+ */
357
+ "defaultCategory": string;
358
+ /**
359
+ * The default value for the module/folder filter
360
+ */
361
+ "defaultModule": EntityData1;
362
+ /**
363
+ * The default value for the type filter
364
+ */
365
+ "defaultType": string;
366
+ /**
367
+ * Callback invoked when the component needs to reload the list of attributes.
368
+ */
369
+ "loadCallback": LoadCallback;
370
+ /**
371
+ * True' if multiple object selection is allowed. Default is 'True'
372
+ */
373
+ "multiSelection": true;
374
+ /**
375
+ * Callback invoked when the user presses the 'New' button.
376
+ */
377
+ "newObjectCallback": NewObjectCallback;
378
+ /**
379
+ * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.
380
+ */
381
+ "openSelectionCallback": OpenSelectionCallback;
382
+ /**
383
+ * Current value of the input pattern. It is also used to set the default value when initializing the component
384
+ */
385
+ "patternValue": string;
386
+ /**
387
+ * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
388
+ */
389
+ "selectModuleCallback": SelectModuleCallback;
390
+ /**
391
+ * The types render in the filter type selector
392
+ */
393
+ "types": ObjectType[];
394
+ /**
395
+ * Validate necessary data input
396
+ */
397
+ "validate": () => Promise<boolean>;
398
+ }
343
399
  interface GxIdeReferences {
344
400
  /**
345
401
  * Callback invoked when a node is expanded in any of the references panels
@@ -410,7 +466,7 @@ export namespace Components {
410
466
  /**
411
467
  * Possible values for Type filter
412
468
  */
413
- "types": ObjectType[];
469
+ "types": ObjectType1[];
414
470
  }
415
471
  interface GxIdeTeamDevSelectRecentComment {
416
472
  /**
@@ -466,7 +522,7 @@ export namespace Components {
466
522
  /**
467
523
  * Possibly values for the filter type
468
524
  */
469
- "types": ObjectType[];
525
+ "types": ObjectType1[];
470
526
  /**
471
527
  * This is a function provided by the developer that return the information of a Design System type of data.
472
528
  */
@@ -579,6 +635,10 @@ export interface GxIdeNewKbCustomEvent<T> extends CustomEvent<T> {
579
635
  detail: T;
580
636
  target: HTMLGxIdeNewKbElement;
581
637
  }
638
+ export interface GxIdeObjectSelectorCustomEvent<T> extends CustomEvent<T> {
639
+ detail: T;
640
+ target: HTMLGxIdeObjectSelectorElement;
641
+ }
582
642
  export interface GxIdeReferencesCustomEvent<T> extends CustomEvent<T> {
583
643
  detail: T;
584
644
  target: HTMLGxIdeReferencesElement;
@@ -650,6 +710,12 @@ declare global {
650
710
  prototype: HTMLGxIdeNewKbElement;
651
711
  new (): HTMLGxIdeNewKbElement;
652
712
  };
713
+ interface HTMLGxIdeObjectSelectorElement extends Components.GxIdeObjectSelector, HTMLStencilElement {
714
+ }
715
+ var HTMLGxIdeObjectSelectorElement: {
716
+ prototype: HTMLGxIdeObjectSelectorElement;
717
+ new (): HTMLGxIdeObjectSelectorElement;
718
+ };
653
719
  interface HTMLGxIdeReferencesElement extends Components.GxIdeReferences, HTMLStencilElement {
654
720
  }
655
721
  var HTMLGxIdeReferencesElement: {
@@ -712,6 +778,7 @@ declare global {
712
778
  "gx-ide-list-selector-item": HTMLGxIdeListSelectorItemElement;
713
779
  "gx-ide-new-environment": HTMLGxIdeNewEnvironmentElement;
714
780
  "gx-ide-new-kb": HTMLGxIdeNewKbElement;
781
+ "gx-ide-object-selector": HTMLGxIdeObjectSelectorElement;
715
782
  "gx-ide-references": HTMLGxIdeReferencesElement;
716
783
  "gx-ide-team-dev-commit": HTMLGxIdeTeamDevCommitElement;
717
784
  "gx-ide-team-dev-select-recent-comment": HTMLGxIdeTeamDevSelectRecentCommentElement;
@@ -1058,6 +1125,60 @@ declare namespace LocalJSX {
1058
1125
  */
1059
1126
  "userName"?: string;
1060
1127
  }
1128
+ interface GxIdeObjectSelector {
1129
+ /**
1130
+ * Callback invoked when the user wishes to cancel the selection of objects.
1131
+ */
1132
+ "cancelCallback": CancelCallback;
1133
+ /**
1134
+ * The categories render in the filter category selector
1135
+ */
1136
+ "categories": GxOption[];
1137
+ /**
1138
+ * The default id value for the category filter
1139
+ */
1140
+ "defaultCategory"?: string;
1141
+ /**
1142
+ * The default value for the module/folder filter
1143
+ */
1144
+ "defaultModule"?: EntityData1;
1145
+ /**
1146
+ * The default value for the type filter
1147
+ */
1148
+ "defaultType"?: string;
1149
+ /**
1150
+ * Callback invoked when the component needs to reload the list of attributes.
1151
+ */
1152
+ "loadCallback": LoadCallback;
1153
+ /**
1154
+ * True' if multiple object selection is allowed. Default is 'True'
1155
+ */
1156
+ "multiSelection"?: true;
1157
+ /**
1158
+ * Callback invoked when the user presses the 'New' button.
1159
+ */
1160
+ "newObjectCallback": NewObjectCallback;
1161
+ /**
1162
+ * This event is emitted once just after the component is fully loaded and the first render() occurs.
1163
+ */
1164
+ "onComponentDidLoadEvent"?: (event: GxIdeObjectSelectorCustomEvent<boolean>) => void;
1165
+ /**
1166
+ * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.
1167
+ */
1168
+ "openSelectionCallback": OpenSelectionCallback;
1169
+ /**
1170
+ * Current value of the input pattern. It is also used to set the default value when initializing the component
1171
+ */
1172
+ "patternValue"?: string;
1173
+ /**
1174
+ * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
1175
+ */
1176
+ "selectModuleCallback"?: SelectModuleCallback;
1177
+ /**
1178
+ * The types render in the filter type selector
1179
+ */
1180
+ "types": ObjectType[];
1181
+ }
1061
1182
  interface GxIdeReferences {
1062
1183
  /**
1063
1184
  * Callback invoked when a node is expanded in any of the references panels
@@ -1132,7 +1253,7 @@ declare namespace LocalJSX {
1132
1253
  /**
1133
1254
  * Possible values for Type filter
1134
1255
  */
1135
- "types"?: ObjectType[];
1256
+ "types"?: ObjectType1[];
1136
1257
  }
1137
1258
  interface GxIdeTeamDevSelectRecentComment {
1138
1259
  /**
@@ -1196,7 +1317,7 @@ declare namespace LocalJSX {
1196
1317
  /**
1197
1318
  * Possibly values for the filter type
1198
1319
  */
1199
- "types"?: ObjectType[];
1320
+ "types"?: ObjectType1[];
1200
1321
  /**
1201
1322
  * This is a function provided by the developer that return the information of a Design System type of data.
1202
1323
  */
@@ -1300,6 +1421,7 @@ declare namespace LocalJSX {
1300
1421
  "gx-ide-list-selector-item": GxIdeListSelectorItem;
1301
1422
  "gx-ide-new-environment": GxIdeNewEnvironment;
1302
1423
  "gx-ide-new-kb": GxIdeNewKb;
1424
+ "gx-ide-object-selector": GxIdeObjectSelector;
1303
1425
  "gx-ide-references": GxIdeReferences;
1304
1426
  "gx-ide-team-dev-commit": GxIdeTeamDevCommit;
1305
1427
  "gx-ide-team-dev-select-recent-comment": GxIdeTeamDevSelectRecentComment;
@@ -1322,6 +1444,7 @@ declare module "@stencil/core" {
1322
1444
  "gx-ide-list-selector-item": LocalJSX.GxIdeListSelectorItem & JSXBase.HTMLAttributes<HTMLGxIdeListSelectorItemElement>;
1323
1445
  "gx-ide-new-environment": LocalJSX.GxIdeNewEnvironment & JSXBase.HTMLAttributes<HTMLGxIdeNewEnvironmentElement>;
1324
1446
  "gx-ide-new-kb": LocalJSX.GxIdeNewKb & JSXBase.HTMLAttributes<HTMLGxIdeNewKbElement>;
1447
+ "gx-ide-object-selector": LocalJSX.GxIdeObjectSelector & JSXBase.HTMLAttributes<HTMLGxIdeObjectSelectorElement>;
1325
1448
  "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
1326
1449
  "gx-ide-team-dev-commit": LocalJSX.GxIdeTeamDevCommit & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevCommitElement>;
1327
1450
  "gx-ide-team-dev-select-recent-comment": LocalJSX.GxIdeTeamDevSelectRecentComment & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevSelectRecentCommentElement>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genexus/genexus-ide-ui",
3
3
  "license": "Apache-2.0",
4
- "version": "0.0.32",
4
+ "version": "0.0.34",
5
5
  "description": "GeneXus IDE UI components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",
@@ -1,28 +0,0 @@
1
- 'use strict';
2
-
3
- const index = require('./index-5a32426a.js');
4
-
5
- /* STENCIL IMPORTS */
6
- const renderComboItems = (gxOptions) => {
7
- const comboItemsArray = [];
8
- gxOptions.forEach((gxOption) => {
9
- const iconName = gxOption.iconName || gxOption.icon;
10
- comboItemsArray.push(index.h("gxg-combo-box-item", { value: gxOption.value, icon: iconName }, gxOption.label || gxOption.name));
11
- });
12
- return comboItemsArray;
13
- };
14
-
15
- const formatDate = (dateObject) => {
16
- const date = dateObject.toISOString().slice(0, 10);
17
- const hours = dateObject.getHours();
18
- const minutes = dateObject.getMinutes();
19
- const time = `${hours}:${minutes}`;
20
- let period = "AM"; // Assume it's AM by default
21
- if (hours >= 12) {
22
- period = "PM";
23
- }
24
- return `${date} ${time}${period} `;
25
- };
26
-
27
- exports.formatDate = formatDate;
28
- exports.renderComboItems = renderComboItems;
@@ -1,87 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-5a32426a.js');
6
-
7
- const entitySelectorCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:14px}:host .wrapper{display:inline-flex;align-items:center;gap:var(--spacing-comp-01);border:var(--gxg-border-common-styles);border-radius:var(--border-radius-sm);padding:var(--spacing-comp-01);height:var(--gxg-form-text-height);box-sizing:border-box;background-color:var(--color-background)}:host input{flex:1;border:0;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-size:var(--font-size-lg)}:host input:focus-visible{outline:none}:host(:focus-within) .wrapper{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host(.gxg-entity-selector--button-has-focus) .wrapper{outline:none}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";
8
-
9
- const GxIdeEntitySelector = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- this.valueChanged = index.createEvent(this, "valueChanged", 7);
13
- // 6.METHODS //
14
- // 7.LISTENERS //
15
- // 8.PUBLIC METHODS API //
16
- // 9.LOCAL METHODS //
17
- this.btnClearClickHandler = () => {
18
- this.value = null;
19
- };
20
- this.btnSelectClickHandler = () => {
21
- this.selectEntityCallback &&
22
- this.selectEntityCallback().then(result => {
23
- this.value = result;
24
- });
25
- };
26
- this.iconColor = () => {
27
- let value;
28
- if (this.value) {
29
- value = this.value;
30
- }
31
- else if (this.defaultValue) {
32
- value = this.defaultValue;
33
- }
34
- return (value === null || value === void 0 ? void 0 : value.iconColor) || "auto";
35
- };
36
- this.iconSrc = () => {
37
- if (this.value) {
38
- return this.value.iconSrc;
39
- }
40
- else if (this.defaultValue) {
41
- return this.defaultValue.iconSrc;
42
- }
43
- return undefined;
44
- };
45
- this.buttonFocusHandler = (e) => {
46
- if (e.type === "focus") {
47
- this.buttonHasFocus = true;
48
- }
49
- else if (e.type === "blur") {
50
- this.buttonHasFocus = false;
51
- }
52
- };
53
- this.accessibilityLabels = {
54
- buttonClearLabel: "clears the actual value",
55
- buttonSelectLabel: "displays the entity selector"
56
- };
57
- this.defaultValue = undefined;
58
- this.label = undefined;
59
- this.labelPosition = "above";
60
- this.centerLabel = false;
61
- this.labelWidth = undefined;
62
- this.selectEntityCallback = undefined;
63
- this.value = undefined;
64
- this.buttonHasFocus = false;
65
- }
66
- // 4.PUBLIC PROPERTY API | WATCH'S //
67
- /**
68
- *
69
- * @param newValue the new entity value
70
- */
71
- valueChangedHandler() {
72
- this.valueChanged.emit(this.value);
73
- }
74
- // 10.RENDER() FUNCTION //
75
- render() {
76
- var _a, _b, _c, _d;
77
- return (index.h(index.Host, { class: {
78
- "gxg-entity-selector--button-has-focus": this.buttonHasFocus
79
- } }, this.label && (index.h("gxg-label", { part: "label", labelPosition: this.labelPosition, center: this.centerLabel, width: this.labelWidth }, this.label)), index.h("div", { part: "wrapper", class: "wrapper" }, this.iconSrc() && (index.h("gxg-icon", { color: this.iconColor(), type: this.iconSrc(), part: "icon", "aria-hidden": "true" })), index.h("input", { type: "text", readonly: true, part: "input input-entity", value: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.name) || ((_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.name) }), index.h("gxg-button", { part: "button-clear", onClick: this.btnClearClickHandler, "aria-label": (_c = this.accessibilityLabels) === null || _c === void 0 ? void 0 : _c.buttonClearLabel, onFocus: this.buttonFocusHandler, onBlur: this.buttonFocusHandler, type: "secondary-icon-only", icon: "gemini-tools/reset" }), index.h("gxg-button", { part: "button-select", onClick: this.btnSelectClickHandler, "aria-label": (_d = this.accessibilityLabels) === null || _d === void 0 ? void 0 : _d.buttonSelectLabel, onFocus: this.buttonFocusHandler, onBlur: this.buttonFocusHandler, type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", disabled: !this.selectEntityCallback }))));
80
- }
81
- static get watchers() { return {
82
- "value": ["valueChangedHandler"]
83
- }; }
84
- };
85
- GxIdeEntitySelector.style = entitySelectorCss;
86
-
87
- exports.gx_ide_entity_selector = GxIdeEntitySelector;
@@ -1,25 +0,0 @@
1
- import { h } from './index-0da01575.js';
2
-
3
- /* STENCIL IMPORTS */
4
- const renderComboItems = (gxOptions) => {
5
- const comboItemsArray = [];
6
- gxOptions.forEach((gxOption) => {
7
- const iconName = gxOption.iconName || gxOption.icon;
8
- comboItemsArray.push(h("gxg-combo-box-item", { value: gxOption.value, icon: iconName }, gxOption.label || gxOption.name));
9
- });
10
- return comboItemsArray;
11
- };
12
-
13
- const formatDate = (dateObject) => {
14
- const date = dateObject.toISOString().slice(0, 10);
15
- const hours = dateObject.getHours();
16
- const minutes = dateObject.getMinutes();
17
- const time = `${hours}:${minutes}`;
18
- let period = "AM"; // Assume it's AM by default
19
- if (hours >= 12) {
20
- period = "PM";
21
- }
22
- return `${date} ${time}${period} `;
23
- };
24
-
25
- export { formatDate as f, renderComboItems as r };
@@ -1 +0,0 @@
1
- import{r,c as t,h as e,H as o,g as a}from"./p-976c3a09.js";import{c as i,g as n}from"./p-64765a81.js";import{s}from"./p-e46e26a6.js";import{e as l}from"./p-d8501cb4.js";var c=i((function(r){window,r.exports=function(r){var t={};function e(o){if(t[o])return t[o].exports;var a=t[o]={i:o,l:!1,exports:{}};return r[o].call(a.exports,a,a.exports,e),a.l=!0,a.exports}return e.m=r,e.c=t,e.d=function(r,t,o){e.o(r,t)||Object.defineProperty(r,t,{enumerable:!0,get:o})},e.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},e.t=function(r,t){if(1&t&&(r=e(r)),8&t)return r;if(4&t&&"object"==typeof r&&r&&r.__esModule)return r;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:r}),2&t&&"string"!=typeof r)for(var a in r)e.d(o,a,function(t){return r[t]}.bind(null,a));return o},e.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return e.d(t,"a",t),t},e.o=function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},e.p="",e(e.s=0)}([function(r,t,e){e.r(t);var o=[],a=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],i=["January","February","March","April","May","June","July","August","September","October","November","December"],n={t:"top",r:"right",b:"bottom",l:"left",c:"centered"};function s(){}var l=["click","focusin","keydown","input"];function c(r){l.forEach((function(t){r.addEventListener(t,r===document?j:E)}))}function d(r){return Array.isArray(r)?r.map(d):"[object Object]"===M(r)?Object.keys(r).reduce((function(t,e){return t[e]=d(r[e]),t}),{}):r}function f(r,t){var e=r.calendar.querySelector(".qs-overlay"),o=e&&!e.classList.contains("qs-hidden");t=t||new Date(r.currentYear,r.currentMonth),r.calendar.innerHTML=[g(t,r,o),u(t,r,o),v(r,o)].join(""),o&&window.requestAnimationFrame((function(){z(!0,r)}))}function g(r,t,e){return['<div class="qs-controls'+(e?" qs-blur":"")+'">','<div class="qs-arrow qs-left"></div>','<div class="qs-month-year'+(t.disableYearOverlay?" qs-disabled-year-overlay":"")+'">','<span class="qs-month">'+t.months[r.getMonth()]+"</span>",'<span class="qs-year">'+r.getFullYear()+"</span>","</div>",'<div class="qs-arrow qs-right"></div>',"</div>"].join("")}function u(r,t,e){var o=t.currentMonth,a=t.currentYear,i=t.dateSelected,n=t.maxDate,s=t.minDate,l=t.showAllDates,c=t.days,d=t.disabledDates,f=t.startDay,g=t.weekendIndices,u=t.events,v=t.getRange?t.getRange():{},p=+v.start,m=+v.end,h=w(new Date(r).setDate(1)),b=h.getDay()-f,y=b<0?7:0;h.setMonth(h.getMonth()+1),h.setDate(0);var q=h.getDate(),x=[],k=y+7*((b+q)/7|0);k+=(b+q)%7?7:0;for(var z=1;z<=k;z++){var D=(z-1)%7,M=c[D],S=z-(b>=0?b:7+b),j=new Date(a,o,S),E=u[+j],O=S<1||S>q,A=O?S<1?-1:1:0,N=O&&!l,J=N?"":j.getDate(),T=D===g[0]||D===g[1],C=p!==m,I="qs-square "+M;E&&!N&&(I+=" qs-event"),O&&(I+=" qs-outside-current-month"),!l&&O||(I+=" qs-num"),+j==+i&&(I+=" qs-active"),(d[+j]||t.disabler(j)||T&&t.noWeekends||s&&+j<+s||n&&+j>+n)&&!N&&(I+=" qs-disabled"),+w(new Date)==+j&&(I+=" qs-current"),+j===p&&m&&C&&(I+=" qs-range-start"),+j>p&&+j<m&&(I+=" qs-range-middle"),+j===m&&p&&C&&(I+=" qs-range-end"),N&&(I+=" qs-empty",J=""),x.push('<div class="'+I+'" data-direction="'+A+'">'+J+"</div>")}var P=c.map((function(r){return'<div class="qs-square qs-day">'+r+"</div>"})).concat(x);return P.unshift('<div class="qs-squares'+(e?" qs-blur":"")+'">'),P.push("</div>"),P.join("")}function v(r,t){var e=r.overlayButton;return['<div class="qs-overlay'+(t?"":" qs-hidden")+'">',"<div>",'<input class="qs-overlay-year" placeholder="'+r.overlayPlaceholder+'" inputmode="numeric" />','<div class="qs-close">&#10005;</div>',"</div>",'<div class="qs-overlay-month-container">'+r.overlayMonths.map((function(r,t){return'<div class="qs-overlay-month" data-month-num="'+t+'">'+r+"</div>"})).join("")+"</div>",'<div class="qs-submit qs-disabled">'+e+"</div>","</div>"].join("")}function p(r,t,e){var o=t.el,a=t.calendar.querySelector(".qs-active"),i=t.sibling;(o.disabled||o.readOnly)&&t.respectDisabledReadOnly||(t.dateSelected=e?void 0:new Date(t.currentYear,t.currentMonth,r.textContent),a&&a.classList.remove("qs-active"),e||r.classList.add("qs-active"),h(o,t,e),e||x(t),i&&(m({instance:t,deselect:e}),t.first&&!i.dateSelected&&(i.currentYear=t.currentYear,i.currentMonth=t.currentMonth,i.currentMonthName=t.currentMonthName),f(t),f(i)),t.onSelect(t,e?void 0:new Date(t.dateSelected)))}function m(r){var t=r.instance.first?r.instance:r.instance.sibling,e=t.sibling;t===r.instance?r.deselect?(t.minDate=t.originalMinDate,e.minDate=e.originalMinDate):e.minDate=t.dateSelected:r.deselect?(e.maxDate=e.originalMaxDate,t.maxDate=t.originalMaxDate):t.maxDate=e.dateSelected}function h(r,t,e){if(!t.nonInput)return e?r.value="":t.formatter!==s?t.formatter(r,t.dateSelected,t):void(r.value=t.dateSelected.toDateString())}function b(r,t,e,o){e||o?(e&&(t.currentYear=+e),o&&(t.currentMonth=+o)):(t.currentMonth+=r.contains("qs-right")?1:-1,12===t.currentMonth?(t.currentMonth=0,t.currentYear++):-1===t.currentMonth&&(t.currentMonth=11,t.currentYear--)),t.currentMonthName=t.months[t.currentMonth],f(t),t.onMonthChange(t)}function y(r){if(!r.noPosition){var t=r.position.top,e=r.position.right;if(r.position.centered)return r.calendarContainer.classList.add("qs-centered");var o=r.positionedEl.getBoundingClientRect(),a=r.el.getBoundingClientRect(),i=r.calendarContainer.getBoundingClientRect(),n=a.left-o.left+(e?a.width-i.width:0)+"px";r.calendarContainer.style.setProperty("top",a.top-o.top+(t?-1*i.height:a.height)+"px"),r.calendarContainer.style.setProperty("left",n)}}function q(r){return"[object Date]"===M(r)&&"Invalid Date"!==r.toString()}function w(r){if(q(r)||"number"==typeof r&&!isNaN(r)){var t=new Date(+r);return new Date(t.getFullYear(),t.getMonth(),t.getDate())}}function x(r){r.disabled||!r.calendarContainer.classList.contains("qs-hidden")&&!r.alwaysShow&&("overlay"!==r.defaultView&&z(!0,r),r.calendarContainer.classList.add("qs-hidden"),r.onHide(r))}function k(r){r.disabled||(r.calendarContainer.classList.remove("qs-hidden"),"overlay"===r.defaultView&&z(!1,r),y(r),r.onShow(r))}function z(r,t){var e=t.calendar,o=e.querySelector(".qs-overlay"),a=o.querySelector(".qs-overlay-year"),i=e.querySelector(".qs-controls"),n=e.querySelector(".qs-squares");r?(o.classList.add("qs-hidden"),i.classList.remove("qs-blur"),n.classList.remove("qs-blur"),a.value=""):(o.classList.remove("qs-hidden"),i.classList.add("qs-blur"),n.classList.add("qs-blur"),a.focus())}function D(r,t,e,o){var a=isNaN(+(new Date).setFullYear(t.value||void 0)),i=a?null:t.value;13===r.which||13===r.keyCode||"click"===r.type?o?b(null,e,i,o):a||t.classList.contains("qs-disabled")||b(null,e,i):e.calendar.contains(t)&&e.calendar.querySelector(".qs-submit").classList[a?"add":"remove"]("qs-disabled")}function M(r){return{}.toString.call(r)}function S(r){o.forEach((function(t){t!==r&&x(t)}))}function j(r){if(!r.__qs_shadow_dom){var t=r.which||r.keyCode,e=r.type,a=r.target,n=a.classList,s=o.filter((function(r){return r.calendar.contains(a)||r.el===a}))[0],l=s&&s.calendar.contains(a);if(!(s&&s.isMobile&&s.disableMobile))if("click"===e){if(!s)return o.forEach(x);if(s.disabled)return;var c=s.calendar,d=s.calendarContainer,g=s.disableYearOverlay,u=s.nonInput,v=c.querySelector(".qs-overlay-year"),m=!!c.querySelector(".qs-hidden"),h=c.querySelector(".qs-month-year").contains(a),y=a.dataset.monthNum;if(s.noPosition&&!l)(d.classList.contains("qs-hidden")?k:x)(s);else if(n.contains("qs-arrow"))b(n,s);else if(h||n.contains("qs-close"))g||z(!m,s);else if(y)D(r,v,s,y);else{if(n.contains("qs-disabled"))return;if(n.contains("qs-num")){var q=a.textContent,w=+a.dataset.direction,M=new Date(s.currentYear,s.currentMonth+w,q);if(w){s.currentYear=M.getFullYear(),s.currentMonth=M.getMonth(),s.currentMonthName=i[s.currentMonth],f(s);for(var j,E=s.calendar.querySelectorAll('[data-direction="0"]'),O=0;!j;){var A=E[O];A.textContent===q&&(j=A),O++}a=j}return void(+M==+s.dateSelected?p(a,s,!0):a.classList.contains("qs-disabled")||p(a,s))}n.contains("qs-submit")?D(r,v,s):u&&a===s.el&&(k(s),S(s))}}else if("focusin"===e&&s)k(s),S(s);else if("keydown"===e&&9===t&&s)x(s);else if("keydown"===e&&s&&!s.disabled){var N=!s.calendar.querySelector(".qs-overlay").classList.contains("qs-hidden");13===t&&N&&l?D(r,a,s):27===t&&N&&l&&z(!0,s)}else if("input"===e){if(!s||!s.calendar.contains(a))return;var J=s.calendar.querySelector(".qs-submit"),T=a.value.split("").reduce((function(r,t){return r||"0"!==t?r+(t.match(/[0-9]/)?t:""):""}),"").slice(0,4);a.value=T,J.classList[4===T.length?"remove":"add"]("qs-disabled")}}}function E(r){j(r),r.__qs_shadow_dom=!0}function O(r,t){l.forEach((function(e){r.removeEventListener(e,t)}))}function A(){k(this)}function N(){x(this)}function J(r,t){var e=w(r),o=this.currentYear,a=this.currentMonth,i=this.sibling;if(null==r)return this.dateSelected=void 0,h(this.el,this,!0),i&&(m({instance:this,deselect:!0}),f(i)),f(this),this;if(!q(r))throw new Error("`setDate` needs a JavaScript Date object.");if(this.disabledDates[+e]||e<this.minDate||e>this.maxDate)throw new Error("You can't manually set a date that's disabled.");this.dateSelected=e,t&&(this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),this.currentMonthName=this.months[e.getMonth()]),h(this.el,this),i&&(m({instance:this}),f(i));var n=o===e.getFullYear()&&a===e.getMonth();return n||t?f(this,e):n||f(this,new Date(o,a,1)),this}function T(r){return I(this,r,!0)}function C(r){return I(this,r)}function I(r,t,e){var o=r.dateSelected,a=r.first,i=r.sibling,n=r.minDate,s=r.maxDate,l=w(t),c=e?"Min":"Max";function d(){return"original"+c+"Date"}function g(){return c.toLowerCase()+"Date"}function u(){return"set"+c}function v(){throw new Error("Out-of-range date passed to "+u())}if(null==t)r[d()]=void 0,i?(i[d()]=void 0,e?(a&&!o||!a&&!i.dateSelected)&&(r.minDate=void 0,i.minDate=void 0):(a&&!i.dateSelected||!a&&!o)&&(r.maxDate=void 0,i.maxDate=void 0)):r[g()]=void 0;else{if(!q(t))throw new Error("Invalid date passed to "+u());i?((a&&e&&l>(o||s)||a&&!e&&l<(i.dateSelected||n)||!a&&e&&l>(i.dateSelected||s)||!a&&!e&&l<(o||n))&&v(),r[d()]=l,i[d()]=l,(e&&(a&&!o||!a&&!i.dateSelected)||!e&&(a&&!i.dateSelected||!a&&!o))&&(r[g()]=l,i[g()]=l)):((e&&l>(o||s)||!e&&l<(o||n))&&v(),r[g()]=l)}return i&&f(i),f(r),r}function P(){var r=this.first?this:this.sibling;return{start:r.dateSelected,end:r.sibling.dateSelected}}function W(){var r=this.shadowDom,t=this.positionedEl,e=this.calendarContainer,a=this.sibling,i=this;this.inlinePosition&&(o.some((function(r){return r!==i&&r.positionedEl===t}))||t.style.setProperty("position",null)),e.remove(),o=o.filter((function(r){return r!==i})),a&&delete a.sibling,o.length||O(document,j);var n=o.some((function(t){return t.shadowDom===r}));for(var s in r&&!n&&O(r,E),this)delete this[s];o.length||l.forEach((function(r){document.removeEventListener(r,j)}))}function Y(r,t){var e=new Date(r);if(!q(e))throw new Error("Invalid date passed to `navigate`");this.currentYear=e.getFullYear(),this.currentMonth=e.getMonth(),f(this),t&&this.onMonthChange(this)}function F(){var r=!this.calendarContainer.classList.contains("qs-hidden"),t=!this.calendarContainer.querySelector(".qs-overlay").classList.contains("qs-hidden");r&&z(t,this)}t.default=function(r,t){var e=function(r,t){var e,l,c=function(r){var t=d(r);t.events&&(t.events=t.events.reduce((function(r,t){if(!q(t))throw new Error('"options.events" must only contain valid JavaScript Date objects.');return r[+w(t)]=!0,r}),{})),["startDate","dateSelected","minDate","maxDate"].forEach((function(r){var e=t[r];if(e&&!q(e))throw new Error('"options.'+r+'" needs to be a valid JavaScript Date object.');t[r]=w(e)}));var e=t.position,i=t.maxDate,l=t.minDate,c=t.dateSelected,f=t.overlayPlaceholder,g=t.overlayButton,u=t.startDay,v=t.id;if(t.startDate=w(t.startDate||c||new Date),t.disabledDates=(t.disabledDates||[]).reduce((function(r,t){var e=+w(t);if(!q(t))throw new Error('You supplied an invalid date to "options.disabledDates".');if(e===+w(c))throw new Error('"disabledDates" cannot contain the same date as "dateSelected".');return r[e]=1,r}),{}),t.hasOwnProperty("id")&&null==v)throw new Error("`id` cannot be `null` or `undefined`");if(null!=v){var p=o.filter((function(r){return r.id===v}));if(p.length>1)throw new Error("Only two datepickers can share an id.");p.length?(t.second=!0,t.sibling=p[0]):t.first=!0}var m=["tr","tl","br","bl","c"].some((function(r){return e===r}));if(e&&!m)throw new Error('"options.position" must be one of the following: tl, tr, bl, br, or c.');function h(r){throw new Error('"dateSelected" in options is '+(r?"less":"greater")+' than "'+(r||"max")+'Date".')}if(t.position=function(r){var t=r[1],e={};return e[n[r[0]]]=1,t&&(e[n[t]]=1),e}(e||"bl"),i<l)throw new Error('"maxDate" in options is less than "minDate".');if(c&&(l>c&&h("min"),i<c&&h()),["onSelect","onShow","onHide","onMonthChange","formatter","disabler"].forEach((function(r){"function"!=typeof t[r]&&(t[r]=s)})),["customDays","customMonths","customOverlayMonths"].forEach((function(r,e){var o=t[r],a=e?12:7;if(o){if(!Array.isArray(o)||o.length!==a||o.some((function(r){return"string"!=typeof r})))throw new Error('"'+r+'" must be an array with '+a+" strings.");t[e?e<2?"months":"overlayMonths":"days"]=o}})),u&&u>0&&u<7){var b=(t.customDays||a).slice(),y=b.splice(0,u);t.customDays=b.concat(y),t.startDay=+u,t.weekendIndices=[b.length-1,b.length]}else t.startDay=0,t.weekendIndices=[6,0];"string"!=typeof f&&delete t.overlayPlaceholder,"string"!=typeof g&&delete t.overlayButton;var x=t.defaultView;if(x&&"calendar"!==x&&"overlay"!==x)throw new Error('options.defaultView must either be "calendar" or "overlay".');return t.defaultView=x||"calendar",t}(t||{startDate:w(new Date),position:"bl",defaultView:"calendar"}),f=r;if("string"==typeof f)f="#"===f[0]?document.getElementById(f.slice(1)):document.querySelector(f);else{if("[object ShadowRoot]"===M(f))throw new Error("Using a shadow DOM as your selector is not supported.");for(var g,u=f.parentNode;!g;){var v=M(u);"[object HTMLDocument]"===v?g=!0:"[object ShadowRoot]"===v?(g=!0,e=u,l=u.host):u=u.parentNode}}if(!f)throw new Error("No selector / element found.");if(o.some((function(r){return r.el===f})))throw new Error("A datepicker already exists on that element.");var p=f===document.body,m=e?f.parentElement||e:p?document.body:f.parentElement,b=e?f.parentElement||l:m,y=document.createElement("div"),x=document.createElement("div");y.className="qs-datepicker-container qs-hidden",x.className="qs-datepicker";var z={shadowDom:e,customElement:l,positionedEl:b,el:f,parent:m,nonInput:"INPUT"!==f.nodeName,noPosition:p,position:!p&&c.position,startDate:c.startDate,dateSelected:c.dateSelected,disabledDates:c.disabledDates,minDate:c.minDate,maxDate:c.maxDate,noWeekends:!!c.noWeekends,weekendIndices:c.weekendIndices,calendarContainer:y,calendar:x,currentMonth:(c.startDate||c.dateSelected).getMonth(),currentMonthName:(c.months||i)[(c.startDate||c.dateSelected).getMonth()],currentYear:(c.startDate||c.dateSelected).getFullYear(),events:c.events||{},defaultView:c.defaultView,setDate:J,remove:W,setMin:T,setMax:C,show:A,hide:N,navigate:Y,toggleOverlay:F,onSelect:c.onSelect,onShow:c.onShow,onHide:c.onHide,onMonthChange:c.onMonthChange,formatter:c.formatter,disabler:c.disabler,months:c.months||i,days:c.customDays||a,startDay:c.startDay,overlayMonths:c.overlayMonths||(c.months||i).map((function(r){return r.slice(0,3)})),overlayPlaceholder:c.overlayPlaceholder||"4-digit year",overlayButton:c.overlayButton||"Submit",disableYearOverlay:!!c.disableYearOverlay,disableMobile:!!c.disableMobile,isMobile:"ontouchstart"in window,alwaysShow:!!c.alwaysShow,id:c.id,showAllDates:!!c.showAllDates,respectDisabledReadOnly:!!c.respectDisabledReadOnly,first:c.first,second:c.second};if(c.sibling){var D=c.sibling,S=z,j=D.minDate||S.minDate,E=D.maxDate||S.maxDate;S.sibling=D,D.sibling=S,D.minDate=j,D.maxDate=E,S.minDate=j,S.maxDate=E,D.originalMinDate=j,D.originalMaxDate=E,S.originalMinDate=j,S.originalMaxDate=E,D.getRange=P,S.getRange=P}c.dateSelected&&h(f,z);var O=getComputedStyle(b).position;p||O&&"static"!==O||(z.inlinePosition=!0,b.style.setProperty("position","relative"));var I=o.filter((function(r){return r.positionedEl===z.positionedEl}));return I.some((function(r){return r.inlinePosition}))&&(z.inlinePosition=!0,I.forEach((function(r){r.inlinePosition=!0}))),y.appendChild(x),m.appendChild(y),z.alwaysShow&&k(z),z}(r,t);if(o.length||c(document),e.shadowDom&&(o.some((function(r){return r.shadowDom===e.shadowDom}))||c(e.shadowDom)),o.push(e),e.second){var l=e.sibling;m({instance:e,deselect:!e.dateSelected}),m({instance:l,deselect:!l.dateSelected}),f(l)}return f(e,e.startDate||e.dateSelected),e.alwaysShow&&y(e),e}}]).default}));const d=n(c),f=class{constructor(e){r(this,e),this.valueChanged=t(this,"valueChanged",7),this.parts={input:"input"},this.alwaysShow=!1,this.label=void 0,this.noWeekends=!1,this.maxWidth="100%",this.rtl=!1,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),t=l(r,this.parts);t.length&&(this.exportparts=t)}}componentWillLoad(){this.attachExportParts()}componentDidLoad(){const r=document.getElementsByTagName("html")[0].getAttribute("dir"),t=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==r&&"rtl"!==t||(this.rtl=!0);let e=new Date;if(void 0!==this.value&&""!==this.value){const r=new Date(this.value);"[object Date]"===Object.prototype.toString.call(r)&&(isNaN(r.getTime())||(e=new Date(this.value)))}e.getFullYear(),e.getMonth(),e.getDate();const o=this.minDate?new Date(this.minDate):void 0,a=null==o?void 0:o.getFullYear(),i=null==o?void 0:o.getMonth(),n=null==o?void 0:o.getDate(),s=this.maxDate?new Date(this.maxDate):void 0,l=null==s?void 0:s.getFullYear(),c=null==s?void 0:s.getMonth(),f=null==s?void 0:s.getDate(),g=this.el.shadowRoot.querySelector("#date-picker");d(g,{onSelect:r=>{const t=r.dateSelected;this.valueChanged.emit(t),this.value=t},formatter:(r,t)=>{r.value=t.toDateString()},position:"bl",startDay:1,customDays:["S","M","T","W","T","F","S"],customMonths:["January","February","March","April","May","June","July","August","September","October","November","December"],customOverlayMonths:["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],overlayButton:"Go!",overlayPlaceholder:"Enter a 4-digit year",alwaysShow:this.alwaysShow,maxDate:s&&new Date(l,c,f),minDate:o&&new Date(a,i,n),startDate:this.value,showAllDates:!0,noWeekends:this.noWeekends,disabler:r=>2===r.getDay()&&9===r.getMonth(),disableMobile:!0,disableYearOverlay:!1,id:"date-picker"}).calendarContainer.style.setProperty("font-size","9px")}render(){return e(o,{class:{rtl:this.rtl,large:s.large},style:{maxWidth:this.maxWidth},exportParts:this.exportparts?this.exportparts:null},this.label?e("gxg-label",{class:"label"},this.label):null,e("input",{type:"text",id:"date-picker",part:this.parts.input,readOnly:!0}))}get el(){return a(this)}};f.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:black;position:absolute;width:15.625em;display:flex;flex-direction:column;z-index:9001;user-select:none;border:1px solid gray;border-radius:0.263921875em;overflow:hidden;background:white;box-shadow:0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3)}.qs-datepicker-container *{box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.75);color:white;width:100%;height:100%;padding:0.5em;z-index:1;opacity:1;transition:opacity 0.3s;display:flex;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{border:none;background:transparent;border-bottom:1px solid white;border-radius:0;color:white;font-size:0.875em;padding:0.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:0.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid white;border-radius:0.263921875em;padding:0.5em;margin:0 auto auto;cursor:pointer;background:rgba(128, 128, 128, 0.4)}.qs-overlay .qs-submit.qs-disabled{color:gray;border-color:gray;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:flex;flex-wrap:wrap;flex-grow:1}.qs-overlay .qs-overlay-month{display:flex;justify-content:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:0.5;transition:opacity 0.15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:flex;justify-content:space-between;align-items:center;flex-grow:1;flex-shrink:0;background:lightgray;filter:blur(0px);transition:filter 0.3s}.qs-controls.qs-blur{filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:0.263921875em;transition:background 0.15s}.qs-arrow:hover{background:rgba(0, 0, 0, 0.1)}.qs-arrow:hover.qs-left:after{border-right-color:black}.qs-arrow:hover.qs-right:after{border-left-color:black}.qs-arrow:after{content:"";border:0.390625em solid transparent;position:absolute;top:50%;transition:border 0.2s}.qs-arrow.qs-left:after{border-right-color:gray;right:50%;transform:translate(25%, -50%)}.qs-arrow.qs-right:after{border-left-color:gray;left:50%;transform:translate(-25%, -50%)}.qs-month-year{font-weight:bold;transition:border 0.2s;border-bottom:1px solid transparent;cursor:pointer}.qs-month-year:hover{border-bottom:1px solid gray}.qs-month-year:focus,.qs-month-year:active:focus{outline:none}.qs-month{padding-right:0.5ex}.qs-year{padding-left:0.5ex}.qs-squares{display:flex;flex-wrap:wrap;padding:0.3125em;filter:blur(0px);transition:filter 0.3s}.qs-squares.qs-blur{filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.1s;border-radius:0.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:bold;text-decoration:underline}.qs-active,.qs-range-start,.qs-range-end{background:lightblue}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-range-end:not(.qs-range-0){border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:0.2}.qs-disabled{cursor:not-allowed}.qs-empty{cursor:default}.qs-day{cursor:default;font-weight:bold;color:gray}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:0.46875em;height:0.46875em;border-radius:50%;background:#07f;bottom:0;right:0}:host{display:block}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}#date-picker{width:100%;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background);height:20px;box-sizing:border-box;padding:0 5px;cursor:pointer;z-index:100}#date-picker:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}.qs-datepicker{padding:4px 0 0 0}.qs-datepicker-container{border:none;box-shadow:var(--box-shadow-01);padding:0;width:181px;background:var(--color-background);margin-top:6px}.qs-datepicker .qs-controls{background-color:transparent;color:var(--color-on-background)}.qs-datepicker .qs-square{border:1px solid var(--gray-01);border-radius:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);margin:0.5px;color:var(--color-on-background);font-family:var(--font-family-primary)}.qs-month-year{font-size:var(--font-size-xs);font-family:var(--font-family-primary);text-transform:uppercase;font-weight:var(--font-weight-regular)}.qs-datepicker .qs-square.qs-day{color:var(--color-on-background);border:0;height:var(--spacing-comp-04);font-family:var(--font-family-primary);font-weight:var(--font-weight-extra-bold)}.qs-datepicker .qs-square.qs-active,.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background-color:var(--color-primary-hover-opacity-01);border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow:after{width:3px;height:3px;border:1px solid black;top:4px}.qs-datepicker .qs-arrow:hover{background-color:transparent}.qs-datepicker .qs-arrow:hover:after{border-color:var(--color-primary-active)}.qs-datepicker .qs-arrow.qs-right:after,.qs-datepicker .qs-arrow.qs-left:after{border-color:var(--color-on-background)}.qs-datepicker .qs-arrow.qs-left:after{border-right:0;border-bottom:0;transform:rotate(-45deg) !important;left:13px}.qs-datepicker .qs-arrow.qs-right:after{border-left:0;border-bottom:0;transform:rotate(45deg) !important;left:-4px}.qs-disabled,.qs-outside-current-month{opacity:0.4}:host(.rtl) .qs-datepicker-container{right:0}.qs-overlay{background-color:var(--color-background);font-family:var(--font-family-primary)}.qs-overlay .qs-close{color:var(--color-on-background);margin-top:4px;margin-right:4px}.qs-overlay .qs-overlay-year{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-overlay-year:focus-visible{outline:none}.qs-overlay .qs-overlay-month{font-size:var(--font-size-lg);color:var(--color-on-background)}.qs-overlay .qs-submit{border-radius:var(--border-radius-xs);border:none;padding:0.2em;padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04);background:var(--color-primary-enabled);font-size:var(--font-size-lg);transition:background 0.25s}.qs-overlay .qs-submit:hover{background:var(--color-primary-hover)}.qs-overlay .qs-submit.qs-disabled{color:var(--color-on-disabled);background:var(--color-primary-disabled);opacity:1}.qs-overlay-month-container{flex-wrap:wrap;flex-grow:0.8;margin-top:10px;margin-bottom:10px}:host(.large) #date-picker{font-size:var(--font-size-lg);height:var(--spacing-comp-05)}:host(.large) label,:host(.large) .qs-month-year,:host(.large) .qs-square.qs-day,:host(.large) .qs-square{font-size:var(--font-size-lg)}';export{f as gxg_date_picker}
@@ -1 +0,0 @@
1
- import{h as o}from"./p-976c3a09.js";const t=t=>{const r=[];return t.forEach((t=>{r.push(o("gxg-combo-box-item",{value:t.value,icon:t.iconName||t.icon},t.label||t.name))})),r},r=o=>{const t=o.toISOString().slice(0,10),r=o.getHours();let c="AM";return r>=12&&(c="PM"),`${t} ${r}:${o.getMinutes()}${c} `};export{r as f,t as r}