@rebilly/revel 13.6.9 → 13.7.0

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 CHANGED
@@ -1,3 +1,5 @@
1
- ## 13.6.9 (2026-10-26)
1
+ ## 13.7.0 (2026-10-27)
2
2
 
3
- This was a version bump only for revel to align it with other projects, there were no code changes.
3
+ ### Features
4
+
5
+ - **recomm,revel:** keep tournament language tabs visible while scrolling ([#30338](https://github.com/Rebilly/rebilly/pull/30338))
@@ -23,8 +23,8 @@ type __VLS_Slots = {} & {
23
23
  };
24
24
  declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
25
25
  title: string;
26
- icon: IconNames;
27
- type: "default" | "negative" | "positive" | "info" | "warning";
26
+ icon: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
27
+ type: "info" | "warning" | "default" | "positive" | "negative";
28
28
  permanent: boolean;
29
29
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
30
30
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -62,16 +62,16 @@ type __VLS_Slots = {} & {
62
62
  declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
63
63
  loading: boolean;
64
64
  link: boolean;
65
- icon: IconNames;
65
+ icon: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
66
66
  size: "small" | "regular" | "large";
67
- type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
67
+ type: "link" | "default" | "primary" | "danger" | "positive" | "plain" | "unstyled";
68
68
  href: string;
69
69
  disabled: boolean;
70
70
  active: boolean;
71
71
  fluid: boolean;
72
72
  capitalizeFirstLetter: boolean;
73
- iconLeft: IconNames;
74
- iconRight: IconNames;
73
+ iconLeft: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
74
+ iconRight: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
75
75
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
76
76
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
77
77
  declare const _default: typeof __VLS_export;
@@ -40,7 +40,7 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
40
40
  }>, {
41
41
  type: string;
42
42
  disabled: boolean;
43
- modelValue: Date | string | null;
43
+ modelValue: string | Date | null;
44
44
  timezone: string;
45
45
  modelConfig: object;
46
46
  masks: object;
@@ -123,7 +123,7 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
123
123
  type: string;
124
124
  required: boolean;
125
125
  disabled: boolean;
126
- modelValue: Date | object | string | null;
126
+ modelValue: string | object | Date | null;
127
127
  validate: Nullable<ValidationState>;
128
128
  placement: string;
129
129
  timezone: string;
@@ -133,8 +133,8 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
133
133
  hideTimeHeader: boolean;
134
134
  timeAccuracy: number;
135
135
  locale: string;
136
- minDate: Date | string | object;
137
- maxDate: Date | string | object;
136
+ minDate: string | object | Date;
137
+ maxDate: string | object | Date;
138
138
  timePicker: boolean;
139
139
  showValidateMessages: boolean;
140
140
  optional: boolean;
@@ -40,7 +40,7 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
40
40
  }>, {
41
41
  placeholder: string;
42
42
  disabled: boolean;
43
- modelValue: DateRange | string;
43
+ modelValue: string | DateRange;
44
44
  timezone: string;
45
45
  is24hr: boolean;
46
46
  calendarToggle: () => void;
@@ -35,7 +35,7 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
35
35
  }>, {
36
36
  placeholder: string;
37
37
  disabled: boolean;
38
- modelValue: Date | string | DateRange;
38
+ modelValue: string | Date | DateRange;
39
39
  timezone: string;
40
40
  is24hr: boolean;
41
41
  timePicker: boolean;
@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
17
17
  }>, {
18
18
  columns: 1 | 2;
19
19
  timezone: string;
20
- minDate: Date | string;
21
- maxDate: Date | string;
20
+ minDate: string | Date;
21
+ maxDate: string | Date;
22
22
  navigateToDate: Date | null;
23
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
24
  declare const _default: typeof __VLS_export;
@@ -44,12 +44,12 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
44
44
  columns: 1 | 2;
45
45
  timezone: string;
46
46
  is24hr: boolean;
47
- minDate: Date | string;
48
- maxDate: Date | string;
47
+ minDate: string | Date;
48
+ maxDate: string | Date;
49
49
  showPresets: boolean;
50
50
  showTimePicker: boolean;
51
51
  isMobile: boolean;
52
- availablePresets: CalendarPreset[];
52
+ availablePresets: ("today" | "yesterday" | "thisWeek" | "lastWeek" | "last30Days" | "thisMonth" | "lastMonth" | "last3Months" | "last6Months" | "thisYear" | "lastYear")[];
53
53
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
54
54
  declare const _default: typeof __VLS_export;
55
55
  export default _default;
@@ -11,7 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
11
11
  }>, {
12
12
  selectedPreset: string | null;
13
13
  isMobile: boolean;
14
- availablePresets: CalendarPreset[];
14
+ availablePresets: ("today" | "yesterday" | "thisWeek" | "lastWeek" | "last30Days" | "thisMonth" | "lastMonth" | "last3Months" | "last6Months" | "thisYear" | "lastYear")[];
15
15
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
16
16
  declare const _default: typeof __VLS_export;
17
17
  export default _default;
@@ -53,8 +53,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
53
53
  validate: Nullable<ValidationState>;
54
54
  timezone: string;
55
55
  is24hr: boolean;
56
- minDate: Date | string;
57
- maxDate: Date | string;
56
+ minDate: string | Date;
57
+ maxDate: string | Date;
58
58
  showPresets: boolean;
59
59
  showValidateMessages: boolean;
60
60
  optional: boolean;
@@ -26,8 +26,8 @@ type __VLS_Slots = {} & {
26
26
  default?: (props: typeof __VLS_1) => any;
27
27
  };
28
28
  declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
29
- span: FlexSize | "fill" | "auto";
30
- offset: Nullable<FlexSize | "auto">;
29
+ span: "fill" | "auto" | FlexSize;
30
+ offset: Nullable<"auto" | FlexSize>;
31
31
  wrap: Nullable<boolean>;
32
32
  alignSelf: Nullable<Distribution>;
33
33
  flexNone: boolean;
@@ -28,7 +28,7 @@ type __VLS_Slots = {} & {
28
28
  };
29
29
  declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
30
30
  span: Nullable<GridSize>;
31
- offset: Nullable<Offset>;
31
+ offset: Nullable<"1, 1" | "1, 2" | "1, 3" | "1, 4" | "1, 5" | "1, 6" | "1, 7" | "1, 8" | "1, 9" | "1, 10" | "1, 11" | "1, 12" | "2, 1" | "2, 2" | "2, 3" | "2, 4" | "2, 5" | "2, 6" | "2, 7" | "2, 8" | "2, 9" | "2, 10" | "2, 11" | "2, 12" | "3, 1" | "3, 2" | "3, 3" | "3, 4" | "3, 5" | "3, 6" | "3, 7" | "3, 8" | "3, 9" | "3, 10" | "3, 11" | "3, 12" | "4, 1" | "4, 2" | "4, 3" | "4, 4" | "4, 5" | "4, 6" | "4, 7" | "4, 8" | "4, 9" | "4, 10" | "4, 11" | "4, 12" | "5, 1" | "5, 2" | "5, 3" | "5, 4" | "5, 5" | "5, 6" | "5, 7" | "5, 8" | "5, 9" | "5, 10" | "5, 11" | "5, 12" | "6, 1" | "6, 2" | "6, 3" | "6, 4" | "6, 5" | "6, 6" | "6, 7" | "6, 8" | "6, 9" | "6, 10" | "6, 11" | "6, 12" | "7, 1" | "7, 2" | "7, 3" | "7, 4" | "7, 5" | "7, 6" | "7, 7" | "7, 8" | "7, 9" | "7, 10" | "7, 11" | "7, 12" | "8, 1" | "8, 2" | "8, 3" | "8, 4" | "8, 5" | "8, 6" | "8, 7" | "8, 8" | "8, 9" | "8, 10" | "8, 11" | "8, 12" | "9, 1" | "9, 2" | "9, 3" | "9, 4" | "9, 5" | "9, 6" | "9, 7" | "9, 8" | "9, 9" | "9, 10" | "9, 11" | "9, 12" | "10, 1" | "10, 2" | "10, 3" | "10, 4" | "10, 5" | "10, 6" | "10, 7" | "10, 8" | "10, 9" | "10, 10" | "10, 11" | "10, 12" | "11, 1" | "11, 2" | "11, 3" | "11, 4" | "11, 5" | "11, 6" | "11, 7" | "11, 8" | "11, 9" | "11, 10" | "11, 11" | "11, 12" | "12, 1" | "12, 2" | "12, 3" | "12, 4" | "12, 5" | "12, 6" | "12, 7" | "12, 8" | "12, 9" | "12, 10" | "12, 11" | "12, 12">;
32
32
  wrap: boolean;
33
33
  alignSelf: Nullable<Distribution>;
34
34
  justifySelf: Nullable<Distribution>;
@@ -23,7 +23,7 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
23
23
  }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
24
24
  onClick?: ((event: MouseEvent) => any) | undefined;
25
25
  }>, {
26
- color: IconColor;
26
+ color: "info" | "warning" | "default" | "on-surface" | "on-color" | "primary" | "success" | "danger";
27
27
  stopPropagation: boolean;
28
28
  size: "20" | "16" | "24" | "32";
29
29
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -163,9 +163,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props,
163
163
  helpText: Nullable<string>;
164
164
  multiline: boolean;
165
165
  submitOnEnter: boolean;
166
- leftIcon: Nullable<IconNames>;
166
+ leftIcon: Nullable<"fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift">;
167
167
  leftIconClickPointer: boolean;
168
- rightIcon: Nullable<IconNames>;
168
+ rightIcon: Nullable<"fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift">;
169
169
  rightIconClickPointer: boolean;
170
170
  leftIconSpinning: boolean;
171
171
  rightIconSpinning: boolean;
@@ -19,10 +19,10 @@ interface Props {
19
19
  */
20
20
  watcher?: object;
21
21
  }
22
- declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {
22
+ declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_13: {
23
23
  item: RepeaterItem;
24
24
  index: number;
25
- }, __VLS_14: {};
25
+ }, __VLS_15: {};
26
26
  type __VLS_Slots = {} & {
27
27
  colgroup?: (props: typeof __VLS_6) => any;
28
28
  } & {
@@ -30,9 +30,9 @@ type __VLS_Slots = {} & {
30
30
  } & {
31
31
  headers?: (props: typeof __VLS_10) => any;
32
32
  } & {
33
- default?: (props: typeof __VLS_12) => any;
33
+ default?: (props: typeof __VLS_13) => any;
34
34
  } & {
35
- empty?: (props: typeof __VLS_14) => any;
35
+ empty?: (props: typeof __VLS_15) => any;
36
36
  };
37
37
  declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
38
38
  isLoaderFullscreen: boolean;
@@ -821,7 +821,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
821
821
  }, string, import("vue").PublicProps, Readonly<import("../r-icon/r-icon.vue").Props> & Readonly<{
822
822
  onClick?: ((event: MouseEvent) => any) | undefined;
823
823
  }>, {
824
- color: import("../r-icon/r-icon-sprites.ts").IconColor;
824
+ color: "info" | "warning" | "default" | "on-surface" | "on-color" | "primary" | "success" | "danger";
825
825
  stopPropagation: boolean;
826
826
  size: "20" | "16" | "24" | "32";
827
827
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -829,16 +829,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
829
829
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../r-button/r-button.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
830
830
  loading: boolean;
831
831
  link: boolean;
832
- icon: import("../r-icon/r-icon-sprites.ts").IconNames;
832
+ icon: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
833
833
  size: "small" | "regular" | "large";
834
- type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
834
+ type: "link" | "default" | "primary" | "danger" | "positive" | "plain" | "unstyled";
835
835
  href: string;
836
836
  disabled: boolean;
837
837
  active: boolean;
838
838
  fluid: boolean;
839
839
  capitalizeFirstLetter: boolean;
840
- iconLeft: import("../r-icon/r-icon-sprites.ts").IconNames;
841
- iconRight: import("../r-icon/r-icon-sprites.ts").IconNames;
840
+ iconLeft: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
841
+ iconRight: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
842
842
  }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
843
843
  P: {};
844
844
  B: {};
@@ -849,16 +849,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
849
849
  }, Readonly<import("../r-button/r-button.vue").Props> & Readonly<{}>, {}, {}, {}, {}, {
850
850
  loading: boolean;
851
851
  link: boolean;
852
- icon: import("../r-icon/r-icon-sprites.ts").IconNames;
852
+ icon: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
853
853
  size: "small" | "regular" | "large";
854
- type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
854
+ type: "link" | "default" | "primary" | "danger" | "positive" | "plain" | "unstyled";
855
855
  href: string;
856
856
  disabled: boolean;
857
857
  active: boolean;
858
858
  fluid: boolean;
859
859
  capitalizeFirstLetter: boolean;
860
- iconLeft: import("../r-icon/r-icon-sprites.ts").IconNames;
861
- iconRight: import("../r-icon/r-icon-sprites.ts").IconNames;
860
+ iconLeft: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
861
+ iconRight: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
862
862
  }>;
863
863
  __isFragment?: never;
864
864
  __isTeleport?: never;
@@ -866,16 +866,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
866
866
  } & import("vue").ComponentOptionsBase<Readonly<import("../r-button/r-button.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
867
867
  loading: boolean;
868
868
  link: boolean;
869
- icon: import("../r-icon/r-icon-sprites.ts").IconNames;
869
+ icon: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
870
870
  size: "small" | "regular" | "large";
871
- type: "default" | "primary" | "danger" | "positive" | "plain" | "unstyled" | "link";
871
+ type: "link" | "default" | "primary" | "danger" | "positive" | "plain" | "unstyled";
872
872
  href: string;
873
873
  disabled: boolean;
874
874
  active: boolean;
875
875
  fluid: boolean;
876
876
  capitalizeFirstLetter: boolean;
877
- iconLeft: import("../r-icon/r-icon-sprites.ts").IconNames;
878
- iconRight: import("../r-icon/r-icon-sprites.ts").IconNames;
877
+ iconLeft: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
878
+ iconRight: "fingerprint" | "dashboard" | "automations" | "customer" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklist" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholder" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera" | "casino" | "slot" | "casino-chip" | "bet-rules" | "games" | "dice" | "trophy" | "data-tables" | "comments" | "expand" | "reduce" | "link" | "warning" | "gift";
879
879
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
880
880
  $slots: {
881
881
  default?: (props: {}) => any;
@@ -169,7 +169,10 @@ function H(e, t, H, U, W, G) {
169
169
  onMousedown: t[17] ||= S((...t) => e.toggle && e.toggle(...t), ["prevent"])
170
170
  }, [m(e.$slots, "placeholder", {}, () => [c(g(e.computedPlaceholder), 1)])], 32)) : a("", !0)
