@brickclay-org/ui 0.0.3 → 0.0.5

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 (13) hide show
  1. package/README.md +1047 -842
  2. package/fesm2022/brickclay-org-ui.mjs +63 -26
  3. package/fesm2022/brickclay-org-ui.mjs.map +1 -1
  4. package/index.d.ts +20 -15
  5. package/package.json +2 -2
  6. package/src/lib/assets/calender/calender.svg +0 -19
  7. package/src/lib/assets/calender/chevron-down.svg +0 -10
  8. package/src/lib/assets/calender/chevron-left.svg +0 -3
  9. package/src/lib/assets/calender/chevron-right.svg +0 -3
  10. package/src/lib/assets/calender/chevron-up.svg +0 -10
  11. package/src/lib/assets/calender/pagination-left-gray.svg +0 -3
  12. package/src/lib/assets/calender/pagination-right-gray.svg +0 -10
  13. package/src/lib/assets/calender/timer.svg +0 -4
package/index.d.ts CHANGED
@@ -64,7 +64,6 @@ declare class CustomCalendarComponent implements OnInit, OnDestroy, OnChanges {
64
64
  opens: 'left' | 'right' | 'center';
65
65
  inline: boolean;
66
66
  isDisplayCrossIcon: boolean;
67
- assetsPath: string;
68
67
  selected: EventEmitter<CalendarSelection>;
69
68
  opened: EventEmitter<void>;
70
69
  closed: EventEmitter<void>;
@@ -188,11 +187,6 @@ declare class CustomCalendarComponent implements OnInit, OnDestroy, OnChanges {
188
187
  decrementSingleMinute(): void;
189
188
  toggleSingleAMPM(): void;
190
189
  getMonthName(month: number): string;
191
- /**
192
- * Get the asset path for calendar icons
193
- * Supports both local development and npm package installation
194
- */
195
- getAssetPath(filename: string): string;
196
190
  onHourInput(event: any, isStart?: boolean, isSingle?: boolean): void;
197
191
  onHourBlur(event: any, isStart?: boolean, isSingle?: boolean): void;
198
192
  onMinuteInput(event: any, isStart?: boolean, isSingle?: boolean): void;
@@ -203,7 +197,7 @@ declare class CustomCalendarComponent implements OnInit, OnDestroy, OnChanges {
203
197
  onTimeInputFocus(event: any): void;
204
198
  formatAllMinuteInputs(): void;
205
199
  static ɵfac: i0.ɵɵFactoryDeclaration<CustomCalendarComponent, never>;
206
- static ɵcmp: i0.ɵɵComponentDeclaration<CustomCalendarComponent, "brickclay-custom-calendar", never, { "enableTimepicker": { "alias": "enableTimepicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; "closeOnAutoApply": { "alias": "closeOnAutoApply"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showISOWeekNumbers": { "alias": "showISOWeekNumbers"; "required": false; }; "customRangeDirection": { "alias": "customRangeDirection"; "required": false; }; "lockStartDate": { "alias": "lockStartDate"; "required": false; }; "position": { "alias": "position"; "required": false; }; "drop": { "alias": "drop"; "required": false; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; "customRanges": { "alias": "customRanges"; "required": false; }; "multiDateSelection": { "alias": "multiDateSelection"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opens": { "alias": "opens"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "assetsPath": { "alias": "assetsPath"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
200
+ static ɵcmp: i0.ɵɵComponentDeclaration<CustomCalendarComponent, "brickclay-custom-calendar", never, { "enableTimepicker": { "alias": "enableTimepicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; "closeOnAutoApply": { "alias": "closeOnAutoApply"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showISOWeekNumbers": { "alias": "showISOWeekNumbers"; "required": false; }; "customRangeDirection": { "alias": "customRangeDirection"; "required": false; }; "lockStartDate": { "alias": "lockStartDate"; "required": false; }; "position": { "alias": "position"; "required": false; }; "drop": { "alias": "drop"; "required": false; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; "customRanges": { "alias": "customRanges"; "required": false; }; "multiDateSelection": { "alias": "multiDateSelection"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opens": { "alias": "opens"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
207
201
  }
208
202
 
209
203
  interface TimeConfiguration {
@@ -291,7 +285,6 @@ declare class TimePickerComponent implements OnInit, OnChanges, AfterViewInit {
291
285
  closePicker: number;
292
286
  timeFormat: 12 | 24;
293
287
  showSeconds: boolean;
294
- assetsPath: string;
295
288
  timeChange: EventEmitter<string>;
296
289
  pickerOpened: EventEmitter<string>;
297
290
  pickerClosed: EventEmitter<string>;
@@ -325,14 +318,9 @@ declare class TimePickerComponent implements OnInit, OnChanges, AfterViewInit {
325
318
  onDocumentClick(event: MouseEvent): void;
326
319
  private previousCloseCounter;
327
320
  ngOnChanges(changes: SimpleChanges): void;
328
- /**
329
- * Get the asset path for calendar icons
330
- * Supports both local development and npm package installation
331
- */
332
- getAssetPath(filename: string): string;
333
321
  onInputKeydown(event: KeyboardEvent): void;
334
322
  static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
335
- static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "brickclay-time-picker", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "position": { "alias": "position"; "required": false; }; "pickerId": { "alias": "pickerId"; "required": false; }; "closePicker": { "alias": "closePicker"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "assetsPath": { "alias": "assetsPath"; "required": false; }; }, { "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
323
+ static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "brickclay-time-picker", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "position": { "alias": "position"; "required": false; }; "pickerId": { "alias": "pickerId"; "required": false; }; "closePicker": { "alias": "closePicker"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; }, { "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
336
324
  }
337
325
 
338
326
  /**
@@ -369,5 +357,22 @@ declare class ToggleComponent implements ControlValueAccessor {
369
357
  static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "brickclay-toggle", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleClass": { "alias": "toggleClass"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
370
358
  }
371
359
 
372
- export { BrickclayLib, CalendarManagerService, CalendarModule, CustomCalendarComponent, ScheduledDatePickerComponent, TimePickerComponent, ToggleComponent };
360
+ declare class CheckboxComponent implements ControlValueAccessor {
361
+ size: 'sm' | 'md' | 'lg' | 'xl';
362
+ label: string;
363
+ disabled: boolean;
364
+ changed: EventEmitter<boolean>;
365
+ isChecked: boolean;
366
+ onChange: (_: any) => void;
367
+ onTouched: () => void;
368
+ toggle(): void;
369
+ writeValue(value: boolean): void;
370
+ registerOnChange(fn: any): void;
371
+ registerOnTouched(fn: any): void;
372
+ setDisabledState(isDisabled: boolean): void;
373
+ static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
374
+ static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "brickclay-checkbox", never, { "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "changed": "changed"; }, never, never, true, never>;
375
+ }
376
+
377
+ export { BrickclayLib, CalendarManagerService, CalendarModule, CheckboxComponent, CustomCalendarComponent, ScheduledDatePickerComponent, TimePickerComponent, ToggleComponent };
373
378
  export type { CalendarRange, CalendarSelection, ScheduledDateSelection, TimeConfiguration };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brickclay-org/ui",
3
- "version": "0.0.3",
3
+ "version": "0.0.5",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=17.0.0 <21.0.0",
6
6
  "@angular/core": ">=17.0.0 <21.0.0"
@@ -20,4 +20,4 @@
20
20
  "default": "./fesm2022/brickclay-org-ui.mjs"
21
21
  }
22
22
  }
23
- }
23
+ }
package/src/lib/assets/calender/calender.svg DELETED
@@ -1,19 +0,0 @@
1
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_3797_46309)">
3
- <path d="M14.545 5.45448V11.6363C14.545 13.8181 13.4541 15.2727 10.9086 15.2727H5.09047C2.54501 15.2727 1.4541 13.8181 1.4541 11.6363V5.45448C1.4541 3.27266 2.54501 1.81812 5.09047 1.81812H10.9086C13.4541 1.81812 14.545 3.27266 14.545 5.45448Z" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4
- <path d="M5.09082 0.727295V2.90911" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5
- <path d="M10.9092 0.727295V2.90911" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
6
- <path d="M1.81836 5.88354H14.182" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
7
- <path d="M10.6868 9.23619H10.6933" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
8
- <path d="M10.6868 11.4181H10.6933" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
9
- <path d="M7.99636 9.23619H8.00289" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
10
- <path d="M7.99636 11.4181H8.00289" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
11
- <path d="M5.30495 9.23644H5.31149" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
12
- <path d="M5.30495 11.4181H5.31149" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
13
- </g>
14
- <defs>
15
- <clipPath id="clip0_3797_46309">
16
- <rect width="16" height="16" fill="white"/>
17
- </clipPath>
18
- </defs>
19
- </svg>
package/src/lib/assets/calender/chevron-down.svg DELETED
@@ -1,10 +0,0 @@
1
- <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_535_3111)">
3
- <path d="M0.835938 1.16797L5.83593 6.16797L10.8359 1.16797" stroke="#6B7080" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
4
- </g>
5
- <defs>
6
- <clipPath id="clip0_535_3111">
7
- <rect width="7" height="12" fill="white" transform="matrix(0 -1 1 0 0 7)"/>
8
- </clipPath>
9
- </defs>
10
- </svg>
package/src/lib/assets/calender/chevron-left.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M5.83398 0.833313L0.833984 5.83331L5.83398 10.8333" stroke="#6B7080" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
package/src/lib/assets/calender/chevron-right.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M0.833984 10.8333L5.83398 5.83331L0.833984 0.833313" stroke="#6B7080" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
package/src/lib/assets/calender/chevron-up.svg DELETED
@@ -1,10 +0,0 @@
1
- <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_535_3113)">
3
- <path d="M10.8359 6.16797L5.83593 1.16797L0.835938 6.16797" stroke="#6B7080" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
4
- </g>
5
- <defs>
6
- <clipPath id="clip0_535_3113">
7
- <rect width="7" height="12" fill="white" transform="matrix(0 -1 1 0 0 7)"/>
8
- </clipPath>
9
- </defs>
10
- </svg>
package/src/lib/assets/calender/pagination-left-gray.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M5 9L1 5L5 1" stroke="#B9BBC6" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
package/src/lib/assets/calender/pagination-right-gray.svg DELETED
@@ -1,10 +0,0 @@
1
- <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_268_9)">
3
- <path d="M1 9L5 5L1 1" stroke="#B9BBC6" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
4
- </g>
5
- <defs>
6
- <clipPath id="clip0_268_9">
7
- <rect width="6" height="10" fill="white"/>
8
- </clipPath>
9
- </defs>
10
- </svg>
package/src/lib/assets/calender/timer.svg DELETED
@@ -1,4 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M7 14C10.8593 14 14 10.8593 14 7C14 3.14067 10.8594 0 7 0C3.14063 0 0 3.14067 0 7C0 10.8593 3.14067 14 7 14ZM7 0.933318C10.346 0.933318 13.0667 3.65398 13.0667 7C13.0667 10.346 10.346 13.0667 7 13.0667C3.65398 13.0667 0.933318 10.346 0.933318 7C0.933318 3.65398 3.65401 0.933318 7 0.933318Z" fill="#BBBDC5"/>
3
- <path d="M9.04153 9.23071C9.12788 9.3007 9.23052 9.33339 9.3332 9.33339C9.47086 9.33339 9.60619 9.27272 9.69718 9.15839C9.85819 8.95772 9.82549 8.66372 9.62486 8.50271L7.46652 6.77604V3.26671C7.46652 3.01004 7.25653 2.80005 6.99986 2.80005C6.74319 2.80005 6.5332 3.01004 6.5332 3.26671V7.00006C6.5332 7.1424 6.59855 7.27539 6.7082 7.36404L9.04153 9.23071Z" fill="#BBBDC5"/>
4
- </svg>