@riverty/web-components 6.2.1 → 6.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/README.md +78 -0
- package/custom-elements.json +4 -0
- package/dist/cjs/index-BnETQtSf.js +16 -16
- package/dist/cjs/index.cjs.js +35 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/r-alert.cjs.entry.js +1 -1
- package/dist/cjs/r-badge.cjs.entry.js +3 -2
- package/dist/cjs/r-button.cjs.entry.js +1 -1
- package/dist/cjs/r-checkbox-group.cjs.entry.js +5 -0
- package/dist/cjs/r-checkbox.cjs.entry.js +9 -4
- package/dist/cjs/r-dialog.cjs.entry.js +2 -2
- package/dist/cjs/r-hint_2.cjs.entry.js +4 -4
- package/dist/cjs/r-icon-button_2.cjs.entry.js +43 -18
- package/dist/cjs/r-input-code.cjs.entry.js +11 -6
- package/dist/cjs/r-input-date.cjs.entry.js +11 -6
- package/dist/cjs/r-input-password.cjs.entry.js +8 -3
- package/dist/cjs/r-input-phone-number.cjs.entry.js +6 -6
- package/dist/cjs/r-input.cjs.entry.js +249 -33
- package/dist/cjs/r-pagination.cjs.entry.js +9 -3
- package/dist/cjs/r-panel.cjs.entry.js +2 -2
- package/dist/cjs/r-popover-action.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
- package/dist/cjs/r-popover.cjs.entry.js +2 -2
- package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button.cjs.entry.js +5 -5
- package/dist/cjs/r-radio-group.cjs.entry.js +8 -5
- package/dist/cjs/r-select-option.cjs.entry.js +1 -1
- package/dist/cjs/r-select.cjs.entry.js +10 -4
- package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
- package/dist/cjs/r-stepper-item.cjs.entry.js +2 -2
- package/dist/cjs/r-stepper.cjs.entry.js +1 -1
- package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/r-tab.cjs.entry.js +2 -2
- package/dist/cjs/r-tabs-list.cjs.entry.js +3 -3
- package/dist/cjs/r-tabs.cjs.entry.js +1 -1
- package/dist/cjs/r-toast-group.cjs.entry.js +1 -1
- package/dist/cjs/r-toast.cjs.entry.js +17 -9
- package/dist/cjs/web-components.cjs.js +1 -1
- package/dist/collection/components/alert/alert.css +1 -0
- package/dist/collection/components/badge/badge.css +10 -0
- package/dist/collection/components/badge/badge.js +5 -1
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +30 -4
- package/dist/collection/components/checkbox-group/checkbox-group.js +26 -0
- package/dist/collection/components/dialog/dialog.js +2 -2
- package/dist/collection/components/hint/hint.js +2 -2
- package/dist/collection/components/icon-button/icon-button.js +3 -3
- package/dist/collection/components/input/exports.js +46 -0
- package/dist/collection/components/input/input.css +6 -0
- package/dist/collection/components/input/input.js +321 -32
- package/dist/collection/components/input-code/input-code.js +32 -6
- package/dist/collection/components/input-date/input-date.js +32 -6
- package/dist/collection/components/input-password/input-password.js +29 -3
- package/dist/collection/components/input-phone-number/input-phone-number.js +25 -6
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/pagination/pagination.js +18 -3
- package/dist/collection/components/panel/panel.js +2 -2
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/popover-action/popover-action.js +1 -1
- package/dist/collection/components/popover-content/popover-content.js +1 -1
- package/dist/collection/components/popover-headline/popover-headline.js +1 -1
- package/dist/collection/components/popover-trigger/popover-trigger.js +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +5 -5
- package/dist/collection/components/radio-button-description/radio-button-description.js +1 -1
- package/dist/collection/components/radio-button-leading/radio-button-leading.js +1 -1
- package/dist/collection/components/radio-button-title/radio-button-title.js +1 -1
- package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +8 -5
- package/dist/collection/components/select/select.js +31 -4
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/skip-link/skip-link.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/stepper-item/stepper-item.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tabs-list/tabs-list.js +3 -3
- package/dist/collection/components/toast/toast.js +17 -9
- package/dist/collection/components/toast-group/toast-group.js +1 -1
- package/dist/collection/components/tooltip/tooltip.css +34 -63
- package/dist/collection/components/tooltip/tooltip.js +39 -14
- package/dist/collection/index.js +2 -1
- package/dist/collection/utils/version-checker.js +33 -0
- package/dist/esm/index-CTxpqopm.js +16 -16
- package/dist/esm/index.js +34 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/r-alert.entry.js +1 -1
- package/dist/esm/r-badge.entry.js +3 -2
- package/dist/esm/r-button.entry.js +1 -1
- package/dist/esm/r-checkbox-group.entry.js +5 -0
- package/dist/esm/r-checkbox.entry.js +9 -4
- package/dist/esm/r-dialog.entry.js +2 -2
- package/dist/esm/r-hint_2.entry.js +4 -4
- package/dist/esm/r-icon-button_2.entry.js +43 -18
- package/dist/esm/r-input-code.entry.js +11 -6
- package/dist/esm/r-input-date.entry.js +11 -6
- package/dist/esm/r-input-password.entry.js +8 -3
- package/dist/esm/r-input-phone-number.entry.js +6 -6
- package/dist/esm/r-input.entry.js +249 -33
- package/dist/esm/r-pagination.entry.js +9 -3
- package/dist/esm/r-panel.entry.js +2 -2
- package/dist/esm/r-popover-action.entry.js +1 -1
- package/dist/esm/r-popover-content.entry.js +1 -1
- package/dist/esm/r-popover-headline.entry.js +1 -1
- package/dist/esm/r-popover-trigger.entry.js +1 -1
- package/dist/esm/r-popover.entry.js +2 -2
- package/dist/esm/r-progress-bar.entry.js +1 -1
- package/dist/esm/r-radio-button-description.entry.js +1 -1
- package/dist/esm/r-radio-button-leading.entry.js +1 -1
- package/dist/esm/r-radio-button-title.entry.js +1 -1
- package/dist/esm/r-radio-button-trailing.entry.js +1 -1
- package/dist/esm/r-radio-button.entry.js +5 -5
- package/dist/esm/r-radio-group.entry.js +8 -5
- package/dist/esm/r-select-option.entry.js +1 -1
- package/dist/esm/r-select.entry.js +10 -4
- package/dist/esm/r-skip-link.entry.js +1 -1
- package/dist/esm/r-stepper-item.entry.js +2 -2
- package/dist/esm/r-stepper.entry.js +1 -1
- package/dist/esm/r-tab-panel.entry.js +1 -1
- package/dist/esm/r-tab.entry.js +2 -2
- package/dist/esm/r-tabs-list.entry.js +3 -3
- package/dist/esm/r-tabs.entry.js +1 -1
- package/dist/esm/r-toast-group.entry.js +1 -1
- package/dist/esm/r-toast.entry.js +17 -9
- package/dist/esm/web-components.js +1 -1
- package/dist/types/components/badge/badge.d.ts +3 -0
- package/dist/types/components/checkbox/checkbox.d.ts +2 -0
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +2 -0
- package/dist/types/components/input/exports.d.ts +45 -0
- package/dist/types/components/input/input.d.ts +66 -1
- package/dist/types/components/input-code/input-code.d.ts +2 -0
- package/dist/types/components/input-date/input-date.d.ts +2 -0
- package/dist/types/components/input-password/input-password.d.ts +2 -0
- package/dist/types/components/input-phone-number/input-phone-number.d.ts +2 -0
- package/dist/types/components/pagination/pagination.d.ts +1 -1
- package/dist/types/components/radio-group/radio-group.d.ts +1 -0
- package/dist/types/components/select/select.d.ts +2 -0
- package/dist/types/components/tooltip/tooltip.d.ts +1 -0
- package/dist/types/components.d.ts +63 -2
- package/dist/types/utils/version-checker.d.ts +1 -0
- package/dist/web-components/index.esm.js +1 -0
- package/dist/web-components/{p-253068b9.entry.js → p-01aefcf0.entry.js} +1 -1
- package/dist/web-components/p-05cb55db.entry.js +1 -0
- package/dist/web-components/{p-477614c5.entry.js → p-11b22309.entry.js} +1 -1
- package/dist/web-components/{p-562051aa.entry.js → p-2d878934.entry.js} +1 -1
- package/dist/web-components/p-325dbedf.entry.js +1 -0
- package/dist/web-components/{p-10cc9983.entry.js → p-34b9457b.entry.js} +1 -1
- package/dist/web-components/{p-e5b943a2.entry.js → p-36abd05a.entry.js} +1 -1
- package/dist/web-components/{p-d2447e30.entry.js → p-386d1ef9.entry.js} +1 -1
- package/dist/web-components/{p-4de76291.entry.js → p-3d67b77b.entry.js} +1 -1
- package/dist/web-components/{p-93435fcd.entry.js → p-4b12fbc0.entry.js} +1 -1
- package/dist/web-components/p-52f7b505.entry.js +1 -0
- package/dist/web-components/{p-bfc7e6c0.entry.js → p-57ebc474.entry.js} +1 -1
- package/dist/web-components/{p-a1086abe.entry.js → p-57edf7f4.entry.js} +1 -1
- package/dist/web-components/{p-cc363c3d.entry.js → p-69a24fe2.entry.js} +1 -1
- package/dist/web-components/{p-e67b13df.entry.js → p-6d92648c.entry.js} +1 -1
- package/dist/web-components/p-75052597.entry.js +1 -0
- package/dist/web-components/{p-9de3a1a5.entry.js → p-7b2c5b63.entry.js} +1 -1
- package/dist/web-components/p-7bf463ff.entry.js +1 -0
- package/dist/web-components/{p-8e125826.entry.js → p-838e43d4.entry.js} +1 -1
- package/dist/web-components/p-8c16d038.entry.js +1 -0
- package/dist/web-components/{p-075a8dc8.entry.js → p-8f8313de.entry.js} +1 -1
- package/dist/web-components/{p-3beacdab.entry.js → p-9026d5a2.entry.js} +1 -1
- package/dist/web-components/p-9c31c7c4.entry.js +1 -0
- package/dist/web-components/p-9c415b9c.entry.js +1 -0
- package/dist/web-components/p-b303b2cc.entry.js +1 -0
- package/dist/web-components/p-b8df041d.entry.js +1 -0
- package/dist/web-components/p-bc30844f.entry.js +1 -0
- package/dist/web-components/{p-bde44ec4.entry.js → p-c4a77a65.entry.js} +1 -1
- package/dist/web-components/{p-d0310ed4.entry.js → p-c549addf.entry.js} +1 -1
- package/dist/web-components/p-c65df19f.entry.js +1 -0
- package/dist/web-components/p-cf3f044d.entry.js +1 -0
- package/dist/web-components/p-d9778cfa.entry.js +1 -0
- package/dist/web-components/{p-44f87e16.entry.js → p-dbe4ccb8.entry.js} +1 -1
- package/dist/web-components/p-ded50850.entry.js +1 -0
- package/dist/web-components/{p-02b22f8e.entry.js → p-e5be895b.entry.js} +1 -1
- package/dist/web-components/{p-495ba3d2.entry.js → p-e6b34c1e.entry.js} +1 -1
- package/dist/web-components/p-ec3c4800.entry.js +1 -0
- package/dist/web-components/p-f670fd87.entry.js +1 -0
- package/dist/web-components/web-components.esm.js +1 -1
- package/package.json +3 -2
- package/dist/web-components/p-3b8c8951.entry.js +0 -1
- package/dist/web-components/p-4214867d.entry.js +0 -1
- package/dist/web-components/p-42c857e9.entry.js +0 -1
- package/dist/web-components/p-5b850e0f.entry.js +0 -1
- package/dist/web-components/p-6013dfc8.entry.js +0 -1
- package/dist/web-components/p-62e7ae04.entry.js +0 -1
- package/dist/web-components/p-71519d37.entry.js +0 -1
- package/dist/web-components/p-88f7b47f.entry.js +0 -1
- package/dist/web-components/p-8975a6a3.entry.js +0 -1
- package/dist/web-components/p-91cc0bde.entry.js +0 -1
- package/dist/web-components/p-947969d7.entry.js +0 -1
- package/dist/web-components/p-bbba6d79.entry.js +0 -1
- package/dist/web-components/p-c1030394.entry.js +0 -1
- package/dist/web-components/p-caf8f067.entry.js +0 -1
- package/dist/web-components/p-cf4ff357.entry.js +0 -1
- package/dist/web-components/p-dc9cca06.entry.js +0 -1
- package/dist/web-components/p-efec231a.entry.js +0 -1
|
@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
|
|
|
2
2
|
import type { InputAutocomplete, InputMode, InputType, EnterKeyHint, AutocapitalizeType } from './exports';
|
|
3
3
|
export declare class RInput {
|
|
4
4
|
host: HTMLRInputElement;
|
|
5
|
+
private static autofocusHandled;
|
|
5
6
|
/**
|
|
6
7
|
* ID of the form this input is associated with (mirrors native `form` attribute).
|
|
7
8
|
* Use when the input is not a direct descendant of the target form element.
|
|
@@ -153,6 +154,8 @@ export declare class RInput {
|
|
|
153
154
|
* but the field can still receive focus, be selected, and be submitted with a form.
|
|
154
155
|
*/
|
|
155
156
|
readonly?: boolean;
|
|
157
|
+
/** Internal state for options extracted from slotted datalist */
|
|
158
|
+
private slottedOptions;
|
|
156
159
|
/**
|
|
157
160
|
* Hint to the browser about which keyboard to display on mobile devices.
|
|
158
161
|
*/
|
|
@@ -207,6 +210,27 @@ export declare class RInput {
|
|
|
207
210
|
element: HTMLRInputElement;
|
|
208
211
|
value: any;
|
|
209
212
|
}>;
|
|
213
|
+
/**
|
|
214
|
+
* Emitted when the input is about to be modified (mirrors native `beforeinput` semantics).
|
|
215
|
+
* Use for intercepting and preventing input before it occurs.
|
|
216
|
+
*/
|
|
217
|
+
rBeforeInput: EventEmitter<InputEvent>;
|
|
218
|
+
/**
|
|
219
|
+
* Emitted when the input fails validation (mirrors native `invalid` semantics).
|
|
220
|
+
*/
|
|
221
|
+
rInvalid: EventEmitter<Event>;
|
|
222
|
+
/**
|
|
223
|
+
* Emitted when a key is pressed down (mirrors native `keydown` semantics).
|
|
224
|
+
*/
|
|
225
|
+
rKeyDown: EventEmitter<KeyboardEvent>;
|
|
226
|
+
/**
|
|
227
|
+
* Emitted when a key is released (mirrors native `keyup` semantics).
|
|
228
|
+
*/
|
|
229
|
+
rKeyUp: EventEmitter<KeyboardEvent>;
|
|
230
|
+
/**
|
|
231
|
+
* Emitted when text is selected (mirrors native `select` semantics).
|
|
232
|
+
*/
|
|
233
|
+
rSelect: EventEmitter<Event>;
|
|
210
234
|
/**
|
|
211
235
|
* Programmatically focus the native input element.
|
|
212
236
|
*/
|
|
@@ -242,6 +266,8 @@ export declare class RInput {
|
|
|
242
266
|
* Set the current value programmatically (does not fire native input/change automatically).
|
|
243
267
|
*/
|
|
244
268
|
setValue(value: string): Promise<void>;
|
|
269
|
+
/** Validates an element, displays provided message in case value is invalid. */
|
|
270
|
+
setCustomValidity(message: string): Promise<void>;
|
|
245
271
|
/**
|
|
246
272
|
* Validates the input without triggering UI and returns a boolean indicating its validity.
|
|
247
273
|
* @returns A boolean indicating whether the input is valid.
|
|
@@ -260,11 +286,33 @@ export declare class RInput {
|
|
|
260
286
|
*/
|
|
261
287
|
markAsPristine(): Promise<void>;
|
|
262
288
|
private nativeElement;
|
|
289
|
+
/**
|
|
290
|
+
* Helper to set the native input element ref and apply boolean properties
|
|
291
|
+
* that don't get properly set through JSX attribute spreading.
|
|
292
|
+
*/
|
|
293
|
+
private setNativeInputRef;
|
|
263
294
|
private uniqueId;
|
|
295
|
+
private get datalistId();
|
|
264
296
|
/**
|
|
265
297
|
* Initial attributes state
|
|
266
298
|
* */
|
|
267
299
|
private initial;
|
|
300
|
+
/**
|
|
301
|
+
* Cache for passthrough attributes to avoid recomputing on every render.
|
|
302
|
+
* Cleared when attributes might have changed.
|
|
303
|
+
*/
|
|
304
|
+
private passthroughAttrsCache;
|
|
305
|
+
/**
|
|
306
|
+
* Checks if an attribute should be excluded from passthrough.
|
|
307
|
+
*/
|
|
308
|
+
private shouldExcludeAttribute;
|
|
309
|
+
/**
|
|
310
|
+
* Collects native HTML input attributes from the host element that aren't
|
|
311
|
+
* already handled by explicit props. This allows passing through attributes
|
|
312
|
+
* like 'list', 'multiple', 'size', etc. without creating explicit props.
|
|
313
|
+
* Optimized with Set lookups (O(1)) and caching.
|
|
314
|
+
*/
|
|
315
|
+
private collectNativeAttributes;
|
|
268
316
|
/** Identify wrapping form element */
|
|
269
317
|
private get parentFormEl();
|
|
270
318
|
private get ariaDescribedBy();
|
|
@@ -284,15 +332,32 @@ export declare class RInput {
|
|
|
284
332
|
private onChange;
|
|
285
333
|
private onBlur;
|
|
286
334
|
private onFocus;
|
|
335
|
+
private onBeforeInput;
|
|
336
|
+
private onInvalid;
|
|
337
|
+
private onKeyDown;
|
|
338
|
+
private onKeyUp;
|
|
339
|
+
private onSelect;
|
|
287
340
|
componentWillLoad(): void;
|
|
341
|
+
/**
|
|
342
|
+
* Extracts options from a slotted <datalist> element.
|
|
343
|
+
* Supports both default slot and slot="datalist" usage.
|
|
344
|
+
*/
|
|
345
|
+
private extractSlottedDatalistOptions;
|
|
346
|
+
/**
|
|
347
|
+
* Parses options from a HTMLDataListElement into InputOption array.
|
|
348
|
+
*/
|
|
349
|
+
private parseDatalistOptions;
|
|
288
350
|
private contributeToFormData;
|
|
289
351
|
private connectFormEventListeners;
|
|
290
|
-
private disconnectFormEventListeners;
|
|
291
352
|
connectedCallback(): void;
|
|
292
353
|
disconnectedCallback(): void;
|
|
354
|
+
private datalistObserver;
|
|
355
|
+
private setupDatalistObserver;
|
|
356
|
+
private disconnectDatalistObserver;
|
|
293
357
|
private onResetForm;
|
|
294
358
|
private onSubmitForm;
|
|
295
359
|
private handleKeyup;
|
|
360
|
+
private disconnectFormEventListeners;
|
|
296
361
|
private handleClick;
|
|
297
362
|
handleValueChange(): void;
|
|
298
363
|
handleTypeChange(): void;
|
|
@@ -110,6 +110,8 @@ export declare class InputCode {
|
|
|
110
110
|
* Sets provided value.
|
|
111
111
|
* */
|
|
112
112
|
setValue(value: string | null): Promise<void>;
|
|
113
|
+
/** Validates an element, displays provided message in case value is invalid. */
|
|
114
|
+
setCustomValidity(message: string): Promise<void>;
|
|
113
115
|
/**
|
|
114
116
|
* Validates the input code without triggering UI and returns a boolean indicating its validity.
|
|
115
117
|
* @returns A boolean indicating whether the input code is valid.
|
|
@@ -117,6 +117,8 @@ export declare class InputDate {
|
|
|
117
117
|
* @returns Promise that resolves when reset is complete
|
|
118
118
|
*/
|
|
119
119
|
reset(): Promise<void>;
|
|
120
|
+
/** Validates an element, displays provided message in case value is invalid. */
|
|
121
|
+
setCustomValidity(message: string): Promise<void>;
|
|
120
122
|
/**
|
|
121
123
|
* Validates the input date without triggering UI and returns a boolean indicating its validity.
|
|
122
124
|
* @returns A boolean indicating whether the input date is valid.
|
|
@@ -143,6 +143,8 @@ export declare class InputPassword {
|
|
|
143
143
|
getValue(): Promise<string>;
|
|
144
144
|
/** Set the input value */
|
|
145
145
|
setValue(value: string): Promise<void>;
|
|
146
|
+
/** Validates an element, displays provided message in case value is invalid. */
|
|
147
|
+
setCustomValidity(message: string): Promise<void>;
|
|
146
148
|
/**
|
|
147
149
|
* Validates the input password without triggering UI and returns a boolean indicating its validity.
|
|
148
150
|
* @returns A boolean indicating whether the input password is valid.
|
|
@@ -38,6 +38,8 @@ export declare class InputPhoneNumber {
|
|
|
38
38
|
customErrorMessage?: string;
|
|
39
39
|
/** Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API */
|
|
40
40
|
valueMissingMessage?: string;
|
|
41
|
+
/** Custom error message displayed when phone number is not valid. */
|
|
42
|
+
invalidPhoneNumberMessage?: string;
|
|
41
43
|
/** Defines if the component suppose to occupy 100% width */
|
|
42
44
|
fullWidth?: boolean;
|
|
43
45
|
fullPhoneNumber: string;
|
|
@@ -132,9 +132,9 @@ export declare class RPagination {
|
|
|
132
132
|
private getFocusTargetAfterNavigation;
|
|
133
133
|
private handleItemChange;
|
|
134
134
|
private syncHeaderWidth;
|
|
135
|
+
handlePropsChange(): void;
|
|
135
136
|
componentWillLoad(): void;
|
|
136
137
|
disconnectedCallback(): void;
|
|
137
138
|
componentDidRender(): void;
|
|
138
|
-
componentDidUpdate(): void;
|
|
139
139
|
render(): any;
|
|
140
140
|
}
|
|
@@ -149,6 +149,7 @@ export declare class RadioGroup {
|
|
|
149
149
|
private get hasSelected();
|
|
150
150
|
private get nativeSelectedEl();
|
|
151
151
|
private get nativeFirstEl();
|
|
152
|
+
private get hasValidationError();
|
|
152
153
|
private getValidityStateData;
|
|
153
154
|
private validateFormElement;
|
|
154
155
|
private passPropsToGroupItems;
|
|
@@ -160,6 +160,8 @@ export declare class Select {
|
|
|
160
160
|
* Marks the select as untouched and pristine (not dirty).
|
|
161
161
|
*/
|
|
162
162
|
markAsPristine(): Promise<void>;
|
|
163
|
+
/** Validates an element, displays provided message in case value is invalid. */
|
|
164
|
+
setCustomValidity(message: string): Promise<void>;
|
|
163
165
|
/**
|
|
164
166
|
* Validates the textarea without triggering UI and returns a boolean indicating its validity.
|
|
165
167
|
* @returns A boolean indicating whether the textarea is valid.
|
|
@@ -15,6 +15,7 @@ import { HintVariant } from "./components/hint/exports";
|
|
|
15
15
|
import { TooltipPosition } from "./components/tooltip/exports";
|
|
16
16
|
import { IllustrationName, IllustrationTheme } from "./components/illustration/exports";
|
|
17
17
|
import { AutocapitalizeType, EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
|
|
18
|
+
import { Event } from "./stencil-public-runtime";
|
|
18
19
|
import { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
|
|
19
20
|
import { PasswordAutocomplete } from "./components/input-password/exports";
|
|
20
21
|
import { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
|
|
@@ -22,7 +23,6 @@ import { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVar
|
|
|
22
23
|
import { PanelVariant } from "./components/panel/exports";
|
|
23
24
|
import { PopoverDismissMode, PopoverHorizontal, PopoverVertical } from "./components/popover/exports";
|
|
24
25
|
import { PopoverTriggerAction } from "./components/popover-trigger/exports";
|
|
25
|
-
import { Event } from "./stencil-public-runtime";
|
|
26
26
|
import { RadioGroupVariant } from "./components/radio-group/exports";
|
|
27
27
|
import { ListboxPosition } from "./components/select/exports";
|
|
28
28
|
import { SkipLinkPosition } from "./components/skip-link/exports";
|
|
@@ -39,6 +39,7 @@ export { HintVariant } from "./components/hint/exports";
|
|
|
39
39
|
export { TooltipPosition } from "./components/tooltip/exports";
|
|
40
40
|
export { IllustrationName, IllustrationTheme } from "./components/illustration/exports";
|
|
41
41
|
export { AutocapitalizeType, EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
|
|
42
|
+
export { Event } from "./stencil-public-runtime";
|
|
42
43
|
export { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
|
|
43
44
|
export { PasswordAutocomplete } from "./components/input-password/exports";
|
|
44
45
|
export { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
|
|
@@ -46,7 +47,6 @@ export { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVar
|
|
|
46
47
|
export { PanelVariant } from "./components/panel/exports";
|
|
47
48
|
export { PopoverDismissMode, PopoverHorizontal, PopoverVertical } from "./components/popover/exports";
|
|
48
49
|
export { PopoverTriggerAction } from "./components/popover-trigger/exports";
|
|
49
|
-
export { Event } from "./stencil-public-runtime";
|
|
50
50
|
export { RadioGroupVariant } from "./components/radio-group/exports";
|
|
51
51
|
export { ListboxPosition } from "./components/select/exports";
|
|
52
52
|
export { SkipLinkPosition } from "./components/skip-link/exports";
|
|
@@ -360,6 +360,10 @@ export namespace Components {
|
|
|
360
360
|
* Removes focus from the checkbox element.
|
|
361
361
|
*/
|
|
362
362
|
"setBlur": () => Promise<void>;
|
|
363
|
+
/**
|
|
364
|
+
* Validates an element, displays provided message in case value is invalid.
|
|
365
|
+
*/
|
|
366
|
+
"setCustomValidity": (message: string) => Promise<void>;
|
|
363
367
|
/**
|
|
364
368
|
* Sets focus on the checkbox element.
|
|
365
369
|
*/
|
|
@@ -464,6 +468,10 @@ export namespace Components {
|
|
|
464
468
|
* Resets the validity state and message of the radio group. This method clears the validity message and state, and sets the invalid property to its initial value.
|
|
465
469
|
*/
|
|
466
470
|
"resetValidity": () => Promise<void>;
|
|
471
|
+
/**
|
|
472
|
+
* Validates the checkbox group, displays provided message in case value is invalid.
|
|
473
|
+
*/
|
|
474
|
+
"setCustomValidity": (message: string) => Promise<void>;
|
|
467
475
|
/**
|
|
468
476
|
* Whether to show a "Select All" checkbox.
|
|
469
477
|
*/
|
|
@@ -858,6 +866,10 @@ export namespace Components {
|
|
|
858
866
|
* Programmatically remove focus from the native input.
|
|
859
867
|
*/
|
|
860
868
|
"setBlur": () => Promise<void>;
|
|
869
|
+
/**
|
|
870
|
+
* Validates an element, displays provided message in case value is invalid.
|
|
871
|
+
*/
|
|
872
|
+
"setCustomValidity": (message: string) => Promise<void>;
|
|
861
873
|
/**
|
|
862
874
|
* Programmatically focus the native input element.
|
|
863
875
|
*/
|
|
@@ -1027,6 +1039,10 @@ export namespace Components {
|
|
|
1027
1039
|
* @returns Promise that resolves when reset is complete
|
|
1028
1040
|
*/
|
|
1029
1041
|
"reset": () => Promise<void>;
|
|
1042
|
+
/**
|
|
1043
|
+
* Validates an element, displays provided message in case value is invalid.
|
|
1044
|
+
*/
|
|
1045
|
+
"setCustomValidity": (message: string) => Promise<void>;
|
|
1030
1046
|
/**
|
|
1031
1047
|
* Sets the value of a specific segment by index.
|
|
1032
1048
|
* @param index - The zero-based index of the segment (0 to length-1)
|
|
@@ -1173,6 +1189,10 @@ export namespace Components {
|
|
|
1173
1189
|
* @returns Promise that resolves when reset is complete
|
|
1174
1190
|
*/
|
|
1175
1191
|
"reset": () => Promise<void>;
|
|
1192
|
+
/**
|
|
1193
|
+
* Validates an element, displays provided message in case value is invalid.
|
|
1194
|
+
*/
|
|
1195
|
+
"setCustomValidity": (message: string) => Promise<void>;
|
|
1176
1196
|
/**
|
|
1177
1197
|
* Sets the date format
|
|
1178
1198
|
*/
|
|
@@ -1305,6 +1325,10 @@ export namespace Components {
|
|
|
1305
1325
|
* Specifies that an input is required/must be filled out
|
|
1306
1326
|
*/
|
|
1307
1327
|
"required"?: boolean;
|
|
1328
|
+
/**
|
|
1329
|
+
* Validates an element, displays provided message in case value is invalid.
|
|
1330
|
+
*/
|
|
1331
|
+
"setCustomValidity": (message: string) => Promise<void>;
|
|
1308
1332
|
/**
|
|
1309
1333
|
* Set the input value
|
|
1310
1334
|
*/
|
|
@@ -1401,6 +1425,10 @@ export namespace Components {
|
|
|
1401
1425
|
* Validity indicator, serving to change UI of the component
|
|
1402
1426
|
*/
|
|
1403
1427
|
"invalid"?: boolean;
|
|
1428
|
+
/**
|
|
1429
|
+
* Custom error message displayed when phone number is not valid.
|
|
1430
|
+
*/
|
|
1431
|
+
"invalidPhoneNumberMessage"?: string;
|
|
1404
1432
|
/**
|
|
1405
1433
|
* The label for the phone number.
|
|
1406
1434
|
*/
|
|
@@ -2148,6 +2176,10 @@ export namespace Components {
|
|
|
2148
2176
|
* Remove focus from the element
|
|
2149
2177
|
*/
|
|
2150
2178
|
"setBlur": () => Promise<void>;
|
|
2179
|
+
/**
|
|
2180
|
+
* Validates an element, displays provided message in case value is invalid.
|
|
2181
|
+
*/
|
|
2182
|
+
"setCustomValidity": (message: string) => Promise<void>;
|
|
2151
2183
|
/**
|
|
2152
2184
|
* Set focus on the element
|
|
2153
2185
|
*/
|
|
@@ -3004,6 +3036,11 @@ declare global {
|
|
|
3004
3036
|
element: HTMLRInputElement,
|
|
3005
3037
|
value: any
|
|
3006
3038
|
};
|
|
3039
|
+
"rBeforeInput": InputEvent;
|
|
3040
|
+
"rInvalid": Event;
|
|
3041
|
+
"rKeyDown": KeyboardEvent;
|
|
3042
|
+
"rKeyUp": KeyboardEvent;
|
|
3043
|
+
"rSelect": Event;
|
|
3007
3044
|
}
|
|
3008
3045
|
interface HTMLRInputElement extends Components.RInput, HTMLStencilElement {
|
|
3009
3046
|
addEventListener<K extends keyof HTMLRInputElementEventMap>(type: K, listener: (this: HTMLRInputElement, ev: RInputCustomEvent<HTMLRInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -4367,6 +4404,10 @@ declare namespace LocalJSX {
|
|
|
4367
4404
|
* If set, the field is skipped by built‑in (Constraint Validation API) validation logic. Does not prevent custom validation you may trigger manually.
|
|
4368
4405
|
*/
|
|
4369
4406
|
"novalidate"?: boolean;
|
|
4407
|
+
/**
|
|
4408
|
+
* Emitted when the input is about to be modified (mirrors native `beforeinput` semantics). Use for intercepting and preventing input before it occurs.
|
|
4409
|
+
*/
|
|
4410
|
+
"onRBeforeInput"?: (event: RInputCustomEvent<InputEvent>) => void;
|
|
4370
4411
|
/**
|
|
4371
4412
|
* Emitted when the input loses focus.
|
|
4372
4413
|
*/
|
|
@@ -4389,6 +4430,18 @@ declare namespace LocalJSX {
|
|
|
4389
4430
|
element: HTMLRInputElement,
|
|
4390
4431
|
value: any
|
|
4391
4432
|
}>) => void;
|
|
4433
|
+
/**
|
|
4434
|
+
* Emitted when the input fails validation (mirrors native `invalid` semantics).
|
|
4435
|
+
*/
|
|
4436
|
+
"onRInvalid"?: (event: RInputCustomEvent<Event>) => void;
|
|
4437
|
+
/**
|
|
4438
|
+
* Emitted when a key is pressed down (mirrors native `keydown` semantics).
|
|
4439
|
+
*/
|
|
4440
|
+
"onRKeyDown"?: (event: RInputCustomEvent<KeyboardEvent>) => void;
|
|
4441
|
+
/**
|
|
4442
|
+
* Emitted when a key is released (mirrors native `keyup` semantics).
|
|
4443
|
+
*/
|
|
4444
|
+
"onRKeyUp"?: (event: RInputCustomEvent<KeyboardEvent>) => void;
|
|
4392
4445
|
/**
|
|
4393
4446
|
* Emitted when a parent form is reset and the field restores its initial value.
|
|
4394
4447
|
*/
|
|
@@ -4396,6 +4449,10 @@ declare namespace LocalJSX {
|
|
|
4396
4449
|
element: HTMLRInputElement,
|
|
4397
4450
|
value: any
|
|
4398
4451
|
}>) => void;
|
|
4452
|
+
/**
|
|
4453
|
+
* Emitted when text is selected (mirrors native `select` semantics).
|
|
4454
|
+
*/
|
|
4455
|
+
"onRSelect"?: (event: RInputCustomEvent<Event>) => void;
|
|
4399
4456
|
/**
|
|
4400
4457
|
* Emitted after each validation attempt (native or triggered logic).
|
|
4401
4458
|
*/
|
|
@@ -4939,6 +4996,10 @@ declare namespace LocalJSX {
|
|
|
4939
4996
|
* Validity indicator, serving to change UI of the component
|
|
4940
4997
|
*/
|
|
4941
4998
|
"invalid"?: boolean;
|
|
4999
|
+
/**
|
|
5000
|
+
* Custom error message displayed when phone number is not valid.
|
|
5001
|
+
*/
|
|
5002
|
+
"invalidPhoneNumberMessage"?: string;
|
|
4942
5003
|
/**
|
|
4943
5004
|
* The label for the phone number.
|
|
4944
5005
|
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function checkForUpdates(packageName: string, currentVersion: string): Promise<void>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!async function(t,e){if("undefined"==typeof window||!window.localStorage)return;const n=`riverty-version-check:${t}`,o=localStorage.getItem(n);if(!(o&&Date.now()-parseInt(o,10)<864e5)){localStorage.setItem(n,Date.now().toString());try{const n=await fetch(`https://registry.npmjs.org/${t}/latest`,{signal:AbortSignal.timeout(5e3)});if(!n.ok)return;const o=(await n.json()).version;if(!o||o===e)return;const r=e.split(".").map(Number),a=o.split(".").map(Number)[0]>r[0];console.warn(`%c⚠️ ${t} update available\n%c Current: ${e} → Latest: ${o}\n`+(a?"%c ⚠️ This is a MAJOR version with breaking changes!\n":"")+`%c Run: npm install ${t}@latest`,"color: #f59e0b; font-weight: bold; font-size: 14px;","color: #6b7280;",a?"color: #ef4444; font-weight: bold;":"","color: #3b82f6;")}catch(t){}}}("@riverty/web-components","6.2.1");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as r,h as o,H as i,g as e}from"./p-CTxpqopm.js";const t=class{constructor(o){a(this,o),this.dialogClose=r(this,"close"),this.open=!1,this.bodyHeight="auto",this.size="medium",this.isOpen=this.open,this.uniqueId=`r-dialog-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.onTriggerClick=()=>{this.close()},this.isInside=a=>{var r;const o=null===(r=this.dialogElement)||void 0===r?void 0:r.getBoundingClientRect();return o.top<=a.clientY&&a.clientY<=o.bottom&&o.left<=a.clientX&&a.clientX<=o.right}}handleOpenChange(){this.open&&!this.isOpen&&this.showModal()}get dialogLabel(){var a,r;return this.headline||(null===(r=null===(a=this.host.querySelector('[slot="header"]'))||void 0===a?void 0:a.textContent)||void 0===r?void 0:r.trim())}async showModal(){var a;this.isOpen=!0,null===(a=this.dialogElement)||void 0===a||a.showModal()}async close(){var a,r;const{returnValue:o}=this;null===(a=this.dialogElement)||void 0===a||a.close(o),null===(r=this.dialogClose)||void 0===r||r.emit(),this.isOpen=!1}async toggle(){this.isOpen?this.showModal():this.close()}_renderInitialState(){this.isOpen&&this.showModal()}connectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.addEventListener("close",this.close)}disconnectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.removeEventListener("close",this.close)}componentDidLoad(){this._renderInitialState(),this.connectEventListeners()}disconnectedCallback(){this.disconnectEventListeners()}onMouseup(a){this.isOpen&&(a.stopPropagation(),this.isInside(a)||this.close())}render(){return o(i,{key:"
|
|
1
|
+
import{r as a,c as r,h as o,H as i,g as e}from"./p-CTxpqopm.js";const t=class{constructor(o){a(this,o),this.dialogClose=r(this,"close"),this.open=!1,this.bodyHeight="auto",this.size="medium",this.isOpen=this.open,this.uniqueId=`r-dialog-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.onTriggerClick=()=>{this.close()},this.isInside=a=>{var r;const o=null===(r=this.dialogElement)||void 0===r?void 0:r.getBoundingClientRect();return o.top<=a.clientY&&a.clientY<=o.bottom&&o.left<=a.clientX&&a.clientX<=o.right}}handleOpenChange(){this.open&&!this.isOpen&&this.showModal()}get dialogLabel(){var a,r;return this.headline||(null===(r=null===(a=this.host.querySelector('[slot="header"]'))||void 0===a?void 0:a.textContent)||void 0===r?void 0:r.trim())}async showModal(){var a;this.isOpen=!0,null===(a=this.dialogElement)||void 0===a||a.showModal()}async close(){var a,r;const{returnValue:o}=this;null===(a=this.dialogElement)||void 0===a||a.close(o),null===(r=this.dialogClose)||void 0===r||r.emit(),this.isOpen=!1}async toggle(){this.isOpen?this.showModal():this.close()}_renderInitialState(){this.isOpen&&this.showModal()}connectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.addEventListener("close",this.close)}disconnectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.removeEventListener("close",this.close)}componentDidLoad(){this._renderInitialState(),this.connectEventListeners()}disconnectedCallback(){this.disconnectEventListeners()}onMouseup(a){this.isOpen&&(a.stopPropagation(),this.isInside(a)||this.close())}render(){return o(i,{key:"96033031c46b109824262a3e3f00c2a456ea5f4b",open:this.isOpen},o("dialog",{key:"7b51f2b25bf9a7ca92e85ed6c83438e811365296",class:"r-dialog","aria-label":this.dialogLabel,ref:a=>this.dialogElement=a,style:{"--r-dialog--body--height":this.bodyHeight}},o("div",{key:"a0a1a2ee98bbb25230316c0caab69688b3dc568d",class:"r-dialog--content"},o("div",{key:"4bc7bd1a95095d1d37b851cd9a21fcc7fbc9bebd",class:"r-dialog--header",id:`${this.uniqueId}-header`},o("slot",{key:"f62a3403ab59f43f52fa615cd943ab4b890c64a7",name:"header"},this.headline&&o("h2",{key:"4989da5584b245c658f9ec97a2ba9401fe8addb7",class:"r-dialog--headline"},this.headline)),o("r-icon-button",{key:"3bcd4692d603a076965a6c3cf118cf989712a45b",class:"r-dialog--close",name:"cross",size:"s",onRClick:this.onTriggerClick,label:this.closeAriaLabel})),o("div",{key:"25b5bc324df34cd30ce2543b5cb7800ec2e188d1",class:"r-dialog--body"},this.bodyText,o("slot",{key:"4d9693b8374b7f5cbdd641c5c17cde5b2ec12b09"}),o("slot",{key:"a27b41566f1bce90d7a52599219017f078840451",name:"form"})),o("slot",{key:"ca4a6bb595544fbd3cb173f63b0f385b4dcb3bd7",name:"footer"}))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"]}}};t.style=":host([size=small]){--r-dialog--width:23.4375rem;--r-dialog--max-height:15.625rem}:host([size=medium]){--r-dialog--width:37.5rem;--r-dialog--max-height:37.5rem}:host([size=large]){--r-dialog--width:50rem;--r-dialog--max-height:45rem}@media (max-width: 50rem){:host([size=large]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 48.75rem){:host([size=large]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}@media (max-width: 37.5rem){:host([size=medium]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 43.75rem){:host([size=medium]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}:host{top:var(--top, auto);right:var(--right, auto);bottom:var(--bottom, auto);left:var(--left, auto)}.r-dialog{border:var(--r-dialog--border, none);padding:var(--r-dialog--padding, 24px 0);box-sizing:var(--r-dialog--box-sizing, border-box);overflow:var(--r-dialog--overflow, hidden);width:var(--r-dialog--width, auto);height:var(--r-dialog--height, auto);background-color:var(--r-dialog--background-color, var(--r-background-softest));margin:var(--r-dialog--margin, auto);max-height:var(--r-dialog--max-height, auto)}.r-dialog--content{display:var(--r-dialog--content--display, flex);flex-direction:var(--r-dialog--content--flex-direction, column);gap:var(--r-dialog--content--gap, var(--r-spacing-150, 1.5rem));color:var(--r-dialog--content--color, var(--r-text-regular));height:var(--r-dialog--content--height, 100%)}.r-dialog ::slotted([slot=header]),.r-dialog--headline{font-family:var(--r-dialog--headline--font-family, var(--r-font-family-heading, sans-serif));font-size:var(--r-dialog--headline--font-size, var(--r-font-size-500));font-weight:var(--r-dialog--headline--font-weight, var(--r-font-weight-light));margin:var(--r-dialog--headline--margin, 0);flex:var(--r-dialog--headline--flex, 1)}.r-dialog--close{--r-button--display:var(--r-dialog--close--dispaly, flex);--r-button--padding:var(--r-dialog--close--padding, 0)}.r-dialog--header{display:var(--r-dialog--header--display, flex);justify-content:var(--r-dialog--header--justify-content, space-between);align-items:var(--r-dialog--header--align-items, start);gap:var(--r-dialog--header--gap, 32px);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog--body{font-family:var(--r-dialog--body--font-family, var(--r-font-family-text));font-size:var(--r-dialog--body--font-size, var(--r-font-size-desktop-400));line-height:var(--r-dialog--body--line-height, var(--r-line-height-m));flex-grow:var(--r-dialog--body--flex-grow, 1);overflow-y:var(--r-dialog--body--overflow, auto);justify-self:var(--r-dialog--body--justify-self, stretch);padding:var(--r-dialog--body--padding, 0 24px)}.r-dialog--body{scrollbar-width:auto;scrollbar-color:var(--r-border-softer) #ffffff}.r-dialog--body::-webkit-scrollbar{width:var(--r-spacing-100, 1rem)}.r-dialog--body::-webkit-scrollbar-track{background:#ffffff}.r-dialog--body::-webkit-scrollbar-thumb{background-color:var(--r-border-softer);border-radius:10px;border:3px solid #ffffff}.r-dialog ::slotted([slot=footer]){margin-top:var(--r-dialog--footer--margin-top, auto);display:var(--r-dialog--footer--display, flex);flex-direction:var(--r-dialog--footer--flex-direction, row);flex-wrap:var(--r-dialog--footer--flex-wrap, nowrap);justify-content:var(--r-dialog--footer--justify-content, flex-start);gap:var(--r-dialog--footer--gap, var(--r-spacing-100, 1rem));align-items:var(--r-dialog--footer--align-items, end);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog::backdrop{background:var(--backdrop--background-color, rgba(0, 0, 0, 0.25))}";export{t as r_dialog}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as a,H as n,g as e,F as s}from"./p-CTxpqopm.js";const r=class{constructor(a){i(this,a),this.rChange=t(this,"rChange"),this.rNumberClick=t(this,"rNumberClick"),this.rArrowClick=t(this,"rArrowClick"),this.rItemsPerPageChange=t(this,"rItemsPerPageChange"),this.arrows=!0,this.totalResults=1,this.pageActive=1,this.itemsPerPage=5,this.itemsPerPageOptions=[5,10,15,20,25,50,100],this.variant="standard",this.resultsLine=!1,this.startText="Showing",this.middleText="of",this.endText="results",this.selectText="page",this.listBoxPosition="top",this.previousPageButtonLabel="Go to the previous page",this.nextPageButtonLabel="Go to the next page",this.firstPageButtonLabel="Go to the first page",this.lastPageButtonLabel="Go to the last page",this.pageLabel="Page",this.ellipsisLabel="Ellipsis indicating skipped pages",this.itemsPerPageLabel="Items per page",this.resizeObserver=null,this.handleItemsPerPageChange=i=>{const t=parseInt(i.detail.value,10);this.itemsPerPage=t,this.rItemsPerPageChange.emit(this.itemsPerPage),this.setPaginationState()},this._activateStep=i=>{i<1||i>this.total||this.pageActive===i||(this.pageActive=i,requestAnimationFrame((()=>{this.setPaginationState(),requestAnimationFrame((()=>{var i;const t=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(`.r-pagination--item[data-index="${this.pageActive}"]`);t&&t.focus()}))})))},this.handleItemChange=i=>{const t=i.target.closest("r-icon-button")||i.target.closest("r-button"),a=Number(t.getAttribute("data-index"));if(null!==a&&(this._activateStep(a),requestAnimationFrame((()=>{const i=this.getFocusTargetAfterNavigation(t);null==i||i.setFocus()})),t.classList.contains("number")&&this.rNumberClick.emit(this.paginationState),t.classList.contains("arrow"))){const i=t.classList.contains("next")?"next":"previous";this.rArrowClick.emit(Object.assign(Object.assign({},this.paginationState),{direction:i}))}},this.syncHeaderWidth=()=>{requestAnimationFrame((()=>{this.headerRef&&this.footerRef&&(this.headerRef.style.width=`${this.footerRef.offsetWidth}px`)}))}}get isNoPreviousPage(){return null===this.previous}get isNoNextPage(){return null===this.next}get isNotFirstPage(){return null===this.first}get isNotLastPage(){return null===this.last}get paginationState(){const{total:i,active:t,previous:a,next:n,first:e,last:s,arrows:r}=this;return{total:i,active:t,previous:a,next:n,first:e,last:s,arrows:r}}setPaginationState(){switch(this.total=Math.ceil(this.totalResults/this.itemsPerPage),this.pageActive>this.total&&(this.pageActive=this.total),this.variant){case"minimized":this.arrows=!1,this.resultsLine=!1;break;case"standard":case"maximized":this.arrows=!0;break;default:console.warn('No variant specified. Defaulting to "standard".'),this.variant="standard"}this.active=this.pageActive,this.previous=this.active-1>0?this.active-1:null,this.next=this.active+1>this.total?null:this.active+1,this.first="maximized"===this.variant&&1!==this.active?1:null,this.last="maximized"===this.variant&&this.active!==this.total?this.total:null,"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.syncHeaderWidth()})),this.footerRef&&this.resizeObserver.observe(this.footerRef)),this.rChange.emit(this.paginationState)}getFocusTargetAfterNavigation(i){var t,a,n,e,s;const r=i.classList.contains("arrow"),o=i.classList.contains("next"),l=i.classList.contains("previous"),h=i.classList.contains("first"),p=i.classList.contains("last"),g=null===this.previous,d=this.active===this.total,m=null===this.first;return o&&null===this.next?null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(`.r-pagination--item.number[data-index="${this.total}"]`):l&&g?null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector('.r-pagination--item.number[data-index="1"]'):p&&d?null===(n=this.el.shadowRoot)||void 0===n?void 0:n.querySelector(`.r-pagination--item.number[data-index="${this.total}"]`):h&&m?null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('.r-pagination--item.number[data-index="1"]'):r?i:null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(`.r-pagination--item[data-index="${this.pageActive}"]`)}handlePropsChange(){this.setPaginationState()}componentWillLoad(){this.setPaginationState()}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}componentDidRender(){this.syncHeaderWidth()}render(){const{active:i,previous:t,next:e,first:r,itemsPerPage:o,itemsPerPageOptions:l,startText:h,middleText:p,endText:g,selectText:d,listBoxPosition:m}=this,u=(i,t)=>"number"===i?a("li",null,a("r-button",{class:"r-pagination--item number","data-index":t,variant:"secondary",onRClick:this.handleItemChange},a("span",{class:"visually-hidden"},this.pageLabel)," ",t)):"active"===i?a("li",null,a("r-button",{"data-index":t,class:"r-pagination--item number active",rAriaCurrent:"page"},a("span",{class:"visually-hidden"},this.pageLabel)," ",t)):"stepper"===i?a("li",{"aria-label":this.ellipsisLabel,class:"r-pagination--item stepper"},"..."):void 0,c=()=>{const t=Math.ceil(this.totalResults/o),n=[],e=t,s=t=>{const a=t+1;return u(a===i?"active":"number",a)};if(t<=10)return a("ul",{class:"r-pagination--items-list"},[...Array(t).keys()].map(s));n.push(u(1===i?"active":"number",1));const r=i>5,l=i<t-5;if(r)if(l){n.push(u("stepper",null));for(let t=i-2;t<=i+2;t++)n.push(s(t-1));n.push(u("stepper",null))}else{n.push(u("stepper",null));for(let i=t-7;i<t;i++)n.push(s(i-1))}else{for(let i=2;i<=8;i++)n.push(s(i-1));n.push(u("stepper",null))}if(n.push(u(i===e?"active":"number",e)),n.length>10)n.splice(1,n.length-10-1);else if(n.length<10){const a=10-n.length;if(r&&l)for(let e=i+3;e<=i+2+a;e++)e<t&&n.splice(n.length-2,0,s(e-1));else if(r)for(let e=i+3;e<=i+2+a;e++)e<t&&n.splice(n.length-1,0,s(e-1));else if(l)for(let t=i-3;t>=i-2-a;t--)t>1&&n.splice(1,0,s(t-1))}return a("ul",{class:"r-pagination--items-list"},n)},v=i===this.total;return a(n,{role:"navigation"},a("div",{class:"r-pagination"},this.resultsLine&&(()=>{const t=Math.min((i-1)*o+1,this.totalResults),n=Math.min(i*o,this.totalResults);return a(s,null,a("div",{ref:i=>this.headerRef=i,class:"r-pagination--header"},a("div",{class:"results-info","aria-live":"polite"},h||"Showing"," ",t,"–",n," ",p||"of"," ",this.totalResults," ",g||"results"),a("div",null,a("r-select",{class:"r-pagination--header--select",value:this.itemsPerPage.toString(),id:"items-per-page",onRChange:this.handleItemsPerPageChange,label:this.itemsPerPageLabel,"listbox-position":m},l.map((i=>a("r-select-option",{value:i.toString()},i,"/",d||"page")))))))})(),(()=>a(s,null,"minimized"===this.variant?a("div",{ref:i=>this.footerRef=i,class:"r-pagination--footer"},c()):a("div",{ref:i=>this.footerRef=i,class:"r-pagination--footer"},"maximized"===this.variant&&a("r-icon-button",{"data-index":r,name:"angle-left-with-vertical-line",size:"s",disabled:this.isNotFirstPage,label:this.firstPageButtonLabel,class:"r-pagination--item arrow first",onRClick:this.handleItemChange}),a("r-icon-button",{"data-index":t,name:"angle-left",size:"s",disabled:this.isNoPreviousPage,label:this.previousPageButtonLabel,class:"r-pagination--item arrow previous",onRClick:this.handleItemChange}),c(),a("r-icon-button",{"data-index":e,name:"angle-right",size:"s",disabled:this.isNoNextPage,label:this.nextPageButtonLabel,class:"r-pagination--item arrow next",onRClick:this.handleItemChange}),"maximized"===this.variant&&a("r-icon-button",{"data-index":this.total,name:"angle-right-with-vertical-line",size:"s",disabled:v,label:this.lastPageButtonLabel,class:"r-pagination--item arrow last",onRClick:this.handleItemChange}))))()))}get el(){return e(this)}static get watchers(){return{totalResults:["handlePropsChange"],itemsPerPage:["handlePropsChange"],variant:["handlePropsChange"],pageActive:["handlePropsChange"]}}};r.style=":host{--r-pagination--display:flex;--r-pagination--list-style:none;--r-pagination--align-items:center;--r-pagination--justify-content:center;--r-pagination--font-family:var(--r-font-family-text);--r-pagination--margin:0 auto;--r-pagination--flex-direction:column;--r-pagination--width:100%;--r-pagination--max-width:664px;--r-pagination--margin:0 auto;--r-pagination--items-list--display:flex;--r-paginaition--items-list--justify-content:center;--r-paginaition--items-list--align-items:center;--r-paginaition--items-list--list-style-type:none;--r-paginaition--items-list--padding:0;--r-paginaition--items-list--margin:0;--r-pagination--item--width:var(--r-spacing-300, 3rem);--r-pagination--item--height:var(--r-spacing-300, 3rem);--r-pagination--item--border-radius:0;--r-pagination--button--border-width:0;--r-pagination--button--padding:0;--r-pagination--header--display:flex;--r-pagination--header--align-items:center;--r-pagination--header--justify-content:space-between;--r-pagination--header--min-width:287px;--r-pagination--footer--display:flex;--r-pagination--footer--justify-content:center;--r-pagination--footer--width:100%;--r-pagination--item--disabled-text:none;--r-pagination--font-size:var(--r-font-size-200);display:block}:host([variant=minimized]){--r-pagination--max-width:440px}:host([variant=standard]){--r-pagination--max-width:560px}:host([variant=maximized]){--r-pagination--max-width:664px}.r-pagination r-select{--r-select--font-size:var(--r-pagination--font-size, 12px);--r-select-option--font-size:var(--r-pagination--font-size, 12px)}.r-pagination{align-items:var(--r-pagination--align-items);display:var(--r-pagination--display);flex-direction:var(--r-pagination--flex-direction);font-family:var(--r-pagination--font-family);font-size:var(--r-pagination--font-size);justify-content:var(--r-pagination--justify-content);list-style:var(--r-pagination--list-style);margin:var(--r-pagination--margin);max-width:var(--r-pagination--max-width);user-select:var(--r-pagination--item--disabled-text);width:var(--r-pagination--width)}.r-pagination--footer{align-items:var(--r-pagination--header--align-items);display:var(--r-pagination--footer--display);justify-content:var(--r-pagination--footer--justify-content)}.r-pagination--header{align-items:var(--r-pagination--header--align-items);display:var(--r-pagination--header--display);justify-content:var(--r-pagination--header--justify-content);font-family:var(--r-pagination--font-family);min-width:var(--r-pagination--header--min-width)}.r-pagination--header--select{min-width:auto;--width:unset !important}.r-pagination--header label{font-size:var(--r-pagination--font-size)}.r-pagination--items-list{display:var(--r-pagination--items-list--display);justify-content:var(--r-paginaition--items-list--justify-content);align-items:var(--r-paginaition--items-list--align-items);list-style-type:var(--r-paginaition--items-list--list-style-type);padding:var(--r-paginaition--items-list--padding);margin:var(--r-paginaition--items-list--margin)}.r-pagination--item.active{--r-button--color:var(--r-text-regular);--r-button--background-color:var(--r-background-interactive-activated);font-weight:var(--r-font-weight-semibold)}.r-pagination--item.number{--r-button--font-size:0.813rem}.r-pagination--item{--r-icon-button--height:var(--r-pagination--item--height);--r-icon-button--width:var(--r-pagination--item--width);--r-icon-button--border-radius:var(--r-pagination--item--border-radius);--r-button--width:var(--r-pagination--item--width);--r-button--height:var(--r-pagination--item--height);--r-button--border-width:var(--r-pagination--button--border-width);--r-button--padding:var(--r-pagination--button--padding)}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}";export{r as r_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,H as o,g as i}from"./p-CTxpqopm.js";const r=class{constructor(a){t(this,a),this.updateHiddenState=()=>{this.host.setAttribute("data-visually-hidden",`${!this.hasChildren}`)},this.observeSlotContentChange=()=>{this.observer=new MutationObserver((async t=>{var a,o;this.updateHiddenState();const i=t.flatMap((t=>Array.from(t.addedNodes))).find((t=>"R-TOAST"===t.nodeName));i&&(await(null===(a=i.measureAndPrepareHeight)||void 0===a?void 0:a.call(i)),await(null===(o=i.reveal)||void 0===o?void 0:o.call(i)))})),this.observer.observe(this.host,{childList:!0,subtree:!0})}}get hasChildren(){return this.host.querySelectorAll("r-toast").length>0}componentWillLoad(){this.updateHiddenState(),this.observeSlotContentChange()}render(){return a(o,{key:"
|
|
1
|
+
import{r as t,h as a,H as o,g as i}from"./p-CTxpqopm.js";const r=class{constructor(a){t(this,a),this.updateHiddenState=()=>{this.host.setAttribute("data-visually-hidden",`${!this.hasChildren}`)},this.observeSlotContentChange=()=>{this.observer=new MutationObserver((async t=>{var a,o;this.updateHiddenState();const i=t.flatMap((t=>Array.from(t.addedNodes))).find((t=>"R-TOAST"===t.nodeName));i&&(await(null===(a=i.measureAndPrepareHeight)||void 0===a?void 0:a.call(i)),await(null===(o=i.reveal)||void 0===o?void 0:o.call(i)))})),this.observer.observe(this.host,{childList:!0,subtree:!0})}}get hasChildren(){return this.host.querySelectorAll("r-toast").length>0}componentWillLoad(){this.updateHiddenState(),this.observeSlotContentChange()}render(){return a(o,{key:"9924942e0ad98ba7e26b0b816bc79546c43c6064"},a("div",{key:"ea11ad2d95cb84e15773ab1278ae2229a6fda25d",class:"r-toast-group"},a("slot",{key:"047c070360fe1649a96b867456228892fa75cd26"})))}get host(){return i(this)}};r.style=":host([data-visually-hidden=true]){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}:host{display:var(--display, block);position:var(--position, fixed);top:var(--top, 0);right:var(--right, 0);bottom:var(--bottom, auto);left:var(--left, auto);overflow:var(--overflow, hidden);overflow-y:var(--overflow-y, auto);width:var(--width, 352px);max-height:var(--max-height, calc(100vh - 64px));padding-right:var(--padding-right, 32px);padding-top:var(--padding-top, 16px);padding-bottom:var(--padding-bottom, 32px);z-index:var(--z-index, 1)}:host ::slotted(r-toast){margin-top:var(--r-spacing-100, 1rem)}.r-toast-group{position:relative;display:var(--r-toast-group--display, flex);flex-direction:var(--r-toast-group--flex-direction, column);justify-content:var(--r-toast-group--justify-content, flex-start)}";export{r as r_toast_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as a,h as r,H as t,g as n}from"./p-CTxpqopm.js";const o=class{constructor(r){e(this,r),this.panelStateChanged=a(this,"panelStateChanged"),this.hasHeader=!1,this.active=!1,this.hasFooter=!1,this.variant="visible",this.collapsed=!1,this.labelCollapse="Collapse panel",this.labelExpand="Expand panel",this.isCollapsed=this.collapsed,this.updateCurrentLocationBound=this.updateCurrentLocation.bind(this),this.handleSemiCollapsedButtonClick=()=>{this.togglePanel();document.querySelectorAll("r-list-item[expanded]").forEach(this.isCollapsed?e=>{e.removeAttribute("expanded")}:e=>{e.setAttribute("expanded","")})},this.handleFullyCollapsedButtonClick=()=>{this.collapsePanel()}}toggleSubItems(e){const a=e.target;"R-LIST-ITEM"===a.tagName&&this.isCollapsed&&this.variant&&a.hasAttribute("has-sub-items")&&this.expandPanel()}async togglePanel(){this.isCollapsed=!this.isCollapsed}async expandPanel(){this.isCollapsed=!1}async collapsePanel(){this.isCollapsed=!0}handleCollapseChange(e){this.isCollapsed=e,"drawer"!==this.variant&&"modal"!==this.variant||(localStorage.setItem("panelState",JSON.stringify(e)),this.panelStateChanged.emit({collapsed:e}))}watchVariant(e){this.isCollapsed="modal"===e}handleDocumentClick(e){this.handleClickOutside(e)}getNavLinks(){return document.querySelectorAll("r-list-item[href]")}get isVariantCollapsible(){return"modal"===this.variant}handleClickOutside(e){"R-BUTTON"===e.target.tagName||this.host.contains(e.target)||!this.isVariantCollapsible||this.isCollapsed||this.collapsePanel()}componentWillLoad(){if(this.isCollapsed=this.isVariantCollapsible,"drawer"===this.variant){const e=localStorage.getItem("panelState");this.isCollapsed=e?JSON.parse(e):this.isCollapsed}}componentWillRender(){window.addEventListener("popstate",this.updateCurrentLocationBound),window.addEventListener("hashchange",this.updateCurrentLocationBound),this.highlightCurrentLink()}componentDidRender(){this.highlightCurrentLink()}disconnectedCallback(){window.removeEventListener("popstate",this.updateCurrentLocationBound),window.removeEventListener("hashchange",this.updateCurrentLocationBound)}updateCurrentLocation(){this.currentLocation=window.location.hash?window.location.hash.slice(1):window.location.href,this.highlightCurrentLink()}highlightCurrentLink(){this.getNavLinks().forEach((e=>{if(e instanceof HTMLElement){const a=e.getAttribute("href"),r=a===this.currentLocation||a===window.location.pathname+window.location.hash;this.updateLinkState(e,r)}}));const e=document.querySelector(".active");e&&e.scrollIntoView({behavior:"smooth",block:"end"})}updateLinkState(e,a){a?(e.setAttribute("active",""),e.classList.add("active"),this.expandParentMenus(e),this.highlightParent(e)):(e.removeAttribute("active"),e.classList.remove("active"))}highlightParent(e){const a=e.parentElement;a&&"R-LIST-ITEM"===a.tagName&&a.setAttribute("active-parent","")}expandParentMenus(e){var a;let r=e.closest("r-list-item[has-sub-items]");for(;r&&!this.isCollapsed;)r.setAttribute("expanded",""),r=null===(a=r.parentElement)||void 0===a?void 0:a.closest("r-panel")}render(){return r(t,{key:"0404a2c3acbba8414d7baffc8c0f861e512fe7cb",role:"navigation",collapsed:this.isCollapsed},r("div",{key:"b93d1555f060793b7137fd6aac0de2a1a1f35436",class:"r-panel"},r("div",{key:"b7dd2dee4c145a21a5a963750e8b26ab2d8b9bbe",class:"r-panel--header"},this.hasHeader&&r("a",{key:"dbb02cd6271fba2a5d4a783a20d5e6d9e34ee734",class:"logo-wrapper",href:this.logoLink},r("slot",this.isCollapsed?{name:"logo-collapsed"}:{name:"logo-expanded"})),"modal"===this.variant?r("r-button",{class:"r-panel--trigger",variant:"blank",icon:"cross",rAriaLabel:`${this.labelCollapse}`,onClick:this.handleFullyCollapsedButtonClick}):"drawer"===this.variant?r("r-button",{class:"r-panel--trigger",variant:"blank",icon:"angle-left",rAriaLabel:this.isCollapsed?`${this.labelExpand}`:`${this.labelCollapse}`,onClick:this.handleSemiCollapsedButtonClick}):null),r("div",{key:"bb3d86b7a4b0890709d4a4637eca033ddaec24a6",class:"r-panel--body"},r("slot",{key:"201aa3f616d3d239fc7b0edc23565a6618304ce5"})),this.hasFooter&&!this.isCollapsed&&r("div",{key:"a15f34fbb86ad8b16c6d036b885c7c8b13655fc6",class:"r-panel--footer"},r("slot",{key:"41de73edf832d3a5ca93e4f9a79a62780fdcd68b",name:"footer"}))))}get host(){return n(this)}static get watchers(){return{isCollapsed:["handleCollapseChange"],variant:["watchVariant"]}}};o.style=':host{--r-panel--min-width:18.75rem;--r-panel--background-color:var(--r-background-soft, #F3F1F0);--r-panel--display:flex;--r-panel--flex-direction:column;--r-panel--position:fixed;--r-panel--align-items:flex-start;--r-panel--top:0;--r-panel--padding:8px 0;--r-panel--width:18.75rem;--r-panel--height:100%;--r-panel--color:var(--r-text-regular, #282828);--r-panel--transition:all 250ms ease-in-out;--r-panel--transform:none;--r-panel--font-family:var(--r-font-family-text);--r-panel--left:0;--r-panel--header--display:flex;--r-panel--header--padding:12px 16px;--r-panel--header--justify-content:space-between;--r-panel--header--align-items:center;--r-panel--header--align-self:stretch;--r-panel--header--icon-rotate:none;--r-panel--header--flex-direction:row;--r-panel--header--gap:3.125rem;--r-panel--header--logo--img--width:100%;--r-panel--header--logo--img--height:auto;--r-panel--header--logo--img--expanded--width:12rem;--r-panel--header--logo--img--collapsed--width:1.875rem;--r-panel--header--height:unset;--r-panel--body--display:block;--r-panel--body--flex-grow:1;--r-panel--body--align-self:stretch;--r-panel--body--overflow:auto;--r-panel--body--padding:4px 8px 0;--r-panel--body-header--color:var(--r-text-soft, #686868);--r-panel--body-header--font-size:var(--r-font-size-400, 1rem);--r-panel--body-header--font-weight:var(--r-font-weight-regular, 400);--r-panel--body-header--padding:16px 0;--r-panel--body-header--width:16.75rem;--r-panel--body-header--margin:0px;--r-panel--footer--dispay:flex;--r-panel--footer--width:100%;--r-panel--footer--padding:16px 16px 24px;--r-panel--footer--flex-direction:column;--r-panel--footer--justify-content:center;--r-panel--footer-gap:var(--spacing-100, 1rem);--r-panel--footer--align-self:stretch;--r-panel--footer--text-align:center}:host([variant=drawer]) r-button{--r-button--padding:0.625rem;--r-button--background:var(--r-background-interactive-softer, #E7E4E2);--r-button--border-radius:10%;--r-button--slot--position:relative;--r-button--left:5%}:host([variant=drawer][collapsed]){--r-panel--width:var(--r-spacing-450, 4.5rem);--r-panel--header--display:none;--r-panel--header--icon-rotate:rotate(180deg);--r-panel--header--logo--expaned--display:none;--r-panel--header--logo--collapsed--display:block;--r-panel--header--flex-direction:column;--r-panel--header--gap:0.625rem;--r-list-item--epxanded--background-color:rgba(40, 40, 40, 0.08)}:host([variant=drawer][collapsed]) r-button{--r-button--slot--position:inherit;transition:transform 250ms ease-in-out}:host([variant=modal][collapsed]){--r-panel--transform:translate(-100%)}:host([collapsed]:not([variant=modal])){--r-panel--min-width:0;--r-list-item--sr-text--display:block;--r-list-item--text--display:none;--r-list-item--trailing--display:none}:host([variant=drawer]:not([has-header]):not([collapsed])),:host([variant=drawer][has-header=false]:not([collapsed])){--r-panel--header--height:var(--spacing-150, 1.5rem);--r-panel--header--padding:12px 8px 0 16px}:host([variant=drawer]:not([has-header]):not([collapsed])) r-button,:host([variant=drawer][has-header=false]:not([collapsed])) r-button{--r-button--top:20%;--r-button--left:97%}:host([collapsed]){--r-list-item--active-parent--background-color:rgba(40, 40, 40, 0.08)}.r-panel{z-index:2;min-width:var(--r-panel--min-width);background-color:var(--r-panel--background-color);display:var(--r-panel--display);flex-direction:var(--r-panel--flex-direction);align-items:var(--r-panel--align-items);width:var(--r-panel--width);height:var(--r-panel--height);position:var(--r-panel--position);top:var(--r-panel--top);padding:var(--r-panel--padding);color:var(--r-panel--color);transition:var(--r-panel--transition);transform:var(--r-panel--transform);left:var(--r-panel--left);font-family:var(--r-panel--font-family);box-sizing:border-box}.r-panel .logo-wrapper .logo-expanded{width:var(--r-panel--header--logo--img--expanded--width)}.r-panel .logo-wrapper .logo-collapsed{width:var(--r-panel--header--logo--img--collapsed--width)}.r-panel .logo-wrapper img{width:var(--r-panel--header--logo--img--width);height:var(--r-panel--header--logo--img--height)}.r-panel .logo-wrapper:focus,.r-panel .logo-wrapper:focus-visible{box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}.r-panel--header{display:flex;padding:var(--r-panel--header--padding);justify-content:var(--r-panel--header--justify-content);align-items:var(--r-panel--header--align-items);align-self:var(--r-panel--header--align-self);flex-direction:var(--r-panel--header--flex-direction);gap:var(--r-panel--header--gap);height:var(--r-panel--header--height)}.r-panel--header r-button{--r-button--padding:0;transform:var(--r-panel--header--icon-rotate);background:var(--r-button--background);position:var(--r-button--slot--position);left:var(--r-button--left);top:var(--r-button--top);border-radius:var(--r-button--border-radius)}.r-panel--body{flex-grow:var(--r-panel--body--flex-grow);align-self:var(--r-panel--body--align-self);display:var(--r-panel--body--display);overflow:var(--r-panel--body--overflow);padding:var(--r-panel--body--padding)}.r-panel--body ::slotted(.header){color:var(--r-panel--body-header--color);font-size:var(--r-panel--body-header--font-size);font-weight:var(--r-panel--body-header--font-weight);padding:var(--r-panel--body-header--padding);display:var(--r-panel--header--display);width:var(--r-panel--body-header--width);margin:var(--r-panel--body-header--margin)}.r-panel--footer{width:var(--r-panel--footer--width)}.r-panel ::slotted([slot=footer]){display:var(--r-panel--footer--dispay);padding:var(--r-panel--footer--padding);flex-direction:var(--r-panel--footer--flex-direction);justify-content:var(--r-panel--footer--justify-content);gap:var(--r-panel--footer-gap);align-self:var(--r-panel--footer--align-self);text-align:var(--r-panel--footer--text-align)}.r-panel ::slotted(ul){margin:var(--r-panel--item-list--margin, 0);padding:var(--r-panel--item-list--padding, 0);list-style-type:var(--r-panel--item-list--list-style-type, "")}@media (prefers-reduced-motion){.r-panel,:host([variant=drawer][collapsed]) r-button{transition:none}}';export{o as r_panel}
|
|
1
|
+
import{r as e,c as a,h as r,H as t,g as n}from"./p-CTxpqopm.js";const o=class{constructor(r){e(this,r),this.panelStateChanged=a(this,"panelStateChanged"),this.hasHeader=!1,this.active=!1,this.hasFooter=!1,this.variant="visible",this.collapsed=!1,this.labelCollapse="Collapse panel",this.labelExpand="Expand panel",this.isCollapsed=this.collapsed,this.updateCurrentLocationBound=this.updateCurrentLocation.bind(this),this.handleSemiCollapsedButtonClick=()=>{this.togglePanel();document.querySelectorAll("r-list-item[expanded]").forEach(this.isCollapsed?e=>{e.removeAttribute("expanded")}:e=>{e.setAttribute("expanded","")})},this.handleFullyCollapsedButtonClick=()=>{this.collapsePanel()}}toggleSubItems(e){const a=e.target;"R-LIST-ITEM"===a.tagName&&this.isCollapsed&&this.variant&&a.hasAttribute("has-sub-items")&&this.expandPanel()}async togglePanel(){this.isCollapsed=!this.isCollapsed}async expandPanel(){this.isCollapsed=!1}async collapsePanel(){this.isCollapsed=!0}handleCollapseChange(e){this.isCollapsed=e,"drawer"!==this.variant&&"modal"!==this.variant||(localStorage.setItem("panelState",JSON.stringify(e)),this.panelStateChanged.emit({collapsed:e}))}watchVariant(e){this.isCollapsed="modal"===e}handleDocumentClick(e){this.handleClickOutside(e)}getNavLinks(){return document.querySelectorAll("r-list-item[href]")}get isVariantCollapsible(){return"modal"===this.variant}handleClickOutside(e){"R-BUTTON"===e.target.tagName||this.host.contains(e.target)||!this.isVariantCollapsible||this.isCollapsed||this.collapsePanel()}componentWillLoad(){if(this.isCollapsed=this.isVariantCollapsible,"drawer"===this.variant){const e=localStorage.getItem("panelState");this.isCollapsed=e?JSON.parse(e):this.isCollapsed}}componentWillRender(){window.addEventListener("popstate",this.updateCurrentLocationBound),window.addEventListener("hashchange",this.updateCurrentLocationBound),this.highlightCurrentLink()}componentDidRender(){this.highlightCurrentLink()}disconnectedCallback(){window.removeEventListener("popstate",this.updateCurrentLocationBound),window.removeEventListener("hashchange",this.updateCurrentLocationBound)}updateCurrentLocation(){this.currentLocation=window.location.hash?window.location.hash.slice(1):window.location.href,this.highlightCurrentLink()}highlightCurrentLink(){this.getNavLinks().forEach((e=>{if(e instanceof HTMLElement){const a=e.getAttribute("href"),r=a===this.currentLocation||a===window.location.pathname+window.location.hash;this.updateLinkState(e,r)}}));const e=document.querySelector(".active");e&&e.scrollIntoView({behavior:"smooth",block:"end"})}updateLinkState(e,a){a?(e.setAttribute("active",""),e.classList.add("active"),this.expandParentMenus(e),this.highlightParent(e)):(e.removeAttribute("active"),e.classList.remove("active"))}highlightParent(e){const a=e.parentElement;a&&"R-LIST-ITEM"===a.tagName&&a.setAttribute("active-parent","")}expandParentMenus(e){var a;let r=e.closest("r-list-item[has-sub-items]");for(;r&&!this.isCollapsed;)r.setAttribute("expanded",""),r=null===(a=r.parentElement)||void 0===a?void 0:a.closest("r-panel")}render(){return r(t,{key:"44996078c23da8ce9b5b48044d24d45778e688b4",role:"navigation",collapsed:this.isCollapsed},r("div",{key:"a217b08d3fda5e4f8761d971074e3de797363f32",class:"r-panel"},r("div",{key:"8ff71b762feffd1cc9478014e011fc60875a5e3d",class:"r-panel--header"},this.hasHeader&&r("a",{key:"9ad8475299e9f04341cc1c4b5b9e65551f2f6ca2",class:"logo-wrapper",href:this.logoLink},r("slot",this.isCollapsed?{name:"logo-collapsed"}:{name:"logo-expanded"})),"modal"===this.variant?r("r-button",{class:"r-panel--trigger",variant:"blank",icon:"cross",rAriaLabel:`${this.labelCollapse}`,onClick:this.handleFullyCollapsedButtonClick}):"drawer"===this.variant?r("r-button",{class:"r-panel--trigger",variant:"blank",icon:"angle-left",rAriaLabel:this.isCollapsed?`${this.labelExpand}`:`${this.labelCollapse}`,onClick:this.handleSemiCollapsedButtonClick}):null),r("div",{key:"14b5a3ee0e11eda6585a84e0f05aa682950fbce2",class:"r-panel--body"},r("slot",{key:"e008d4f4796415779cd8e3dbda696b966b4ac184"})),this.hasFooter&&!this.isCollapsed&&r("div",{key:"702c5859f2a7aa60903ec1df29f8977cf46dd0b8",class:"r-panel--footer"},r("slot",{key:"347796d3e0bbffed77ae9368270f6e27eb93e156",name:"footer"}))))}get host(){return n(this)}static get watchers(){return{isCollapsed:["handleCollapseChange"],variant:["watchVariant"]}}};o.style=':host{--r-panel--min-width:18.75rem;--r-panel--background-color:var(--r-background-soft, #F3F1F0);--r-panel--display:flex;--r-panel--flex-direction:column;--r-panel--position:fixed;--r-panel--align-items:flex-start;--r-panel--top:0;--r-panel--padding:8px 0;--r-panel--width:18.75rem;--r-panel--height:100%;--r-panel--color:var(--r-text-regular, #282828);--r-panel--transition:all 250ms ease-in-out;--r-panel--transform:none;--r-panel--font-family:var(--r-font-family-text);--r-panel--left:0;--r-panel--header--display:flex;--r-panel--header--padding:12px 16px;--r-panel--header--justify-content:space-between;--r-panel--header--align-items:center;--r-panel--header--align-self:stretch;--r-panel--header--icon-rotate:none;--r-panel--header--flex-direction:row;--r-panel--header--gap:3.125rem;--r-panel--header--logo--img--width:100%;--r-panel--header--logo--img--height:auto;--r-panel--header--logo--img--expanded--width:12rem;--r-panel--header--logo--img--collapsed--width:1.875rem;--r-panel--header--height:unset;--r-panel--body--display:block;--r-panel--body--flex-grow:1;--r-panel--body--align-self:stretch;--r-panel--body--overflow:auto;--r-panel--body--padding:4px 8px 0;--r-panel--body-header--color:var(--r-text-soft, #686868);--r-panel--body-header--font-size:var(--r-font-size-400, 1rem);--r-panel--body-header--font-weight:var(--r-font-weight-regular, 400);--r-panel--body-header--padding:16px 0;--r-panel--body-header--width:16.75rem;--r-panel--body-header--margin:0px;--r-panel--footer--dispay:flex;--r-panel--footer--width:100%;--r-panel--footer--padding:16px 16px 24px;--r-panel--footer--flex-direction:column;--r-panel--footer--justify-content:center;--r-panel--footer-gap:var(--spacing-100, 1rem);--r-panel--footer--align-self:stretch;--r-panel--footer--text-align:center}:host([variant=drawer]) r-button{--r-button--padding:0.625rem;--r-button--background:var(--r-background-interactive-softer, #E7E4E2);--r-button--border-radius:10%;--r-button--slot--position:relative;--r-button--left:5%}:host([variant=drawer][collapsed]){--r-panel--width:var(--r-spacing-450, 4.5rem);--r-panel--header--display:none;--r-panel--header--icon-rotate:rotate(180deg);--r-panel--header--logo--expaned--display:none;--r-panel--header--logo--collapsed--display:block;--r-panel--header--flex-direction:column;--r-panel--header--gap:0.625rem;--r-list-item--epxanded--background-color:rgba(40, 40, 40, 0.08)}:host([variant=drawer][collapsed]) r-button{--r-button--slot--position:inherit;transition:transform 250ms ease-in-out}:host([variant=modal][collapsed]){--r-panel--transform:translate(-100%)}:host([collapsed]:not([variant=modal])){--r-panel--min-width:0;--r-list-item--sr-text--display:block;--r-list-item--text--display:none;--r-list-item--trailing--display:none}:host([variant=drawer]:not([has-header]):not([collapsed])),:host([variant=drawer][has-header=false]:not([collapsed])){--r-panel--header--height:var(--spacing-150, 1.5rem);--r-panel--header--padding:12px 8px 0 16px}:host([variant=drawer]:not([has-header]):not([collapsed])) r-button,:host([variant=drawer][has-header=false]:not([collapsed])) r-button{--r-button--top:20%;--r-button--left:97%}:host([collapsed]){--r-list-item--active-parent--background-color:rgba(40, 40, 40, 0.08)}.r-panel{z-index:2;min-width:var(--r-panel--min-width);background-color:var(--r-panel--background-color);display:var(--r-panel--display);flex-direction:var(--r-panel--flex-direction);align-items:var(--r-panel--align-items);width:var(--r-panel--width);height:var(--r-panel--height);position:var(--r-panel--position);top:var(--r-panel--top);padding:var(--r-panel--padding);color:var(--r-panel--color);transition:var(--r-panel--transition);transform:var(--r-panel--transform);left:var(--r-panel--left);font-family:var(--r-panel--font-family);box-sizing:border-box}.r-panel .logo-wrapper .logo-expanded{width:var(--r-panel--header--logo--img--expanded--width)}.r-panel .logo-wrapper .logo-collapsed{width:var(--r-panel--header--logo--img--collapsed--width)}.r-panel .logo-wrapper img{width:var(--r-panel--header--logo--img--width);height:var(--r-panel--header--logo--img--height)}.r-panel .logo-wrapper:focus,.r-panel .logo-wrapper:focus-visible{box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}.r-panel--header{display:flex;padding:var(--r-panel--header--padding);justify-content:var(--r-panel--header--justify-content);align-items:var(--r-panel--header--align-items);align-self:var(--r-panel--header--align-self);flex-direction:var(--r-panel--header--flex-direction);gap:var(--r-panel--header--gap);height:var(--r-panel--header--height)}.r-panel--header r-button{--r-button--padding:0;transform:var(--r-panel--header--icon-rotate);background:var(--r-button--background);position:var(--r-button--slot--position);left:var(--r-button--left);top:var(--r-button--top);border-radius:var(--r-button--border-radius)}.r-panel--body{flex-grow:var(--r-panel--body--flex-grow);align-self:var(--r-panel--body--align-self);display:var(--r-panel--body--display);overflow:var(--r-panel--body--overflow);padding:var(--r-panel--body--padding)}.r-panel--body ::slotted(.header){color:var(--r-panel--body-header--color);font-size:var(--r-panel--body-header--font-size);font-weight:var(--r-panel--body-header--font-weight);padding:var(--r-panel--body-header--padding);display:var(--r-panel--header--display);width:var(--r-panel--body-header--width);margin:var(--r-panel--body-header--margin)}.r-panel--footer{width:var(--r-panel--footer--width)}.r-panel ::slotted([slot=footer]){display:var(--r-panel--footer--dispay);padding:var(--r-panel--footer--padding);flex-direction:var(--r-panel--footer--flex-direction);justify-content:var(--r-panel--footer--justify-content);gap:var(--r-panel--footer-gap);align-self:var(--r-panel--footer--align-self);text-align:var(--r-panel--footer--text-align)}.r-panel ::slotted(ul){margin:var(--r-panel--item-list--margin, 0);padding:var(--r-panel--item-list--padding, 0);list-style-type:var(--r-panel--item-list--list-style-type, "")}@media (prefers-reduced-motion){.r-panel,:host([variant=drawer][collapsed]) r-button{transition:none}}';export{o as r_panel}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as r,H as e,g as a}from"./p-CTxpqopm.js";const o=class{constructor(r){t(this,r)}render(){return r(e,{key:"b9fc1731ecc2b522e341cfaceb5b703c8d74253f",slot:"trailing"},r("div",{key:"f1319664b1543a4a784cb2cd665567a4d561bdc3",class:"r-radio-button-trailing",style:{display:"contents"}},r("slot",{key:"dbed8559c3b0a5ba2580fe9e8c297e7eb947e5a5"})))}get host(){return a(this)}};o.style=":host{font-weight:var(--r-font-weight-regular, 400);font-size:var(--r-font-size-400, 1rem);text-align:right;color:var(--r-text-regular, #282828)}";export{o as r_radio_button_trailing}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as o,g as e}from"./p-CTxpqopm.js";import{s as r,a as i}from"./p-B9rsR6cQ.js";import{f as n}from"./p-ky1yonnS.js";import"./p-4Uv3PpKT.js";const c=class{constructor(s){t(this,s)}connectedCallback(){const t=this.host.closest("r-popover");r(this.host,t)}disconnectedCallback(){const t=this.host.closest("r-popover");i(this.host,t)}async setFocus(){var t;return this.activeElement?"setFocus"in this.activeElement&&"function"==typeof this.activeElement.setFocus?(await this.activeElement.setFocus(),Promise.resolve(this.activeElement)):(null===(t=this.activeElement)||void 0===t||t.focus(),Promise.resolve(this.activeElement)):Promise.resolve(null)}async setBlur(){var t;null===(t=this.activeElement)||void 0===t||t.blur()}get activeElement(){return this.getActiveElements[0]||null}async getActiveElements(){return n(this.host)}render(){return s(o,{key:"
|
|
1
|
+
import{r as t,h as s,H as o,g as e}from"./p-CTxpqopm.js";import{s as r,a as i}from"./p-B9rsR6cQ.js";import{f as n}from"./p-ky1yonnS.js";import"./p-4Uv3PpKT.js";const c=class{constructor(s){t(this,s)}connectedCallback(){const t=this.host.closest("r-popover");r(this.host,t)}disconnectedCallback(){const t=this.host.closest("r-popover");i(this.host,t)}async setFocus(){var t;return this.activeElement?"setFocus"in this.activeElement&&"function"==typeof this.activeElement.setFocus?(await this.activeElement.setFocus(),Promise.resolve(this.activeElement)):(null===(t=this.activeElement)||void 0===t||t.focus(),Promise.resolve(this.activeElement)):Promise.resolve(null)}async setBlur(){var t;null===(t=this.activeElement)||void 0===t||t.blur()}get activeElement(){return this.getActiveElements[0]||null}async getActiveElements(){return n(this.host)}render(){return s(o,{key:"2384c04a8610e5d26bcd3e3fb4e70c99fca7d76a",slot:"content",class:"r-typography"},s("slot",{key:"52ce40873c2e32725ee8ef8fc385d498ff8b973c"}))}get host(){return e(this)}};c.style="::slotted(*:first-child){margin-top:0;padding-top:0}::slotted(*:last-child){margin-bottom:0;padding-bottom:0}";export{c as r_popover_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as o,H as e,g as n}from"./p-CTxpqopm.js";const a=class{constructor(o){t(this,o),this.rClick=r(this,"rClick"),this.type="button",this.size="large",this.variant="primary",this.iconPosition="start",this._activateTmpButton=t=>{if(!t)return;const{type:r}=this;switch(r){case"submit":case"reset":{const o=document.createElement("button");o.type=r,o.style.display="none",t.appendChild(o),o.click(),o.remove();break}}},this.handleClick=t=>{this.disabled||this.hasShadowDom&&(!this.isLink&&this.isResetOrSubmit&&(t.preventDefault(),this._activateTmpButton(this.formEl)),this.rClick.emit())},this.handleSlotChange=()=>{this.host.setAttribute("data-icon-only",`${this.isIconOnly}`)}}handleIconChange(){this.host.setAttribute("data-icon-only",`${this.isIconOnly}`)}async triggerClick(){var t;null===(t=this.nativeElement)||void 0===t||t.click()}async setFocus(){var t;null===(t=this.nativeElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.nativeElement)||void 0===t||t.blur()}get hasText(){return this.host.textContent.trim().length>0}get hasIcon(){const t=null!==this.host.querySelector("r-icon"),r=null!==this.host.shadowRoot.querySelector("r-icon");return t||r}get isIconOnly(){return this.hasIcon&&!this.hasText}get isLink(){return"string"==typeof this.href}get hasShadowDom(){const{host:t}=this;return!!t.shadowRoot&&!!t.attachShadow}get formEl(){const{form:t,host:r}=this;if("string"==typeof t){const r=document.getElementById(t);if(r instanceof HTMLFormElement)return r}if(void 0===t){const t=r.closest("form");if(t instanceof HTMLFormElement)return t}return null}get isResetOrSubmit(){return"submit"===this.type||"reset"===this.type}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get ariaCurrentValue(){const{rAriaCurrent:t}=this;return t&&"false"!==t?t:null}componentDidLoad(){this.host.dataset.iconOnly=`${this.isIconOnly}`}render(){const{type:t,disabled:r,form:n,href:a,target:i,isLink:s,icon:b,iconPosition:l,rAriaLabel:u}=this,d=Object.assign({},s?r?{"aria-disabled":"true",role:"link"}:{href:a,target:i}:{"aria-disabled":`${r||!1}`,disabled:r,type:t,form:n}),c={name:b,position:l};return o(e,{key:"
|
|
1
|
+
import{r as t,c as r,h as o,H as e,g as n}from"./p-CTxpqopm.js";const a=class{constructor(o){t(this,o),this.rClick=r(this,"rClick"),this.type="button",this.size="large",this.variant="primary",this.iconPosition="start",this._activateTmpButton=t=>{if(!t)return;const{type:r}=this;switch(r){case"submit":case"reset":{const o=document.createElement("button");o.type=r,o.style.display="none",t.appendChild(o),o.click(),o.remove();break}}},this.handleClick=t=>{this.disabled||this.hasShadowDom&&(!this.isLink&&this.isResetOrSubmit&&(t.preventDefault(),this._activateTmpButton(this.formEl)),this.rClick.emit())},this.handleSlotChange=()=>{this.host.setAttribute("data-icon-only",`${this.isIconOnly}`)}}handleIconChange(){this.host.setAttribute("data-icon-only",`${this.isIconOnly}`)}async triggerClick(){var t;null===(t=this.nativeElement)||void 0===t||t.click()}async setFocus(){var t;null===(t=this.nativeElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.nativeElement)||void 0===t||t.blur()}get hasText(){return this.host.textContent.trim().length>0}get hasIcon(){const t=null!==this.host.querySelector("r-icon"),r=null!==this.host.shadowRoot.querySelector("r-icon");return t||r}get isIconOnly(){return this.hasIcon&&!this.hasText}get isLink(){return"string"==typeof this.href}get hasShadowDom(){const{host:t}=this;return!!t.shadowRoot&&!!t.attachShadow}get formEl(){const{form:t,host:r}=this;if("string"==typeof t){const r=document.getElementById(t);if(r instanceof HTMLFormElement)return r}if(void 0===t){const t=r.closest("form");if(t instanceof HTMLFormElement)return t}return null}get isResetOrSubmit(){return"submit"===this.type||"reset"===this.type}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get ariaCurrentValue(){const{rAriaCurrent:t}=this;return t&&"false"!==t?t:null}componentDidLoad(){this.host.dataset.iconOnly=`${this.isIconOnly}`}render(){const{type:t,disabled:r,form:n,href:a,target:i,isLink:s,icon:b,iconPosition:l,rAriaLabel:u}=this,d=Object.assign({},s?r?{"aria-disabled":"true",role:"link"}:{href:a,target:i}:{"aria-disabled":`${r||!1}`,disabled:r,type:t,form:n}),c={name:b,position:l};return o(e,{key:"e93ad739417293917e59c26f213c0fbf784ed4d7"},o(s?"a":"button",Object.assign({key:"c447e81e5900ad18d0af96025d6f5634fd1e5d2f",class:"r-button"},d,{"aria-label":u||null,"aria-current":this.ariaCurrentValue,ref:t=>this.nativeElement=t,onClick:this.handleClick}),o("span",{key:"4f2706c98face1c8ef1cc72ae186501f49540d39",class:"r-button--slot"},b&&o("r-icon",Object.assign({key:"916942e6657fa1f7e342d120111a381db7200470",name:b},c,{size:"s"})),this.hasIconSlot&&o("slot",{key:"961c37f8d825639256a8234dbae92bdc926c7263",name:"icon"}),o("div",{key:"19189a21d18b0145d6990dd3bfecfd8d85d37aa9",style:{display:"contents"}},o("slot",{key:"da586b1e067dac24d0fb81e59599d3ee83a536f4",onSlotchange:this.handleSlotChange})))))}get host(){return n(this)}static get watchers(){return{icon:["handleIconChange"]}}};a.style=":host{display:inline-flex;vertical-align:top;opacity:1;outline:none}:host(:focus-within:not(:active)){--r-button--box-shadow:0 0 0 1px var(--r-border-focused-outlined, #fff),\n 0 0 0 3px var(--r-border-focused),\n 0 0 0 4px var(--r-border-focused-outlined, #fff);--r-button--outline:2px solid var(--r-border-focused);--r-button--outline-offset:2px}:host(:hover:not(:active):not([disabled]:not([disabled=false]))){--r-button--border-color:var(--r-border-soft, #686868);--r-button--color:var(--r-text-regular, #282828);--r-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([disabled]:not([disabled=false])){--r-button--opacity:0.4;--r-button--cursor:not-allowed;--r-button--box-shadow:none}:host([size=small]){--r-button--font-size:var(--r-font-size-300, 0.875rem);--r-button--padding:0.642em 0.857em;--r-button--height:2.75rem}:host([icon-position=end]){--r-button--slot--flex-direction:row-reverse}:host([data-icon-only=start]){--r-button--padding:0.875em}:host([variant=secondary]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:var(--r-border-regular, #282828);--r-button--background-color:rgba(0,0,0,0)}:host([variant=secondary]:not([disabled]:not([disabled=false])):hover){--r-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04));--r-button--border-color:var(--r-border-soft, #686868)}:host([variant=secondary] .r-button:not([aria-disabled=true]):active){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:var(--r-border-soft, #686868);--r-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([variant=text]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:rgba(0,0,0,0);--r-button--background-color:rgba(0,0,0,0);--r-button--slot--position:relative;--r-button--slot--text-decoration:underline}:host([variant=text]:hover:not([disabled]:not([disabled=false]))){--r-button--border-color:var(--r-border-soft, #686868);--r-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([variant=text] .r-button:not([aria-disabled=true]):active){--r-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12));--r-button--border-color:var(--r-border-soft, #686868)}:host([variant=text][text-position=left]){--r-button--padding:0.875em var(--spacing-175, 1.75rem) 0.875em 0}:host([variant=text][text-position=right]){--r-button--padding:0.875em 0 0.875em var(--spacing-175, 1.75rem)}:host([variant=text-inline]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:transparent;--r-button--background-color:transparent;--r-button--padding:0 0 0.5rem 0;--r-button--height:auto;--r-button--slot--text-decoration:underline}:host([variant=text-inline]:hover:not([disabled]:not([disabled=false]))){--r-button--slot--text-decoration:none;--r-button--border-color:transparent;--r-button--background-color:transparent}:host([variant=text-inline]:active:not([disabled]:not([disabled=false]))){--r-button--border-color:transparent;--r-button--background-color:transparent}:host([variant=blank]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:rgba(0,0,0,0);--r-button--background-color:rgba(0,0,0,0);--r-button--border-width:0;--r-button--padding:0}:host([variant=blank]) .r-button:active{--r-button--border-width:0;--r-button--background-color:rgba(0,0,0,0)}:host([variant=blank]:hover:not([disabled]:not([disabled=false]))){--r-button--color:var(--r-text-regular, #282828)}:host([expanded]),:host([full-width]:not([full-width=false])){display:block;--r-button--display:flex;--r-button--width:100%}.r-button{display:var(--r-button--display, inline-flex);align-items:var(--r-button--align-items, center);justify-content:var(--r-button--justify-content, center);width:var(--r-button--width, auto);height:var(--r-button--height, 3rem);position:var(--r-button--position, static);top:var(--r-button--top, auto);left:var(--r-button--left, auto);box-sizing:var(--r-button--box-sizing, border-box);outline:var(--r-button--outline, none);outline-offset:var(--r-button--outline-offset, 0);cursor:var(--r-button--cursor, pointer);font-family:var(--r-button--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-button--font-weight, 400);text-align:var(--r-button--text-align, center);text-transform:var(--r-button--text-transform, uppercase);text-decoration:var(--r-button--text-decoration, none);background-color:var(--r-button--background-color, var(--r-background-interactive-regular, #282828));border-width:var(--r-button--border-width, 1px);border-style:var(--r-button--border-style, solid);border-color:var(--r-button--border-color, var(--r-border-strong, #000));color:var(--r-button--color, var(--r-text-inverse, #fff));font-size:var(--r-button--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-button--line-height, 1);letter-spacing:var(--r-button--letter-spacing, 0.04em);padding:var(--r-button--padding, 0.875em var(--r-spacing-175, 1.75rem));box-shadow:var(--r-button--box-shadow, none);pointer-events:var(--r-button--pointer-events, auto);z-index:var(--r-button--z-index, initial);vertical-align:var(--r-button--vertical-align, top);opacity:var(--r-button--opacity, 1)}.r-button:not([aria-disabled=true]):active{--r-button--color:var(--r-button--color--active, var(--r-text-regular, #282828));--r-button--background-color:var(--r-button--background-color--active, var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12)));--r-button--border-color:var(--r-button--border-color--active, var(--r-border-soft, #686868))}.r-button--slot{position:var(--r-button--slot--position, relative);display:var(--r-button--slot--display, flex);flex:var(--r-button--slot--flex, 1);flex-direction:var(--r-button--slot--flex-direction, row);align-items:var(--r-button--slot--align-items, center);justify-content:var(--r-button--slot--justify-content, center);gap:var(--r-button--gap, 0.5em);font-weight:var(--r-button--slot--font-weight, var(--r-font-weight-regular, 400));text-decoration:var(--r-button--slot--text-decoration, none);text-decoration-color:var(--r-button--slot--text-decoration-color, var(--r-button-color, inherit));text-underline-offset:var(--r-button--slot--text-underline-offset, 0.5rem)}";export{a as r_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as r}from"./p-CTxpqopm.js";const s=class{constructor(i){t(this,i),this.position="center"}render(){return i(r,{key:"
|
|
1
|
+
import{r as t,h as i,H as r}from"./p-CTxpqopm.js";const s=class{constructor(i){t(this,i),this.position="center"}render(){return i(r,{key:"0a243668431f65138c3bf66e40013eb4be72a2be"},i("slot",{key:"65749c9f436173b7497d11a8f71e5237317e4d3e"}))}};s.style=":host{display:inline-block;position:absolute;z-index:99999}:host:has(:not(:focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host:has(:focus-within){top:var(--r-spacing-100);padding:var(--r-spacing-100);border:1px solid var(--r-border-regular);background:var(--r-background-softest);left:var(--r-skip-link--left, 50%);transform:var(--r-skip-link--transform, translateX(-50%))}:host([position=left]){--r-skip-link--left:var(--r-spacing-100);--r-skip-link--transform:none}::slotted(*:not(:focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{s as r_skip_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as t,h as a,H as e,g as i}from"./p-CTxpqopm.js";const o=class{constructor(a){r(this,a),this.tabChange=t(this,"tabChange"),this.moveTabFocus=t(this,"moveTabFocus"),this.disabled=!1,this.active=!1,this.handleClick=()=>{this.disabled||this.active||this.tabChange.emit({element:this.host})},this.handleKeyup=r=>{this.disabled||this.active||("Enter"===r.code||"Space"===r.code)&&this.tabChange.emit({element:this.host})},this.handleKeydown=r=>{if(!this.disabled){switch(r.code){case"ArrowLeft":case"ArrowRight":case"Space":case"Home":case"End":r.preventDefault()}this.moveTabFocus.emit({element:this.host,keycode:r.code})}}}render(){const{disabled:r,active:t,panelId:i}=this;return a(e,Object.assign({key:"
|
|
1
|
+
import{r,c as t,h as a,H as e,g as i}from"./p-CTxpqopm.js";const o=class{constructor(a){r(this,a),this.tabChange=t(this,"tabChange"),this.moveTabFocus=t(this,"moveTabFocus"),this.disabled=!1,this.active=!1,this.handleClick=()=>{this.disabled||this.active||this.tabChange.emit({element:this.host})},this.handleKeyup=r=>{this.disabled||this.active||("Enter"===r.code||"Space"===r.code)&&this.tabChange.emit({element:this.host})},this.handleKeydown=r=>{if(!this.disabled){switch(r.code){case"ArrowLeft":case"ArrowRight":case"Space":case"Home":case"End":r.preventDefault()}this.moveTabFocus.emit({element:this.host,keycode:r.code})}}}render(){const{disabled:r,active:t,panelId:i}=this;return a(e,Object.assign({key:"b68ad2b51c624ef92886f791e2093951ec235042",onClick:this.handleClick,onKeyUp:this.handleKeyup,onKeyDown:this.handleKeydown},{role:"tab",tabindex:t?"0":"-1","panel-id":i,"aria-controls":i,"aria-selected":`${t}`,"aria-disabled":`${r}`}),a("span",{key:"59898569007666db12270834489378d695b7b651",class:"r-tab"},r?a("r-icon",{class:"r-tab--disabled-icon",size:"s",name:"circle-slash"}):a("slot",{name:"icon"}),a("slot",{key:"5e3b5ace265b9884bd659311d23955c084da995b"})))}get host(){return i(this)}};o.style=':host{display:flex;outline:none;opacity:1;cursor:pointer}:host(:hover:not([disabled]:not([disabled=false]))){--r-tab--background:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:active:not([disabled]:not([disabled=false]))){--r-tab--background:var(--r-background-interactive-pressed, rgba(40,40,40,0.12))}:host(:focus-visible){--r-tab--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-tab--outline:2px solid var(--r-border-focused, #0071e3);--r-tab--outline-offset:2px}:host([active]:not([active=false])){cursor:default;--r-tab--font-weight:var(--r-font-weight-semibold, 600);--r-tab--marker--visibility:visible}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-tab--pointer-events:none;--r-tab--color:var(--r-text-soft, #686868);--r-tab--marker--background-color:var(--r-border-soft, #686868)}.r-tab{position:var(--r-tab--position, relative);font-family:var(--r-tab--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-tab--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-tab--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-tab--line-height, var(--r-line-height-m, 1.5));cursor:var(--r-tab--cursor, inherit);pointer-events:var(--r-tab--pointer-events, initial);display:var(--r-tab--display, flex);align-items:var(--r-tab--align-items, center);justify-content:var(--r-tab--justify-content, center);gap:var(--r-tab--gap, var(--r-spacing-050, 0.5rem));width:var(--r-tab--width, auto);padding-top:var(--r-tab--padding-top, var(--r-spacing-025, 0.25rem));padding-right:var(--r-tab--padding-right, var(--r-spacing-050, 0.5rem));padding-bottom:var(--r-tab--padding-bottom, var(--r-spacing-100, 1rem));padding-left:var(--r-tab--padding-left, var(--r-spacing-050, 0.5rem));margin-bottom:var(--r-tab--margin-bottom, -1px);opacity:var(--r-tab--opacity, 1);background:var(--r-tab--background, none);color:var(--r-tab--color, var(--r-text-regular, #282828));border:var(--r-tab--border, none);box-shadow:var(--r-tab--box-shadow, none);outline:var(--r-tab--outline, none);outline-offset:var(--r-tab--outline-offset, 0)}.r-tab::after{content:var(--r-tab--marker--content, "");width:var(--r-tab--marker--width, 100%);height:var(--r-tab--marker--height, 3px);position:var(--r-tab--marker--position, absolute);bottom:var(--r-tab--marker--bottom, 0);left:var(--r-tab--marker--left, 0);visibility:var(--r-tab--marker--visibility, hidden);background-color:var(--r-tab--marker--background-color, var(--r-border-regular, #282828));transition:var(--r-tab--marker--transition, all 0.1s ease-in)}.r-tab--disabled-icon,.r-tab ::slotted([slot=icon]){color:var(--r-tab--icon--color, var(--r-icon-soft, #686868))}@media (prefers-reduced-motion){.r-tab::after{transition:none}}';export{o as r_tab}
|