@magmonium/one 0.4.34 → 0.4.35

package/fesm2022/magmonium-one.mjs

@@ -5,6 +5,7 @@ import { t as FileService } from "./magmonium-one-file.service-Bo06pU3_.mjs";
 import { a as calculateLuminance, c as hexToRgb, d as derivePropertyName, f as getProperty, h as ThemeDataService, i as deriveOppositeColor, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor } from "./magmonium-one-color-utl-CAbZLKB5.mjs";
 import "./magmonium-one-theme-Xgsx8bJs.mjs";
 import { a as sectionTableColumnWidths, c as AssetUrlPipe, d as MoneyPipe, f as TimeAgoPipe, i as sectionTableColumnId, l as CompactNumberPipe, n as SectionTableSortPipe, o as sectionTableFrozenCount, r as nextSectionTableSort, s as sortSectionTableRows, t as LabelComponent, u as PercentagePipe } from "./magmonium-one-label-D2gjTbKX.mjs";
+import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-DRdZfrqC.mjs";
 import { a as injectParentSize, i as SIZE_CONTEXT, n as CustomIconClass, o as provideSizeContext, r as IconComponent, s as SHARED_ICONS, t as CustomIconEditComponent } from "./magmonium-one-icon-Ep14YeRY.mjs";
 import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-DMI0yJpL.mjs";
 import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-Bwzaxxn3.mjs";
@@ -13,10 +14,9 @@ import { t as HeaderComponent } from "./magmonium-one-header-DmN8M1a3.mjs";
 import { t as TextOutputComponent } from "./magmonium-one-text-output-CfVeqYM7.mjs";
 import { t as BaseInputComponent } from "./magmonium-one-base-input-CLBOTOUs.mjs";
 import { a as stringToColor, c as ToolTipDirective, d as DragListItemDirective, f as DragListDirective, i as MHeroColorDirective, l as FileUploadDirective, n as PaddingDirective, o as HighlightDirective, p as DraggableDirective, r as SPACING_INWARD, s as PositionDirective, t as MarginDirective, u as AutosizeDirective } from "./magmonium-one-directives-BVKX77zM.mjs";
-import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-U-cWl3p9.mjs";
-import { t as BaseTextInputComponent } from "./magmonium-one-base-text-Zb0oLNRX.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-Ck4geeN4.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
-import { t as TextInputComponent } from "./magmonium-one-text-B4xKn-EQ.mjs";
+import { t as TextInputComponent } from "./magmonium-one-text-kkEMHNIt.mjs";
 import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-CDEXIif6.mjs";
 import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-CPQ9m291.mjs";
 import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-D4yYrVP3.mjs";
@@ -24,7 +24,7 @@ import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuCompo
 import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-C9dvZ2IH.mjs";
 import { t as RadioInputComponent } from "./magmonium-one-radio-CkaWESS3.mjs";
 import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-a3ZVTy7i.mjs";
-import { t as RangeInputComponent } from "./magmonium-one-range-D_WEKrli.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-CUEJcUBc.mjs";
 import { o as isEditableImage, s as outputSize } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
 import * as i0 from "@angular/core";
 import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
@@ -114,27 +114,6 @@ const isLoadingComputed = appLoading.isLoading;
 const hasErrorComputed = appLoading.hasError;
 const isCancelledComputed = appLoading.isCancelled;
 const loadingActions = appLoading.actions;