171
171
  ], 544),
172
- l(r, { name: "r-select" }, {
172
+ l(r, {
173
+ name: "r-select",
174
+ persisted: ""
175
+ }, {
173
176
  default: y(() => [b(s("div", {
174
177
  ref: "listElement",
175
178
  class: "r-select-content-wrapper",
@@ -50,11 +50,23 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
50
50
  type: BooleanConstructor;
51
51
  default: boolean;
52
52
  };
53
+ /**
54
+ * Pin the tab list to the top of the nearest scroll parent once it
55
+ * scrolls out of view. When that scroll parent has a header child,
56
+ * the tab list sits below the header.
57
+ */
58
+ sticky: {
59
+ type: BooleanConstructor;
60
+ default: boolean;
61
+ };
53
62
  }>, {
54
63
  tabItemLinkRefs: import("vue").Ref<HTMLElement[], HTMLElement[]>;
55
64
  tablistRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
65
+ stickyHostRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
66
+ stickySentinelRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
56
67
  layoutVersion: import("vue").Ref<number, number>;
57
68
  recomputeIndicator: () => void;
69
+ isStuck: import("vue").Ref<boolean, boolean>;
58
70
  }, State, {
59
71
  visibleTabs(): {
60
72
  tabId: string;
@@ -136,11 +148,21 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
136
148
  type: BooleanConstructor;
137
149
  default: boolean;
138
150
  };
151
+ /**
152
+ * Pin the tab list to the top of the nearest scroll parent once it
153
+ * scrolls out of view. When that scroll parent has a header child,
154
+ * the tab list sits below the header.
155
+ */
156
+ sticky: {
157
+ type: BooleanConstructor;
158
+ default: boolean;
159
+ };
139
160
  }>> & Readonly<{
140
161
  "onTab-selected"?: ((...args: any[]) => any) | undefined;
141
162
  }>, {
142
163
  lazy: boolean;
143
164
  showValidateMessages: boolean;
165
+ sticky: boolean;
144
166
  divided: boolean;
145
167
  menuClass: string;
146
168
  contentClass: string;
@@ -1,72 +1,90 @@
1
1
  import e from "../../_virtual/_plugin-vue_export-helper.mjs";
2
2
  import t from "./r-tabs.vue_vue_type_script_lang.mjs";
3
3
  /* empty css */
4
- import { Fragment as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderList as l, renderSlot as u, resolveDirective as d, toDisplayString as f, vShow as p, withDirectives as m } from "vue";
4
+ import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d, resolveDirective as f, toDisplayString as p, vShow as m, withDirectives as h } from "vue";
5
5
  //#region src/components/r-tabs/r-tabs.vue
6
- var h = [
6
+ var g = {
7
+ key: 0,
8
+ ref: "stickySentinelRef",
9
+ class: "r-tab-sticky-sentinel",
10
+ "aria-hidden": "true"
11
+ }, _ = [
7
12
  "id",
8
13
  "to",
9
14
  "aria-selected",
10
15
  "aria-controls",
11
16
  "onClick"
12
- ], g = [
17
+ ], v = [
13
18
  "id",
14
19
  "aria-selected",
15
20
  "aria-controls",
16
21
  "onClick"
17
22
  ];
18
- function _(e, t, _, v, y, b) {
19
- let x = d("tooltip");
20
- return c(), r("div", null, [i("div", {
21
- ref: "tablistRef",
22
- class: o(["r-tab", [{ "r-tab-divided": e.divided }, e.menuClass]]),
23
- role: "tablist"
24
- }, [(c(!0), r(n, null, l(e.visibleTabs, (t, n) => m((c(), r("div", {
25
- key: t.tabId,
26
- class: "r-tab-item"
27
- }, [t.to ? (c(), r("button", {
28
- key: 0,
29
- id: t.tabId,
30
- ref_for: !0,
31
- ref: "tabItemLinkRefs",
32
- to: t.to,
33
- role: "tab",
34
- "aria-selected": t.isActive,
35
- "aria-controls": t.tabPanelId,
36
- class: o(["r-tab-item-link", {
37
- "r-is-active": t.isActive,
38
- "r-is-error": t.isInvalid,
39
- "r-has-error": t.isInvalid
40
- }]),
41
- onClick: (r) => e.selectTab(t, n)
42
- }, [u(e.$slots, "label", {
43
- tab: t,
44
- index: n
45
- }, () => [a(f(e.getTabName(t, n)), 1)])], 10, h)) : (c(), r("button", {
46
- key: 1,
47
- id: t.tabId,
48
- ref_for: !0,
49
- ref: "tabItemLinkRefs",
50
- role: "tab",
51
- "aria-selected": t.isActive,
52
- "aria-controls": t.tabPanelId,
53
- class: o(["r-tab-item-link", {
54
- "r-is-active": t.isActive,
55
- "r-is-error": t.isInvalid,
56
- "r-has-error": t.isInvalid
57
- }]),
58
- onClick: (r) => e.selectTab(t, n)
59
- }, [u(e.$slots, "label", {
60
- tab: t,
61
- index: n
62
- }, () => [a(f(e.getTabName(t, n)), 1)])], 10, g))])), [[x, { text: t.isInvalid && e.showValidateMessages ? t.validateErrorMessages.join("\n") : null }]])), 128)), m(i("div", {
63
- class: o(["r-tab-item-indicator", { "r-is-error": e.isInvalidTab }]),
64
- style: s({
65
- width: e.visibleTabIndicatorWidth + "px",
66
- left: e.visibleTabIndicatorPosition + "px"
67
- })
68
- }, null, 6), [[p, e.isIndicatorReady]])], 2), i("div", { class: o(["r-tab-content", e.contentClass]) }, [u(e.$slots, "default")], 2)]);
23
+ function y(e, t, y, b, x, S) {
24
+ let C = f("tooltip");
25
+ return l(), i("div", null, [
26
+ e.sticky ? (l(), i("div", g, null, 512)) : r("", !0),
27
+ a("div", {
28
+ ref: "stickyHostRef",
29
+ class: s(["r-tab-sticky-host", {
30
+ "r-is-sticky": e.sticky,
31
+ "r-is-stuck": e.isStuck
32
+ }])
33
+ }, [a("div", {
34
+ ref: "tablistRef",
35
+ class: s(["r-tab", [{
36
+ "r-tab-divided": e.divided,
37
+ "r-is-sticky": e.sticky
38
+ }, e.menuClass]]),
39
+ role: "tablist"
40
+ }, [(l(!0), i(n, null, u(e.visibleTabs, (t, n) => h((l(), i("div", {
41
+ key: t.tabId,
42
+ class: "r-tab-item"
43
+ }, [t.to ? (l(), i("button", {
44
+ key: 0,
45
+ id: t.tabId,
46
+ ref_for: !0,
47
+ ref: "tabItemLinkRefs",
48
+ to: t.to,
49
+ role: "tab",
50
+ "aria-selected": t.isActive,
51
+ "aria-controls": t.tabPanelId,
52
+ class: s(["r-tab-item-link", {
53
+ "r-is-active": t.isActive,
54
+ "r-is-error": t.isInvalid,
55
+ "r-has-error": t.isInvalid
56
+ }]),
57
+ onClick: (r) => e.selectTab(t, n)
58
+ }, [d(e.$slots, "label", {
59
+ tab: t,
60
+ index: n
61
+ }, () => [o(p(e.getTabName(t, n)), 1)])], 10, _)) : (l(), i("button", {
62
+ key: 1,
63
+ id: t.tabId,
64
+ ref_for: !0,
65
+ ref: "tabItemLinkRefs",
66
+ role: "tab",
67
+ "aria-selected": t.isActive,
68
+ "aria-controls": t.tabPanelId,
69
+ class: s(["r-tab-item-link", {
70
+ "r-is-active": t.isActive,
71
+ "r-is-error": t.isInvalid,
72
+ "r-has-error": t.isInvalid
73
+ }]),
74
+ onClick: (r) => e.selectTab(t, n)
75
+ }, [d(e.$slots, "label", {
76
+ tab: t,
77
+ index: n
78
+ }, () => [o(p(e.getTabName(t, n)), 1)])], 10, v))])), [[C, { text: t.isInvalid && e.showValidateMessages ? t.validateErrorMessages.join("\n") : null }]])), 128)), h(a("div", {
79
+ class: s(["r-tab-item-indicator", { "r-is-error": e.isInvalidTab }]),
80
+ style: c({
81
+ width: e.visibleTabIndicatorWidth + "px",
82
+ left: e.visibleTabIndicatorPosition + "px"
83
+ })
84
+ }, null, 6), [[m, e.isIndicatorReady]])], 2)], 2),
85
+ a("div", { class: s(["r-tab-content", e.contentClass]) }, [d(e.$slots, "default")], 2)
86
+ ]);
69
87
  }
70
- var v = /*#__PURE__*/ e(t, [["render", _]]);
88
+ var b = /*#__PURE__*/ e(t, [["render", y]]);
71
89
  //#endregion
72
- export { v as default };
90
+ export { b as default };