@cal.macconnachie/web-components 1.0.1 → 1.0.3

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.
Binary file
@@ -1,511 +0,0 @@
1
- import { AxiosInstance } from 'axios';
2
- import { CSSResult } from 'lit';
3
- import { LitElement } from 'lit';
4
- import { nothing } from 'lit';
5
- import { PropertyValues } from 'lit';
6
- import { TemplateResult } from 'lit-html';
7
-
8
- export declare const apiClient: ({ baseUrl, apiBaseUrl }: ApiClientConfig) => AxiosInstance;
9
-
10
- declare interface ApiClientConfig {
11
- baseUrl: string;
12
- apiBaseUrl?: string;
13
- }
14
-
15
- export declare class AuthForm extends BaseElement {
16
- initialMode: AuthMode;
17
- logoUrl: string;
18
- baseUrl: string;
19
- oauthDomain: string;
20
- oauthRegion: string;
21
- oauthUserPoolId: string;
22
- oauthClientId: string;
23
- oauthRedirectUri: string;
24
- oauthSpaDomain: string;
25
- disableSignup: boolean;
26
- private mode;
27
- private resetStep;
28
- private signupStep;
29
- private isLoading;
30
- private isLoggedIn;
31
- private email;
32
- private password;
33
- private givenName;
34
- private familyName;
35
- private newPassword;
36
- private confirmPassword;
37
- private notice;
38
- private error;
39
- private errors;
40
- private otpDigits;
41
- private signupOtpDigits;
42
- private cookies;
43
- private apiService?;
44
- private oauthService?;
45
- private emailInput?;
46
- private hasHandledOAuthCallback;
47
- private readonly baseUrlErrorMessage;
48
- private hasApiBaseUrl;
49
- private getNormalizedBaseUrl;
50
- private getApiService;
51
- connectedCallback(): void;
52
- firstUpdated(): void;
53
- updated(changed: PropertyValues): void;
54
- private resetState;
55
- private toggleMode;
56
- private startReset;
57
- private cancelReset;
58
- private backToRequest;
59
- private backToSignupForm;
60
- private validate;
61
- private handleSubmit;
62
- private setAuthTokens;
63
- private handleSignIn;
64
- private isOAuthConfigured;
65
- private getOAuthService;
66
- private stripOAuthParamsFromUrl;
67
- private handleOAuthCallbackIfPresent;
68
- private handleRequestSignupOtp;
69
- private handleSignupWithOtp;
70
- private handleRequestReset;
71
- private handleConfirmReset;
72
- isUserLoggedIn(): boolean;
73
- logout(): Promise<void>;
74
- private handleGoogleSignIn;
75
- private handleAppleSignIn;
76
- private handleOAuthSignIn;
77
- private handleOtpInput;
78
- private handleOtpKeydown;
79
- private handleOtpPaste;
80
- render(): TemplateResult<1>;
81
- private renderFormContent;
82
- private renderActions;
83
- private renderAlerts;
84
- private renderFooter;
85
- private renderGoogleIcon;
86
- private renderAppleIcon;
87
- setError(message: string): void;
88
- setNotice(message: string): void;
89
- refresh(): Promise<void>;
90
- getUserEmail(): string | null;
91
- static styles: CSSResult;
92
- }
93
-
94
- declare type AuthMode = 'signin' | 'signup';
95
-
96
- export declare class AuthRefreshError extends Error {
97
- constructor(message?: string);
98
- }
99
-
100
- export declare class BaseButton extends BaseElement {
101
- size: ButtonSize;
102
- variant: ButtonVariant;
103
- hover: ButtonVariant | undefined;
104
- disabled: boolean;
105
- fullWidth: boolean;
106
- loading: boolean;
107
- type: 'button' | 'submit' | 'reset';
108
- static styles: CSSResult;
109
- connectedCallback(): void;
110
- render(): TemplateResult<1>;
111
- }
112
-
113
- export declare class BaseCard extends BaseElement {
114
- variant: CardVariant;
115
- padding: CardPadding;
116
- hoverable: boolean;
117
- expandable: boolean;
118
- private isExpanded;
119
- static styles: CSSResult;
120
- private handleExpand;
121
- private handleCollapse;
122
- private handleOverlayClick;
123
- disconnectedCallback(): void;
124
- render(): TemplateResult<1>;
125
- }
126
-
127
- export declare class BaseDatePicker extends BaseElement {
128
- value: string;
129
- label?: string;
130
- placeholder: string;
131
- required: boolean;
132
- disabled: boolean;
133
- error?: string;
134
- hint?: string;
135
- size: DatePickerSize;
136
- minDate?: string;
137
- maxDate?: string;
138
- private isOpen;
139
- private currentMonth;
140
- private currentYear;
141
- private showMonthPicker;
142
- private showYearPicker;
143
- private yearRangeStart;
144
- private isFlipped;
145
- private dateDisplay;
146
- private calendarContainer?;
147
- private inputId;
148
- private weekDays;
149
- private monthNames;
150
- static styles: CSSResult;
151
- private get displayValue();
152
- private get currentMonthName();
153
- private get yearRangeEnd();
154
- private get yearRange();
155
- private get calendarDays();
156
- private handleDisplayClick;
157
- private toggleCalendar;
158
- private updateDropdownPosition;
159
- private closeCalendar;
160
- private selectDate;
161
- private selectToday;
162
- private previousMonth;
163
- private nextMonth;
164
- private isSelectedDate;
165
- private isToday;
166
- private isDisabled;
167
- private selectMonth;
168
- private selectYear;
169
- private yearRangeBack;
170
- private yearRangeForward;
171
- private handleKeydown;
172
- render(): TemplateResult<1>;
173
- }
174
-
175
- export declare class BaseDateTimePicker extends BaseElement {
176
- value: string;
177
- label?: string;
178
- placeholder: string;
179
- required: boolean;
180
- disabled: boolean;
181
- error?: string;
182
- hint?: string;
183
- size: DateTimePickerSize;
184
- minDate?: string;
185
- maxDate?: string;
186
- format: TimeFormat;
187
- private isOpen;
188
- private currentMonth;
189
- private currentYear;
190
- private showMonthPicker;
191
- private showYearPicker;
192
- private yearRangeStart;
193
- private selectedDate;
194
- private selectedHour;
195
- private selectedMinute;
196
- private selectedPeriod;
197
- private isFlipped;
198
- private currentStep;
199
- private datetimeDisplay;
200
- private datetimeContainer?;
201
- private inputId;
202
- private weekDays;
203
- private monthNames;
204
- static styles: CSSResult;
205
- connectedCallback(): void;
206
- updated(changedProperties: Map<string, unknown>): void;
207
- private parseValue;
208
- private get displayValue();
209
- private get currentMonthName();
210
- private get yearRangeEnd();
211
- private get yearRange();
212
- private get calendarDays();
213
- private get hours();
214
- private get minutes();
215
- private handleDisplayClick;
216
- private togglePicker;
217
- private updateDropdownPosition;
218
- private closePicker;
219
- private selectDate;
220
- private selectHour;
221
- private selectMinute;
222
- private selectPeriod;
223
- private goBackToDateStep;
224
- private selectNow;
225
- private applyDateTime;
226
- private previousMonth;
227
- private nextMonth;
228
- private isSelectedDate;
229
- private isToday;
230
- private isDisabled;
231
- private selectMonth;
232
- private selectYear;
233
- private yearRangeBack;
234
- private yearRangeForward;
235
- private handleKeydown;
236
- render(): TemplateResult<1>;
237
- }
238
-
239
- export declare class BaseDrawer extends BaseElement {
240
- open: boolean;
241
- size: 'sm' | 'md' | 'lg';
242
- private isClosing;
243
- private isVisible;
244
- private isDragging;
245
- private dragStartY;
246
- private dragCurrentY;
247
- private dragStartTime;
248
- private lastDragEndTime;
249
- private modalContainer?;
250
- private modalBody?;
251
- private transitionDuration;
252
- private boundKeyHandler;
253
- connectedCallback(): void;
254
- disconnectedCallback(): void;
255
- firstUpdated(): void;
256
- updated(changedProperties: Map<string, unknown>): void;
257
- private lockBodyScroll;
258
- private unlockBodyScroll;
259
- private cleanupInlineStyles;
260
- private resetState;
261
- private handleClose;
262
- private handleOverlayClick;
263
- private handleDragStart;
264
- private handleDragMove;
265
- private handleDragEnd;
266
- private handleHandleClick;
267
- closeDrawer(): void;
268
- openDrawer(): void;
269
- render(): TemplateResult<1> | typeof nothing;
270
- static styles: CSSResult;
271
- }
272
-
273
- declare class BaseElement extends LitElement {
274
- theme: 'light' | 'dark';
275
- storageKey: string;
276
- private boundThemeChangeHandler;
277
- connectedCallback(): void;
278
- disconnectedCallback(): void;
279
- private handleGlobalThemeChange;
280
- applyTheme(): void;
281
- }
282
-
283
- export declare class BaseInput extends BaseElement {
284
- value: string;
285
- label?: string;
286
- placeholder?: string;
287
- type: InputType;
288
- required: boolean;
289
- disabled: boolean;
290
- error?: string;
291
- hint?: string;
292
- autocomplete?: string;
293
- size: InputSize;
294
- private inputElement;
295
- private inputId;
296
- static styles: CSSResult;
297
- private handleInput;
298
- private handleFocus;
299
- private handleBlur;
300
- focus(): void;
301
- render(): TemplateResult<1>;
302
- }
303
-
304
- export declare class BaseSelect extends BaseElement {
305
- value: string;
306
- label?: string;
307
- placeholder: string;
308
- required: boolean;
309
- disabled: boolean;
310
- searchable: boolean;
311
- error?: string;
312
- hint?: string;
313
- size: SelectSize;
314
- options: SelectOption[];
315
- private isOpen;
316
- private searchQuery;
317
- private highlightedIndex;
318
- private isFlipped;
319
- private selectInput;
320
- private selectDisplay;
321
- private dropdownElement;
322
- private selectId;
323
- static styles: CSSResult;
324
- private get selectedOption();
325
- private get displayValue();
326
- private get filteredOptions();
327
- private handleDisplayClick;
328
- private toggleDropdown;
329
- private updateDropdownPosition;
330
- private closeDropdown;
331
- private handleSearchInput;
332
- private selectOption;
333
- private handleKeydown;
334
- private scrollToHighlighted;
335
- render(): TemplateResult<1>;
336
- }
337
-
338
- export declare class BaseTab extends BaseElement {
339
- id: string;
340
- label: string;
341
- badge?: number;
342
- icon?: string;
343
- active: boolean;
344
- static styles: CSSResult;
345
- connectedCallback(): void;
346
- updated(changedProperties: Map<string, unknown>): void;
347
- render(): TemplateResult<1>;
348
- }
349
-
350
- export declare class BaseTabs extends BaseElement {
351
- activeTab: string;
352
- ariaLabel: string;
353
- syncWithHash: boolean;
354
- variant: TabVariant;
355
- private tabs;
356
- private isExpanded;
357
- private tabsNav?;
358
- private boundHashChangeHandler;
359
- static styles: CSSResult;
360
- connectedCallback(): void;
361
- disconnectedCallback(): void;
362
- firstUpdated(): void;
363
- private queryAndRegisterTabs;
364
- updated(changedProperties: Map<string, unknown>): void;
365
- private handleTabRegister;
366
- private handleTabBadgeUpdate;
367
- private updateChildTabs;
368
- private handleHashChange;
369
- private selectTab;
370
- private handleTabClick;
371
- private handleKeyDown;
372
- private toggleSidebar;
373
- private renderTabButton;
374
- render(): TemplateResult<1>;
375
- }
376
-
377
- export declare class BaseTextarea extends BaseElement {
378
- value: string;
379
- label?: string;
380
- placeholder?: string;
381
- required: boolean;
382
- disabled: boolean;
383
- error?: string;
384
- hint?: string;
385
- size: TextareaSize;
386
- rows: number;
387
- maxlength?: number;
388
- resize: ResizeMode;
389
- private textareaElement;
390
- private textareaId;
391
- static styles: CSSResult;
392
- private handleInput;
393
- private handleFocus;
394
- private handleBlur;
395
- focus(): void;
396
- render(): TemplateResult<1>;
397
- }
398
-
399
- export declare class BaseTimePicker extends BaseElement {
400
- value: string;
401
- label?: string;
402
- placeholder: string;
403
- required: boolean;
404
- disabled: boolean;
405
- error?: string;
406
- hint?: string;
407
- size: TimePickerSize;
408
- format: TimeFormat_2;
409
- private isOpen;
410
- private selectedHour;
411
- private selectedMinute;
412
- private selectedPeriod;
413
- private isFlipped;
414
- private timeDisplay;
415
- private timeContainer?;
416
- private inputId;
417
- static styles: CSSResult;
418
- connectedCallback(): void;
419
- updated(changedProperties: Map<string, unknown>): void;
420
- private parseValue;
421
- private get displayValue();
422
- private get hours();
423
- private get minutes();
424
- private handleDisplayClick;
425
- private toggleTimePicker;
426
- private updateDropdownPosition;
427
- private closeTimePicker;
428
- private selectHour;
429
- private selectMinute;
430
- private selectPeriod;
431
- private selectNow;
432
- private emitChange;
433
- private handleKeydown;
434
- render(): TemplateResult<1>;
435
- }
436
-
437
- declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
438
-
439
- declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'ghost-danger' | 'ghost-warning' | 'ghost-info' | 'ghost-success';
440
-
441
- declare type CardPadding = 'auto' | 'none' | 'sm' | 'md' | 'lg';
442
-
443
- declare type CardVariant = 'default' | 'elevated';
444
-
445
- export declare const createApiClient: ({ baseUrl, apiBaseUrl }: ApiClientConfig) => AxiosInstance;
446
-
447
- declare type DatePickerSize = 'sm' | 'md' | 'lg';
448
-
449
- declare type DateTimePickerSize = 'sm' | 'md' | 'lg';
450
-
451
- declare type InputSize = 'sm' | 'md' | 'lg';
452
-
453
- declare type InputType = 'text' | 'email' | 'password' | 'tel' | 'url';
454
-
455
- export declare class QuantitySelect extends BaseElement {
456
- value: number;
457
- min: number;
458
- max: number;
459
- size: QuantitySize;
460
- allowInput: boolean;
461
- static styles: CSSResult;
462
- private clampValue;
463
- private updateValue;
464
- private handleDecrement;
465
- private handleIncrement;
466
- private handleInput;
467
- private handleKeydown;
468
- render(): TemplateResult<1>;
469
- }
470
-
471
- declare type QuantitySize = 'xs' | 'sm' | 'md' | 'lg';
472
-
473
- declare type ResizeMode = 'none' | 'both' | 'horizontal' | 'vertical';
474
-
475
- export declare interface SelectOption {
476
- label: string;
477
- value: string;
478
- }
479
-
480
- declare type SelectSize = 'sm' | 'md' | 'lg';
481
-
482
- export declare interface TabData {
483
- id: string;
484
- label: string;
485
- badge?: number;
486
- icon?: string;
487
- }
488
-
489
- declare type TabVariant = 'horizontal' | 'sidebar';
490
-
491
- declare type TextareaSize = 'sm' | 'md' | 'lg';
492
-
493
- export declare class ThemeToggle extends BaseElement {
494
- size: 'sm' | 'md' | 'lg';
495
- variant: 'ghost' | 'outline' | 'solid';
496
- private isDark;
497
- connectedCallback(): void;
498
- private toggleTheme;
499
- private getSizeClass;
500
- private getVariantClass;
501
- render(): TemplateResult<1>;
502
- static styles: CSSResult;
503
- }
504
-
505
- declare type TimeFormat = '12' | '24';
506
-
507
- declare type TimeFormat_2 = '12' | '24';
508
-
509
- declare type TimePickerSize = 'sm' | 'md' | 'lg';
510
-
511
- export { }