-function classListSignal(element) {
-	const classSignal = signal(Array.from(element.classList), ...ngDevMode ? [{ debugName: "classSignal" }] : /* istanbul ignore next */ []);
-	new MutationObserver(() => {
-		classSignal.set(Array.from(element.classList));
-	}).observe(element, {
-		attributes: true,
-		attributeFilter: ["class"]
-	});
-	return classSignal;
-}
-function getScrollParent(node) {
-	if (!node || node === document) return window;
-	if (node instanceof ShadowRoot) return getScrollParent(node.host);
-	if (node instanceof HTMLElement) {
-		if (node.classList.contains("scroll__inner")) return node;
-		const style = window.getComputedStyle(node);
-		const overflow = style.overflowY || style.overflow || "";
-		if (overflow.includes("scroll") || overflow.includes("auto") && node.scrollHeight > node.clientHeight) return node;
-	}
-	return getScrollParent(node.parentNode);
-}
 function injectScrollSticky(threshold = 120, behavior = "none") {
 	const elementRef = inject(ElementRef);
 	const destroyRef = inject(DestroyRef);
@@ -4050,12 +4029,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-D3oTo41c.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-C_TwyLkj.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
 				case InputType.OTP: {
-					const { OtpInputComponent } = await import("./magmonium-one-otp-DO4oTeSK.mjs");
+					const { OtpInputComponent } = await import("./magmonium-one-otp-Bfvbg6sY.mjs");
 					this.createDynamicComponent(seq, OtpInputComponent);
 					break;
 				}
@@ -4080,7 +4059,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.RANGE: {
-					const { RangeInputComponent } = await import("./magmonium-one-range-D_WEKrli.mjs").then((n) => n.n);
+					const { RangeInputComponent } = await import("./magmonium-one-range-CUEJcUBc.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RangeInputComponent);
 					break;
 				}
@@ -4136,7 +4115,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				default: {
-					const { TextInputComponent } = await import("./magmonium-one-text-B4xKn-EQ.mjs").then((n) => n.n);
+					const { TextInputComponent } = await import("./magmonium-one-text-kkEMHNIt.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, TextInputComponent);
 					break;
 				}
@@ -7604,7 +7583,8 @@ var SectionSearchComponent = class SectionSearchComponent extends BaseTextInputC
 	onFocusOut = (_event) => {
 		if (!this.isOpen()) return;
 		setTimeout(() => {
-			if (!this.elementRef.nativeElement.contains(document.activeElement)) this.close();
+			const active = activeElementWithin(this.elementRef.nativeElement);
+			if (!active || !this.elementRef.nativeElement.contains(active)) this.close();
 		});
 	};
 	scheduleEmit = () => {
@@ -7799,7 +7779,7 @@ var SectionSearchComponent = class SectionSearchComponent extends BaseTextInputC
     }
     <!-- The results component, mounted per search rather than written as a tag:
          which component draws results is the caller's answer, so the markup has
-         no selector to write (CONTEXT.md SearchResultsScreen). Shown only once
+         no selector to write (GLOSSARY.md SearchResultsScreen). Shown only once
          there is text to search for — a bar nobody has typed into has no result
          to draw — and handed that text through the one input the editor minted
          on it. -->
@@ -7942,7 +7922,7 @@ i0.ɵɵngDeclareClassMetadata({
     }
     <!-- The results component, mounted per search rather than written as a tag:
          which component draws results is the caller's answer, so the markup has
-         no selector to write (CONTEXT.md SearchResultsScreen). Shown only once
+         no selector to write (GLOSSARY.md SearchResultsScreen). Shown only once
          there is text to search for — a bar nobody has typed into has no result
          to draw — and handed that text through the one input the editor minted
          on it. -->
@@ -21579,12 +21559,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-D3oTo41c.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-C_TwyLkj.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
 			case InputType.OTP: {
-				const { OtpInputComponent } = await import("./magmonium-one-otp-DO4oTeSK.mjs");
+				const { OtpInputComponent } = await import("./magmonium-one-otp-Bfvbg6sY.mjs");
 				this.createDynamicComponent(seq, OtpInputComponent);
 				break;
 			}
@@ -21609,7 +21589,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.RANGE: {
-				const { RangeInputComponent } = await import("./magmonium-one-range-D_WEKrli.mjs").then((n) => n.n);
+				const { RangeInputComponent } = await import("./magmonium-one-range-CUEJcUBc.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RangeInputComponent);
 				break;
 			}
@@ -21665,7 +21645,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			default: {
-				const { TextInputComponent } = await import("./magmonium-one-text-B4xKn-EQ.mjs").then((n) => n.n);
+				const { TextInputComponent } = await import("./magmonium-one-text-kkEMHNIt.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, TextInputComponent);
 				break;
 			}
@@ -23981,7 +23961,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 	openEditor = async (file, size) => {
 		const modalStore = this.modalStore;
 		if (!modalStore) return void 0;
-		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-BX4eNd4u.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-D7IuAMdl.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();
@@ -49298,6 +49278,601 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, ASSET_BASE_URL, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HeaderComponent, HighlightDirective, HttpService, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LanguageComponent, ListComponent, LogoComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SIZE_CONTEXT, SPACING_INWARD, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, allowedCodes, anchorNavId, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLoadingComputed, isLocalhost, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAssetOptions, offsetOfLine, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickSupportedLanguage, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, recordDefinedWcTier, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splitNavId, splitOnMatch, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleTreeGridRow, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf };
+var HttpSharingClient = class {
+	http = inject(HttpService);
+	groups = () => this.http.get("sharing", ["group"]).pipe(map((reply) => reply.groups ?? []));
+	searchUsers = (q) => this.http.get("user", ["search"], "v2", {
+		q,
+		count: 8
+	}).pipe(map((reply) => reply.users ?? []));
+	users = (ids) => ids.length ? forkJoin(ids.map((id) => this.http.put("user", ["uid", id]).pipe(map((reply) => reply.user ?? { id }), catchError(() => of({ id }))))) : of([]);
+	audience = (source) => this.http.get("sharing", ["audience", source]);
+	saveAudience = (source, audience) => this.http.put("sharing", ["audience", source], audience);
+};
+const SHARING_CLIENT = new InjectionToken("SHARING_CLIENT", {
+	providedIn: "root",
+	factory: () => new HttpSharingClient()
+});
+const DEFAULT_AUDIENCE = {
+	level: "private",
+	uids: [],
+	groupIds: []
+};
+const AUDIENCE_ICONS = {
+	public: "eye",
+	private: "lock",
+	with: "users",
+	without: "eye_close"
+};
+const picksMembers = (level) => level === "with" || level === "without";
+const withLevel = (audience, level) => picksMembers(level) ? {
+	...audience,
+	level
+} : {
+	level,
+	uids: [],
+	groupIds: []
+};
+const toggle = (list, id) => list.includes(id) ? list.filter((x) => x !== id) : [...list, id];
+const toggleUid = (audience, uid) => ({
+	...audience,
+	uids: toggle(audience.uids, uid)
+});
+const toggleGroup = (audience, groupId) => ({
+	...audience,
+	groupIds: toggle(audience.groupIds, groupId)
+});
+const pickCount = (audience) => picksMembers(audience.level) ? audience.uids.length + audience.groupIds.length : 0;
+const AUDIENCE_LEVELS = [
+	"public",
+	"private",
+	"with",
+	"without"
+];
+var AudiencePickerBoxComponent = class AudiencePickerBoxComponent {
+	audience = input(DEFAULT_AUDIENCE, ...ngDevMode ? [{ debugName: "audience" }] : /* istanbul ignore next */ []);
+	levels = input(AUDIENCE_LEVELS, ...ngDevMode ? [{ debugName: "levels" }] : /* istanbul ignore next */ []);
+	locked = input(false, ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
+	client = input.required(...ngDevMode ? [{ debugName: "client" }] : /* istanbul ignore next */ []);
+	changed = output();
+	done = output();
+	i18n = inject(TranslateService);
+	query = signal("", ...ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []);
+	known = signal({}, ...ngDevMode ? [{ debugName: "known" }] : /* istanbul ignore next */ []);
+	icons = AUDIENCE_ICONS;
+	picksMembers = computed(() => picksMembers(this.audience().level), ...ngDevMode ? [{ debugName: "picksMembers" }] : /* istanbul ignore next */ []);
+	groupsResource = rxResource({
+		params: () => this.client(),
+		stream: ({ params }) => params.groups()
+	});
+	groups = computed(() => this.groupsResource.value() ?? [], ...ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []);
+	searchResource = rxResource({
+		params: () => this.query().trim() || void 0,
+		stream: ({ params }) => params ? this.client().searchUsers(params) : of([])
+	});
+	results = computed(() => this.searchResource.value() ?? [], ...ngDevMode ? [{ debugName: "results" }] : /* istanbul ignore next */ []);
+	searchConfig = computed(() => ({
+		type: InputType.TEXT,
+		placeholder: this.i18n.translate("audience-search-people"),
+		icon: "search"
+	}), ...ngDevMode ? [{ debugName: "searchConfig" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const hits = this.results();
+			if (!hits.length) return;
+			untracked(() => this.remember(hits));
+		});
+		effect(() => {
+			const missing = this.audience().uids.filter((id) => !this.known()[id]);
+			if (!missing.length) return;
+			untracked(() => this.client().users(missing).subscribe((users) => this.remember(users)));
+		});
+	}
+	name = (id) => {
+		const user = this.known()[id];
+		if (!user) return "…";
+		return [user.firstName, user.lastName].filter(Boolean).join(" ") || (user.username ? `@${user.username}` : id);
+	};
+	isPicked = (id) => this.audience().uids.includes(id);
+	hasGroup = (id) => this.audience().groupIds.includes(id);
+	setLevel = (level) => {
+		if (this.locked() || level === this.audience().level) return;
+		this.changed.emit(withLevel(this.audience(), level));
+	};
+	flipUser = (uid) => {
+		if (this.locked()) return;
+		this.changed.emit(toggleUid(this.audience(), uid));
+	};
+	flipGroup = (groupId) => {
+		if (this.locked()) return;
+		this.changed.emit(toggleGroup(this.audience(), groupId));
+	};
+	remember = (users) => this.known.update((all) => ({
+		...all,
+		...Object.fromEntries(users.map((u) => [u.id, u]))
+	}));
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AudiencePickerBoxComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: AudiencePickerBoxComponent,
+		isStandalone: true,
+		selector: "m-audience-picker-box",
+		inputs: {
+			audience: {
+				classPropertyName: "audience",
+				publicName: "audience",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			levels: {
+				classPropertyName: "levels",
+				publicName: "levels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			locked: {
+				classPropertyName: "locked",
+				publicName: "locked",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			client: {
+				classPropertyName: "client",
+				publicName: "client",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			changed: "changed",
+			done: "done"
+		},
+		ngImport: i0,
+		template: "<div class=\"audience-box\" role=\"dialog\" [attr.aria-label]=\"'audience-who-can-see' | translate\">\n  <span class=\"audience-box__title\">{{ 'audience-who-can-see' | translate }}</span>\n\n  @if (locked()) {\n    <div class=\"audience-box__locked\">\n      <m-one-icon name=\"lock\" size=\"sm\" />\n      <span>{{ 'audience-locked' | translate }}</span>\n    </div>\n  }\n\n  <div class=\"audience-box__levels\" role=\"radiogroup\">\n    @for (level of levels(); track level) {\n      <div\n        class=\"audience-box__row\"\n        [class.audience-box__row--on]=\"audience().level === level\"\n        [class.audience-box__row--off]=\"locked()\"\n        role=\"radio\"\n        tabindex=\"0\"\n        [attr.aria-checked]=\"audience().level === level\"\n        [attr.aria-disabled]=\"locked()\"\n        (click)=\"setLevel(level)\"\n        (keydown.enter)=\"setLevel(level)\"\n        (keydown.space)=\"setLevel(level)\"\n      >\n        <m-one-icon [name]=\"icons[level]\" size=\"sm\" />\n        <span class=\"audience-box__text\">\n          @switch (level) {\n            @case ('public') {\n              <span>{{ 'audience-anyone' | translate }}</span>\n              <small>{{ 'audience-anyone-hint' | translate }}</small>\n            }\n            @case ('private') {\n              <span>{{ 'audience-only-me' | translate }}</span>\n              <small>{{ 'audience-only-me-hint' | translate }}</small>\n            }\n            @case ('with') {\n              <span>{{ 'audience-only-these' | translate }}</span>\n              <small>{{ 'audience-only-these-hint' | translate }}</small>\n            }\n            @case ('without') {\n              <span>{{ 'audience-everyone-except' | translate }}</span>\n              <small>{{ 'audience-everyone-except-hint' | translate }}</small>\n            }\n          }\n        </span>\n        @if (audience().level === level) {\n          <m-one-icon name=\"check\" size=\"sm\" />\n        }\n      </div>\n    }\n  </div>\n\n  @if (picksMembers()) {\n    <div class=\"audience-box__part\">\n      <span class=\"audience-box__label\">{{ 'audience-your-groups' | translate }}</span>\n      @for (group of groups(); track group.id) {\n        <div\n          class=\"audience-box__row\"\n          [class.audience-box__row--on]=\"hasGroup(group.id)\"\n          [class.audience-box__row--off]=\"locked()\"\n          role=\"checkbox\"\n          tabindex=\"0\"\n          [attr.aria-checked]=\"hasGroup(group.id)\"\n          (click)=\"flipGroup(group.id)\"\n          (keydown.enter)=\"flipGroup(group.id)\"\n          (keydown.space)=\"flipGroup(group.id)\"\n        >\n          <m-one-icon [name]=\"hasGroup(group.id) ? 'check' : 'users'\" size=\"sm\" />\n          <span class=\"audience-box__text\">{{ group.name }}</span>\n          <span class=\"audience-box__count\">{{ group.members.length }}</span>\n        </div>\n      }\n    </div>\n\n    <div class=\"audience-box__part\">\n      <span class=\"audience-box__label\">{{ 'audience-people' | translate }}</span>\n      @if (audience().uids.length) {\n        <div class=\"audience-box__chips\">\n          @for (uid of audience().uids; track uid) {\n            <span\n              class=\"audience-box__chip\"\n              role=\"button\"\n              tabindex=\"0\"\n              (click)=\"flipUser(uid)\"\n              (keydown.enter)=\"flipUser(uid)\"\n            >\n              {{ name(uid) }}\n              @if (!locked()) {\n                <m-one-icon name=\"x\" size=\"xs\" />\n              }\n            </span>\n          }\n        </div>\n      }\n      @if (!locked()) {\n        <m-text-input [config]=\"searchConfig()\" [(value)]=\"query\" />\n        @for (user of results(); track user.id) {\n          <div\n            class=\"audience-box__row\"\n            [class.audience-box__row--on]=\"isPicked(user.id)\"\n            role=\"checkbox\"\n            tabindex=\"0\"\n            [attr.aria-checked]=\"isPicked(user.id)\"\n            (click)=\"flipUser(user.id)\"\n            (keydown.enter)=\"flipUser(user.id)\"\n            (keydown.space)=\"flipUser(user.id)\"\n          >\n            <m-one-icon [name]=\"isPicked(user.id) ? 'check' : 'plus'\" size=\"sm\" />\n            <span class=\"audience-box__text\">{{ name(user.id) }}</span>\n          </div>\n        }\n      }\n    </div>\n  }\n\n  <div class=\"audience-box__footer\">\n    <m-one-button name=\"audience_done\" (clicked)=\"done.emit()\" />\n  </div>\n</div>\n",
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.audience-box{display:flex;flex-direction:column;gap:.25rem;max-height:28rem;padding:.75rem;overflow-y:auto;color:var(--m-text)}.audience-box__title,.audience-box__label{padding:.25rem .5rem;font-size:.75rem;font-weight:600;color:var(--m-text-secondary);text-transform:uppercase}.audience-box__locked{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;background:var(--m-warning-lite);font-size:.8rem}.audience-box__levels,.audience-box__part{display:flex;flex-direction:column;gap:.125rem}.audience-box__part{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--m-border)}.audience-box__row{display:flex;align-items:center;gap:.6rem;padding:.5rem;border-radius:.5rem;cursor:pointer}.audience-box__row:hover,.audience-box__row:focus-visible{background:var(--m-background-lite);outline:none}.audience-box__row--on{color:var(--m-mm)}.audience-box__row--off{cursor:default;opacity:.6}.audience-box__text{display:flex;flex:1;flex-direction:column;font-size:.875rem}.audience-box__text small,.audience-box__count{font-size:.75rem;color:var(--m-text-secondary)}.audience-box__chips{display:flex;flex-wrap:wrap;gap:.375rem;padding:0 .5rem .5rem}.audience-box__chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border:1px solid var(--m-mm);border-radius:999px;background:var(--m-mm-lite);font-size:.8rem;cursor:pointer}.audience-box__footer{display:flex;justify-content:flex-end;margin-top:.5rem}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: ButtonComponent,
+				selector: "m-button,m-one-button",
+				inputs: [
+					"config",
+					"color",
+					"labelClass",
+					"fullWidth",
+					"nav",
+					"navParams",
+					"href",
+					"disabled",
+					"variant",
+					"name",
+					"baseUrl",
+					"one",
+					"remote",
+					"label",
+					"noTranslate",
+					"params",
+					"noNative",
+					"icon",
+					"isRightIcon",
+					"iconOnly",
+					"stacked",
+					"imgSrc",
+					"nonClickable",
+					"inverted",
+					"isSubmit",
+					"tabindex"
+				],
+				outputs: ["configChange", "clicked"]
+			},
+			{
+				kind: "component",
+				type: IconComponent,
+				selector: "m-icon, m-one-icon",
+				inputs: [
+					"config",
+					"name",
+					"color",
+					"size",
+					"one",
+					"baseUrl",
+					"remote"
+				],
+				outputs: ["configChange"]
+			},
+			{
+				kind: "component",
+				type: TextInputComponent,
+				selector: "m-text-input",
+				inputs: [
+					"value",
+					"config",
+					"required",
+					"disabled",
+					"invalid",
+					"touched",
+					"focused",
+					"errors",
+					"hideErrors"
+				],
+				outputs: ["valueChange", "touchedChange"]
+			},
+			{
+				kind: "pipe",
+				type: TranslatePipe,
+				name: "translate"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AudiencePickerBoxComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-audience-picker-box",
+			imports: [
+				ButtonComponent,
+				IconComponent,
+				TextInputComponent,
+				TranslatePipe
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"audience-box\" role=\"dialog\" [attr.aria-label]=\"'audience-who-can-see' | translate\">\n  <span class=\"audience-box__title\">{{ 'audience-who-can-see' | translate }}</span>\n\n  @if (locked()) {\n    <div class=\"audience-box__locked\">\n      <m-one-icon name=\"lock\" size=\"sm\" />\n      <span>{{ 'audience-locked' | translate }}</span>\n    </div>\n  }\n\n  <div class=\"audience-box__levels\" role=\"radiogroup\">\n    @for (level of levels(); track level) {\n      <div\n        class=\"audience-box__row\"\n        [class.audience-box__row--on]=\"audience().level === level\"\n        [class.audience-box__row--off]=\"locked()\"\n        role=\"radio\"\n        tabindex=\"0\"\n        [attr.aria-checked]=\"audience().level === level\"\n        [attr.aria-disabled]=\"locked()\"\n        (click)=\"setLevel(level)\"\n        (keydown.enter)=\"setLevel(level)\"\n        (keydown.space)=\"setLevel(level)\"\n      >\n        <m-one-icon [name]=\"icons[level]\" size=\"sm\" />\n        <span class=\"audience-box__text\">\n          @switch (level) {\n            @case ('public') {\n              <span>{{ 'audience-anyone' | translate }}</span>\n              <small>{{ 'audience-anyone-hint' | translate }}</small>\n            }\n            @case ('private') {\n              <span>{{ 'audience-only-me' | translate }}</span>\n              <small>{{ 'audience-only-me-hint' | translate }}</small>\n            }\n            @case ('with') {\n              <span>{{ 'audience-only-these' | translate }}</span>\n              <small>{{ 'audience-only-these-hint' | translate }}</small>\n            }\n            @case ('without') {\n              <span>{{ 'audience-everyone-except' | translate }}</span>\n              <small>{{ 'audience-everyone-except-hint' | translate }}</small>\n            }\n          }\n        </span>\n        @if (audience().level === level) {\n          <m-one-icon name=\"check\" size=\"sm\" />\n        }\n      </div>\n    }\n  </div>\n\n  @if (picksMembers()) {\n    <div class=\"audience-box__part\">\n      <span class=\"audience-box__label\">{{ 'audience-your-groups' | translate }}</span>\n      @for (group of groups(); track group.id) {\n        <div\n          class=\"audience-box__row\"\n          [class.audience-box__row--on]=\"hasGroup(group.id)\"\n          [class.audience-box__row--off]=\"locked()\"\n          role=\"checkbox\"\n          tabindex=\"0\"\n          [attr.aria-checked]=\"hasGroup(group.id)\"\n          (click)=\"flipGroup(group.id)\"\n          (keydown.enter)=\"flipGroup(group.id)\"\n          (keydown.space)=\"flipGroup(group.id)\"\n        >\n          <m-one-icon [name]=\"hasGroup(group.id) ? 'check' : 'users'\" size=\"sm\" />\n          <span class=\"audience-box__text\">{{ group.name }}</span>\n          <span class=\"audience-box__count\">{{ group.members.length }}</span>\n        </div>\n      }\n    </div>\n\n    <div class=\"audience-box__part\">\n      <span class=\"audience-box__label\">{{ 'audience-people' | translate }}</span>\n      @if (audience().uids.length) {\n        <div class=\"audience-box__chips\">\n          @for (uid of audience().uids; track uid) {\n            <span\n              class=\"audience-box__chip\"\n              role=\"button\"\n              tabindex=\"0\"\n              (click)=\"flipUser(uid)\"\n              (keydown.enter)=\"flipUser(uid)\"\n            >\n              {{ name(uid) }}\n              @if (!locked()) {\n                <m-one-icon name=\"x\" size=\"xs\" />\n              }\n            </span>\n          }\n        </div>\n      }\n      @if (!locked()) {\n        <m-text-input [config]=\"searchConfig()\" [(value)]=\"query\" />\n        @for (user of results(); track user.id) {\n          <div\n            class=\"audience-box__row\"\n            [class.audience-box__row--on]=\"isPicked(user.id)\"\n            role=\"checkbox\"\n            tabindex=\"0\"\n            [attr.aria-checked]=\"isPicked(user.id)\"\n            (click)=\"flipUser(user.id)\"\n            (keydown.enter)=\"flipUser(user.id)\"\n            (keydown.space)=\"flipUser(user.id)\"\n          >\n            <m-one-icon [name]=\"isPicked(user.id) ? 'check' : 'plus'\" size=\"sm\" />\n            <span class=\"audience-box__text\">{{ name(user.id) }}</span>\n          </div>\n        }\n      }\n    </div>\n  }\n\n  <div class=\"audience-box__footer\">\n    <m-one-button name=\"audience_done\" (clicked)=\"done.emit()\" />\n  </div>\n</div>\n",
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.audience-box{display:flex;flex-direction:column;gap:.25rem;max-height:28rem;padding:.75rem;overflow-y:auto;color:var(--m-text)}.audience-box__title,.audience-box__label{padding:.25rem .5rem;font-size:.75rem;font-weight:600;color:var(--m-text-secondary);text-transform:uppercase}.audience-box__locked{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;background:var(--m-warning-lite);font-size:.8rem}.audience-box__levels,.audience-box__part{display:flex;flex-direction:column;gap:.125rem}.audience-box__part{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--m-border)}.audience-box__row{display:flex;align-items:center;gap:.6rem;padding:.5rem;border-radius:.5rem;cursor:pointer}.audience-box__row:hover,.audience-box__row:focus-visible{background:var(--m-background-lite);outline:none}.audience-box__row--on{color:var(--m-mm)}.audience-box__row--off{cursor:default;opacity:.6}.audience-box__text{display:flex;flex:1;flex-direction:column;font-size:.875rem}.audience-box__text small,.audience-box__count{font-size:.75rem;color:var(--m-text-secondary)}.audience-box__chips{display:flex;flex-wrap:wrap;gap:.375rem;padding:0 .5rem .5rem}.audience-box__chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border:1px solid var(--m-mm);border-radius:999px;background:var(--m-mm-lite);font-size:.8rem;cursor:pointer}.audience-box__footer{display:flex;justify-content:flex-end;margin-top:.5rem}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		audience: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "audience",
+				required: false
+			}]
+		}],
+		levels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "levels",
+				required: false
+			}]
+		}],
+		locked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locked",
+				required: false
+			}]
+		}],
+		client: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "client",
+				required: true
+			}]
+		}],
+		changed: [{
+			type: i0.Output,
+			args: ["changed"]
+		}],
+		done: [{
+			type: i0.Output,
+			args: ["done"]
+		}]
+	}
+});
+var AudiencePickerComponent = class AudiencePickerComponent extends ConfigComponent {
+	audience = model(...ngDevMode ? [void 0, { debugName: "audience" }] : /* istanbul ignore next */ []);
+	source = input(...ngDevMode ? [void 0, { debugName: "source" }] : /* istanbul ignore next */ []);
+	locked = input(false, ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
+	labelled = input(...ngDevMode ? [void 0, { debugName: "labelled" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	align = input(...ngDevMode ? [void 0, { debugName: "align" }] : /* istanbul ignore next */ []);
+	subFolder = "audience_picker";
+	open = signal(false, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
+	client = inject(SHARING_CLIENT);
+	i18n = inject(TranslateService);
+	selectorDir = viewChild(SelectorDirective, ...ngDevMode ? [{ debugName: "selectorDir" }] : /* istanbul ignore next */ []);
+	sourceLocked = signal(false, ...ngDevMode ? [{ debugName: "sourceLocked" }] : /* istanbul ignore next */ []);
+	pickerConfig = computed(() => this.config() ?? {}, ...ngDevMode ? [{ debugName: "pickerConfig" }] : /* istanbul ignore next */ []);
+	current = computed(() => this.audience() ?? DEFAULT_AUDIENCE, ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	levels = computed(() => this.pickerConfig().levels ?? AUDIENCE_LEVELS, ...ngDevMode ? [{ debugName: "levels" }] : /* istanbul ignore next */ []);
+	isLocked = computed(() => this.locked() || this.sourceLocked(), ...ngDevMode ? [{ debugName: "isLocked" }] : /* istanbul ignore next */ []);
+	stored = rxResource({
+		params: () => this.source(),
+		stream: ({ params }) => this.client.audience(params)
+	});
+	summary = computed(() => {
+		const audience = this.current();
+		const count = pickCount(audience);
+		const title = this.levelTitle(audience.level);
+		return count ? `${title} · ${count}` : title;
+	}, ...ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []);
+	triggerConfig = computed(() => {
+		const labelled = this.labelled() ?? this.pickerConfig().labelled ?? false;
+		return {
+			variant: "ghost",
+			iconOnly: !labelled,
+			icon: AUDIENCE_ICONS[this.current().level],
+			label: labelled ? this.summary() : "audience-picker",
+			noTranslate: labelled,
+			disabled: this.disabled()
+		};
+	}, ...ngDevMode ? [{ debugName: "triggerConfig" }] : /* istanbul ignore next */ []);
+	selectorConfig = computed(() => {
+		if (this.isDesignMode || this.disabled()) return void 0;
+		return {
+			component: AudiencePickerBoxComponent,
+			base: "m-audience-picker",
+			width: this.pickerConfig().width ?? "320px",
+			height: "auto",
+			align: this.align() ?? this.pickerConfig().align,
+			toggle: true,
+			bindings: [
+				inputBinding("audience", this.current),
+				inputBinding("levels", this.levels),
+				inputBinding("locked", this.isLocked),
+				inputBinding("client", () => this.client),
+				outputBinding("changed", (next) => this.apply(next)),
+				outputBinding("done", () => this.selectorDir()?.close())
+			]
+		};
+	}, ...ngDevMode ? [{ debugName: "selectorConfig" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		effect(() => {
+			const stored = this.stored.value();
+			if (!stored) return;
+			untracked(() => {
+				this.audience.set(stored.audience);
+				this.sourceLocked.set(stored.locked);
+			});
+		});
+	}
+	apply = (next) => {
+		if (this.isLocked()) return;
+		const previous = this.audience();
+		this.audience.set(next);
+		const source = this.source();
+		if (!source) return;
+		this.client.saveAudience(source, next).subscribe({
+			next: (saved) => {
+				this.audience.set(saved.audience);
+				this.sourceLocked.set(saved.locked);
+			},
+			error: () => this.audience.set(previous)
+		});
+	};
+	levelTitle = (level) => {
+		switch (level) {
+			case "public": return this.i18n.translate("audience-anyone");
+			case "private": return this.i18n.translate("audience-only-me");
+			case "with": return this.i18n.translate("audience-only-these");
+			case "without": return this.i18n.translate("audience-everyone-except");
+		}
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AudiencePickerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: AudiencePickerComponent,
+		isStandalone: true,
+		selector: "m-audience-picker, m-one-audience-picker",
+		inputs: {
+			audience: {
+				classPropertyName: "audience",
+				publicName: "audience",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			source: {
+				classPropertyName: "source",
+				publicName: "source",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			locked: {
+				classPropertyName: "locked",
+				publicName: "locked",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labelled: {
+				classPropertyName: "labelled",
+				publicName: "labelled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			align: {
+				classPropertyName: "align",
+				publicName: "align",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { audience: "audienceChange" },
+		viewQueries: [{
+			propertyName: "selectorDir",
+			first: true,
+			predicate: SelectorDirective,
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <m-one-button
+      [config]="triggerConfig()"
+      [mSelector]="selectorConfig()"
+      (opened)="open.set(true)"
+      (closed)="open.set(false)"
+    />
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: ButtonComponent,
+			selector: "m-button,m-one-button",
+			inputs: [
+				"config",
+				"color",
+				"labelClass",
+				"fullWidth",
+				"nav",
+				"navParams",
+				"href",
+				"disabled",
+				"variant",
+				"name",
+				"baseUrl",
+				"one",
+				"remote",
+				"label",
+				"noTranslate",
+				"params",
+				"noNative",
+				"icon",
+				"isRightIcon",
+				"iconOnly",
+				"stacked",
+				"imgSrc",
+				"nonClickable",
+				"inverted",
+				"isSubmit",
+				"tabindex"
+			],
+			outputs: ["configChange", "clicked"]
+		}, {
+			kind: "directive",
+			type: SelectorDirective,
+			selector: "[mSelector]",
+			inputs: ["mSelector", "disabled"],
+			outputs: ["opened", "closed"],
+			exportAs: ["mSelector"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AudiencePickerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-audience-picker, m-one-audience-picker",
+			imports: [ButtonComponent, SelectorDirective],
+			template: `
+    <m-one-button
+      [config]="triggerConfig()"
+      [mSelector]="selectorConfig()"
+      (opened)="open.set(true)"
+      (closed)="open.set(false)"
+    />
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		audience: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "audience",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["audienceChange"]
+		}],
+		source: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "source",
+				required: false
+			}]
+		}],
+		locked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locked",
+				required: false
+			}]
+		}],
+		labelled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelled",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		align: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "align",
+				required: false
+			}]
+		}],
+		selectorDir: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => SelectorDirective), { isSignal: true }]
+		}]
+	}
+});
+export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, ASSET_BASE_URL, AUDIENCE_ICONS, AUDIENCE_LEVELS, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AudiencePickerBoxComponent, AudiencePickerComponent, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_AUDIENCE, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HeaderComponent, HighlightDirective, HttpService, HttpSharingClient, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LanguageComponent, ListComponent, LogoComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SHARING_CLIENT, SIZE_CONTEXT, SPACING_INWARD, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, activeElementWithin, allowedCodes, anchorNavId, applyColorsToElement, applyDocEdit, assetOptions, baseUnderHost, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLoadingComputed, isLocalhost, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAssetOptions, offsetOfLine, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickCount, pickSupportedLanguage, picksMembers, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, recordDefinedWcTier, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splitNavId, splitOnMatch, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleGroup, toggleTreeGridRow, toggleUid, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf, withLevel };
 
 //# sourceMappingURL=magmonium-one.mjs.map