@getmicdrop/svelte-components 2.6.4 → 2.8.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/dist/__LIB_STORES__.js +30 -2
- package/dist/components/AboutShow/AboutShow.svelte +278 -0
- package/dist/components/AboutShow/AboutShow.svelte.d.ts +43 -0
- package/dist/components/AboutShow/AboutShow.svelte.d.ts.map +1 -0
- package/dist/components/Accordion/Accordion.svelte +44 -0
- package/dist/components/Accordion/Accordion.svelte.d.ts +42 -0
- package/dist/components/Accordion/Accordion.svelte.d.ts.map +1 -0
- package/dist/components/Accordion/AccordionItem.svelte +141 -0
- package/dist/components/Accordion/AccordionItem.svelte.d.ts +50 -0
- package/dist/components/Accordion/AccordionItem.svelte.d.ts.map +1 -0
- package/dist/components/Badges/Badge.svelte +268 -17
- package/dist/components/Badges/Badge.svelte.d.ts +18 -2
- package/dist/components/Badges/Badge.svelte.d.ts.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.svelte +65 -36
- package/dist/components/Breadcrumb/Breadcrumb.svelte.d.ts +16 -2
- package/dist/components/Breadcrumb/Breadcrumb.svelte.d.ts.map +1 -1
- package/dist/components/Button/Button.svelte +136 -3
- package/dist/components/Button/Button.svelte.d.ts +2 -0
- package/dist/components/Button/Button.svelte.d.ts.map +1 -1
- package/dist/components/Calendar/MiniMonthCalendar.svelte +1446 -0
- package/dist/components/Calendar/{Calendar.svelte.d.ts → MiniMonthCalendar.svelte.d.ts} +20 -21
- package/dist/components/Calendar/MiniMonthCalendar.svelte.d.ts.map +1 -0
- package/dist/components/Card.svelte +2 -2
- package/dist/components/Card.svelte.d.ts +2 -2
- package/dist/components/Card.svelte.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.svelte +90 -0
- package/dist/components/Checkbox/Checkbox.svelte.d.ts +64 -0
- package/dist/components/Checkbox/Checkbox.svelte.d.ts.map +1 -0
- package/dist/components/DarkModeToggle.svelte +41 -52
- package/dist/components/DarkModeToggle.svelte.d.ts +0 -2
- package/dist/components/DarkModeToggle.svelte.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.svelte +207 -0
- package/dist/components/Drawer/Drawer.svelte.d.ts +74 -0
- package/dist/components/Drawer/Drawer.svelte.d.ts.map +1 -0
- package/dist/components/Dropdown/Dropdown.svelte +193 -0
- package/dist/components/Dropdown/Dropdown.svelte.d.ts +50 -0
- package/dist/components/Dropdown/Dropdown.svelte.d.ts.map +1 -0
- package/dist/components/Dropdown/DropdownItem.svelte +111 -0
- package/dist/components/Dropdown/DropdownItem.svelte.d.ts +48 -0
- package/dist/components/Dropdown/DropdownItem.svelte.d.ts.map +1 -0
- package/dist/components/Dropdown/SelectDropdown.svelte +301 -0
- package/dist/components/Dropdown/SelectDropdown.svelte.d.ts +51 -0
- package/dist/components/Dropdown/SelectDropdown.svelte.d.ts.map +1 -0
- package/dist/components/EmptyState/EmptyState.svelte +80 -0
- package/dist/components/{Calendar/QuarterView.stories.svelte.d.ts → EmptyState/EmptyState.svelte.d.ts} +17 -21
- package/dist/components/EmptyState/EmptyState.svelte.d.ts.map +1 -0
- package/dist/components/ErrorDisplay.svelte.d.ts +2 -2
- package/dist/components/FAQs/FAQs.svelte +49 -0
- package/dist/components/{Calendar/QuarterView.svelte.d.ts → FAQs/FAQs.svelte.d.ts} +10 -10
- package/dist/components/FAQs/FAQs.svelte.d.ts.map +1 -0
- package/dist/components/Input/Input.svelte +107 -12
- package/dist/components/Input/Input.svelte.d.ts +28 -12
- package/dist/components/Input/Input.svelte.d.ts.map +1 -1
- package/dist/components/Input/MultiSelect.svelte +4 -5
- package/dist/components/Input/MultiSelect.svelte.d.ts +8 -8
- package/dist/components/Input/MultiSelect.svelte.d.ts.map +1 -1
- package/dist/components/Input/OTPInput.svelte +1 -1
- package/dist/components/Input/Search.svelte +173 -0
- package/dist/components/Input/Search.svelte.d.ts +68 -0
- package/dist/components/Input/Search.svelte.d.ts.map +1 -0
- package/dist/components/Input/Select.svelte +42 -12
- package/dist/components/Input/Select.svelte.d.ts +8 -8
- package/dist/components/Input/Select.svelte.d.ts.map +1 -1
- package/dist/components/Input/Textarea.svelte +160 -0
- package/dist/components/Input/Textarea.svelte.d.ts +69 -0
- package/dist/components/Input/Textarea.svelte.d.ts.map +1 -0
- package/dist/components/Label/Label.svelte +60 -0
- package/dist/components/Label/Label.svelte.d.ts +48 -0
- package/dist/components/Label/Label.svelte.d.ts.map +1 -0
- package/dist/components/Layout/Header.svelte +14 -4
- package/dist/components/Layout/PageLayout.svelte +64 -0
- package/dist/components/Layout/PageLayout.svelte.d.ts +58 -0
- package/dist/components/Layout/PageLayout.svelte.d.ts.map +1 -0
- package/dist/components/Modal/ConfirmationModal.svelte +69 -17
- package/dist/components/Modal/ConfirmationModal.svelte.d.ts +22 -0
- package/dist/components/Modal/ConfirmationModal.svelte.d.ts.map +1 -1
- package/dist/components/Modal/InputModal.svelte +180 -0
- package/dist/components/Modal/InputModal.svelte.d.ts +77 -0
- package/dist/components/Modal/InputModal.svelte.d.ts.map +1 -0
- package/dist/components/Modal/Modal.svelte +41 -9
- package/dist/components/Modal/Modal.svelte.d.ts +2 -0
- package/dist/components/Modal/Modal.svelte.d.ts.map +1 -1
- package/dist/components/Modal/StatusModal.svelte +221 -0
- package/dist/components/Modal/StatusModal.svelte.d.ts +59 -0
- package/dist/components/Modal/StatusModal.svelte.d.ts.map +1 -0
- package/dist/components/MonthSwitcher/MonthSwitcher.svelte +206 -0
- package/dist/components/MonthSwitcher/MonthSwitcher.svelte.d.ts +37 -0
- package/dist/components/MonthSwitcher/MonthSwitcher.svelte.d.ts.map +1 -0
- package/dist/components/OrderSummary/OrderSummary.svelte +553 -0
- package/dist/components/OrderSummary/OrderSummary.svelte.d.ts +65 -0
- package/dist/components/OrderSummary/OrderSummary.svelte.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.svelte +197 -0
- package/dist/components/Pagination/Pagination.svelte.d.ts +53 -0
- package/dist/components/Pagination/Pagination.svelte.d.ts.map +1 -0
- package/dist/components/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts +2 -2
- package/dist/components/PublicCard/PublicCard.svelte +267 -0
- package/dist/components/{pages/performers/AvailabilityCalendarModal.svelte.d.ts → PublicCard/PublicCard.svelte.d.ts} +12 -14
- package/dist/components/PublicCard/PublicCard.svelte.d.ts.map +1 -0
- package/dist/components/Radio/Radio.svelte +119 -0
- package/dist/components/Radio/Radio.svelte.d.ts +54 -0
- package/dist/components/Radio/Radio.svelte.d.ts.map +1 -0
- package/dist/components/ShowCard/ShowCard.svelte +240 -0
- package/dist/components/ShowCard/ShowCard.svelte.d.ts +39 -0
- package/dist/components/ShowCard/ShowCard.svelte.d.ts.map +1 -0
- package/dist/components/ShowTimeCard/ShowTimeCard.svelte +92 -0
- package/dist/components/ShowTimeCard/ShowTimeCard.svelte.d.ts +37 -0
- package/dist/components/ShowTimeCard/ShowTimeCard.svelte.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.svelte +68 -0
- package/dist/components/Skeleton/Skeleton.svelte.d.ts +37 -0
- package/dist/components/{Calendar/QuarterView.svelte.d.ts.map → Skeleton/Skeleton.svelte.d.ts.map} +1 -1
- package/dist/components/Spinner/Spinner.svelte +73 -17
- package/dist/components/Spinner/Spinner.svelte.d.ts +5 -3
- package/dist/components/Spinner/Spinner.svelte.d.ts.map +1 -1
- package/dist/components/SuperLogin/SuperLogin.svelte +1282 -0
- package/dist/components/SuperLogin/SuperLogin.svelte.d.ts +44 -0
- package/dist/components/SuperLogin/SuperLogin.svelte.d.ts.map +1 -0
- package/dist/components/SuperLogin/index.d.ts +2 -0
- package/dist/components/SuperLogin/index.d.ts.map +1 -0
- package/dist/components/SuperLogin/index.js +1 -0
- package/dist/components/Tabs/TabItem.svelte +39 -0
- package/dist/components/Tabs/TabItem.svelte.d.ts +52 -0
- package/dist/components/Tabs/TabItem.svelte.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.svelte +181 -0
- package/dist/components/Tabs/Tabs.svelte.d.ts +46 -0
- package/dist/components/Tabs/Tabs.svelte.d.ts.map +1 -0
- package/dist/components/Typography/Typography.svelte +50 -0
- package/dist/components/Typography/Typography.svelte.d.ts +48 -0
- package/dist/components/Typography/Typography.svelte.d.ts.map +1 -0
- package/dist/components/pages/performers/ShowDetails.svelte.d.ts +4 -4
- package/dist/components/pages/performers/ShowItemCard.svelte.d.ts +8 -8
- package/dist/components/pages/performers/SwitchOption.svelte.d.ts +2 -2
- package/dist/components/pages/performers/VenueInfo.svelte.d.ts +2 -2
- package/dist/components/pages/performers/VenueItemCard.svelte +2 -2
- package/dist/components/pages/performers/VenueItemCard.svelte.d.ts +4 -4
- package/dist/components/pages/profile/profile-form.svelte +1 -1
- package/dist/components/pages/settings/tabs/CustomImageDropzone.svelte.d.ts +2 -2
- package/dist/components/pages/shows/TabNavigation.svelte +7 -8
- package/dist/constants/formOptions.d.ts +5 -2
- package/dist/constants/formOptions.d.ts.map +1 -1
- package/dist/constants/formOptions.js +2 -1
- package/dist/constants/validation.d.ts +55 -0
- package/dist/constants/validation.d.ts.map +1 -0
- package/dist/constants/validation.js +91 -0
- package/dist/constants/validation.spec.d.ts +2 -0
- package/dist/constants/validation.spec.d.ts.map +1 -0
- package/dist/constants/validation.spec.js +64 -0
- package/dist/index.d.ts +30 -4
- package/dist/index.js +37 -30
- package/dist/services/EventService.js +75 -75
- package/dist/services/EventService.spec.js +217 -217
- package/dist/services/ShowService.spec.js +342 -342
- package/package.json +160 -160
- package/dist/components/Calendar/Calendar.spec.d.ts +0 -2
- package/dist/components/Calendar/Calendar.spec.d.ts.map +0 -1
- package/dist/components/Calendar/Calendar.spec.js +0 -131
- package/dist/components/Calendar/Calendar.svelte +0 -1115
- package/dist/components/Calendar/Calendar.svelte.d.ts.map +0 -1
- package/dist/components/Calendar/QuarterView.spec.d.ts +0 -2
- package/dist/components/Calendar/QuarterView.spec.d.ts.map +0 -1
- package/dist/components/Calendar/QuarterView.spec.js +0 -394
- package/dist/components/Calendar/QuarterView.stories.svelte +0 -134
- package/dist/components/Calendar/QuarterView.stories.svelte.d.ts.map +0 -1
- package/dist/components/Calendar/QuarterView.svelte +0 -736
- package/dist/components/pages/performers/AvailabilityCalendarModal.svelte +0 -632
- package/dist/components/pages/performers/AvailabilityCalendarModal.svelte.d.ts.map +0 -1
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export default SuperLogin;
|
|
2
|
+
type SuperLogin = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<$$ComponentProps>): void;
|
|
5
|
+
};
|
|
6
|
+
declare const SuperLogin: import("svelte").Component<{
|
|
7
|
+
apiBaseUrl?: string;
|
|
8
|
+
logoSrc?: string;
|
|
9
|
+
logoAlt?: string;
|
|
10
|
+
initialView?: string;
|
|
11
|
+
isFirstTime?: boolean;
|
|
12
|
+
userEmail?: string;
|
|
13
|
+
firstName?: string;
|
|
14
|
+
portalType?: string;
|
|
15
|
+
defaultRedirectPath?: string;
|
|
16
|
+
setupRedirectPath?: string;
|
|
17
|
+
tosUrl?: string;
|
|
18
|
+
onLoginSuccess?: Function;
|
|
19
|
+
onAccountSelect?: Function;
|
|
20
|
+
onNavigate?: Function;
|
|
21
|
+
onExternalNavigate?: Function;
|
|
22
|
+
showDarkModeToggle?: boolean;
|
|
23
|
+
searchParams?: string;
|
|
24
|
+
}, {}, "">;
|
|
25
|
+
type $$ComponentProps = {
|
|
26
|
+
apiBaseUrl?: string;
|
|
27
|
+
logoSrc?: string;
|
|
28
|
+
logoAlt?: string;
|
|
29
|
+
initialView?: string;
|
|
30
|
+
isFirstTime?: boolean;
|
|
31
|
+
userEmail?: string;
|
|
32
|
+
firstName?: string;
|
|
33
|
+
portalType?: string;
|
|
34
|
+
defaultRedirectPath?: string;
|
|
35
|
+
setupRedirectPath?: string;
|
|
36
|
+
tosUrl?: string;
|
|
37
|
+
onLoginSuccess?: Function;
|
|
38
|
+
onAccountSelect?: Function;
|
|
39
|
+
onNavigate?: Function;
|
|
40
|
+
onExternalNavigate?: Function;
|
|
41
|
+
showDarkModeToggle?: boolean;
|
|
42
|
+
searchParams?: string;
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=SuperLogin.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuperLogin.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SuperLogin/SuperLogin.svelte.js"],"names":[],"mappings":";;;;;AAy9BA;iBA76BkC,MAAM;cAAY,MAAM;cAAY,MAAM;kBAAgB,MAAM;kBAAgB,OAAO;gBAAc,MAAM;gBAAc,MAAM;iBAAe,MAAM;0BAAwB,MAAM;wBAAsB,MAAM;aAAW,MAAM;;;;;yBAAoI,OAAO;mBAAiB,MAAM;WA66B1W;wBA76BtC;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,WAAW;IAAC,eAAe,CAAC,WAAW;IAAC,UAAU,CAAC,WAAW;IAAC,kBAAkB,CAAC,WAAW;IAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SuperLogin/index.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as SuperLogin } from './SuperLogin.svelte';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import { getContext, onMount, createEventDispatcher } from "svelte";
|
|
3
|
+
|
|
4
|
+
/** @type {string} Tab title displayed in the tab button */
|
|
5
|
+
export let title = "";
|
|
6
|
+
/** @type {boolean} Whether this tab is initially open/active (flowbite API) */
|
|
7
|
+
export let open = false;
|
|
8
|
+
/** @type {string|number|undefined} Unique identifier for this tab */
|
|
9
|
+
export let value = undefined;
|
|
10
|
+
/** @type {boolean} Whether the tab is disabled */
|
|
11
|
+
export let disabled = false;
|
|
12
|
+
/** @type {string} Additional CSS classes for the tab button */
|
|
13
|
+
let className = "";
|
|
14
|
+
export { className as class };
|
|
15
|
+
|
|
16
|
+
const dispatch = createEventDispatcher();
|
|
17
|
+
const { activeTab, registerTab } = getContext("tabs");
|
|
18
|
+
|
|
19
|
+
// Generate unique ID
|
|
20
|
+
let tabId = value || `tab-${Math.random().toString(36).substring(2, 9)}`;
|
|
21
|
+
|
|
22
|
+
onMount(() => {
|
|
23
|
+
registerTab(tabId, title, open);
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
$: isActive = $activeTab === tabId;
|
|
27
|
+
</script>
|
|
28
|
+
|
|
29
|
+
{#if isActive}
|
|
30
|
+
<div class="tab-panel" role="tabpanel" on:click={() => dispatch("click")}>
|
|
31
|
+
<slot />
|
|
32
|
+
</div>
|
|
33
|
+
{/if}
|
|
34
|
+
|
|
35
|
+
<style>
|
|
36
|
+
.tab-panel {
|
|
37
|
+
/* Content panel styling can be customized via contentClass on Tabs */
|
|
38
|
+
}
|
|
39
|
+
</style>
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
export default TabItem;
|
|
2
|
+
type TabItem = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
|
|
3
|
+
class?: string | undefined;
|
|
4
|
+
open?: boolean | undefined;
|
|
5
|
+
title?: string | undefined;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
value?: string | number | undefined;
|
|
8
|
+
}, {
|
|
9
|
+
default: {};
|
|
10
|
+
}>, {
|
|
11
|
+
click: CustomEvent<any>;
|
|
12
|
+
} & {
|
|
13
|
+
[evt: string]: CustomEvent<any>;
|
|
14
|
+
}, {
|
|
15
|
+
default: {};
|
|
16
|
+
}> & {
|
|
17
|
+
$$bindings?: string | undefined;
|
|
18
|
+
};
|
|
19
|
+
declare const TabItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
20
|
+
class?: string | undefined;
|
|
21
|
+
open?: boolean | undefined;
|
|
22
|
+
title?: string | undefined;
|
|
23
|
+
disabled?: boolean | undefined;
|
|
24
|
+
value?: string | number | undefined;
|
|
25
|
+
}, {
|
|
26
|
+
default: {};
|
|
27
|
+
}>, {
|
|
28
|
+
click: CustomEvent<any>;
|
|
29
|
+
} & {
|
|
30
|
+
[evt: string]: CustomEvent<any>;
|
|
31
|
+
}, {
|
|
32
|
+
default: {};
|
|
33
|
+
}, {}, string>;
|
|
34
|
+
type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
35
|
+
default: any;
|
|
36
|
+
} ? Props extends Record<string, never> ? any : {
|
|
37
|
+
children?: any;
|
|
38
|
+
} : {});
|
|
39
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
40
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
41
|
+
$$bindings?: Bindings;
|
|
42
|
+
} & Exports;
|
|
43
|
+
(internal: unknown, props: Props & {
|
|
44
|
+
$$events?: Events;
|
|
45
|
+
$$slots?: Slots;
|
|
46
|
+
}): Exports & {
|
|
47
|
+
$set?: any;
|
|
48
|
+
$on?: any;
|
|
49
|
+
};
|
|
50
|
+
z_$$bindings?: Bindings;
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=TabItem.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs/TabItem.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA8DA;;;;;YAjBW,MAAM,GAAC,MAAM,GAAC,SAAS;;;;;;;;;eAiBoI;sCAThI,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import { setContext, onMount } from "svelte";
|
|
3
|
+
import { writable } from "svelte/store";
|
|
4
|
+
|
|
5
|
+
/** @type {'underline' | 'pill' | 'full'} Tab style variant */
|
|
6
|
+
export let tabStyle = "underline";
|
|
7
|
+
/** @type {string} CSS classes for the content area (flowbite API) */
|
|
8
|
+
export let contentClass = "";
|
|
9
|
+
/** @type {string|number|undefined} Currently active tab value (bindable) */
|
|
10
|
+
export let activeTabValue = undefined;
|
|
11
|
+
/** @type {string} Additional CSS classes */
|
|
12
|
+
let className = "";
|
|
13
|
+
export { className as class };
|
|
14
|
+
|
|
15
|
+
// Create a store for the active tab
|
|
16
|
+
const activeTab = writable(activeTabValue);
|
|
17
|
+
const tabItems = writable([]);
|
|
18
|
+
|
|
19
|
+
// Keep activeTabValue in sync with store
|
|
20
|
+
$: if (activeTabValue !== undefined) {
|
|
21
|
+
activeTab.set(activeTabValue);
|
|
22
|
+
}
|
|
23
|
+
$: activeTabValue = $activeTab;
|
|
24
|
+
|
|
25
|
+
// Provide context to TabItem children
|
|
26
|
+
setContext("tabs", {
|
|
27
|
+
activeTab,
|
|
28
|
+
tabItems,
|
|
29
|
+
tabStyle,
|
|
30
|
+
registerTab: (id, title, open) => {
|
|
31
|
+
tabItems.update(items => {
|
|
32
|
+
// Avoid duplicates
|
|
33
|
+
if (items.find(item => item.id === id)) return items;
|
|
34
|
+
return [...items, { id, title }];
|
|
35
|
+
});
|
|
36
|
+
// If this tab has open prop and no active tab set, make it active
|
|
37
|
+
if (open && $activeTab === undefined) {
|
|
38
|
+
activeTab.set(id);
|
|
39
|
+
}
|
|
40
|
+
return id;
|
|
41
|
+
},
|
|
42
|
+
setActiveTab: (id) => {
|
|
43
|
+
activeTab.set(id);
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
// Ensure first tab is selected if none selected
|
|
48
|
+
$: if ($tabItems.length > 0 && $activeTab === undefined) {
|
|
49
|
+
activeTab.set($tabItems[0].id);
|
|
50
|
+
}
|
|
51
|
+
</script>
|
|
52
|
+
|
|
53
|
+
<div class="tabs tabs--{tabStyle} {className}">
|
|
54
|
+
<div class="tabs__list" role="tablist">
|
|
55
|
+
{#each $tabItems as tab (tab.id)}
|
|
56
|
+
<button
|
|
57
|
+
type="button"
|
|
58
|
+
role="tab"
|
|
59
|
+
class="tabs__tab"
|
|
60
|
+
class:tabs__tab--active={$activeTab === tab.id}
|
|
61
|
+
aria-selected={$activeTab === tab.id}
|
|
62
|
+
tabindex={$activeTab === tab.id ? 0 : -1}
|
|
63
|
+
on:click={() => activeTab.set(tab.id)}
|
|
64
|
+
>
|
|
65
|
+
{tab.title}
|
|
66
|
+
</button>
|
|
67
|
+
{/each}
|
|
68
|
+
</div>
|
|
69
|
+
<div class="tabs__content {contentClass}">
|
|
70
|
+
<slot />
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
|
|
74
|
+
<style>
|
|
75
|
+
.tabs {
|
|
76
|
+
display: flex;
|
|
77
|
+
flex-direction: column;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.tabs__list {
|
|
81
|
+
display: flex;
|
|
82
|
+
gap: 0;
|
|
83
|
+
border-bottom: 1px solid hsl(var(--Stroke-Primary, 220 13% 85%));
|
|
84
|
+
overflow-x: auto;
|
|
85
|
+
-webkit-overflow-scrolling: touch;
|
|
86
|
+
scrollbar-width: none;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.tabs__list::-webkit-scrollbar {
|
|
90
|
+
display: none;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.tabs--pill .tabs__list {
|
|
94
|
+
border-bottom: none;
|
|
95
|
+
gap: 0.5rem;
|
|
96
|
+
background-color: hsl(var(--BG-Secondary, 220 14% 96%));
|
|
97
|
+
padding: 0.25rem;
|
|
98
|
+
border-radius: 0.5rem;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.tabs--full .tabs__list {
|
|
102
|
+
border-bottom: none;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.tabs__tab {
|
|
106
|
+
padding: 0.75rem 1rem;
|
|
107
|
+
font-size: 0.875rem;
|
|
108
|
+
font-weight: 500;
|
|
109
|
+
color: hsl(var(--Text-Secondary, 220 9% 46%));
|
|
110
|
+
background: transparent;
|
|
111
|
+
border: none;
|
|
112
|
+
cursor: pointer;
|
|
113
|
+
position: relative;
|
|
114
|
+
transition: all 0.15s ease;
|
|
115
|
+
white-space: nowrap;
|
|
116
|
+
flex-shrink: 0;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.tabs__tab:hover {
|
|
120
|
+
color: hsl(var(--Text-Primary, 220 13% 13%));
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.tabs__tab--active {
|
|
124
|
+
color: hsl(var(--Brand-Primary, 221 83% 53%));
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
/* Underline style (default) */
|
|
128
|
+
.tabs--underline .tabs__tab--active::after {
|
|
129
|
+
content: "";
|
|
130
|
+
position: absolute;
|
|
131
|
+
bottom: -1px;
|
|
132
|
+
left: 0;
|
|
133
|
+
right: 0;
|
|
134
|
+
height: 2px;
|
|
135
|
+
background-color: hsl(var(--Brand-Primary, 221 83% 53%));
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
/* Pill style */
|
|
139
|
+
.tabs--pill .tabs__tab {
|
|
140
|
+
border-radius: 0.375rem;
|
|
141
|
+
padding: 0.5rem 0.75rem;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.tabs--pill .tabs__tab--active {
|
|
145
|
+
background-color: hsl(var(--BG-Primary, 0 0% 100%));
|
|
146
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.tabs--pill .tabs__tab--active::after {
|
|
150
|
+
display: none;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.tabs__content {
|
|
154
|
+
padding-top: 1rem;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/* Dark mode */
|
|
158
|
+
:global(.dark) .tabs__list {
|
|
159
|
+
border-bottom-color: hsl(var(--Stroke-Primary, 220 13% 30%));
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
:global(.dark) .tabs__tab {
|
|
163
|
+
color: hsl(var(--Text-Secondary, 220 9% 70%));
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
:global(.dark) .tabs__tab:hover {
|
|
167
|
+
color: hsl(var(--Text-Primary, 0 0% 95%));
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
:global(.dark) .tabs__tab--active {
|
|
171
|
+
color: hsl(var(--Brand-Primary, 221 83% 60%));
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
:global(.dark) .tabs--pill .tabs__list {
|
|
175
|
+
background-color: hsl(var(--BG-Secondary, 220 13% 20%));
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
:global(.dark) .tabs--pill .tabs__tab--active {
|
|
179
|
+
background-color: hsl(var(--BG-Primary, 220 13% 15%));
|
|
180
|
+
}
|
|
181
|
+
</style>
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export default Tabs;
|
|
2
|
+
type Tabs = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
|
|
3
|
+
class?: string | undefined;
|
|
4
|
+
tabStyle?: "pill" | "full" | "underline" | undefined;
|
|
5
|
+
contentClass?: string | undefined;
|
|
6
|
+
activeTabValue?: string | number | undefined;
|
|
7
|
+
}, {
|
|
8
|
+
default: {};
|
|
9
|
+
}>, {
|
|
10
|
+
[evt: string]: CustomEvent<any>;
|
|
11
|
+
}, {
|
|
12
|
+
default: {};
|
|
13
|
+
}> & {
|
|
14
|
+
$$bindings?: string | undefined;
|
|
15
|
+
};
|
|
16
|
+
declare const Tabs: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
17
|
+
class?: string | undefined;
|
|
18
|
+
tabStyle?: "pill" | "full" | "underline" | undefined;
|
|
19
|
+
contentClass?: string | undefined;
|
|
20
|
+
activeTabValue?: string | number | undefined;
|
|
21
|
+
}, {
|
|
22
|
+
default: {};
|
|
23
|
+
}>, {
|
|
24
|
+
[evt: string]: CustomEvent<any>;
|
|
25
|
+
}, {
|
|
26
|
+
default: {};
|
|
27
|
+
}, {}, string>;
|
|
28
|
+
type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
29
|
+
default: any;
|
|
30
|
+
} ? Props extends Record<string, never> ? any : {
|
|
31
|
+
children?: any;
|
|
32
|
+
} : {});
|
|
33
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
34
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
35
|
+
$$bindings?: Bindings;
|
|
36
|
+
} & Exports;
|
|
37
|
+
(internal: unknown, props: Props & {
|
|
38
|
+
$$events?: Events;
|
|
39
|
+
$$slots?: Slots;
|
|
40
|
+
}): Exports & {
|
|
41
|
+
$set?: any;
|
|
42
|
+
$on?: any;
|
|
43
|
+
};
|
|
44
|
+
z_$$bindings?: Bindings;
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=Tabs.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs/Tabs.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6FA;;;;qBAhBW,MAAM,GAAC,MAAM,GAAC,SAAS;;;;;;;eAgB0I;sCATtI,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* Typography component for consistent text styling across the application.
|
|
4
|
+
* Renders semantic HTML elements (h1-h6, p) with configurable font weights.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* <Typography variant="h1" weight="bold">Page Title</Typography>
|
|
8
|
+
* <Typography variant="p" weight="regular">Body text</Typography>
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
/** @type {'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p'} The semantic element to render */
|
|
12
|
+
export let variant = 'p';
|
|
13
|
+
|
|
14
|
+
/** @type {'bold' | 'semibold' | 'medium' | 'regular'} Font weight variant */
|
|
15
|
+
export let weight = 'regular';
|
|
16
|
+
|
|
17
|
+
/** @type {string} Additional CSS classes */
|
|
18
|
+
let className = '';
|
|
19
|
+
export { className as class };
|
|
20
|
+
|
|
21
|
+
/** @type {string} Text content (alternative to slot) */
|
|
22
|
+
export let text = '';
|
|
23
|
+
|
|
24
|
+
const sizeMap = {
|
|
25
|
+
h1: 'text-3xl',
|
|
26
|
+
h2: 'text-2xl',
|
|
27
|
+
h3: 'text-xl',
|
|
28
|
+
h4: 'text-lg',
|
|
29
|
+
h5: 'text-base',
|
|
30
|
+
h6: 'text-xs',
|
|
31
|
+
p: 'text-sm',
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
const weightMap = {
|
|
35
|
+
bold: 'font-bold',
|
|
36
|
+
semibold: 'font-semibold',
|
|
37
|
+
medium: 'font-medium',
|
|
38
|
+
regular: 'font-normal',
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
$: computedClass = `${sizeMap[variant]} ${weightMap[weight]} ${className}`.trim();
|
|
42
|
+
</script>
|
|
43
|
+
|
|
44
|
+
<svelte:element this={variant} class={computedClass} {...$$restProps}>
|
|
45
|
+
{#if text}
|
|
46
|
+
{text}
|
|
47
|
+
{:else}
|
|
48
|
+
<slot />
|
|
49
|
+
{/if}
|
|
50
|
+
</svelte:element>
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export default Typography;
|
|
2
|
+
type Typography = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
class?: string | undefined;
|
|
5
|
+
variant?: "h3" | "h1" | "p" | "h2" | "h4" | "h5" | "h6" | undefined;
|
|
6
|
+
text?: string | undefined;
|
|
7
|
+
weight?: "medium" | "bold" | "semibold" | "regular" | undefined;
|
|
8
|
+
}, {
|
|
9
|
+
default: {};
|
|
10
|
+
}>, {
|
|
11
|
+
[evt: string]: CustomEvent<any>;
|
|
12
|
+
}, {
|
|
13
|
+
default: {};
|
|
14
|
+
}> & {
|
|
15
|
+
$$bindings?: string | undefined;
|
|
16
|
+
};
|
|
17
|
+
declare const Typography: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
18
|
+
[x: string]: any;
|
|
19
|
+
class?: string | undefined;
|
|
20
|
+
variant?: "h3" | "h1" | "p" | "h2" | "h4" | "h5" | "h6" | undefined;
|
|
21
|
+
text?: string | undefined;
|
|
22
|
+
weight?: "medium" | "bold" | "semibold" | "regular" | undefined;
|
|
23
|
+
}, {
|
|
24
|
+
default: {};
|
|
25
|
+
}>, {
|
|
26
|
+
[evt: string]: CustomEvent<any>;
|
|
27
|
+
}, {
|
|
28
|
+
default: {};
|
|
29
|
+
}, {}, string>;
|
|
30
|
+
type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
31
|
+
default: any;
|
|
32
|
+
} ? Props extends Record<string, never> ? any : {
|
|
33
|
+
children?: any;
|
|
34
|
+
} : {});
|
|
35
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
36
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
37
|
+
$$bindings?: Bindings;
|
|
38
|
+
} & Exports;
|
|
39
|
+
(internal: unknown, props: Props & {
|
|
40
|
+
$$events?: Events;
|
|
41
|
+
$$slots?: Slots;
|
|
42
|
+
}): Exports & {
|
|
43
|
+
$set?: any;
|
|
44
|
+
$on?: any;
|
|
45
|
+
};
|
|
46
|
+
z_$$bindings?: Bindings;
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=Typography.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Typography/Typography.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA0EA;;;;;;;;;;;;eAA0K;sCATpI,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
export default ShowDetails;
|
|
2
2
|
type ShowDetails = SvelteComponent<{
|
|
3
|
-
status: any;
|
|
4
3
|
venue: any;
|
|
4
|
+
status: any;
|
|
5
5
|
formattedStartTime: any;
|
|
6
6
|
showFullDate: any;
|
|
7
7
|
formattedDoorsOpenTime: any;
|
|
8
8
|
setLength: any;
|
|
9
9
|
eventDetails: any;
|
|
10
10
|
onToggleModal: any;
|
|
11
|
-
stageName?: string | undefined;
|
|
12
11
|
role?: string | undefined;
|
|
12
|
+
stageName?: string | undefined;
|
|
13
13
|
}, {
|
|
14
14
|
[evt: string]: CustomEvent<any>;
|
|
15
15
|
}, {}> & {
|
|
16
16
|
$$bindings?: string | undefined;
|
|
17
17
|
};
|
|
18
18
|
declare const ShowDetails: $$__sveltets_2_IsomorphicComponent<{
|
|
19
|
-
status: any;
|
|
20
19
|
venue: any;
|
|
20
|
+
status: any;
|
|
21
21
|
formattedStartTime: any;
|
|
22
22
|
showFullDate: any;
|
|
23
23
|
formattedDoorsOpenTime: any;
|
|
24
24
|
setLength: any;
|
|
25
25
|
eventDetails: any;
|
|
26
26
|
onToggleModal: any;
|
|
27
|
-
stageName?: string | undefined;
|
|
28
27
|
role?: string | undefined;
|
|
28
|
+
stageName?: string | undefined;
|
|
29
29
|
}, {
|
|
30
30
|
[evt: string]: CustomEvent<any>;
|
|
31
31
|
}, {}, {}, string>;
|
|
@@ -3,16 +3,16 @@ type ShowItemCard = SvelteComponent<{
|
|
|
3
3
|
title: any;
|
|
4
4
|
details: any;
|
|
5
5
|
image: any;
|
|
6
|
-
status: any;
|
|
7
6
|
id: any;
|
|
7
|
+
status: any;
|
|
8
8
|
location: any;
|
|
9
|
-
lastUpdated: any;
|
|
10
|
-
venueName: any;
|
|
11
9
|
role: any;
|
|
12
|
-
venueId: any;
|
|
13
10
|
startDateTime: any;
|
|
14
11
|
doorsOpenTime: any;
|
|
12
|
+
venueName: any;
|
|
13
|
+
venueId: any;
|
|
15
14
|
spotDuration: any;
|
|
15
|
+
lastUpdated: any;
|
|
16
16
|
invitationAccepted?: boolean | undefined;
|
|
17
17
|
hasAvailability?: boolean | undefined;
|
|
18
18
|
}, {
|
|
@@ -24,16 +24,16 @@ declare const ShowItemCard: $$__sveltets_2_IsomorphicComponent<{
|
|
|
24
24
|
title: any;
|
|
25
25
|
details: any;
|
|
26
26
|
image: any;
|
|
27
|
-
status: any;
|
|
28
27
|
id: any;
|
|
28
|
+
status: any;
|
|
29
29
|
location: any;
|
|
30
|
-
lastUpdated: any;
|
|
31
|
-
venueName: any;
|
|
32
30
|
role: any;
|
|
33
|
-
venueId: any;
|
|
34
31
|
startDateTime: any;
|
|
35
32
|
doorsOpenTime: any;
|
|
33
|
+
venueName: any;
|
|
34
|
+
venueId: any;
|
|
36
35
|
spotDuration: any;
|
|
36
|
+
lastUpdated: any;
|
|
37
37
|
invitationAccepted?: boolean | undefined;
|
|
38
38
|
hasAvailability?: boolean | undefined;
|
|
39
39
|
}, {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export default SwitchOption;
|
|
2
2
|
type SwitchOption = SvelteComponent<{
|
|
3
3
|
onToggle: any;
|
|
4
|
-
label?: string | undefined;
|
|
5
4
|
checked?: boolean | undefined;
|
|
5
|
+
label?: string | undefined;
|
|
6
6
|
}, {
|
|
7
7
|
[evt: string]: CustomEvent<any>;
|
|
8
8
|
}, {}> & {
|
|
@@ -10,8 +10,8 @@ type SwitchOption = SvelteComponent<{
|
|
|
10
10
|
};
|
|
11
11
|
declare const SwitchOption: $$__sveltets_2_IsomorphicComponent<{
|
|
12
12
|
onToggle: any;
|
|
13
|
-
label?: string | undefined;
|
|
14
13
|
checked?: boolean | undefined;
|
|
14
|
+
label?: string | undefined;
|
|
15
15
|
}, {
|
|
16
16
|
[evt: string]: CustomEvent<any>;
|
|
17
17
|
}, {}, {}, string>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export default VenueInfo;
|
|
2
2
|
type VenueInfo = SvelteComponent<{
|
|
3
3
|
size?: string | undefined;
|
|
4
|
-
image?: string | undefined;
|
|
5
4
|
name?: string | undefined;
|
|
5
|
+
image?: string | undefined;
|
|
6
6
|
location?: string | undefined;
|
|
7
7
|
}, {
|
|
8
8
|
[evt: string]: CustomEvent<any>;
|
|
@@ -11,8 +11,8 @@ type VenueInfo = SvelteComponent<{
|
|
|
11
11
|
};
|
|
12
12
|
declare const VenueInfo: $$__sveltets_2_IsomorphicComponent<{
|
|
13
13
|
size?: string | undefined;
|
|
14
|
-
image?: string | undefined;
|
|
15
14
|
name?: string | undefined;
|
|
15
|
+
image?: string | undefined;
|
|
16
16
|
location?: string | undefined;
|
|
17
17
|
}, {
|
|
18
18
|
[evt: string]: CustomEvent<any>;
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
<DotsHorizontalOutline
|
|
97
97
|
data-testid="dropdown-menu"
|
|
98
98
|
triggeredBy=".more-menu"
|
|
99
|
-
class="more-menu text-primary-700 border border-primary-700 rounded-lg h-auto w-9 px-1.5 hover:bg-primary-50 cursor-pointer transition-colors"
|
|
99
|
+
class="more-menu text-primary-700 dark:text-primary-400 border border-primary-700 dark:border-primary-500 rounded-lg h-auto w-9 px-1.5 hover:bg-primary-50 dark:hover:bg-primary-900/30 cursor-pointer transition-colors"
|
|
100
100
|
/>
|
|
101
101
|
|
|
102
102
|
<Dropdown class="shadow-none min-w-[200px]" triggeredBy=".more-menu">
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
<DotsHorizontalOutline
|
|
126
126
|
data-testid="dropdown-menu"
|
|
127
127
|
triggeredBy=".more-menu"
|
|
128
|
-
class="more-menu text-gray-800 border border-gray-300 rounded-lg h-10 w-10 p-2 hover:bg-gray-50 cursor-pointer transition-colors"
|
|
128
|
+
class="more-menu text-gray-800 dark:text-gray-200 border border-gray-300 dark:border-gray-600 rounded-lg h-10 w-10 p-2 hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer transition-colors"
|
|
129
129
|
/>
|
|
130
130
|
<Dropdown
|
|
131
131
|
class="shadow-none min-w-[200px]"
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
export default VenueItemCard;
|
|
2
2
|
type VenueItemCard = SvelteComponent<{
|
|
3
|
-
image: any;
|
|
4
3
|
name: any;
|
|
4
|
+
image: any;
|
|
5
5
|
end: any;
|
|
6
6
|
start: any;
|
|
7
7
|
status: any;
|
|
8
8
|
email: any;
|
|
9
9
|
description: any;
|
|
10
10
|
location: any;
|
|
11
|
-
lastUpdated: any;
|
|
12
11
|
invitationAccepted: any;
|
|
13
12
|
hasAvailability: any;
|
|
14
13
|
venueId: any;
|
|
14
|
+
lastUpdated: any;
|
|
15
15
|
doorOpen: any;
|
|
16
16
|
phone: any;
|
|
17
17
|
instagram: any;
|
|
@@ -27,18 +27,18 @@ type VenueItemCard = SvelteComponent<{
|
|
|
27
27
|
$$bindings?: string | undefined;
|
|
28
28
|
};
|
|
29
29
|
declare const VenueItemCard: $$__sveltets_2_IsomorphicComponent<{
|
|
30
|
-
image: any;
|
|
31
30
|
name: any;
|
|
31
|
+
image: any;
|
|
32
32
|
end: any;
|
|
33
33
|
start: any;
|
|
34
34
|
status: any;
|
|
35
35
|
email: any;
|
|
36
36
|
description: any;
|
|
37
37
|
location: any;
|
|
38
|
-
lastUpdated: any;
|
|
39
38
|
invitationAccepted: any;
|
|
40
39
|
hasAvailability: any;
|
|
41
40
|
venueId: any;
|
|
41
|
+
lastUpdated: any;
|
|
42
42
|
doorOpen: any;
|
|
43
43
|
phone: any;
|
|
44
44
|
instagram: any;
|