@magmonium/one 0.4.43 → 0.4.46
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/fesm2022/magmonium-one.mjs +501 -172
- package/fesm2022/magmonium-one.mjs.map +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +137 -21
package/package.json
CHANGED
package/types/magmonium-one.d.ts
CHANGED
|
@@ -2708,6 +2708,25 @@ export declare const appThemeColorFactory: () => Signal<string | undefined>;
|
|
|
2708
2708
|
* every `m.$mm` inside it reads them — or clears them, leaving the theme's.
|
|
2709
2709
|
*/
|
|
2710
2710
|
export declare const paintAppColor: (element: HTMLElement, color: string | undefined) => void;
|
|
2711
|
+
/**
|
|
2712
|
+
* The element id of a page's Splash (GLOSSARY.md Splash). `OneApp` hides it
|
|
2713
|
+
* once the theme is ready, so an emitted page only has to carry it.
|
|
2714
|
+
*/
|
|
2715
|
+
export declare const SPLASH_ID = "m-splash";
|
|
2716
|
+
/** What a Splash is drawn from: App Color, LogoGlyph, and the letter fallback. */
|
|
2717
|
+
export type SplashSource = {
|
|
2718
|
+
appColor: string;
|
|
2719
|
+
glyph?: string | null;
|
|
2720
|
+
/** The AppLink: its first letter stands in when there is no glyph. */
|
|
2721
|
+
link: string;
|
|
2722
|
+
};
|
|
2723
|
+
/**
|
|
2724
|
+
* A page's Splash as static markup, for an emitted `index.html`: App Color
|
|
2725
|
+
* fills the page and the LogoGlyph breathes white at its centre. The glyph is
|
|
2726
|
+
* a CSS mask (as `m-app-logo` draws it), never inserted markup. Its own file
|
|
2727
|
+
* so codegen can read it without Angular.
|
|
2728
|
+
*/
|
|
2729
|
+
export declare const splashHtml: ({ appColor, glyph, link }: SplashSource) => string;
|
|
2711
2730
|
type ButtonBadge = {
|
|
2712
2731
|
count?: number;
|
|
2713
2732
|
variant?: 'default' | 'primary' | 'danger';
|
|
@@ -4742,7 +4761,7 @@ export declare class SectionFilterGroupComponent {
|
|
|
4742
4761
|
readonly paddingX: import("@angular/core").InputSignal<boolean | undefined>;
|
|
4743
4762
|
readonly paddingY: import("@angular/core").InputSignal<boolean | undefined>;
|
|
4744
4763
|
readonly maxWidth: import("@angular/core").InputSignal<string | undefined>;
|
|
4745
|
-
readonly align: import("@angular/core").InputSignal<"
|
|
4764
|
+
readonly align: import("@angular/core").InputSignal<"center" | "left" | "right" | undefined>;
|
|
4746
4765
|
readonly config: import("@angular/core").InputSignal<SectionFilterGroupConfig | undefined>;
|
|
4747
4766
|
/**
|
|
4748
4767
|
* The whole group's selection, keyed by each Filter's `name` — one key per
|
|
@@ -4760,7 +4779,7 @@ export declare class SectionFilterGroupComponent {
|
|
|
4760
4779
|
protected readonly resolvedPadding: import("@angular/core").Signal<boolean>;
|
|
4761
4780
|
protected readonly resolvedPaddingX: import("@angular/core").Signal<boolean>;
|
|
4762
4781
|
protected readonly resolvedPaddingY: import("@angular/core").Signal<boolean>;
|
|
4763
|
-
protected readonly resolvedAlign: import("@angular/core").Signal<"
|
|
4782
|
+
protected readonly resolvedAlign: import("@angular/core").Signal<"center" | "left" | "right">;
|
|
4764
4783
|
protected readonly resolvedMaxWidth: import("@angular/core").Signal<string | undefined>;
|
|
4765
4784
|
protected readonly noBorder: import("@angular/core").Signal<boolean>;
|
|
4766
4785
|
/**
|
|
@@ -4939,7 +4958,7 @@ export declare class SectionStepperComponent implements OnDestroy {
|
|
|
4939
4958
|
export declare class SectionBadgesComponent {
|
|
4940
4959
|
readonly wrap: import("@angular/core").InputSignal<boolean>;
|
|
4941
4960
|
readonly border: import("@angular/core").InputSignal<boolean>;
|
|
4942
|
-
readonly align: import("@angular/core").InputSignal<"
|
|
4961
|
+
readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
|
|
4943
4962
|
private readonly sectionContext;
|
|
4944
4963
|
protected readonly hasBorder: import("@angular/core").Signal<boolean>;
|
|
4945
4964
|
static ɵfac: i0.ɵɵFactoryDeclaration<SectionBadgesComponent, never>;
|
|
@@ -5056,7 +5075,7 @@ export declare class SectionToggleComponent<T extends SectionToggleItem = Sectio
|
|
|
5056
5075
|
}
|
|
5057
5076
|
export declare class SectionFooterComponent {
|
|
5058
5077
|
readonly sticky: import("@angular/core").InputSignal<boolean>;
|
|
5059
|
-
readonly align: import("@angular/core").InputSignal<"
|
|
5078
|
+
readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
|
|
5060
5079
|
private readonly scrollSticky;
|
|
5061
5080
|
protected readonly isSticky: import("@angular/core").Signal<boolean>;
|
|
5062
5081
|
private readonly sectionContext;
|
|
@@ -5109,7 +5128,7 @@ export declare class SectionPaginationComponent {
|
|
|
5109
5128
|
* Entries that are not positive numbers drop rather than throw.
|
|
5110
5129
|
*/
|
|
5111
5130
|
readonly perPageOptions: import("@angular/core").InputSignal<string | undefined>;
|
|
5112
|
-
readonly align: import("@angular/core").InputSignal<"
|
|
5131
|
+
readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
|
|
5113
5132
|
readonly showPerPage: import("@angular/core").InputSignal<boolean>;
|
|
5114
5133
|
/** Hides the band outright once everything fits one page. */
|
|
5115
5134
|
readonly hideOnSinglePage: import("@angular/core").InputSignal<boolean>;
|
|
@@ -5447,7 +5466,7 @@ export declare class SectionComponent extends ConfigComponent<SectionConfig> {
|
|
|
5447
5466
|
readonly align: import("@angular/core").InputSignal<SectionAlign | undefined>;
|
|
5448
5467
|
readonly alignX: import("@angular/core").InputSignal<GridAlignX | undefined>;
|
|
5449
5468
|
readonly alignY: import("@angular/core").InputSignal<GridAlignY | undefined>;
|
|
5450
|
-
readonly size: import("@angular/core").InputSignal<
|
|
5469
|
+
readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
|
|
5451
5470
|
private readonly parentSize;
|
|
5452
5471
|
readonly resolvedSize: import("@angular/core").Signal<Size>;
|
|
5453
5472
|
protected readonly sizeLength: import("@angular/core").Signal<string>;
|
|
@@ -5587,8 +5606,8 @@ export declare class SectionHeaderComponent {
|
|
|
5587
5606
|
readonly visibilityRule: import("@angular/core").InputSignal<((key: string, data?: unknown) => boolean) | undefined>;
|
|
5588
5607
|
readonly disableRule: import("@angular/core").InputSignal<((key: string, data?: unknown) => boolean) | undefined>;
|
|
5589
5608
|
readonly extraData: import("@angular/core").InputSignal<unknown>;
|
|
5590
|
-
readonly align: import("@angular/core").InputSignal<"
|
|
5591
|
-
readonly alignment: import("@angular/core").Signal<"
|
|
5609
|
+
readonly align: import("@angular/core").InputSignal<"center" | "left" | "right" | undefined>;
|
|
5610
|
+
readonly alignment: import("@angular/core").Signal<"center" | "left" | "right">;
|
|
5592
5611
|
readonly showBack: import("@angular/core").InputSignal<boolean>;
|
|
5593
5612
|
readonly actionButton: import("@angular/core").InputSignal<string | undefined>;
|
|
5594
5613
|
readonly actionLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
@@ -5605,7 +5624,7 @@ export declare class SectionHeaderComponent {
|
|
|
5605
5624
|
protected readonly sidepanel: import("@angular/core").Signal<boolean>;
|
|
5606
5625
|
protected readonly noBorder: import("@angular/core").Signal<boolean>;
|
|
5607
5626
|
protected readonly resolvedMaxWidth: import("@angular/core").Signal<string | undefined>;
|
|
5608
|
-
protected readonly boxAlign: import("@angular/core").Signal<"
|
|
5627
|
+
protected readonly boxAlign: import("@angular/core").Signal<"center" | "left" | "right">;
|
|
5609
5628
|
protected readonly iconBox: import("@angular/core").Signal<string>;
|
|
5610
5629
|
protected readonly isSticky: import("@angular/core").Signal<boolean>;
|
|
5611
5630
|
protected readonly hasMenu: import("@angular/core").Signal<boolean>;
|
|
@@ -5745,7 +5764,7 @@ export declare class SectionButtonGroupComponent extends ConfigComponent<Section
|
|
|
5745
5764
|
readonly vertical: import("@angular/core").InputSignal<boolean | undefined>;
|
|
5746
5765
|
readonly align: import("@angular/core").InputSignal<ConfigAlign>;
|
|
5747
5766
|
readonly variant: import("@angular/core").InputSignal<"spaced" | "joined" | undefined>;
|
|
5748
|
-
readonly size: import("@angular/core").InputSignal<
|
|
5767
|
+
readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
|
|
5749
5768
|
readonly fullWidth: import("@angular/core").InputSignal<boolean | undefined>;
|
|
5750
5769
|
private readonly parentSize;
|
|
5751
5770
|
readonly resolvedSize: import("@angular/core").Signal<Size>;
|
|
@@ -5753,7 +5772,7 @@ export declare class SectionButtonGroupComponent extends ConfigComponent<Section
|
|
|
5753
5772
|
protected readonly resolvedFullWidth: import("@angular/core").Signal<boolean>;
|
|
5754
5773
|
protected readonly resolvedVertical: import("@angular/core").Signal<boolean>;
|
|
5755
5774
|
protected readonly resolvedVariant: import("@angular/core").Signal<"spaced" | "joined">;
|
|
5756
|
-
protected readonly resolvedAlign: import("@angular/core").Signal<"
|
|
5775
|
+
protected readonly resolvedAlign: import("@angular/core").Signal<"center" | "left" | "right" | "bottom" | "top">;
|
|
5757
5776
|
static ɵfac: i0.ɵɵFactoryDeclaration<SectionButtonGroupComponent, never>;
|
|
5758
5777
|
static ɵcmp: i0.ɵɵComponentDeclaration<SectionButtonGroupComponent, "m-section-button-group", never, {
|
|
5759
5778
|
"vertical": {
|
|
@@ -7261,7 +7280,7 @@ declare class DropdownBoxComponent {
|
|
|
7261
7280
|
}
|
|
7262
7281
|
/** The trigger both option Fields draw: a searchable text input and a chevron. */
|
|
7263
7282
|
declare const DROPDOWN_TEMPLATE = "\n @if (config(); as dropdown) {\n @if (dropdown.label) {\n <m-label\n [for]=\"dropdown.name ?? ''\"\n [placeholder]=\"dropdown.label\"\n [params]=\"dropdown.params\"\n [required]=\"required()\"\n [disabled]=\"disabled()\"\n />\n }\n <div\n class=\"trigger-wrap\"\n #wrapper\n [mSelector]=\"selectorConfig()\"\n [disabled]=\"disabled() || readonly() || !!config()?.readonly\"\n (opened)=\"onOpened()\"\n (closed)=\"onClosed()\"\n (focusin)=\"isFocused.set(true)\"\n (focusout)=\"isFocused.set(false)\"\n >\n <m-text-input\n [config]=\"triggerInputConfig()\"\n [value]=\"displayValue()\"\n [disabled]=\"disabled()\"\n [invalid]=\"invalid()\"\n [hideErrors]=\"true\"\n [(touched)]=\"touched\"\n [focused]=\"focused()\"\n (valueChange)=\"onInput($event)\"\n (click)=\"preventToggleWhenOpen($event)\"\n (keydown.space)=\"$event.stopPropagation()\"\n (keydown.enter)=\"onEnter($event)\"\n (keydown.arrowdown)=\"onArrow($event, 1)\"\n (keydown.arrowup)=\"onArrow($event, -1)\"\n (keydown.tab)=\"$event.stopPropagation()\"\n />\n <m-button [disabled]=\"disabled()\" [config]=\"chevron()\" />\n </div>\n @if (showErrors()) {\n @for (error of errors(); track $index) {\n <m-text-output\n variant=\"footer\"\n color=\"error\"\n [label]=\"error.message\"\n />\n }\n }\n }\n";
|
|
7264
|
-
declare const DROPDOWN_IMPORTS: (typeof
|
|
7283
|
+
declare const DROPDOWN_IMPORTS: (typeof ButtonComponent | typeof LabelComponent | typeof TextOutputComponent | typeof SelectorDirective | typeof TextInputComponent)[];
|
|
7265
7284
|
/**
|
|
7266
7285
|
* Everything a Dropdown and a Multiselect share: the options, the search, the
|
|
7267
7286
|
* keyboard walk and the panel. What differs is only what the Field holds — one
|
|
@@ -8616,14 +8635,14 @@ export declare class SectionFormComponent<T extends object = Record<string, unkn
|
|
|
8616
8635
|
readonly heightMode: import("@angular/core").InputSignal<"fixed" | "full" | undefined>;
|
|
8617
8636
|
readonly maxHeight: import("@angular/core").InputSignal<string | number | undefined>;
|
|
8618
8637
|
readonly height: import("@angular/core").InputSignal<string | number | undefined>;
|
|
8619
|
-
readonly align: import("@angular/core").InputSignal<"
|
|
8638
|
+
readonly align: import("@angular/core").InputSignal<"center" | "left" | "right" | undefined>;
|
|
8620
8639
|
readonly padding: import("@angular/core").InputSignal<string | number | undefined>;
|
|
8621
8640
|
readonly paddingX: import("@angular/core").InputSignal<string | number | undefined>;
|
|
8622
8641
|
readonly paddingY: import("@angular/core").InputSignal<string | number | undefined>;
|
|
8623
8642
|
readonly margin: import("@angular/core").InputSignal<string | number | undefined>;
|
|
8624
8643
|
readonly marginX: import("@angular/core").InputSignal<string | number | undefined>;
|
|
8625
8644
|
readonly marginY: import("@angular/core").InputSignal<string | number | undefined>;
|
|
8626
|
-
readonly size: import("@angular/core").InputSignal<
|
|
8645
|
+
readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
|
|
8627
8646
|
readonly autofocus: import("@angular/core").InputSignal<boolean>;
|
|
8628
8647
|
data: import("@angular/core").InputSignal<T | undefined>;
|
|
8629
8648
|
readonly dataChange: import("@angular/core").OutputEmitterRef<T>;
|
|
@@ -8668,7 +8687,7 @@ export declare class SectionFormComponent<T extends object = Record<string, unkn
|
|
|
8668
8687
|
protected readonly handleSubmit: (event: Event) => void;
|
|
8669
8688
|
readonly resolvedSize: import("@angular/core").Signal<Size>;
|
|
8670
8689
|
protected readonly sizeLength: import("@angular/core").Signal<string | null>;
|
|
8671
|
-
readonly resolvedAlign: import("@angular/core").Signal<"
|
|
8690
|
+
readonly resolvedAlign: import("@angular/core").Signal<"center" | "left" | "right">;
|
|
8672
8691
|
readonly resolvedVariant: import("@angular/core").Signal<string | undefined>;
|
|
8673
8692
|
readonly resolvedMaxWidth: import("@angular/core").Signal<string | number | undefined>;
|
|
8674
8693
|
private readonly resolvedPadding;
|
|
@@ -10252,6 +10271,8 @@ export declare const REMOTE_PAGE_RELOAD: InjectionToken<() => void>;
|
|
|
10252
10271
|
* the sent `extra` confirms the boot; only then do reports count as moves.
|
|
10253
10272
|
*/
|
|
10254
10273
|
export declare const isBootRedirect: (pending: boolean, sent: string | undefined, path: string) => boolean;
|
|
10274
|
+
/** How long a mounted remote may go without reporting a route before its Splash lifts. */
|
|
10275
|
+
export declare const REMOTE_BOOT_TIMEOUT_MS = 10000;
|
|
10255
10276
|
export declare class RemoteComponent implements OnDestroy {
|
|
10256
10277
|
/** A resolved config, as m-ui hands it — or a Store link `m-remote` resolves itself. */
|
|
10257
10278
|
readonly config: import("@angular/core").InputSignal<WebComponentConfig$1 | undefined>;
|
|
@@ -10284,6 +10305,13 @@ export declare class RemoteComponent implements OnDestroy {
|
|
|
10284
10305
|
private readonly pattern;
|
|
10285
10306
|
/** Loads the Remote's beta tier rather than its status folder. */
|
|
10286
10307
|
readonly beta: import("@angular/core").InputSignal<boolean>;
|
|
10308
|
+
/**
|
|
10309
|
+
* The LogoGlyph the host chose for this mount: its Splash draws it, over the
|
|
10310
|
+
* app's own from Store (GLOSSARY.md Splash). Rebuilt from the allowlist.
|
|
10311
|
+
*/
|
|
10312
|
+
readonly glyph: import("@angular/core").InputSignal<string | null | undefined>;
|
|
10313
|
+
/** The App Color the host chose for this mount: Splash ground and `mm` both. */
|
|
10314
|
+
readonly appColor: import("@angular/core").InputSignal<string | null | undefined>;
|
|
10287
10315
|
/** The config of the app now mounted — m-ui titles its page after it. */
|
|
10288
10316
|
readonly loaded: import("@angular/core").OutputEmitterRef<WebComponentConfig$1>;
|
|
10289
10317
|
/** Why a load drew the broken state — m-ui's Beta gate reads `config-not-found`. */
|
|
@@ -10323,6 +10351,14 @@ export declare class RemoteComponent implements OnDestroy {
|
|
|
10323
10351
|
private pinnedLink?;
|
|
10324
10352
|
protected readonly state: import("@angular/core").WritableSignal<"idle" | "loading" | "loaded" | "failed" | "self-beta">;
|
|
10325
10353
|
protected readonly failure: import("@angular/core").WritableSignal<RemoteLoadResult>;
|
|
10354
|
+
/**
|
|
10355
|
+
* Mounted, but the app's own Router has not reported its first route yet:
|
|
10356
|
+
* the Splash stays over it until then (GLOSSARY.md Splash), or until
|
|
10357
|
+
* REMOTE_BOOT_TIMEOUT_MS for a remote that never reports.
|
|
10358
|
+
*/
|
|
10359
|
+
protected readonly booting: import("@angular/core").WritableSignal<boolean>;
|
|
10360
|
+
private bootTimer?;
|
|
10361
|
+
private readonly endBoot;
|
|
10326
10362
|
/** The host URL's query and fragment, as of the last navigation — a `tail` mount's to read. */
|
|
10327
10363
|
private readonly hostQuery;
|
|
10328
10364
|
/** The host's primary path, segment by segment, as of the last navigation. */
|
|
@@ -10350,8 +10386,31 @@ export declare class RemoteComponent implements OnDestroy {
|
|
|
10350
10386
|
private readonly carriesQuery;
|
|
10351
10387
|
private readonly remotePath;
|
|
10352
10388
|
private readonly ownTail;
|
|
10353
|
-
/**
|
|
10354
|
-
|
|
10389
|
+
/**
|
|
10390
|
+
* The mounted app's App Color — the `mm` everything inside this mount draws:
|
|
10391
|
+
* the host's `appColor` when it set one, else the app's own from Store.
|
|
10392
|
+
*/
|
|
10393
|
+
private readonly mountColor;
|
|
10394
|
+
/** The host's `glyph` as stored (allowlist-rebuilt), or none when refused. */
|
|
10395
|
+
private readonly chosenGlyph;
|
|
10396
|
+
/**
|
|
10397
|
+
* The mounted app's Splash (GLOSSARY.md Splash) while it loads: its AppLogo
|
|
10398
|
+
* on the theme's background. The host's `glyph`/`appColor` first. An app
|
|
10399
|
+
* the host holds is drawn from its entry — an Open App with no glyph of its
|
|
10400
|
+
* own from the host's AppLogo; one it does not is left to `m-app-logo`,
|
|
10401
|
+
* which asks Store for that link itself (undefined = look it up).
|
|
10402
|
+
*/
|
|
10403
|
+
protected readonly splash: import("@angular/core").Signal<{
|
|
10404
|
+
link: string | undefined;
|
|
10405
|
+
glyph: string | undefined;
|
|
10406
|
+
color: string | undefined;
|
|
10407
|
+
name: undefined;
|
|
10408
|
+
} | {
|
|
10409
|
+
link: string | undefined;
|
|
10410
|
+
glyph: string | null;
|
|
10411
|
+
color: string | null;
|
|
10412
|
+
name: string | undefined;
|
|
10413
|
+
}>;
|
|
10355
10414
|
constructor();
|
|
10356
10415
|
ngOnDestroy(): void;
|
|
10357
10416
|
private mountName;
|
|
@@ -10464,6 +10523,16 @@ export declare class RemoteComponent implements OnDestroy {
|
|
|
10464
10523
|
"required": false;
|
|
10465
10524
|
"isSignal": true;
|
|
10466
10525
|
};
|
|
10526
|
+
"glyph": {
|
|
10527
|
+
"alias": "glyph";
|
|
10528
|
+
"required": false;
|
|
10529
|
+
"isSignal": true;
|
|
10530
|
+
};
|
|
10531
|
+
"appColor": {
|
|
10532
|
+
"alias": "appColor";
|
|
10533
|
+
"required": false;
|
|
10534
|
+
"isSignal": true;
|
|
10535
|
+
};
|
|
10467
10536
|
}, {
|
|
10468
10537
|
"loaded": "loaded";
|
|
10469
10538
|
"failed": "failed";
|
|
@@ -10816,7 +10885,7 @@ export declare class ImgComponent {
|
|
|
10816
10885
|
readonly boxHeight: import("@angular/core").Signal<number | null>;
|
|
10817
10886
|
readonly isSized: import("@angular/core").Signal<boolean>;
|
|
10818
10887
|
readonly autoNgSrcset: import("@angular/core").Signal<string | undefined>;
|
|
10819
|
-
readonly status: import("@angular/core").WritableSignal<"
|
|
10888
|
+
readonly status: import("@angular/core").WritableSignal<"error" | "loading" | "loaded">;
|
|
10820
10889
|
readonly effectiveSrc: import("@angular/core").Signal<string | null | undefined>;
|
|
10821
10890
|
readonly showFallback: import("@angular/core").Signal<boolean>;
|
|
10822
10891
|
readonly isDataUri: import("@angular/core").Signal<boolean>;
|
|
@@ -11160,7 +11229,7 @@ export type DocAiPhase = 'idle' | 'asking' | 'question' | 'outline' | 'writing'
|
|
|
11160
11229
|
*/
|
|
11161
11230
|
export declare class DocEditorComponent implements ControlValueAccessor {
|
|
11162
11231
|
protected readonly groups: readonly import("@magmonium/one").DocToolbarGroup[];
|
|
11163
|
-
protected readonly icons: Record<"
|
|
11232
|
+
protected readonly icons: Record<"code" | "link" | "table" | "strike" | "list" | "bold" | "heading" | "italic" | "quote", string>;
|
|
11164
11233
|
protected readonly docActionKey: typeof docActionKey;
|
|
11165
11234
|
private readonly translate;
|
|
11166
11235
|
protected readonly value: import("@angular/core").WritableSignal<string>;
|
|
@@ -12173,21 +12242,48 @@ export declare class AppCardComponent {
|
|
|
12173
12242
|
"actionClick": "actionClick";
|
|
12174
12243
|
}, never, never, true, never>;
|
|
12175
12244
|
}
|
|
12245
|
+
/**
|
|
12246
|
+
* How an AppLogo is drawn: `tile` — the white mark on an App Color tile, as a
|
|
12247
|
+
* PWA icon is; `glow` — no tile, the mark itself in App Color with a soft
|
|
12248
|
+
* App Color glow, for a mark standing alone on a wide ground (a Splash).
|
|
12249
|
+
*/
|
|
12250
|
+
type AppLogoVariant = 'tile' | 'glow';
|
|
12251
|
+
/**
|
|
12252
|
+
* The colour of a `glow` mark: `app` — App Color; `light` — white, the glow
|
|
12253
|
+
* around it still App Color. A `tile` mark is always white.
|
|
12254
|
+
*/
|
|
12255
|
+
type AppLogoTone = 'app' | 'light';
|
|
12176
12256
|
/**
|
|
12177
12257
|
* The one renderer of an AppLogo (nx ADR 0007): the LogoGlyph painted white
|
|
12178
12258
|
* over App Color, with a shadow in App Color mixed with 20% black. The glyph
|
|
12179
12259
|
* is a mask, never inserted markup — its own colours never show and nothing
|
|
12180
12260
|
* in it can run. Without a glyph it draws the name's first letter instead.
|
|
12181
|
-
* Fills its box
|
|
12261
|
+
* Fills its box unless `size` is set.
|
|
12262
|
+
*
|
|
12263
|
+
* What it draws is handed in or looked up: `glyph`, `appColor` and `name`
|
|
12264
|
+
* win when set; `link` reads the rest for that app — from AppLogoState when
|
|
12265
|
+
* the host already holds it, else asked of Store once (AppIdentityService);
|
|
12266
|
+
* none of the four reads the running app's own AppLogo, as `m-icon app_logo`
|
|
12267
|
+
* does (APP_LOGO_SOURCE).
|
|
12182
12268
|
*/
|
|
12183
12269
|
export declare class AppLogoComponent {
|
|
12270
|
+
#private;
|
|
12184
12271
|
/** The LogoGlyph as Store holds it — already rebuilt from the allowlist. */
|
|
12185
12272
|
readonly glyph: import("@angular/core").InputSignal<string | null | undefined>;
|
|
12186
12273
|
/** App Color, `#rrggbb`. A neutral ground when unset. */
|
|
12187
12274
|
readonly appColor: import("@angular/core").InputSignal<string | null | undefined>;
|
|
12188
12275
|
/** The app's name (or AppLink): the accessible label and the letter fallback. */
|
|
12189
12276
|
readonly name: import("@angular/core").InputSignal<string | null | undefined>;
|
|
12277
|
+
/** Whose AppLogo to read from Store when `glyph`/`appColor`/`name` are unset. */
|
|
12278
|
+
readonly link: import("@angular/core").InputSignal<string | null | undefined>;
|
|
12279
|
+
readonly variant: import("@angular/core").InputSignal<AppLogoVariant>;
|
|
12280
|
+
readonly tone: import("@angular/core").InputSignal<AppLogoTone>;
|
|
12281
|
+
/** One CSS length for both sides; unset, the logo fills its box. */
|
|
12282
|
+
readonly size: import("@angular/core").InputSignal<string | null | undefined>;
|
|
12283
|
+
/** Store's answer for `link`, or the running app's own when nothing is handed in. */
|
|
12284
|
+
protected readonly lookup: import("@angular/core").Signal<AppLogoSource | undefined>;
|
|
12190
12285
|
protected readonly color: import("@angular/core").Signal<string | null>;
|
|
12286
|
+
protected readonly label: import("@angular/core").Signal<string>;
|
|
12191
12287
|
protected readonly shadow: import("@angular/core").Signal<string | null>;
|
|
12192
12288
|
protected readonly mask: import("@angular/core").Signal<string | undefined>;
|
|
12193
12289
|
protected readonly letter: import("@angular/core").Signal<string>;
|
|
@@ -12208,6 +12304,26 @@ export declare class AppLogoComponent {
|
|
|
12208
12304
|
"required": false;
|
|
12209
12305
|
"isSignal": true;
|
|
12210
12306
|
};
|
|
12307
|
+
"link": {
|
|
12308
|
+
"alias": "link";
|
|
12309
|
+
"required": false;
|
|
12310
|
+
"isSignal": true;
|
|
12311
|
+
};
|
|
12312
|
+
"variant": {
|
|
12313
|
+
"alias": "variant";
|
|
12314
|
+
"required": false;
|
|
12315
|
+
"isSignal": true;
|
|
12316
|
+
};
|
|
12317
|
+
"tone": {
|
|
12318
|
+
"alias": "tone";
|
|
12319
|
+
"required": false;
|
|
12320
|
+
"isSignal": true;
|
|
12321
|
+
};
|
|
12322
|
+
"size": {
|
|
12323
|
+
"alias": "size";
|
|
12324
|
+
"required": false;
|
|
12325
|
+
"isSignal": true;
|
|
12326
|
+
};
|
|
12211
12327
|
}, {}, never, never, true, never>;
|
|
12212
12328
|
}
|
|
12213
12329
|
/**
|
|
@@ -16708,4 +16824,4 @@ export declare const toggleUid: (audience: Audience, uid: string) => Audience;
|
|
|
16708
16824
|
export declare const toggleGroup: (audience: Audience, groupId: string) => Audience;
|
|
16709
16825
|
/** How many Users and Groups an Audience names. */
|
|
16710
16826
|
export declare const pickCount: (audience: Audience) => number;
|
|
16711
|
-
export type { Accordion, AccordionGroup, AccordionVariant, AppCardData, AppCardInputs, AppCardVariant, AppManifest, AppTileData, AssetOption, Audience, AudienceLevel, AudienceMember, AudiencePicker, AuthResult, Badge, BadgePosition, BadgeVariant, Button, ButtonGroup, CellChangeEvent, CellClickEvent, ColBreakpoint, ColSpan, ColorPallet, ColumnDef, Comment, CommentItem, Config, ContextMenu, ContextMenuEvent, Cursor, CustomIcon, DragListReorder, Draggable, DraggableState, FileUploadConfig, FileUploadEvent, FilterGroupContext, FilterGroupMember, FilterOption, FilterPanel, FilterPanelIo, FilterRangeMode, FilterSelectionMap, FilterValue, FilterVariant, FilteredTreeGrid, FlatTreeGridRow, FlexAlign, FlexAlignSelf, FlexConfig, FlexDirection, FlexItemConfig, FlexJustify, FlexVariant, GridAlignX, GridAlignY, GroupKind, Header, HeaderLevel, Icon, KeyValueVariant, LabelSegment, ListConfig, ListContext, ListItem, ListOrientation, ListVariant, MenuItem, MoneySystem, NavInstanceConfig, NavMenuConfig, NavRowsConfig, NavVisibilityConfig, NavVisibleAnswer, NavWidgetConfig, NavWidgetEntry, NavWidgetMap, OverlayWidgetLoader, OverlayWidgetMap, PageChangeEvent, Pagination, PaginationWindow, ResolvedUserTab, SearchChangeEvent, SectionAccordion, SectionAccordionGroup, SectionAccordionGroupContext, SectionAccordionRef, SectionButtonGroupConfig, SectionFilterGroupConfig, SectionHero, SectionHeroVariant, SectionTableAlign, SectionTableColumn, SectionTableConfig, SectionTableDataType, SectionTableSort, SectionTableSortDirection, SectionTableVariant, SectionToggleItem, SectionToggleItemContext, SelectionAction, SelectionActionEvent, SelectionChangeEvent, SelectorConfig, SharingClient, SharingGroup, SocketMessage, Sort, SortChange, SortChangeEvent, SortOption, SortOrder, SourceAudience, SpacingInward, SqueezeMode, StatAlign, StatCornerEdge, StatCornerPosition, StatCornerSide, StatSurface, StatVariant, TabGroup, TableConfig, TableFilterCondition, TableFilterDef, TextOrNumberInput, Timeline, TimelineItem, TreeGridCellClickEvent, TreeGridLoadChildrenEvent, TreeGridRow, TreeGridRowSelectEvent, TreeGridToggleEvent, User };
|
|
16827
|
+
export type { Accordion, AccordionGroup, AccordionVariant, AppCardData, AppCardInputs, AppCardVariant, AppLogoTone, AppLogoVariant, AppManifest, AppTileData, AssetOption, Audience, AudienceLevel, AudienceMember, AudiencePicker, AuthResult, Badge, BadgePosition, BadgeVariant, Button, ButtonGroup, CellChangeEvent, CellClickEvent, ColBreakpoint, ColSpan, ColorPallet, ColumnDef, Comment, CommentItem, Config, ContextMenu, ContextMenuEvent, Cursor, CustomIcon, DragListReorder, Draggable, DraggableState, FileUploadConfig, FileUploadEvent, FilterGroupContext, FilterGroupMember, FilterOption, FilterPanel, FilterPanelIo, FilterRangeMode, FilterSelectionMap, FilterValue, FilterVariant, FilteredTreeGrid, FlatTreeGridRow, FlexAlign, FlexAlignSelf, FlexConfig, FlexDirection, FlexItemConfig, FlexJustify, FlexVariant, GridAlignX, GridAlignY, GroupKind, Header, HeaderLevel, Icon, KeyValueVariant, LabelSegment, ListConfig, ListContext, ListItem, ListOrientation, ListVariant, MenuItem, MoneySystem, NavInstanceConfig, NavMenuConfig, NavRowsConfig, NavVisibilityConfig, NavVisibleAnswer, NavWidgetConfig, NavWidgetEntry, NavWidgetMap, OverlayWidgetLoader, OverlayWidgetMap, PageChangeEvent, Pagination, PaginationWindow, ResolvedUserTab, SearchChangeEvent, SectionAccordion, SectionAccordionGroup, SectionAccordionGroupContext, SectionAccordionRef, SectionButtonGroupConfig, SectionFilterGroupConfig, SectionHero, SectionHeroVariant, SectionTableAlign, SectionTableColumn, SectionTableConfig, SectionTableDataType, SectionTableSort, SectionTableSortDirection, SectionTableVariant, SectionToggleItem, SectionToggleItemContext, SelectionAction, SelectionActionEvent, SelectionChangeEvent, SelectorConfig, SharingClient, SharingGroup, SocketMessage, Sort, SortChange, SortChangeEvent, SortOption, SortOrder, SourceAudience, SpacingInward, SqueezeMode, StatAlign, StatCornerEdge, StatCornerPosition, StatCornerSide, StatSurface, StatVariant, TabGroup, TableConfig, TableFilterCondition, TableFilterDef, TextOrNumberInput, Timeline, TimelineItem, TreeGridCellClickEvent, TreeGridLoadChildrenEvent, TreeGridRow, TreeGridRowSelectEvent, TreeGridToggleEvent, User };
|