@melodicdev/components 1.0.4 → 1.0.6

package/assets/melodic-components.js

@@ -484,6 +484,37 @@ function MelodicComponent(meta) {
 		}
 	};
 }
+function getEnvironment() {
+	const viteEnv = void 0;
+	if (viteEnv === "dev" || viteEnv === "qa" || viteEnv === "prod") return viteEnv;
+	return "prod";
+}
+const environment = getEnvironment();
+function deepMerge(target, source) {
+	const result = { ...target };
+	for (const key of Object.keys(source)) {
+		const targetVal = result[key];
+		const sourceVal = source[key];
+		if (sourceVal !== null && typeof sourceVal === "object" && !Array.isArray(sourceVal) && targetVal !== null && typeof targetVal === "object" && !Array.isArray(targetVal)) result[key] = deepMerge(targetVal, sourceVal);
+		else result[key] = sourceVal;
+	}
+	return result;
+}
+function defineConfig(definition) {
+	const envOverrides = definition[environment];
+	const resolved = {
+		...definition.base,
+		...envOverrides
+	};
+	if (definition.extends) return deepMerge(definition.extends, resolved);
+	return resolved;
+}
+const APP_CONFIG = createToken("APP_CONFIG");
+function provideConfig(config) {
+	return (injector) => {
+		injector.bindValue(APP_CONFIG, config);
+	};
+}
 var HttpBaseError = class HttpBaseError extends Error {
 	constructor(message, config, code) {
 		super(message);
@@ -5564,7 +5595,7 @@ function inputTemplate(c) {
 		"ml-input--disabled": c.disabled,
 		"ml-input--readonly": c.readonly,
 		"ml-input--error": !!c.error,
-		"ml-input--focused": c._focused
+		"ml-input--focused": c.focused
 	})}
 		>
 			${when(!!c.label, () => html`
@@ -5743,7 +5774,7 @@ var InputComponent = class InputComponent$1 {
 		this.readonly = false;
 		this.required = false;
 		this.autocomplete = "off";
-		this._focused = false;
+		this.focused = false;
 		this.handleInput = (event) => {
 			this.value = event.target.value;
 			this.elementRef.dispatchEvent(new CustomEvent("ml:input", {
@@ -5761,14 +5792,14 @@ var InputComponent = class InputComponent$1 {
 			}));
 		};
 		this.handleFocus = () => {
-			this._focused = true;
+			this.focused = true;
 			this.elementRef.dispatchEvent(new CustomEvent("ml:focus", {
 				bubbles: true,
 				composed: true
 			}));
 		};
 		this.handleBlur = () => {
-			this._focused = false;
+			this.focused = false;
 			this.elementRef.dispatchEvent(new CustomEvent("ml:blur", {
 				bubbles: true,
 				composed: true
@@ -5806,7 +5837,7 @@ function textareaTemplate(c) {
 		"ml-textarea--disabled": c.disabled,
 		"ml-textarea--readonly": c.readonly,
 		"ml-textarea--error": !!c.error,
-		"ml-textarea--focused": c._focused,
+		"ml-textarea--focused": c.focused,
 		"ml-textarea--resize": c.resize
 	})}
 		>
@@ -5971,7 +6002,7 @@ var TextareaComponent = class TextareaComponent$1 {
 		this.readonly = false;
 		this.required = false;
 		this.resize = false;
-		this._focused = false;
+		this.focused = false;
 		this.handleInput = (event) => {
 			this.value = event.target.value;
 			this.elementRef.dispatchEvent(new CustomEvent("ml:input", {
@@ -5989,14 +6020,14 @@ var TextareaComponent = class TextareaComponent$1 {
 			}));
 		};
 		this.handleFocus = () => {
-			this._focused = true;
+			this.focused = true;
 			this.elementRef.dispatchEvent(new CustomEvent("ml:focus", {
 				bubbles: true,
 				composed: true
 			}));
 		};
 		this.handleBlur = () => {
-			this._focused = false;
+			this.focused = false;
 			this.elementRef.dispatchEvent(new CustomEvent("ml:blur", {
 				bubbles: true,
 				composed: true
@@ -15894,7 +15925,7 @@ function renderNavGroup(c, group) {
 function renderNavItem(c, item, level) {
 	const isActive = c.active === item.value;
 	const hasChildren = !!item.children && item.children.length > 0;
-	const isExpanded = c._expandedItems.has(item.value);
+	const isExpanded = c.expandedItems.has(item.value);
 	const isCollapsed = c.collapsed;
 	const linkClasses = classMap({
 		"ml-sidebar__item-link": true,
@@ -15908,7 +15939,7 @@ function renderNavItem(c, item, level) {
 		if (item.disabled) return;
 		if (hasChildren) {
 			event.preventDefault();
-			c.handleConfigToggle(item, c._expandedItems);
+			c.handleConfigToggle(item);
 			return;
 		}
 		c.handleConfigItemClick(item.value, item.href);
@@ -16273,10 +16304,11 @@ var SidebarComponent = class SidebarComponent$1 {
 		this.handleConfigItemClick = (value, href) => {
 			this.activateItem(value, href);
 		};
-		this.handleConfigToggle = (item, expandedItems) => {
-			if (expandedItems.has(item.value)) expandedItems.delete(item.value);
-			else expandedItems.add(item.value);
-			this.elementRef.dispatchEvent(new Event("ml:internal-update"));
+		this.handleConfigToggle = (item) => {
+			const next = new Set(this.expandedItems);
+			if (next.has(item.value)) next.delete(item.value);
+			else next.add(item.value);
+			this.expandedItems = next;
 		};
 		this.handleKeyDown = (event) => {
 			const sidebar = this.elementRef.shadowRoot?.querySelector(".ml-sidebar__main");
@@ -16305,7 +16337,7 @@ var SidebarComponent = class SidebarComponent$1 {
 			}
 			if (newIndex !== currentIndex && focusable[newIndex]) focusable[newIndex].focus();
 		};
-		this._expandedItems = /* @__PURE__ */ new Set();
+		this.expandedItems = /* @__PURE__ */ new Set();
 	}
 	get hasSearch() {
 		return this.elementRef?.querySelector("[slot=\"search\"]") !== null;
@@ -19697,8 +19729,8 @@ function appShellTemplate(c) {
 	const sidebarRight = c["sidebar-position"] === "right";
 	const collapsed = c["sidebar-collapsed"];
 	const headerFixed = c["header-fixed"];
-	const mobileOpen = c._mobileOpen;
-	const isMobile = c.isMobile;
+	const mobileOpen = c.mobileOpen;
+	const isMobile = c.mobile;
 	return html`
 		<div
 			class=${classMap({
@@ -19945,29 +19977,28 @@ var AppShellComponent = class AppShellComponent$1 {
 		this["sidebar-position"] = "left";
 		this["sidebar-collapsed"] = false;
 		this["header-fixed"] = false;
-		this._mobileOpen = false;
+		this.mobile = false;
+		this.mobileOpen = false;
 		this._mediaQuery = null;
 		this._handleMediaChange = this.onMediaChange.bind(this);
 		this.toggleMobileSidebar = () => {
-			this._mobileOpen = !this._mobileOpen;
+			this.mobileOpen = !this.mobileOpen;
 		};
 		this.closeMobileSidebar = () => {
-			this._mobileOpen = false;
+			this.mobileOpen = false;
 		};
 	}
-	get isMobile() {
-		return this._mediaQuery?.matches === false;
-	}
 	onCreate() {
 		this._mediaQuery = window.matchMedia("(min-width: 768px)");
 		this._mediaQuery.addEventListener("change", this._handleMediaChange);
-		if (!this.isMobile) this._mobileOpen = false;
+		this.mobile = !this._mediaQuery.matches;
 	}
 	onDestroy() {
 		this._mediaQuery?.removeEventListener("change", this._handleMediaChange);
 	}
 	onMediaChange(event) {
-		if (event.matches) this._mobileOpen = false;
+		this.mobile = !event.matches;
+		if (event.matches) this.mobileOpen = false;
 	}
 };
 AppShellComponent = __decorate([MelodicComponent({
@@ -21079,6 +21110,6 @@ DashboardPageComponent = __decorate([MelodicComponent({
 		"layout"
 	]
 })], DashboardPageComponent);
-export { AbortError, ActivityFeedComponent, ActivityFeedItemComponent, AlertComponent, AppShellComponent, AvatarComponent, BadgeComponent, BadgeGroupComponent, Binding, BreadcrumbComponent, BreadcrumbItemComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CalendarComponent, CalendarViewComponent, CardComponent, CheckboxComponent, ComponentBase, ComponentStateBaseService, ContainerComponent, DashboardPageComponent, DatePickerComponent, DialogComponent, DialogRef, DialogService, Directive, DividerComponent, DrawerComponent, DropdownComponent, DropdownGroupComponent, DropdownItemComponent, DropdownSeparatorComponent, EffectsBase, FORM_CONTROL_MARKER, FORM_GROUP_MARKER, FormControl, FormFieldComponent, FormGroup, HeroSectionComponent, HttpBaseError, HttpClient, HttpError, IconComponent, Inject, Injectable, InjectionEngine, Injector, InputComponent, ListComponent, ListItemComponent, LoginPageComponent, MelodicComponent, NetworkError, PageHeaderComponent, PaginationComponent, PopoverComponent, ProgressComponent, ROUTE_CONTEXT_EVENT, RX_ACTION_PROVIDERS, RX_EFFECTS_PROVIDERS, RX_INIT_STATE, RX_STATE_DEBUG, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RouteContextEvent, RouteContextService, RouteMatcher, RouterLinkComponent, RouterOutletComponent, RouterService, SIGNAL_MARKER, SelectComponent, Service, SidebarComponent, SidebarGroupComponent, SidebarItemComponent, SignalEffect, SignalStoreService, SignupPageComponent, SliderComponent, SpinnerComponent, StackComponent, StepComponent, StepPanelComponent, StepsComponent, TabComponent, TabPanelComponent, TableComponent, TabsComponent, TagComponent, TemplateResult, TextareaComponent, ToastComponent, ToastContainerComponent, ToastService, ToggleComponent, TooltipComponent, Validators, VirtualScroller, activityFeedItemStyles, activityFeedItemTemplate, activityFeedStyles, activityFeedTemplate, allTokens, announce, appShellStyles, appShellTemplate, applyGlobalStyles, applyTheme, arrow, autoUpdate, baseThemeCss, bootstrap, borderTokens, breadcrumbItemStyles, breadcrumbItemTemplate, breadcrumbStyles, breadcrumbTemplate, breakpointTokens, breakpoints, buildPathFromRoute, calendarViewStyles, calendarViewTemplate, classMap, clickOutside, colorTokens, componentBaseStyles, computePosition, computed, containerStyles, containerTemplate, createAction, createAsyncValidator, createBrandTheme, createDeactivateGuard, createFocusTrap, createFormControl, createFormGroup, createGuard, createLiveRegion, createReducer, createResolver, createState, createTheme, createToken, createValidator, css, darkTheme, darkThemeCss, dashboardPageStyles, dashboardPageTemplate, directive, drawerStyles, drawerTemplate, dropdownGroupStyles, dropdownGroupTemplate, dropdownItemStyles, dropdownItemTemplate, dropdownSeparatorStyles, dropdownSeparatorTemplate, dropdownStyles, dropdownTemplate, findRouteByName, flip, focusFirst, focusLast, focusTrap, focusVisible, formControlDirective, formFieldStyles, formFieldTemplate, getActiveEffect, getAttributeDirective, getFirstFocusable, getFocusableElements, getLastFocusable, getRegisteredDirectives, getResolvedTheme, getTheme, getTokenKey, hasAttributeDirective, heroSectionStyles, heroSectionTemplate, html, injectTheme, isDirective, isFocusVisible, isSignal, lightTheme, lightThemeCss, listItemStyles, listItemTemplate, listStyles, listTemplate, loginPageStyles, loginPageTemplate, matchRouteTree, newID, offset, onAction, onThemeChange, pageHeaderStyles, pageHeaderTemplate, paginationStyles, paginationTemplate, portalDirective, primitiveColors, progressStyles, progressTemplate, props, provideHttp, provideRX, registerAttributeDirective, render, repeat, repeatRaw, resetStyles, routerLinkDirective, selectStyles, selectTemplate, setActiveEffect, shadowTokens, shift, sidebarGroupStyles, sidebarGroupTemplate, sidebarItemStyles, sidebarItemTemplate, sidebarStyles, sidebarTemplate, signal, signupPageStyles, signupPageTemplate, sliderStyles, sliderTemplate, spacingTokens, stepPanelStyles, stepPanelTemplate, stepStyles, stepTemplate, stepsStyles, stepsTemplate, styleMap, tabPanelStyles, tabPanelTemplate, tabStyles, tabTemplate, tableStyles, tableTemplate, tabsStyles, tabsTemplate, toastContainerStyles, toastContainerTemplate, toastStyles, toastTemplate, toggleTheme, tokensToCss, tooltipDirective, transitionTokens, typographyTokens, unregisterAttributeDirective, unsafeHTML, visuallyHiddenStyles, when };
+export { APP_CONFIG, AbortError, ActivityFeedComponent, ActivityFeedItemComponent, AlertComponent, AppShellComponent, AvatarComponent, BadgeComponent, BadgeGroupComponent, Binding, BreadcrumbComponent, BreadcrumbItemComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CalendarComponent, CalendarViewComponent, CardComponent, CheckboxComponent, ComponentBase, ComponentStateBaseService, ContainerComponent, DashboardPageComponent, DatePickerComponent, DialogComponent, DialogRef, DialogService, Directive, DividerComponent, DrawerComponent, DropdownComponent, DropdownGroupComponent, DropdownItemComponent, DropdownSeparatorComponent, EffectsBase, FORM_CONTROL_MARKER, FORM_GROUP_MARKER, FormControl, FormFieldComponent, FormGroup, HeroSectionComponent, HttpBaseError, HttpClient, HttpError, IconComponent, Inject, Injectable, InjectionEngine, Injector, InputComponent, ListComponent, ListItemComponent, LoginPageComponent, MelodicComponent, NetworkError, PageHeaderComponent, PaginationComponent, PopoverComponent, ProgressComponent, ROUTE_CONTEXT_EVENT, RX_ACTION_PROVIDERS, RX_EFFECTS_PROVIDERS, RX_INIT_STATE, RX_STATE_DEBUG, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RouteContextEvent, RouteContextService, RouteMatcher, RouterLinkComponent, RouterOutletComponent, RouterService, SIGNAL_MARKER, SelectComponent, Service, SidebarComponent, SidebarGroupComponent, SidebarItemComponent, SignalEffect, SignalStoreService, SignupPageComponent, SliderComponent, SpinnerComponent, StackComponent, StepComponent, StepPanelComponent, StepsComponent, TabComponent, TabPanelComponent, TableComponent, TabsComponent, TagComponent, TemplateResult, TextareaComponent, ToastComponent, ToastContainerComponent, ToastService, ToggleComponent, TooltipComponent, Validators, VirtualScroller, activityFeedItemStyles, activityFeedItemTemplate, activityFeedStyles, activityFeedTemplate, allTokens, announce, appShellStyles, appShellTemplate, applyGlobalStyles, applyTheme, arrow, autoUpdate, baseThemeCss, bootstrap, borderTokens, breadcrumbItemStyles, breadcrumbItemTemplate, breadcrumbStyles, breadcrumbTemplate, breakpointTokens, breakpoints, buildPathFromRoute, calendarViewStyles, calendarViewTemplate, classMap, clickOutside, colorTokens, componentBaseStyles, computePosition, computed, containerStyles, containerTemplate, createAction, createAsyncValidator, createBrandTheme, createDeactivateGuard, createFocusTrap, createFormControl, createFormGroup, createGuard, createLiveRegion, createReducer, createResolver, createState, createTheme, createToken, createValidator, css, darkTheme, darkThemeCss, dashboardPageStyles, dashboardPageTemplate, defineConfig, directive, drawerStyles, drawerTemplate, dropdownGroupStyles, dropdownGroupTemplate, dropdownItemStyles, dropdownItemTemplate, dropdownSeparatorStyles, dropdownSeparatorTemplate, dropdownStyles, dropdownTemplate, environment, findRouteByName, flip, focusFirst, focusLast, focusTrap, focusVisible, formControlDirective, formFieldStyles, formFieldTemplate, getActiveEffect, getAttributeDirective, getEnvironment, getFirstFocusable, getFocusableElements, getLastFocusable, getRegisteredDirectives, getResolvedTheme, getTheme, getTokenKey, hasAttributeDirective, heroSectionStyles, heroSectionTemplate, html, injectTheme, isDirective, isFocusVisible, isSignal, lightTheme, lightThemeCss, listItemStyles, listItemTemplate, listStyles, listTemplate, loginPageStyles, loginPageTemplate, matchRouteTree, newID, offset, onAction, onThemeChange, pageHeaderStyles, pageHeaderTemplate, paginationStyles, paginationTemplate, portalDirective, primitiveColors, progressStyles, progressTemplate, props, provideConfig, provideHttp, provideRX, registerAttributeDirective, render, repeat, repeatRaw, resetStyles, routerLinkDirective, selectStyles, selectTemplate, setActiveEffect, shadowTokens, shift, sidebarGroupStyles, sidebarGroupTemplate, sidebarItemStyles, sidebarItemTemplate, sidebarStyles, sidebarTemplate, signal, signupPageStyles, signupPageTemplate, sliderStyles, sliderTemplate, spacingTokens, stepPanelStyles, stepPanelTemplate, stepStyles, stepTemplate, stepsStyles, stepsTemplate, styleMap, tabPanelStyles, tabPanelTemplate, tabStyles, tabTemplate, tableStyles, tableTemplate, tabsStyles, tabsTemplate, toastContainerStyles, toastContainerTemplate, toastStyles, toastTemplate, toggleTheme, tokensToCss, tooltipDirective, transitionTokens, typographyTokens, unregisterAttributeDirective, unsafeHTML, visuallyHiddenStyles, when };
 
 //# sourceMappingURL=melodic-components.js.map