@rarui/components 1.27.0 → 1.28.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 +16 -0
- package/custom-elements.json +86 -7
- package/dist/index.d.ts +201 -91
- package/dist/index.js +450 -413
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import { IconName } from '@rarui/icons/dist/html/types';
|
|
2
|
+
import { BreadcrumbProps, AccordionProps } from '@rarui/typings';
|
|
3
|
+
|
|
1
4
|
/**
|
|
2
5
|
* @license
|
|
3
6
|
* Copyright 2017 Google LLC
|
|
@@ -18090,18 +18093,6 @@ interface ToggleTyping {
|
|
|
18090
18093
|
}
|
|
18091
18094
|
type ToggleProps = ToggleTyping & ToggleVariants;
|
|
18092
18095
|
|
|
18093
|
-
interface AccordionProps {
|
|
18094
|
-
/**
|
|
18095
|
-
* Informs which accordion item is open by default, this value must be the same as informed in the index of each item
|
|
18096
|
-
*/
|
|
18097
|
-
selectedDefault?: string;
|
|
18098
|
-
/**
|
|
18099
|
-
* Disables the accordion, disallowing user interaction.
|
|
18100
|
-
* @default false
|
|
18101
|
-
*/
|
|
18102
|
-
disabled?: boolean;
|
|
18103
|
-
}
|
|
18104
|
-
|
|
18105
18096
|
type AccordionBodyProps = Pick<AccordionVariants, "padding">;
|
|
18106
18097
|
|
|
18107
18098
|
interface AccordionHeaderTyping {
|
|
@@ -18210,15 +18201,6 @@ interface SidebarTyping {
|
|
|
18210
18201
|
}
|
|
18211
18202
|
type SidebarProps = SidebarTyping & SidebarSprinkle & SidebarVariants;
|
|
18212
18203
|
|
|
18213
|
-
interface BreadcrumbProps {
|
|
18214
|
-
/**
|
|
18215
|
-
* Specifies the number of breadcrumb items to display after truncation.
|
|
18216
|
-
* This is useful for managing the display of long breadcrumb lists.
|
|
18217
|
-
* @default 10
|
|
18218
|
-
*/
|
|
18219
|
-
itemsAfterTruncate?: number;
|
|
18220
|
-
}
|
|
18221
|
-
|
|
18222
18204
|
interface BreadcrumbItemTyping {
|
|
18223
18205
|
/**
|
|
18224
18206
|
* The name of the breadcrumb item. This is typically the text that is displayed for the item.
|
|
@@ -18377,6 +18359,10 @@ type DividerProperties = WebComponentProperties<DividerManifestProperties>;
|
|
|
18377
18359
|
declare const RaruiDivider_base: (new (...args: any[]) => {
|
|
18378
18360
|
cssProps: Record<string, any>;
|
|
18379
18361
|
sprinkleAttrs: Record<string, any>;
|
|
18362
|
+
}) & (new (...args: any[]) => {
|
|
18363
|
+
ariaLabel: string | null;
|
|
18364
|
+
ariaLabelledBy: string | null;
|
|
18365
|
+
ariaDescribedBy: string | null;
|
|
18380
18366
|
}) & typeof LitElement;
|
|
18381
18367
|
declare class RaruiDivider extends RaruiDivider_base {
|
|
18382
18368
|
sprinkleAttrs: Record<string, string>;
|
|
@@ -18393,8 +18379,6 @@ declare class RaruiDivider extends RaruiDivider_base {
|
|
|
18393
18379
|
render(): TemplateResult<1>;
|
|
18394
18380
|
}
|
|
18395
18381
|
|
|
18396
|
-
type IconName = "add-circle-filled" | "add-circle-outlined" | "alarm-filled" | "alarm-outlined" | "alternate-email" | "archive-all-filled" | "archive-all-outlined" | "archive-filled" | "archive-in-filled" | "archive-in-outlined" | "archive-outlined" | "arrow-alt-down" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-circle-down-filled" | "arrow-circle-down-outlined" | "arrow-circle-up-filled" | "arrow-circle-up-outlined" | "arrow-circled-down-circle-outlined" | "arrow-circled-down-filled" | "arrow-circled-up-circle-outlined" | "arrow-direction-down-up" | "arrow-direction-left-right" | "arrow-direction-right-left" | "arrow-direction-up-down" | "arrow-directions" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-first-page" | "arrow-last-page" | "arrow-left" | "arrow-line-down" | "arrow-line-left" | "arrow-line-long-down" | "arrow-line-long-left" | "arrow-line-long-right" | "arrow-line-long-up" | "arrow-line-right" | "arrow-line-up" | "arrow-right" | "arrow-subdirectory-left" | "arrow-subdirectory-right" | "arrow-trending-down" | "arrow-trending-up" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attachment" | "backspace" | "backspace-outlined" | "barley" | "barley-off" | "bolt-circle-filled" | "bolt-circle-outlined" | "bookmark-filled" | "bookmark-outlined" | "calendar-date-range-filled" | "calendar-date-range-outlined" | "calendar-event-filled" | "calendar-event-outlined" | "calendar-filled" | "calendar-outlined" | "camera-filled" | "camera-outlined" | "camera-shutter-filled" | "camera-shutter-outlined" | "cancel-circle-filled" | "cancel-circle-outlined" | "car-filled" | "car-outlined" | "chart-bars-filled" | "chart-bars-outlined" | "chat-bubble-filled" | "chat-bubble-outlined" | "chat-message-filled" | "chat-message-outlined" | "check" | "check-circle-filled" | "check-circle-outlined" | "check-small" | "chevron-big-down" | "chevron-big-left" | "chevron-big-right" | "chevron-big-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock-filled" | "clock-outlined" | "close" | "cloud-filled" | "cloud-outlined" | "contact-support-filled" | "contact-support-outlined" | "content-copy-filled" | "content-copy-outlined" | "content-paste-filled" | "content-paste-outlined" | "conversation-filled" | "conversation-outlined" | "copyright-filled" | "copyright-outlined" | "credit-card-filled" | "credit-card-outlined" | "danger-filled" | "danger-outlined" | "dashboard-filled" | "dashboard-outlined" | "document-filled" | "document-outlined" | "document-text-filled" | "document-text-outlined" | "download-filled" | "download-outlined" | "eco-filled" | "eco-outlined" | "edit-filled" | "edit-outlined" | "euro-symbol" | "exit-fullscreen" | "eye-filled" | "eye-off-filled" | "eye-off-outlined" | "eye-outlined" | "facebook-filled" | "facebook-outlined" | "file-copy-filled" | "file-copy-outlined" | "filter-alt-filled" | "filter-alt-outlined" | "filter-list" | "fingerprint" | "flag-filled" | "flag-outlined" | "flag-tour-filled" | "flag-tour-outlined" | "flower-filled" | "flower-outlined" | "folder-filled" | "folder-list-filled" | "folder-list-outlined" | "folder-open" | "folder-outlined" | "fruit-apple-filled" | "fruit-apple-outlined" | "fullscreen-filled" | "fullscreen-outlined" | "google" | "google-play" | "headphones-filled" | "headphones-outlined" | "heart-filled" | "heart-outlined" | "help-filled" | "help-outlined" | "history" | "home-filled" | "home-outlined" | "image-filled" | "image-outlined" | "info-circle-filled" | "info-circle-outlined" | "instagram" | "instagram-outlined" | "label-filled" | "label-important-filled" | "label-important-outlined" | "label-outlined" | "language" | "lightbulb-filled" | "lightbulb-outlined" | "link" | "linkedin-filled" | "linkedin-outlined" | "loader" | "loading" | "lock-filled" | "lock-open-filled" | "lock-open-outlined" | "lock-outlined" | "login" | "logout" | "mail-filled" | "mail-open-filled" | "mail-open-outlined" | "mail-outlined" | "menu" | "menu-large" | "microphone-filled" | "microphone-outlined" | "minus" | "money-filled" | "money-outlined" | "mood-bad" | "mood-bad-outlined" | "mood-filled" | "mood-outlined" | "more-horiz" | "more-vert" | "music-note-filled" | "music-note-outlined" | "notification-filled" | "notification-outlined" | "open-in-new" | "package" | "package-outlined" | "pause-filled" | "pause-outlined" | "pets-filled" | "pets-outlined" | "phone-call-filled" | "phone-call-outlined" | "phone-filled" | "phone-outlined" | "pin-filled" | "pin-outlined" | "play-arrow-filled" | "play-arrow-outlined" | "play-circle-filled" | "play-circle-outlined" | "plus" | "power-settings-new" | "printer-filled" | "printer-outlined" | "push-pin-filled" | "push-pin-outlined" | "receipt-filled" | "receipt-outlined" | "recycle" | "redeem" | "redo" | "refresh" | "refresh-alt" | "remove" | "remove-circle-filled" | "remove-circle-outlined" | "repeat" | "reply" | "save-alt" | "screen-outlined" | "search" | "send-filled" | "send-outlined" | "sentiment-dissatisfied-filled" | "sentiment-dissatisfied-outlined" | "sentiment-neutral-filled" | "sentiment-neutral-outlined" | "sentiment-satisfied-filled" | "sentiment-satisfied-outlined" | "sentiment-very-dissatisfied-filled" | "sentiment-very-dissatisfied-outlined" | "sentiment-very-satisfied-filled" | "sentiment-very-satisfied-outlined" | "settings-filled" | "settings-outlined" | "share-filled" | "share-outlined" | "shopping-bag-filled" | "shopping-bag-outlined" | "shopping-cart-add" | "shopping-cart-filled" | "shopping-cart-outlined" | "sprout" | "sprout-outline-outlined" | "star-filled" | "star-outlined" | "stay-primary-portrait" | "storefront" | "tag-filled" | "tag-outlined" | "textsms-filled" | "textsms-outlined" | "thumb-down-filled" | "thumb-down-outlined" | "thumb-up-filled" | "thumb-up-outlined" | "tiktok" | "toc" | "trash-filled" | "trash-outlined" | "truck-filled" | "truck-outlined" | "tune" | "twitter" | "undo" | "upload-filled" | "upload-outlined" | "user-circle-filled" | "user-circle-outlined" | "user-filled" | "user-outlined" | "user-square-filled" | "user-square-outlined" | "users-filled" | "users-outlined" | "view-grid-filled" | "view-grid-outlined" | "view-list-filled" | "view-list-outlined" | "warning-bubble-filled" | "warning-bubble-outlined" | "warning-filled" | "warning-outlined" | "whatsapp-filled" | "whatsapp-outlined" | "work-filled" | "work-outlined" | "wysiwyg-filled" | "youtube-filled" | "youtube-outlined" | "zoom-in" | "zoom-out";
|
|
18397
|
-
|
|
18398
18382
|
declare global {
|
|
18399
18383
|
interface HTMLElementTagNameMap {
|
|
18400
18384
|
"rarui-icon": RaruiIcon;
|
|
@@ -18463,7 +18447,12 @@ type LabelManifestProperties = {
|
|
|
18463
18447
|
};
|
|
18464
18448
|
type LabelProperties = WebComponentProperties<LabelManifestProperties>;
|
|
18465
18449
|
|
|
18466
|
-
declare
|
|
18450
|
+
declare const RaruiLabel_base: (new (...args: any[]) => {
|
|
18451
|
+
ariaLabel: string | null;
|
|
18452
|
+
ariaLabelledBy: string | null;
|
|
18453
|
+
ariaDescribedBy: string | null;
|
|
18454
|
+
}) & typeof LitElement;
|
|
18455
|
+
declare class RaruiLabel extends RaruiLabel_base {
|
|
18467
18456
|
for: LabelProperties["for"];
|
|
18468
18457
|
hidden: boolean;
|
|
18469
18458
|
static styles: CSSResult;
|
|
@@ -18486,10 +18475,16 @@ declare global {
|
|
|
18486
18475
|
type StepperStepManifestProperties = StepperStepProps;
|
|
18487
18476
|
type StepperStepProperties = WebComponentProperties<StepperStepManifestProperties>;
|
|
18488
18477
|
|
|
18489
|
-
declare
|
|
18478
|
+
declare const RaruiStepperStep_base: (new (...args: any[]) => {
|
|
18479
|
+
ariaLabel: string | null;
|
|
18480
|
+
ariaLabelledBy: string | null;
|
|
18481
|
+
ariaDescribedBy: string | null;
|
|
18482
|
+
}) & typeof LitElement;
|
|
18483
|
+
declare class RaruiStepperStep extends RaruiStepperStep_base {
|
|
18490
18484
|
description?: StepperStepProperties["description"];
|
|
18491
18485
|
active?: StepperStepProperties["active"];
|
|
18492
18486
|
done?: StepperStepProperties["done"];
|
|
18487
|
+
title: string;
|
|
18493
18488
|
private direction;
|
|
18494
18489
|
static styles: CSSResult;
|
|
18495
18490
|
connectedCallback(): void;
|
|
@@ -18512,11 +18507,13 @@ declare global {
|
|
|
18512
18507
|
type StepperManifestProperties = StepperProps;
|
|
18513
18508
|
type StepperProperties = WebComponentProperties<StepperManifestProperties>;
|
|
18514
18509
|
|
|
18515
|
-
declare
|
|
18516
|
-
direction: StepperProperties["direction"];
|
|
18510
|
+
declare const RaruiStepper_base: (new (...args: any[]) => {
|
|
18517
18511
|
ariaLabel: string | null;
|
|
18518
18512
|
ariaLabelledBy: string | null;
|
|
18519
18513
|
ariaDescribedBy: string | null;
|
|
18514
|
+
}) & typeof LitElement;
|
|
18515
|
+
declare class RaruiStepper extends RaruiStepper_base {
|
|
18516
|
+
direction: StepperProperties["direction"];
|
|
18520
18517
|
private assignedSteps;
|
|
18521
18518
|
private steps;
|
|
18522
18519
|
static styles: CSSResult;
|
|
@@ -18648,7 +18645,12 @@ type TooltipManifestProperties = Omit<TooltipProps, "visible" | "onVisibility" |
|
|
|
18648
18645
|
};
|
|
18649
18646
|
type TooltipProperties = WebComponentProperties<TooltipManifestProperties>;
|
|
18650
18647
|
|
|
18651
|
-
declare
|
|
18648
|
+
declare const RaruiTooltip_base: (new (...args: any[]) => {
|
|
18649
|
+
ariaLabel: string | null;
|
|
18650
|
+
ariaLabelledBy: string | null;
|
|
18651
|
+
ariaDescribedBy: string | null;
|
|
18652
|
+
}) & typeof LitElement;
|
|
18653
|
+
declare class RaruiTooltip extends RaruiTooltip_base {
|
|
18652
18654
|
static shadowRootOptions: {
|
|
18653
18655
|
delegatesFocus: boolean;
|
|
18654
18656
|
mode: ShadowRootMode;
|
|
@@ -18666,9 +18668,6 @@ declare class RaruiTooltip extends LitElement {
|
|
|
18666
18668
|
position: TooltipProperties["position"];
|
|
18667
18669
|
strategy: TooltipProperties["strategy"];
|
|
18668
18670
|
open: boolean;
|
|
18669
|
-
ariaLabel: string | null;
|
|
18670
|
-
ariaLabelledBy: string | null;
|
|
18671
|
-
ariaDescribedBy: string | null;
|
|
18672
18671
|
reference: HTMLElement;
|
|
18673
18672
|
floating: HTMLElement;
|
|
18674
18673
|
arrowEl: HTMLElement;
|
|
@@ -18727,12 +18726,14 @@ declare global {
|
|
|
18727
18726
|
type ProgressManifestProperties = ProgressProps;
|
|
18728
18727
|
type ProgressProperties = WebComponentProperties<ProgressManifestProperties>;
|
|
18729
18728
|
|
|
18730
|
-
declare
|
|
18731
|
-
percentage?: ProgressProperties["percentage"];
|
|
18732
|
-
color?: ProgressProperties["color"];
|
|
18729
|
+
declare const RaruiProgress_base: (new (...args: any[]) => {
|
|
18733
18730
|
ariaLabel: string | null;
|
|
18734
18731
|
ariaLabelledBy: string | null;
|
|
18735
18732
|
ariaDescribedBy: string | null;
|
|
18733
|
+
}) & typeof LitElement;
|
|
18734
|
+
declare class RaruiProgress extends RaruiProgress_base {
|
|
18735
|
+
percentage?: ProgressProperties["percentage"];
|
|
18736
|
+
color?: ProgressProperties["color"];
|
|
18736
18737
|
static styles: CSSResult;
|
|
18737
18738
|
render(): TemplateResult<1>;
|
|
18738
18739
|
}
|
|
@@ -18753,15 +18754,17 @@ declare global {
|
|
|
18753
18754
|
type StatusManifestProperties = StatusProps;
|
|
18754
18755
|
type StatusProperties = WebComponentProperties<StatusManifestProperties>;
|
|
18755
18756
|
|
|
18756
|
-
declare
|
|
18757
|
+
declare const RaruiStatus_base: (new (...args: any[]) => {
|
|
18758
|
+
ariaLabel: string | null;
|
|
18759
|
+
ariaLabelledBy: string | null;
|
|
18760
|
+
ariaDescribedBy: string | null;
|
|
18761
|
+
}) & typeof LitElement;
|
|
18762
|
+
declare class RaruiStatus extends RaruiStatus_base {
|
|
18757
18763
|
appearance?: StatusProperties["appearance"];
|
|
18758
18764
|
size?: StatusProperties["size"];
|
|
18759
18765
|
variant?: StatusProperties["variant"];
|
|
18760
18766
|
full?: StatusProperties["full"];
|
|
18761
18767
|
dot: StatusProperties["dot"];
|
|
18762
|
-
ariaLabel: string | null;
|
|
18763
|
-
ariaLabelledBy: string | null;
|
|
18764
|
-
ariaDescribedBy: string | null;
|
|
18765
18768
|
static styles: CSSResult;
|
|
18766
18769
|
render(): TemplateResult<1>;
|
|
18767
18770
|
}
|
|
@@ -18801,6 +18804,11 @@ type ButtonManifestProperties = ButtonProps & {
|
|
|
18801
18804
|
type ButtonProperties = WebComponentProperties<ButtonManifestProperties>;
|
|
18802
18805
|
|
|
18803
18806
|
declare const RaruiButton_base: (new (...args: any[]) => {
|
|
18807
|
+
getPassThroughAttributes(allowedPrefixes?: string[], excludedAttributes?: string[]): Record<string, string>;
|
|
18808
|
+
isManagedAttribute(attrName: string, additionalManagedAttrs?: string[]): boolean;
|
|
18809
|
+
getDataAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
18810
|
+
getDataAndAriaAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
18811
|
+
}) & (new (...args: any[]) => {
|
|
18804
18812
|
ariaLabel: string | null;
|
|
18805
18813
|
ariaLabelledBy: string | null;
|
|
18806
18814
|
ariaDescribedBy: string | null;
|
|
@@ -19134,10 +19142,18 @@ type DropdownItemManifestProperties = DropdownItemProps & {
|
|
|
19134
19142
|
*/
|
|
19135
19143
|
value?: string;
|
|
19136
19144
|
/**
|
|
19137
|
-
* Defines the
|
|
19138
|
-
* @default button
|
|
19145
|
+
* Defines the HTML element type to render (button or anchor).
|
|
19146
|
+
* @default "button"
|
|
19139
19147
|
*/
|
|
19140
|
-
|
|
19148
|
+
as?: "button" | "a";
|
|
19149
|
+
/**
|
|
19150
|
+
* The href URL when as="a".
|
|
19151
|
+
*/
|
|
19152
|
+
href?: string;
|
|
19153
|
+
/**
|
|
19154
|
+
* The target attribute when as="a".
|
|
19155
|
+
*/
|
|
19156
|
+
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
19141
19157
|
/**
|
|
19142
19158
|
* ARIA role for the dropdown item.
|
|
19143
19159
|
* @default menuitem
|
|
@@ -19146,7 +19162,17 @@ type DropdownItemManifestProperties = DropdownItemProps & {
|
|
|
19146
19162
|
};
|
|
19147
19163
|
type DropdownItemProperties = WebComponentProperties<DropdownItemManifestProperties>;
|
|
19148
19164
|
|
|
19149
|
-
declare
|
|
19165
|
+
declare const RaruiDropdownItem_base: (new (...args: any[]) => {
|
|
19166
|
+
ariaLabel: string | null;
|
|
19167
|
+
ariaLabelledBy: string | null;
|
|
19168
|
+
ariaDescribedBy: string | null;
|
|
19169
|
+
}) & (new (...args: any[]) => {
|
|
19170
|
+
getPassThroughAttributes(allowedPrefixes?: string[], excludedAttributes?: string[]): Record<string, string>;
|
|
19171
|
+
isManagedAttribute(attrName: string, additionalManagedAttrs?: string[]): boolean;
|
|
19172
|
+
getDataAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
19173
|
+
getDataAndAriaAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
19174
|
+
}) & typeof LitElement;
|
|
19175
|
+
declare class RaruiDropdownItem extends RaruiDropdownItem_base {
|
|
19150
19176
|
static shadowRootOptions: {
|
|
19151
19177
|
delegatesFocus: boolean;
|
|
19152
19178
|
mode: ShadowRootMode;
|
|
@@ -19157,14 +19183,14 @@ declare class RaruiDropdownItem extends LitElement {
|
|
|
19157
19183
|
selected: DropdownItemProperties["selected"];
|
|
19158
19184
|
disabled: DropdownItemProperties["disabled"];
|
|
19159
19185
|
value: DropdownItemProperties["value"];
|
|
19160
|
-
|
|
19161
|
-
|
|
19162
|
-
|
|
19163
|
-
ariaDescribedBy: string | null;
|
|
19186
|
+
as: DropdownItemProperties["as"];
|
|
19187
|
+
href: DropdownItemProperties["href"];
|
|
19188
|
+
target: DropdownItemProperties["target"];
|
|
19164
19189
|
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
19165
19190
|
static styles: CSSResult;
|
|
19166
19191
|
private handleClick;
|
|
19167
19192
|
private handleKeydown;
|
|
19193
|
+
private renderContent;
|
|
19168
19194
|
render(): TemplateResult<1>;
|
|
19169
19195
|
}
|
|
19170
19196
|
|
|
@@ -19201,7 +19227,12 @@ type IconButtonManifestProperties = IconButtonProps & {
|
|
|
19201
19227
|
};
|
|
19202
19228
|
type IconButtonProperties = WebComponentProperties<IconButtonManifestProperties>;
|
|
19203
19229
|
|
|
19204
|
-
declare
|
|
19230
|
+
declare const RaruiIconButton_base: (new (...args: any[]) => {
|
|
19231
|
+
ariaLabel: string | null;
|
|
19232
|
+
ariaLabelledBy: string | null;
|
|
19233
|
+
ariaDescribedBy: string | null;
|
|
19234
|
+
}) & typeof LitElement;
|
|
19235
|
+
declare class RaruiIconButton extends RaruiIconButton_base {
|
|
19205
19236
|
static shadowRootOptions: {
|
|
19206
19237
|
delegatesFocus: boolean;
|
|
19207
19238
|
mode: ShadowRootMode;
|
|
@@ -19217,9 +19248,6 @@ declare class RaruiIconButton extends LitElement {
|
|
|
19217
19248
|
name: IconButtonProperties["name"];
|
|
19218
19249
|
value: IconButtonProperties["value"];
|
|
19219
19250
|
form: IconButtonProperties["form"];
|
|
19220
|
-
ariaLabel: string | null;
|
|
19221
|
-
ariaLabelledBy: string | null;
|
|
19222
|
-
ariaDescribedBy: string | null;
|
|
19223
19251
|
ariaPressed: "true" | "false" | "mixed" | null;
|
|
19224
19252
|
ariaExpanded: "true" | "false" | null;
|
|
19225
19253
|
static styles: CSSResult;
|
|
@@ -19295,7 +19323,12 @@ type InputManifestProperties = InputProps & {
|
|
|
19295
19323
|
};
|
|
19296
19324
|
type InputProperties = WebComponentProperties<InputManifestProperties>;
|
|
19297
19325
|
|
|
19298
|
-
declare
|
|
19326
|
+
declare const RaruiInput_base: (new (...args: any[]) => {
|
|
19327
|
+
ariaLabel: string | null;
|
|
19328
|
+
ariaLabelledBy: string | null;
|
|
19329
|
+
ariaDescribedBy: string | null;
|
|
19330
|
+
}) & typeof LitElement;
|
|
19331
|
+
declare class RaruiInput extends RaruiInput_base {
|
|
19299
19332
|
static shadowRootOptions: {
|
|
19300
19333
|
delegatesFocus: boolean;
|
|
19301
19334
|
mode: ShadowRootMode;
|
|
@@ -19319,9 +19352,6 @@ declare class RaruiInput extends LitElement {
|
|
|
19319
19352
|
minlength: InputProperties["minlength"];
|
|
19320
19353
|
maxlength: InputProperties["maxlength"];
|
|
19321
19354
|
pattern: InputProperties["pattern"];
|
|
19322
|
-
ariaLabel: string | null;
|
|
19323
|
-
ariaLabelledBy: string | null;
|
|
19324
|
-
ariaDescribedBy: string | null;
|
|
19325
19355
|
ariaInvalid: AriaInvalid;
|
|
19326
19356
|
private _internals;
|
|
19327
19357
|
static formAssociated: boolean;
|
|
@@ -19382,7 +19412,12 @@ type RadioButtonManifestProperties = RadioButtonProps & {
|
|
|
19382
19412
|
};
|
|
19383
19413
|
type RadioButtonProperties = WebComponentProperties<RadioButtonManifestProperties>;
|
|
19384
19414
|
|
|
19385
|
-
declare
|
|
19415
|
+
declare const RaruiRadioButton_base: (new (...args: any[]) => {
|
|
19416
|
+
ariaLabel: string | null;
|
|
19417
|
+
ariaLabelledBy: string | null;
|
|
19418
|
+
ariaDescribedBy: string | null;
|
|
19419
|
+
}) & typeof LitElement;
|
|
19420
|
+
declare class RaruiRadioButton extends RaruiRadioButton_base {
|
|
19386
19421
|
id: string;
|
|
19387
19422
|
disabled: boolean;
|
|
19388
19423
|
name?: string;
|
|
@@ -19394,9 +19429,6 @@ declare class RaruiRadioButton extends LitElement {
|
|
|
19394
19429
|
form: RadioButtonProperties["form"];
|
|
19395
19430
|
required: RadioButtonProperties["required"];
|
|
19396
19431
|
readonly: RadioButtonProperties["readonly"];
|
|
19397
|
-
ariaLabel: string | null;
|
|
19398
|
-
ariaLabelledBy: string | null;
|
|
19399
|
-
ariaDescribedBy: string | null;
|
|
19400
19432
|
private _internals;
|
|
19401
19433
|
static formAssociated: boolean;
|
|
19402
19434
|
constructor();
|
|
@@ -19481,7 +19513,12 @@ type TextareaManifestProperties = TextareaProps & {
|
|
|
19481
19513
|
};
|
|
19482
19514
|
type TextareaProperties = WebComponentProperties<TextareaManifestProperties>;
|
|
19483
19515
|
|
|
19484
|
-
declare
|
|
19516
|
+
declare const RaruiTextarea_base: (new (...args: any[]) => {
|
|
19517
|
+
ariaLabel: string | null;
|
|
19518
|
+
ariaLabelledBy: string | null;
|
|
19519
|
+
ariaDescribedBy: string | null;
|
|
19520
|
+
}) & typeof LitElement;
|
|
19521
|
+
declare class RaruiTextarea extends RaruiTextarea_base {
|
|
19485
19522
|
static shadowRootOptions: {
|
|
19486
19523
|
delegatesFocus: boolean;
|
|
19487
19524
|
mode: ShadowRootMode;
|
|
@@ -19504,9 +19541,6 @@ declare class RaruiTextarea extends LitElement {
|
|
|
19504
19541
|
placeholder: TextareaProperties["placeholder"];
|
|
19505
19542
|
minlength: TextareaProperties["minlength"];
|
|
19506
19543
|
maxlength: TextareaProperties["maxlength"];
|
|
19507
|
-
ariaLabel: string | null;
|
|
19508
|
-
ariaLabelledBy: string | null;
|
|
19509
|
-
ariaDescribedBy: string | null;
|
|
19510
19544
|
ariaInvalid: AriaInvalid;
|
|
19511
19545
|
static styles: CSSResult;
|
|
19512
19546
|
render(): TemplateResult<1>;
|
|
@@ -19559,7 +19593,12 @@ type ToggleManifestProperties = ToggleProps & {
|
|
|
19559
19593
|
};
|
|
19560
19594
|
type ToggleProperties = WebComponentProperties<ToggleManifestProperties>;
|
|
19561
19595
|
|
|
19562
|
-
declare
|
|
19596
|
+
declare const RaruiToggle_base: (new (...args: any[]) => {
|
|
19597
|
+
ariaLabel: string | null;
|
|
19598
|
+
ariaLabelledBy: string | null;
|
|
19599
|
+
ariaDescribedBy: string | null;
|
|
19600
|
+
}) & typeof LitElement;
|
|
19601
|
+
declare class RaruiToggle extends RaruiToggle_base {
|
|
19563
19602
|
static shadowRootOptions: {
|
|
19564
19603
|
delegatesFocus: boolean;
|
|
19565
19604
|
mode: ShadowRootMode;
|
|
@@ -19575,9 +19614,6 @@ declare class RaruiToggle extends LitElement {
|
|
|
19575
19614
|
value: ToggleProperties["value"];
|
|
19576
19615
|
form: ToggleProperties["form"];
|
|
19577
19616
|
required: ToggleProperties["required"];
|
|
19578
|
-
ariaLabel: string | null;
|
|
19579
|
-
ariaLabelledBy: string | null;
|
|
19580
|
-
ariaDescribedBy: string | null;
|
|
19581
19617
|
ariaInvalid: AriaInvalid;
|
|
19582
19618
|
private _internals;
|
|
19583
19619
|
static formAssociated: boolean;
|
|
@@ -19661,10 +19697,12 @@ declare global {
|
|
|
19661
19697
|
type BreadcrumbManifestProperties = BreadcrumbProps;
|
|
19662
19698
|
type BreadcrumbProperties = WebComponentProperties<BreadcrumbManifestProperties>;
|
|
19663
19699
|
|
|
19664
|
-
declare
|
|
19700
|
+
declare const RaruiBreadcrumb_base: (new (...args: any[]) => {
|
|
19665
19701
|
ariaLabel: string | null;
|
|
19666
19702
|
ariaLabelledBy: string | null;
|
|
19667
19703
|
ariaDescribedBy: string | null;
|
|
19704
|
+
}) & typeof LitElement;
|
|
19705
|
+
declare class RaruiBreadcrumb extends RaruiBreadcrumb_base {
|
|
19668
19706
|
itemsAfterTruncate: BreadcrumbProperties["items-after-truncate"];
|
|
19669
19707
|
private items;
|
|
19670
19708
|
private visibleItems;
|
|
@@ -19712,16 +19750,23 @@ type BreadcrumbItemManifestProperties = BreadcrumbItemProps & {
|
|
|
19712
19750
|
};
|
|
19713
19751
|
type BreadcrumbItemProperties = WebComponentProperties<BreadcrumbItemManifestProperties>;
|
|
19714
19752
|
|
|
19715
|
-
declare
|
|
19753
|
+
declare const RaruiBreadcrumbItem_base: (new (...args: any[]) => {
|
|
19754
|
+
getPassThroughAttributes(allowedPrefixes?: string[], excludedAttributes?: string[]): Record<string, string>;
|
|
19755
|
+
isManagedAttribute(attrName: string, additionalManagedAttrs?: string[]): boolean;
|
|
19756
|
+
getDataAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
19757
|
+
getDataAndAriaAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
19758
|
+
}) & (new (...args: any[]) => {
|
|
19759
|
+
ariaLabel: string | null;
|
|
19760
|
+
ariaLabelledBy: string | null;
|
|
19761
|
+
ariaDescribedBy: string | null;
|
|
19762
|
+
}) & typeof LitElement;
|
|
19763
|
+
declare class RaruiBreadcrumbItem extends RaruiBreadcrumbItem_base {
|
|
19716
19764
|
static shadowRootOptions: {
|
|
19717
19765
|
delegatesFocus: boolean;
|
|
19718
19766
|
mode: ShadowRootMode;
|
|
19719
19767
|
serializable?: boolean;
|
|
19720
19768
|
slotAssignment?: SlotAssignmentMode;
|
|
19721
19769
|
};
|
|
19722
|
-
ariaLabel: string | null;
|
|
19723
|
-
ariaLabelledBy: string | null;
|
|
19724
|
-
ariaDescribedBy: string | null;
|
|
19725
19770
|
name?: BreadcrumbItemProperties["name"];
|
|
19726
19771
|
href?: BreadcrumbItemProperties["href"];
|
|
19727
19772
|
active?: BreadcrumbItemProperties["active"];
|
|
@@ -19800,7 +19845,17 @@ type LinkManifestProperties = LinkProps & {
|
|
|
19800
19845
|
};
|
|
19801
19846
|
type LinkProperties = WebComponentProperties<LinkManifestProperties>;
|
|
19802
19847
|
|
|
19803
|
-
declare
|
|
19848
|
+
declare const RaruiLink_base: (new (...args: any[]) => {
|
|
19849
|
+
getPassThroughAttributes(allowedPrefixes?: string[], excludedAttributes?: string[]): Record<string, string>;
|
|
19850
|
+
isManagedAttribute(attrName: string, additionalManagedAttrs?: string[]): boolean;
|
|
19851
|
+
getDataAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
19852
|
+
getDataAndAriaAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
19853
|
+
}) & (new (...args: any[]) => {
|
|
19854
|
+
ariaLabel: string | null;
|
|
19855
|
+
ariaLabelledBy: string | null;
|
|
19856
|
+
ariaDescribedBy: string | null;
|
|
19857
|
+
}) & typeof LitElement;
|
|
19858
|
+
declare class RaruiLink extends RaruiLink_base {
|
|
19804
19859
|
static shadowRootOptions: {
|
|
19805
19860
|
delegatesFocus: boolean;
|
|
19806
19861
|
mode: ShadowRootMode;
|
|
@@ -19818,11 +19873,6 @@ declare class RaruiLink extends LitElement {
|
|
|
19818
19873
|
name?: LinkProperties["name"];
|
|
19819
19874
|
value?: LinkProperties["value"];
|
|
19820
19875
|
form?: LinkProperties["form"];
|
|
19821
|
-
ariaLabel: string | null;
|
|
19822
|
-
ariaLabelledBy: string | null;
|
|
19823
|
-
ariaDescribedBy: string | null;
|
|
19824
|
-
private _getPassThroughAttributes;
|
|
19825
|
-
private _isManagedAttribute;
|
|
19826
19876
|
static styles: CSSResult;
|
|
19827
19877
|
private _onClick;
|
|
19828
19878
|
render(): TemplateResult<1>;
|
|
@@ -19843,7 +19893,12 @@ declare global {
|
|
|
19843
19893
|
type PaginationManifestProperties = PaginationProps;
|
|
19844
19894
|
type PaginationProperties = WebComponentProperties<PaginationManifestProperties, "onPageChange">;
|
|
19845
19895
|
|
|
19846
|
-
declare
|
|
19896
|
+
declare const RaruiPagination_base: (new (...args: any[]) => {
|
|
19897
|
+
ariaLabel: string | null;
|
|
19898
|
+
ariaLabelledBy: string | null;
|
|
19899
|
+
ariaDescribedBy: string | null;
|
|
19900
|
+
}) & typeof LitElement;
|
|
19901
|
+
declare class RaruiPagination extends RaruiPagination_base {
|
|
19847
19902
|
activePage: PaginationProperties["active-page"];
|
|
19848
19903
|
pageCount: PaginationProperties["page-count"];
|
|
19849
19904
|
size?: PaginationProperties["size"];
|
|
@@ -19887,15 +19942,40 @@ type SideNavigationManifestProperties = SideNavigationProps & {
|
|
|
19887
19942
|
* @default "button"
|
|
19888
19943
|
*/
|
|
19889
19944
|
as?: "button" | "a";
|
|
19945
|
+
/**
|
|
19946
|
+
* The href URL when as="a".
|
|
19947
|
+
*/
|
|
19948
|
+
href?: string;
|
|
19949
|
+
/**
|
|
19950
|
+
* The target attribute when as="a".
|
|
19951
|
+
*/
|
|
19952
|
+
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
19953
|
+
/**
|
|
19954
|
+
* The rel attribute when as="a".
|
|
19955
|
+
*/
|
|
19956
|
+
rel?: string;
|
|
19890
19957
|
};
|
|
19891
19958
|
type SideNavigationProperties = WebComponentProperties<SideNavigationManifestProperties>;
|
|
19892
19959
|
|
|
19893
|
-
declare
|
|
19960
|
+
declare const RaruiSideNavigation_base: (new (...args: any[]) => {
|
|
19961
|
+
getPassThroughAttributes(allowedPrefixes?: string[], excludedAttributes?: string[]): Record<string, string>;
|
|
19962
|
+
isManagedAttribute(attrName: string, additionalManagedAttrs?: string[]): boolean;
|
|
19963
|
+
getDataAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
19964
|
+
getDataAndAriaAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
19965
|
+
}) & (new (...args: any[]) => {
|
|
19966
|
+
ariaLabel: string | null;
|
|
19967
|
+
ariaLabelledBy: string | null;
|
|
19968
|
+
ariaDescribedBy: string | null;
|
|
19969
|
+
}) & typeof LitElement;
|
|
19970
|
+
declare class RaruiSideNavigation extends RaruiSideNavigation_base {
|
|
19894
19971
|
name: SideNavigationProperties["name"];
|
|
19895
19972
|
description: SideNavigationProperties["description"];
|
|
19896
19973
|
active: SideNavigationProperties["active"];
|
|
19897
19974
|
disabled: SideNavigationProperties["disabled"];
|
|
19898
19975
|
as: SideNavigationProperties["as"];
|
|
19976
|
+
href: SideNavigationProperties["href"];
|
|
19977
|
+
target: SideNavigationProperties["target"];
|
|
19978
|
+
rel: SideNavigationProperties["rel"];
|
|
19899
19979
|
private _open;
|
|
19900
19980
|
private _buttonRef;
|
|
19901
19981
|
static styles: CSSResult;
|
|
@@ -19926,22 +20006,44 @@ type SideNavigationItemManifestProperties = SideNavigationItemProps & {
|
|
|
19926
20006
|
* @default "button"
|
|
19927
20007
|
*/
|
|
19928
20008
|
as?: "button" | "a";
|
|
20009
|
+
/**
|
|
20010
|
+
* The href URL when as="a".
|
|
20011
|
+
*/
|
|
20012
|
+
href?: string;
|
|
20013
|
+
/**
|
|
20014
|
+
* The target attribute when as="a".
|
|
20015
|
+
*/
|
|
20016
|
+
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
20017
|
+
/**
|
|
20018
|
+
* The rel attribute when as="a".
|
|
20019
|
+
*/
|
|
20020
|
+
rel?: string;
|
|
19929
20021
|
};
|
|
19930
20022
|
type SideNavigationItemProperties = WebComponentProperties<SideNavigationItemManifestProperties>;
|
|
19931
20023
|
|
|
19932
|
-
declare
|
|
20024
|
+
declare const RaruiSideNavigationItem_base: (new (...args: any[]) => {
|
|
20025
|
+
getPassThroughAttributes(allowedPrefixes?: string[], excludedAttributes?: string[]): Record<string, string>;
|
|
20026
|
+
isManagedAttribute(attrName: string, additionalManagedAttrs?: string[]): boolean;
|
|
20027
|
+
getDataAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
20028
|
+
getDataAndAriaAttributes(excludedAttributes?: string[]): Record<string, string>;
|
|
20029
|
+
}) & (new (...args: any[]) => {
|
|
20030
|
+
ariaLabel: string | null;
|
|
20031
|
+
ariaLabelledBy: string | null;
|
|
20032
|
+
ariaDescribedBy: string | null;
|
|
20033
|
+
}) & typeof LitElement;
|
|
20034
|
+
declare class RaruiSideNavigationItem extends RaruiSideNavigationItem_base {
|
|
19933
20035
|
static shadowRootOptions: {
|
|
19934
20036
|
delegatesFocus: boolean;
|
|
19935
20037
|
mode: ShadowRootMode;
|
|
19936
20038
|
serializable?: boolean;
|
|
19937
20039
|
slotAssignment?: SlotAssignmentMode;
|
|
19938
20040
|
};
|
|
19939
|
-
ariaLabel: string | null;
|
|
19940
|
-
ariaLabelledBy: string | null;
|
|
19941
|
-
ariaDescribedBy: string | null;
|
|
19942
20041
|
active: SideNavigationItemProperties["active"];
|
|
19943
20042
|
level: SideNavigationItemProperties["level"];
|
|
19944
20043
|
as: SideNavigationItemProperties["as"];
|
|
20044
|
+
href: SideNavigationItemProperties["href"];
|
|
20045
|
+
target: SideNavigationItemProperties["target"];
|
|
20046
|
+
rel: SideNavigationItemProperties["rel"];
|
|
19945
20047
|
private _itemRef;
|
|
19946
20048
|
static styles: CSSResult;
|
|
19947
20049
|
private _handleClick;
|
|
@@ -19985,6 +20087,10 @@ type AccordionProperties = WebComponentProperties<AccordionManifestProperties>;
|
|
|
19985
20087
|
declare const RaruiAccordion_base: (new (...args: any[]) => {
|
|
19986
20088
|
cssProps: Record<string, any>;
|
|
19987
20089
|
sprinkleAttrs: Record<string, any>;
|
|
20090
|
+
}) & (new (...args: any[]) => {
|
|
20091
|
+
ariaLabel: string | null;
|
|
20092
|
+
ariaLabelledBy: string | null;
|
|
20093
|
+
ariaDescribedBy: string | null;
|
|
19988
20094
|
}) & typeof LitElement;
|
|
19989
20095
|
declare class RaruiAccordion extends RaruiAccordion_base {
|
|
19990
20096
|
sprinkleAttrs: Record<string, string>;
|
|
@@ -20041,7 +20147,12 @@ declare global {
|
|
|
20041
20147
|
type AccordionHeaderManifestProperties = AccordionHeaderProps;
|
|
20042
20148
|
type AccordionHeaderProperties = WebComponentProperties<AccordionHeaderManifestProperties>;
|
|
20043
20149
|
|
|
20044
|
-
declare
|
|
20150
|
+
declare const RaruiAccordionHeader_base: (new (...args: any[]) => {
|
|
20151
|
+
ariaLabel: string | null;
|
|
20152
|
+
ariaLabelledBy: string | null;
|
|
20153
|
+
ariaDescribedBy: string | null;
|
|
20154
|
+
}) & typeof LitElement;
|
|
20155
|
+
declare class RaruiAccordionHeader extends RaruiAccordionHeader_base {
|
|
20045
20156
|
static shadowRootOptions: {
|
|
20046
20157
|
delegatesFocus: boolean;
|
|
20047
20158
|
mode: ShadowRootMode;
|
|
@@ -20054,9 +20165,6 @@ declare class RaruiAccordionHeader extends LitElement {
|
|
|
20054
20165
|
noIconToggle: AccordionHeaderProperties["no-icon-toggle"];
|
|
20055
20166
|
disabled: boolean;
|
|
20056
20167
|
selected: boolean;
|
|
20057
|
-
ariaLabel: string | null;
|
|
20058
|
-
ariaLabelledBy: string | null;
|
|
20059
|
-
ariaDescribedBy: string | null;
|
|
20060
20168
|
static styles: CSSResult;
|
|
20061
20169
|
private handleClick;
|
|
20062
20170
|
private getTitleSize;
|
|
@@ -20109,13 +20217,15 @@ type BannerManifestProperties = BannerProps & {
|
|
|
20109
20217
|
};
|
|
20110
20218
|
type BannerProperties = WebComponentProperties<BannerManifestProperties, "onClose">;
|
|
20111
20219
|
|
|
20112
|
-
declare
|
|
20113
|
-
appearance?: BannerProperties["appearance"];
|
|
20114
|
-
floating: BannerProperties["floating"];
|
|
20115
|
-
closable: BannerProperties["closable"];
|
|
20220
|
+
declare const RaruiBanner_base: (new (...args: any[]) => {
|
|
20116
20221
|
ariaLabel: string | null;
|
|
20117
20222
|
ariaLabelledBy: string | null;
|
|
20118
20223
|
ariaDescribedBy: string | null;
|
|
20224
|
+
}) & typeof LitElement;
|
|
20225
|
+
declare class RaruiBanner extends RaruiBanner_base {
|
|
20226
|
+
appearance?: BannerProperties["appearance"];
|
|
20227
|
+
floating: BannerProperties["floating"];
|
|
20228
|
+
closable: BannerProperties["closable"];
|
|
20119
20229
|
static styles: CSSResult;
|
|
20120
20230
|
private handleClose;
|
|
20121
20231
|
render(): TemplateResult<1>;
|