@magmonium/one 0.2.41 → 0.2.43
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-magmonium-one-9zQVQ0IY.mjs → magmonium-one-magmonium-one-C5whWXef.mjs} +284 -87
- package/fesm2022/magmonium-one-magmonium-one-C5whWXef.mjs.map +1 -0
- package/fesm2022/{magmonium-one-otp-BWGevRL7.mjs → magmonium-one-otp-COwJYVW6.mjs} +2 -2
- package/fesm2022/{magmonium-one-otp-BWGevRL7.mjs.map → magmonium-one-otp-COwJYVW6.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-password-CniB1rrR.mjs → magmonium-one-password-DUUhSEnp.mjs} +2 -2
- package/fesm2022/{magmonium-one-password-CniB1rrR.mjs.map → magmonium-one-password-DUUhSEnp.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-toggle-XdWXZ3w3.mjs → magmonium-one-toggle-CFYMEJcZ.mjs} +2 -2
- package/fesm2022/{magmonium-one-toggle-XdWXZ3w3.mjs.map → magmonium-one-toggle-CFYMEJcZ.mjs.map} +1 -1
- package/fesm2022/magmonium-one.mjs +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +157 -19
- package/fesm2022/magmonium-one-magmonium-one-9zQVQ0IY.mjs.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { signal, viewChildren, computed, inject, effect, afterRenderEffect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { a as BaseTextInputComponent, I as IS_DESIGN_MODE, L as LabelComponent, b as TextOutputComponent } from './magmonium-one-magmonium-one-
|
|
3
|
+
import { a as BaseTextInputComponent, I as IS_DESIGN_MODE, L as LabelComponent, b as TextOutputComponent } from './magmonium-one-magmonium-one-C5whWXef.mjs';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
|
|
6
6
|
class OtpInputComponent extends BaseTextInputComponent {
|
|
@@ -198,4 +198,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
198
198
|
}], ctorParameters: () => [], propDecorators: { otpInputs: [{ type: i0.ViewChildren, args: ['otpInput', { isSignal: true }] }] } });
|
|
199
199
|
|
|
200
200
|
export { OtpInputComponent };
|
|
201
|
-
//# sourceMappingURL=magmonium-one-otp-
|
|
201
|
+
//# sourceMappingURL=magmonium-one-otp-COwJYVW6.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"magmonium-one-otp-BWGevRL7.mjs","sources":["../../../../libs/one/src/lib/shared/ui/input/ui/text/otp.ts"],"sourcesContent":["import {\n afterRenderEffect,\n ChangeDetectionStrategy,\n Component,\n computed,\n effect,\n ElementRef,\n inject,\n signal,\n untracked,\n viewChildren,\n} from '@angular/core';\nimport { LabelComponent } from '../label';\nimport { TextOutputComponent } from '../../../text-output';\nimport { BaseTextInputComponent } from './base-text';\nimport { CommonModule } from '@angular/common';\nimport { OtpInput } from '../../model/input';\nimport { IS_DESIGN_MODE } from '../../../../config/tokens';\n\n@Component({\n selector: 'm-otp-input',\n template: `\n @if (otpConfig(); as otp) {\n <m-label\n [for]=\"otp.name\"\n [placeholder]=\"otp.label\"\n [params]=\"otp.params\"\n [required]=\"required()\"\n [disabled]=\"isDisabled()\"\n />\n <div class=\"otp-container\">\n @for (item of otpArray(); track $index) {\n <input\n [id]=\"$index === 0 ? (otp.name ?? '') : ''\"\n #otpInput\n type=\"text\"\n maxlength=\"1\"\n [class.error]=\"showErrors()\"\n [disabled]=\"isDisabled()\"\n [value]=\"otpValues()[$index] || ''\"\n (input)=\"onInput($event, $index)\"\n (keydown)=\"onKeyDown($event, $index)\"\n (paste)=\"onPaste($event)\"\n />\n }\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 `,\n styleUrl: './otp.sass',\n imports: [LabelComponent, TextOutputComponent, CommonModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OtpInputComponent extends BaseTextInputComponent<OtpInput> {\n otpValues = signal<string[]>([]);\n otpInputs = viewChildren<ElementRef<HTMLInputElement>>('otpInput');\n protected readonly otpConfig = computed(() => this.config() as OtpInput);\n otpArray = computed(() => {\n const length = this.otpConfig()?.length || 6;\n return Array(length).fill(0);\n });\n\n // Inert on the Canvas — other inputs stay idle because they never autofocus;\n // OTP used to steal focus and look live while composing (DesignMode).\n private readonly isDesignMode = !!inject(IS_DESIGN_MODE, { optional: true });\n protected readonly isDisabled = computed(\n () => this.isDesignMode || this.disabled()\n );\n\n // BaseText answers `focused` by focusing its `#inputElement`, and an OTP has\n // none — it has a row of boxes. Without this the caret never lands on an OTP\n // field, so the form that opens on one (login's verification step) reads as\n // dead until the User clicks it.\n private hasAutofocused = false;\n\n constructor() {\n super();\n effect(() => {\n const length = this.otpConfig()?.length || 6;\n this.otpValues.set(Array(length).fill(''));\n });\n\n afterRenderEffect(() => {\n const inputs = this.otpInputs();\n if (!this.focused() || !inputs.length || this.hasAutofocused) return;\n this.hasAutofocused = true;\n untracked(() => this.focusInput(0));\n });\n }\n\n onInput = (event: Event, index: number): void => {\n if (this.isDisabled()) return;\n const input = event.target as HTMLInputElement;\n let value = input.value;\n\n value = value.replace(/[^a-zA-Z0-9]/g, '');\n\n if (value.length > 1) {\n value = value.slice(-1);\n }\n\n input.value = value.toUpperCase();\n\n const newValues = [...this.otpValues()];\n newValues[index] = value.toUpperCase();\n this.otpValues.set(newValues);\n\n const length = this.otpConfig()?.length || 6;\n if (value && index < length - 1) {\n this.focusInput(index + 1);\n }\n this.updateValue();\n };\n\n onKeyDown = (event: KeyboardEvent, index: number): void => {\n if (this.isDisabled()) return;\n const input = event.target as HTMLInputElement;\n const length = this.otpConfig()?.length || 6;\n\n const isAlphaNumeric = /^[a-zA-Z0-9]$/.test(event.key);\n const isControlKey = [\n 'Backspace',\n 'Delete',\n 'ArrowLeft',\n 'ArrowRight',\n 'Tab',\n ].includes(event.key);\n\n if (!isAlphaNumeric && !isControlKey) {\n event.preventDefault();\n return;\n }\n\n if (event.key === 'Backspace') {\n if (!input.value && index > 0) {\n this.focusInput(index - 1);\n }\n }\n if (event.key === 'ArrowLeft' && index > 0) {\n event.preventDefault();\n this.focusInput(index - 1);\n }\n if (event.key === 'ArrowRight' && index < length - 1) {\n event.preventDefault();\n this.focusInput(index + 1);\n }\n };\n\n onPaste = (event: ClipboardEvent): void => {\n if (this.isDisabled()) return;\n event.preventDefault();\n event.stopPropagation();\n\n const length = this.otpConfig()?.length || 6;\n const pastedData = event.clipboardData?.getData('text') || '';\n\n const alphanumeric = pastedData\n .replace(/[^a-zA-Z0-9]/g, '')\n .slice(0, length);\n\n if (alphanumeric.length > 0) {\n const newValues = Array(length).fill('');\n alphanumeric.split('').forEach((char, index) => {\n if (index < length) {\n newValues[index] = char.toUpperCase();\n }\n });\n\n this.otpValues.set(newValues);\n this.updateValue();\n\n const focusIndex = Math.min(alphanumeric.length, length - 1);\n setTimeout(() => this.focusInput(focusIndex), 0);\n }\n };\n\n private focusInput(index: number): void {\n if (this.isDisabled()) return;\n const inputs = this.otpInputs();\n if (inputs[index]) {\n inputs[index].nativeElement.focus();\n }\n }\n\n private updateValue(): void {\n const otpValue = this.otpValues().join('');\n this.setValue(otpValue);\n }\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"magmonium-one-otp-COwJYVW6.mjs","sources":["../../../../libs/one/src/lib/shared/ui/input/ui/text/otp.ts"],"sourcesContent":["import {\n afterRenderEffect,\n ChangeDetectionStrategy,\n Component,\n computed,\n effect,\n ElementRef,\n inject,\n signal,\n untracked,\n viewChildren,\n} from '@angular/core';\nimport { LabelComponent } from '../label';\nimport { TextOutputComponent } from '../../../text-output';\nimport { BaseTextInputComponent } from './base-text';\nimport { CommonModule } from '@angular/common';\nimport { OtpInput } from '../../model/input';\nimport { IS_DESIGN_MODE } from '../../../../config/tokens';\n\n@Component({\n selector: 'm-otp-input',\n template: `\n @if (otpConfig(); as otp) {\n <m-label\n [for]=\"otp.name\"\n [placeholder]=\"otp.label\"\n [params]=\"otp.params\"\n [required]=\"required()\"\n [disabled]=\"isDisabled()\"\n />\n <div class=\"otp-container\">\n @for (item of otpArray(); track $index) {\n <input\n [id]=\"$index === 0 ? (otp.name ?? '') : ''\"\n #otpInput\n type=\"text\"\n maxlength=\"1\"\n [class.error]=\"showErrors()\"\n [disabled]=\"isDisabled()\"\n [value]=\"otpValues()[$index] || ''\"\n (input)=\"onInput($event, $index)\"\n (keydown)=\"onKeyDown($event, $index)\"\n (paste)=\"onPaste($event)\"\n />\n }\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 `,\n styleUrl: './otp.sass',\n imports: [LabelComponent, TextOutputComponent, CommonModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OtpInputComponent extends BaseTextInputComponent<OtpInput> {\n otpValues = signal<string[]>([]);\n otpInputs = viewChildren<ElementRef<HTMLInputElement>>('otpInput');\n protected readonly otpConfig = computed(() => this.config() as OtpInput);\n otpArray = computed(() => {\n const length = this.otpConfig()?.length || 6;\n return Array(length).fill(0);\n });\n\n // Inert on the Canvas — other inputs stay idle because they never autofocus;\n // OTP used to steal focus and look live while composing (DesignMode).\n private readonly isDesignMode = !!inject(IS_DESIGN_MODE, { optional: true });\n protected readonly isDisabled = computed(\n () => this.isDesignMode || this.disabled()\n );\n\n // BaseText answers `focused` by focusing its `#inputElement`, and an OTP has\n // none — it has a row of boxes. Without this the caret never lands on an OTP\n // field, so the form that opens on one (login's verification step) reads as\n // dead until the User clicks it.\n private hasAutofocused = false;\n\n constructor() {\n super();\n effect(() => {\n const length = this.otpConfig()?.length || 6;\n this.otpValues.set(Array(length).fill(''));\n });\n\n afterRenderEffect(() => {\n const inputs = this.otpInputs();\n if (!this.focused() || !inputs.length || this.hasAutofocused) return;\n this.hasAutofocused = true;\n untracked(() => this.focusInput(0));\n });\n }\n\n onInput = (event: Event, index: number): void => {\n if (this.isDisabled()) return;\n const input = event.target as HTMLInputElement;\n let value = input.value;\n\n value = value.replace(/[^a-zA-Z0-9]/g, '');\n\n if (value.length > 1) {\n value = value.slice(-1);\n }\n\n input.value = value.toUpperCase();\n\n const newValues = [...this.otpValues()];\n newValues[index] = value.toUpperCase();\n this.otpValues.set(newValues);\n\n const length = this.otpConfig()?.length || 6;\n if (value && index < length - 1) {\n this.focusInput(index + 1);\n }\n this.updateValue();\n };\n\n onKeyDown = (event: KeyboardEvent, index: number): void => {\n if (this.isDisabled()) return;\n const input = event.target as HTMLInputElement;\n const length = this.otpConfig()?.length || 6;\n\n const isAlphaNumeric = /^[a-zA-Z0-9]$/.test(event.key);\n const isControlKey = [\n 'Backspace',\n 'Delete',\n 'ArrowLeft',\n 'ArrowRight',\n 'Tab',\n ].includes(event.key);\n\n if (!isAlphaNumeric && !isControlKey) {\n event.preventDefault();\n return;\n }\n\n if (event.key === 'Backspace') {\n if (!input.value && index > 0) {\n this.focusInput(index - 1);\n }\n }\n if (event.key === 'ArrowLeft' && index > 0) {\n event.preventDefault();\n this.focusInput(index - 1);\n }\n if (event.key === 'ArrowRight' && index < length - 1) {\n event.preventDefault();\n this.focusInput(index + 1);\n }\n };\n\n onPaste = (event: ClipboardEvent): void => {\n if (this.isDisabled()) return;\n event.preventDefault();\n event.stopPropagation();\n\n const length = this.otpConfig()?.length || 6;\n const pastedData = event.clipboardData?.getData('text') || '';\n\n const alphanumeric = pastedData\n .replace(/[^a-zA-Z0-9]/g, '')\n .slice(0, length);\n\n if (alphanumeric.length > 0) {\n const newValues = Array(length).fill('');\n alphanumeric.split('').forEach((char, index) => {\n if (index < length) {\n newValues[index] = char.toUpperCase();\n }\n });\n\n this.otpValues.set(newValues);\n this.updateValue();\n\n const focusIndex = Math.min(alphanumeric.length, length - 1);\n setTimeout(() => this.focusInput(focusIndex), 0);\n }\n };\n\n private focusInput(index: number): void {\n if (this.isDisabled()) return;\n const inputs = this.otpInputs();\n if (inputs[index]) {\n inputs[index].nativeElement.focus();\n }\n }\n\n private updateValue(): void {\n const otpValue = this.otpValues().join('');\n this.setValue(otpValue);\n }\n}\n"],"names":[],"mappings":"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"}
|
package/fesm2022/{magmonium-one-password-CniB1rrR.mjs → magmonium-one-password-DUUhSEnp.mjs}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { a as BaseTextInputComponent, L as LabelComponent, b as TextOutputComponent, c as ButtonComponent, T as TranslatePipe } from './magmonium-one-magmonium-one-
|
|
3
|
+
import { a as BaseTextInputComponent, L as LabelComponent, b as TextOutputComponent, c as ButtonComponent, T as TranslatePipe } from './magmonium-one-magmonium-one-C5whWXef.mjs';
|
|
4
4
|
|
|
5
5
|
class PasswordInputComponent extends BaseTextInputComponent {
|
|
6
6
|
isPassword = signal(true, ...(ngDevMode ? [{ debugName: "isPassword" }] : /* istanbul ignore next */ []));
|
|
@@ -102,4 +102,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
102
102
|
}] });
|
|
103
103
|
|
|
104
104
|
export { PasswordInputComponent };
|
|
105
|
-
//# sourceMappingURL=magmonium-one-password-
|
|
105
|
+
//# sourceMappingURL=magmonium-one-password-DUUhSEnp.mjs.map
|
package/fesm2022/{magmonium-one-password-CniB1rrR.mjs.map → magmonium-one-password-DUUhSEnp.mjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"magmonium-one-password-
|
|
1
|
+
{"version":3,"file":"magmonium-one-password-DUUhSEnp.mjs","sources":["../../../../libs/one/src/lib/shared/ui/input/ui/text/password.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n signal,\n} from '@angular/core';\nimport { LabelComponent } from '../label';\nimport { TextOutputComponent } from '../../../text-output';\nimport { BaseTextInputComponent } from './base-text';\nimport { ButtonComponent } from '../../../button/ui/button';\nimport { TranslatePipe } from '../../../../pipe';\n\n@Component({\n selector: 'm-password-input',\n template: `\n @if (config(); as text) {\n <m-label\n [for]=\"text.name\"\n [placeholder]=\"text.label\"\n [params]=\"text.params\"\n [required]=\"required()\"\n [disabled]=\"disabled()\"\n />\n <div class=\"input-wrapper\">\n <input\n [id]=\"text.name ?? ''\"\n [value]=\"value()\"\n #inputElement\n [class.error]=\"showErrors()\"\n [disabled]=\"disabled()\"\n [placeholder]=\"(text.placeholder ?? '') | translate: text.params\"\n (input)=\"onInput($event)\"\n (focus)=\"isFocused.set(true)\"\n (blur)=\"isFocused.set(false); touched.set(true)\"\n [type]=\"type()\"\n />\n <m-one-button\n type=\"button\"\n [disabled]=\"disabled()\"\n [name]=\"button()\"\n [color]=\"iconColor()\"\n (clicked)=\"toggleType()\"\n />\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 `,\n imports: [LabelComponent, TextOutputComponent, ButtonComponent, TranslatePipe],\n styleUrl: './password.sass',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PasswordInputComponent extends BaseTextInputComponent {\n isPassword = signal<boolean>(true);\n type = computed(() => (this.isPassword() ? 'password' : 'text'));\n button = computed(() => (!this.isPassword() ? 'eye' : 'eye_close'));\n\n protected toggleType() {\n this.isPassword.update((now) => !now);\n }\n\n protected onInput(event: Event): void {\n const target = event.target as HTMLInputElement;\n this.setValue(target?.value ?? '');\n }\n}\n"],"names":[],"mappings":";;;;AA2DM,MAAO,sBAAuB,SAAQ,sBAAsB,CAAA;AAChE,IAAA,UAAU,GAAG,MAAM,CAAU,IAAI,iFAAC;IAClC,IAAI,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE,GAAG,UAAU,GAAG,MAAM,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IAChE,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,KAAK,GAAG,WAAW,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IAEzD,UAAU,GAAA;AAClB,QAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;IACvC;AAEU,IAAA,OAAO,CAAC,KAAY,EAAA;AAC5B,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;QAC/C,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC;IACpC;uGAZW,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA7CvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qqFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACS,cAAc,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,4YAAE,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIlE,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA/ClC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,QAAA,EAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCT,EAAA,CAAA,EAAA,OAAA,EACQ,CAAC,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,aAAa,CAAC,EAAA,eAAA,EAE7D,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,qqFAAA,CAAA,EAAA;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { model, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { B as BaseInputComponent, T as TranslatePipe } from './magmonium-one-magmonium-one-
|
|
3
|
+
import { B as BaseInputComponent, T as TranslatePipe } from './magmonium-one-magmonium-one-C5whWXef.mjs';
|
|
4
4
|
|
|
5
5
|
class ToggleInputComponent extends BaseInputComponent {
|
|
6
6
|
value = undefined;
|
|
@@ -59,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
59
59
|
}], ctorParameters: () => [], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }] } });
|
|
60
60
|
|
|
61
61
|
export { ToggleInputComponent };
|
|
62
|
-
//# sourceMappingURL=magmonium-one-toggle-
|
|
62
|
+
//# sourceMappingURL=magmonium-one-toggle-CFYMEJcZ.mjs.map
|
package/fesm2022/{magmonium-one-toggle-XdWXZ3w3.mjs.map → magmonium-one-toggle-CFYMEJcZ.mjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"magmonium-one-toggle-
|
|
1
|
+
{"version":3,"file":"magmonium-one-toggle-CFYMEJcZ.mjs","sources":["../../../../libs/one/src/lib/shared/ui/input/ui/toggle/toggle.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n model,\n ModelSignal,\n} from '@angular/core';\nimport { ToggleInput } from '../../model/input';\nimport { TranslatePipe } from '../../../../pipe/translate';\nimport {\n FormCheckboxControl,\n ValidationError,\n WithOptionalField,\n} from '@angular/forms/signals';\nimport { BaseInputComponent } from '../../lib/base-input';\n\n@Component({\n selector: 'm-toggle-input',\n template: `\n @if (config(); as toggle) {\n <div class=\"toggle\">\n <input\n [id]=\"toggle.name ?? ''\"\n [checked]=\"checked()\"\n (change)=\"onChange($event)\"\n type=\"checkbox\"\n />\n <label [attr.for]=\"toggle.name || null\">{{\n toggle.label | translate\n }}</label>\n </div>\n }\n `,\n imports: [TranslatePipe],\n styleUrl: './toggle.sass',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleInputComponent\n extends BaseInputComponent<ToggleInput>\n implements FormCheckboxControl\n{\n public value = undefined;\n public checked = model<boolean>(false) as ModelSignal<boolean>;\n public override config = input<Partial<ToggleInput> | undefined>();\n public override required = input<boolean>(false);\n public override disabled = input<boolean>(false);\n public override invalid = input<boolean>(false);\n public override touched = model<boolean>(false);\n public override focused = input<boolean>(false);\n public override errors = input<readonly WithOptionalField<ValidationError>[]>(\n []\n );\n public override showErrors = computed(() => this.touched() && this.invalid());\n\n /** Required by FormCheckboxControl interface */\n // public readonly checked: ModelSignal<boolean> = this.value; // Already defined above\n\n constructor() {\n super();\n }\n\n protected onChange(event: Event): void {\n const target = event.target as HTMLInputElement;\n this.checked.set(target?.checked ?? false);\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { A as ACCESS_DOMAINS, d as APP_CONTEXT_REF, e as ASSET_BASE_URL, f as AccordionBodyDirective, g as AccordionComponent, h as AccordionGroupComponent, i as ActionComponent, j as AnimatedGraphsComponent, k as AppCardComponent, l as AppRelationType, m as AppTileComponent, n as AssetStore, o as AssetUrlPipe, p as Assets, q as AuthActivityPageComponent, r as AuthApiService, s as AuthStore, t as AutosizeDirective, u as BadgeComponent, v as BandingComponent, w as BaseArrayInputComponent, x as BaseRootWebComponent, y as BaseWebComponent, c as ButtonComponent, z as ButtonGroupComponent, C as COMPONENT_INPUT_REGISTRY, D as CardComponent, E as CardWrapperComponent, F as CarouselComponent, G as ChartComponent, H as CheckboxInputComponent, J as ClearableInputComponent, K as ColComponent, M as ColorPickerInputComponent, N as CommentItemComponent, O as CommentsApiService, P as CommentsComponent, Q as CommentsStore, R as ComponentInputComponent, S as ComponentStepperComponent, U as ConfigComponent, V as ConfirmComponent, W as ContextMenuComponent, X as CustomIconClass, Y as CustomIconEditComponent, Z as DEFAULT_FILTER_RANGE_MODE, _ as DEFAULT_FILTER_VARIANT, $ as DEFAULT_NAV_PARAM, a0 as DEFAULT_NAV_SEGMENT, a1 as DEFAULT_SIZE, a2 as DashboardCardComponent, a3 as DateInputComponent, a4 as DatePickerComponent, a5 as DeviceService, a6 as DomService, a7 as Domain, a8 as DotGridComponent, a9 as DragListDirective, aa as DragListItemDirective, ab as DraggableDirective, ac as DropdownInputComponent, ad as FILTER_GROUP_CONTEXT, ae as FILTER_RANGE_MODES, af as FILTER_VARIANTS, ag as FLEX_VARIANTS, ah as FOLDER_PICK_LISTENER, ai as FORM_ASSET_FOLDER, aj as FileService, ak as FileUploadDirective, al as FileUploadInputComponent, am as FlexComponent, an as FlexItemComponent, ao as FormGroupComponent, ap as FrameComponent, aq as FreezeService, ar as GRID_BREAKPOINTS, as as GetNavService, at as HeaderComponent, au as HighlightDirective, av as HttpService, aw as ICON_SOURCE, I as IS_DESIGN_MODE, ax as IS_SIDE_PANEL, ay as IconComponent, az as ImgComponent, aA as InputType, aB as InstrumentScoreComponent, aC as InterceptorObservables, aD as JumbotronComponent, aE as KeyValueComponent, aF as LAYOUT_ASSET_FOLDER, aG as LOGIN_COMPONENT, aH as LOGIN_STORE, aI as LanguageComponent, aJ as
|
|
1
|
+
export { A as ACCESS_DOMAINS, d as APP_CONTEXT_REF, e as ASSET_BASE_URL, f as AccordionBodyDirective, g as AccordionComponent, h as AccordionGroupComponent, i as ActionComponent, j as AnimatedGraphsComponent, k as AppCardComponent, l as AppRelationType, m as AppTileComponent, n as AssetStore, o as AssetUrlPipe, p as Assets, q as AuthActivityPageComponent, r as AuthApiService, s as AuthStore, t as AutosizeDirective, u as BadgeComponent, v as BandingComponent, w as BaseArrayInputComponent, x as BaseRootWebComponent, y as BaseWebComponent, c as ButtonComponent, z as ButtonGroupComponent, C as COMPONENT_INPUT_REGISTRY, D as CardComponent, E as CardWrapperComponent, F as CarouselComponent, G as ChartComponent, H as CheckboxInputComponent, J as ClearableInputComponent, K as ColComponent, M as ColorPickerInputComponent, N as CommentItemComponent, O as CommentsApiService, P as CommentsComponent, Q as CommentsStore, R as ComponentInputComponent, S as ComponentStepperComponent, U as ConfigComponent, V as ConfirmComponent, W as ContextMenuComponent, X as CustomIconClass, Y as CustomIconEditComponent, Z as DEFAULT_FILTER_RANGE_MODE, _ as DEFAULT_FILTER_VARIANT, $ as DEFAULT_NAV_PARAM, a0 as DEFAULT_NAV_SEGMENT, a1 as DEFAULT_SIZE, a2 as DashboardCardComponent, a3 as DateInputComponent, a4 as DatePickerComponent, a5 as DeviceService, a6 as DomService, a7 as Domain, a8 as DotGridComponent, a9 as DragListDirective, aa as DragListItemDirective, ab as DraggableDirective, ac as DropdownInputComponent, ad as FILTER_GROUP_CONTEXT, ae as FILTER_RANGE_MODES, af as FILTER_VARIANTS, ag as FLEX_VARIANTS, ah as FOLDER_PICK_LISTENER, ai as FORM_ASSET_FOLDER, aj as FileService, ak as FileUploadDirective, al as FileUploadInputComponent, am as FlexComponent, an as FlexItemComponent, ao as FormGroupComponent, ap as FrameComponent, aq as FreezeService, ar as GRID_BREAKPOINTS, as as GetNavService, at as HeaderComponent, au as HighlightDirective, av as HttpService, aw as ICON_SOURCE, I as IS_DESIGN_MODE, ax as IS_SIDE_PANEL, ay as IconComponent, az as ImgComponent, aA as InputType, aB as InstrumentScoreComponent, aC as InterceptorObservables, aD as JumbotronComponent, aE as KeyValueComponent, aF as LAYOUT_ASSET_FOLDER, aG as LOGIN_COMPONENT, aH as LOGIN_STORE, aI as LanguageComponent, aJ as ListComponent, aK as LogoComponent, aL as MAG_SOCKET_EVENT, aM as MHeroColorDirective, aN as MHeroComponent, aO as MODAL_REF, aP as MODAL_STORE_REF, aQ as MRefDirective, aR as MStepComponent, aS as MURL_PARAM, aT as MURL_SEP, aU as ManifestEnrichmentService, aV as MenuComponent, aW as ModalDirective, aX as ModalRef, aY as ModalStore, aZ as MoneyPipe, a_ as MultiRangeInputComponent, a$ as MurlUrlSerializer, b0 as NAV_DEFAULT_MURL, b1 as NAV_ID_SEP, b2 as NAV_MAIN_BUTTONS, b3 as NAV_SEGMENT_RE, b4 as NAV_STORE_REF, b5 as NAV_WC_COMPONENTS, b6 as NAV_WIDGET_MAP, b7 as NavComponent, b8 as NavDetailsComponent, b9 as NavHeaderComponent, ba as NavMenuComponent, bb as NavStore, bc as NavTrailComponent, bd as NothingComponent, be as NotificationElementComponent, bf as NotificationGroupComponent, bg as NotificationPopupComponent, bh as NotificationService, bi as NotificationStore, bj as NotificationType, bk as NotificationWidgetComponent, bl as ONE_ASSET_BASE_URL, bm as OPTIONS_SOURCE, bn as OVERLAY_WIDGETS, bo as OneApp, bp as OptionsSourceDirective, bq as OverlayBodyComponent, br as OverlayRef, bs as OverlayService, bt as PLATFORM_BUTTON_NAV_IDS, bu as PLATFORM_EXTENSIBLE_NAV_IDS, bv as PLATFORM_NAV_MAP, bw as PLATFORM_ROOT_CHILDREN, bx as PaginationComponent, by as PanelComponent, bz as PercentagePipe, bA as PlaygroundComponent, bB as PositionDirective, bC as PwaInstallComponent, bD as ROOT_NAV, bE as RadioGroupComponent, bF as RadioInputComponent, bG as RangeInputComponent, bH as RatingInputComponent, bI as ReactiveElementComponent, bJ as RemoteComponent, bK as RemoteLoaderService, bL as ResizeElementComponent, bM as RouteContainer, bN as RowComponent, bO as SEARCH_QUERY, bP as SEARCH_RESULTS_EVENT, bQ as SECTION_ACCORDION_GROUP, bR as SECTION_FORM_CONTEXT, bS as SHARED_ICONS, bT as SIZE_CONTEXT, bU as ScoreComponent, bV as ScrollComponent, bW as ScrollService, bX as SearchPanelComponent, bY as SearchStore, bZ as SearchUserPanelComponent, b_ as SectionAccordionDirective, b$ as SectionAccordionGroupDirective, c0 as SectionBackComponent, c1 as SectionBadgesComponent, c2 as SectionButtonGroupComponent, c3 as SectionCardComponent, c4 as SectionCarouselComponent, c5 as SectionComponent, c6 as SectionFilterComponent, c7 as SectionFilterGroupComponent, c8 as SectionFilterMenuComponent, c9 as SectionFilterPanelComponent, ca as SectionFilterRangePanelComponent, cb as SectionFooterComponent, cc as SectionFormComponent, cd as SectionFormItemComponent, ce as SectionHeaderComponent, cf as SectionHeroComponent, cg as SectionPaginationComponent, ch as SectionSearchComponent, ci as SectionStepperComponent, cj as SectionTabsComponent, ck as SectionToggleComponent, cl as SectionToggleItemDirective, cm as SelectableCardInputComponent, cn as SelectorDirective, co as SettingsSearchBarComponent, cp as SettingsSearchService, cq as ShapeComponent, cr as SharedStoreRegistry, cs as SidePanelDirective, ct as Size, cu as SocketStore, cv as SortComponent, cw as StatComponent, cx as StepComponent, cy as StepperComponent, cz as StepsComponent, cA as StorageService, cB as StrokeLinecap, cC as StrokeLinejoin, cD as SummaryComponent, cE as SvgGeneratorComponent, cF as SvgGeneratorService, cG as SvgService, cH as TOTAL_COLUMNS, cI as TRANSLATION_SOURCE, cJ as TableComponent, cK as TechnicalMeterComponent, cL as TextInputComponent, b as TextOutputComponent, cM as TextareaInputComponent, cN as ThemeComponent, cO as ThemeDataService, cP as ThemeService, cQ as ThemeStore, cR as TimeAgoPipe, cS as TimelineComponent, cT as ToggleButtonComponent, cU as ToggleInputComponent, cV as ToggleRadioInputComponent, cW as ToolTipDirective, cX as TooltipComponent, T as TranslatePipe, cY as TranslateService, cZ as TreeGridComponent, c_ as URL_SEP, c$ as USER_STORE_REF, d0 as USER_TAB_MAP, d1 as UniverseComponent, d2 as UserApiService, d3 as UserAvatarComponent, d4 as UserComponent, d5 as UserNavComponent, d6 as UserSettingsComponent, d7 as UserStore, d8 as WC_ROUTE_CHANGED_EVENT, d9 as WC_SEARCH_GROUPS, da as WIN_USER_TAB_HOOK, db as WIN_USER_TAB_KEY, dc as WatermarkComponent, dd as WcRouterStore, de as WrapperInputComponent, df as anchorNavId, dg as applyColorsToElement, dh as assetOptions, di as bootstrapMagApp, dj as bootstrapPwaInstall, dk as buildWcBaseUrl, dl as calculateLuminance, dm as calculateRanks, dn as cellText, dp as checkFilterCondition, dq as childNavId, dr as classListSignal, ds as coerceSize, dt as cornerEdge, du as cornerSide, dv as createMap, dw as createPlatformNavMap, dx as deriveAvatarGradient, dy as deriveContrastColor, dz as deriveOppositeColor, dA as derivePropertyName, dB as emailValidation, dC as evaluate, dD as evaluateBool, dE as filterHoldsList, dF as filterHoldsOneBound, dG as filterHoldsOptions, dH as filterHoldsRange, dI as filterList, dJ as filterNumber, dK as filterNumberList, dL as filterOne, dM as filterPanelOf, dN as filterPanelWidth, dO as filterRange, dP as filterTreeGridRows, dQ as filterValueList, dR as filterValues, dS as flattenTreeGridRows, dT as formatBadgeCount, dU as fullName, dV as generateClipPath, dW as generateTransform, dX as getClassList, dY as getProperty, dZ as getScrollParent, d_ as getTierFromPreviewPath, d$ as getTreeGridRow, e0 as getUniqueId, e1 as getValue, e2 as hasErrorComputed, e3 as hexToRgb, e4 as hslToRgb, e5 as initMagmoniumApp, e6 as initialNotificationState, e7 as initialState, e8 as initials, e9 as injectAuthenticate, ea as injectInstallApp, eb as injectParentSize, ec as injectScrollSticky, ed as isButtonName, ee as isCancelledComputed, ef as isExtensiblePlatformNavId, eg as isJson, eh as isLoadingComputed, ei as isLocalhost, ej as isNavMenuConfig, ek as isNavRowsConfig, el as isPlatformNavId, em as isSize, en as isTierPreview, eo as isUrlLocalhost, ep as isValidNavId, eq as isValidNavSegment, er as isWebComponent, es as linkToId, et as linkToNav, eu as loadingActions, ev as mInterceptor, ew as manualValidation, ex as matchFieldValidation, ey as maxLengthValidation, ez as maxValidation, eA as mergePlatformNav, eB as mergeUnique, eC as mergeUniqueBy, eD as mergeUniqueWith, eE as minAgeValidation, eF as minLengthValidation, eG as minValidation, eH as miniMarkToHtml, eI as navIdChain, eJ as navIdFor, eK as navIdSegment, eL as navIdToRoutePath, eM as navIdToSegments, eN as navParamOf, eO as navToId, eP as normalizeAssetOptions, eQ as parentNavId, eR as parseAddress, eS as parseColor, eT as parsePatternNames, eU as patternValidation, eV as patternsValidation, eW as platformNavWidgets, eX as privateGuard, eY as processImageToSvg, eZ as provideAppContext, e_ as provideMagAppConfig, e$ as provideMagWcConfig, f0 as provideMagWcRoutes, f1 as provideModalComponents, f2 as provideMurlUrlSerializer, f3 as provideNavWidgets, f4 as provideOverlayWidgets, f5 as providePlatformNavWidgets, f6 as provideSearch, f7 as provideSizeContext, f8 as provideUserTabs, f9 as publicGuard, fa as readFieldPatterns, fb as renderAddress, fc as requiredValidation, fd as resolveConfigAsset, fe as resolveIconSize, ff as resolvePallet, fg as resolvePatternRules, fh as resolveSize, fi as rgbToHex, fj as rgbToHsl, fk as rowHasChildren, fl as samePatterns, fm as segmentsToNavId, fn as setProperty, fo as setTreeGridChildren, fp as settingsWidgets, fq as shouldShowBadge, fr as splitNavId, fs as splitOnMatch, ft as stringToColor, fu as toAttrBool, fv as toAttrNumber, fw as toCssLength, fx as toHostNavId, fy as toLength, fz as toLocalNavId, fA as toggleTreeGridRow, fB as unfetchedPlatformNav, fC as urlValidation } from './magmonium-one-magmonium-one-C5whWXef.mjs';
|
|
2
2
|
//# sourceMappingURL=magmonium-one.mjs.map
|
package/package.json
CHANGED
package/types/magmonium-one.d.ts
CHANGED
|
@@ -45,6 +45,7 @@ declare const LAYOUT_ASSET_FOLDER: {
|
|
|
45
45
|
readonly section_hero: "section_heroes";
|
|
46
46
|
readonly section_carousel: "section_carousels";
|
|
47
47
|
readonly text_output: "text_outputs";
|
|
48
|
+
readonly list: "lists";
|
|
48
49
|
};
|
|
49
50
|
|
|
50
51
|
declare const FORM_ASSET_FOLDER: {
|
|
@@ -2235,6 +2236,8 @@ declare class SectionHeaderComponent {
|
|
|
2235
2236
|
private readonly sectionContext;
|
|
2236
2237
|
protected readonly sidepanel: _angular_core.Signal<boolean>;
|
|
2237
2238
|
protected readonly noBorder: _angular_core.Signal<boolean>;
|
|
2239
|
+
protected readonly resolvedMaxWidth: _angular_core.Signal<string | undefined>;
|
|
2240
|
+
protected readonly boxAlign: _angular_core.Signal<"center" | "left" | "right">;
|
|
2238
2241
|
protected readonly isSticky: _angular_core.Signal<boolean>;
|
|
2239
2242
|
protected readonly hasMenu: _angular_core.Signal<boolean>;
|
|
2240
2243
|
protected readonly actionConfig: _angular_core.Signal<Button | undefined>;
|
|
@@ -2243,7 +2246,7 @@ declare class SectionHeaderComponent {
|
|
|
2243
2246
|
protected readonly toggleRotates: _angular_core.Signal<boolean>;
|
|
2244
2247
|
protected onToggleClick(): void;
|
|
2245
2248
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionHeaderComponent, never>;
|
|
2246
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionHeaderComponent, "m-section-header", never, { "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "subLabel": { "alias": "subLabel"; "required": false; "isSignal": true; }; "noTranslate": { "alias": "noTranslate"; "required": false; "isSignal": true; }; "params": { "alias": "params"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "menu": { "alias": "menu"; "required": false; "isSignal": true; }; "menuName": { "alias": "menuName"; "required": false; "isSignal": true; }; "visibilityRule": { "alias": "visibilityRule"; "required": false; "isSignal": true; }; "disableRule": { "alias": "disableRule"; "required": false; "isSignal": true; }; "extraData": { "alias": "extraData"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; "actionButton": { "alias": "actionButton"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "action": "action"; "back": "back"; }, never, ["*", "
|
|
2249
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionHeaderComponent, "m-section-header", never, { "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "subLabel": { "alias": "subLabel"; "required": false; "isSignal": true; }; "noTranslate": { "alias": "noTranslate"; "required": false; "isSignal": true; }; "params": { "alias": "params"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "menu": { "alias": "menu"; "required": false; "isSignal": true; }; "menuName": { "alias": "menuName"; "required": false; "isSignal": true; }; "visibilityRule": { "alias": "visibilityRule"; "required": false; "isSignal": true; }; "disableRule": { "alias": "disableRule"; "required": false; "isSignal": true; }; "extraData": { "alias": "extraData"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; "actionButton": { "alias": "actionButton"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "action": "action"; "back": "back"; }, never, ["*", "m-section-filter-group"], true, never>;
|
|
2247
2250
|
}
|
|
2248
2251
|
|
|
2249
2252
|
declare class SectionBackComponent {
|
|
@@ -3807,6 +3810,29 @@ declare function filterList(selection: FilterSelectionMap | undefined, name: str
|
|
|
3807
3810
|
* value of the type it now declares.
|
|
3808
3811
|
*/
|
|
3809
3812
|
declare function filterOne(selection: FilterSelectionMap | undefined, name: string): string | undefined;
|
|
3813
|
+
/**
|
|
3814
|
+
* One key read as the single number a Filter feeding a numeric target carries,
|
|
3815
|
+
* or `undefined` when the Filter holds nothing. What `filterOne` is for a
|
|
3816
|
+
* `string` target: a Filter's options are matched by `value` strings all the
|
|
3817
|
+
* way down (ADR 0026), so the text a group's map holds has to become a number
|
|
3818
|
+
* somewhere, and here is the one place it can be checked rather than asserted.
|
|
3819
|
+
*
|
|
3820
|
+
* Anything that is not a finite number reads as `undefined` — an empty string,
|
|
3821
|
+
* a label left behind by a variant flipped after a selection was made, `NaN`.
|
|
3822
|
+
* `Number('')` answering `0` is the convenient lie a numeric target must never
|
|
3823
|
+
* be handed: absent and zero are different answers to a query.
|
|
3824
|
+
*/
|
|
3825
|
+
declare function filterNumber(selection: FilterSelectionMap | undefined, name: string): number | undefined;
|
|
3826
|
+
/**
|
|
3827
|
+
* One key read as the number list a `many` numeric target holds. What
|
|
3828
|
+
* `filterList` is for a `string[]` target, narrowed the way `filterNumber`
|
|
3829
|
+
* narrows `filterOne`.
|
|
3830
|
+
*
|
|
3831
|
+
* An entry that is not a finite number drops out rather than landing as `NaN`:
|
|
3832
|
+
* a list is what a query sends as repeated parameters, and a `NaN` among them
|
|
3833
|
+
* is a parameter no backend can read. An absent key still reads as empty.
|
|
3834
|
+
*/
|
|
3835
|
+
declare function filterNumberList(selection: FilterSelectionMap | undefined, name: string): number[];
|
|
3810
3836
|
/**
|
|
3811
3837
|
* One Filter's own emit read as a list, whichever shape it was authored to
|
|
3812
3838
|
* carry — a standalone `multiple` Filter emits its list and a single-select one
|
|
@@ -4403,6 +4429,33 @@ declare class WrapperInputComponent<T extends Input = Input> extends ConfigCompo
|
|
|
4403
4429
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrapperInputComponent<any>, "m-input-wrapper", never, { "remote": { "alias": "remote"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "element": { "alias": "element"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "aclResolver": { "alias": "aclResolver"; "required": false; "isSignal": true; }; "formValues": { "alias": "formValues"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "state": "stateChange"; "act": "act"; "fieldKey": "fieldKey"; "fieldType": "fieldType"; }, ["projectedTemplate"], never, true, never>;
|
|
4404
4430
|
}
|
|
4405
4431
|
|
|
4432
|
+
type AssetOption = {
|
|
4433
|
+
id?: string;
|
|
4434
|
+
value?: string;
|
|
4435
|
+
label: string;
|
|
4436
|
+
icon?: string;
|
|
4437
|
+
disabled?: boolean;
|
|
4438
|
+
};
|
|
4439
|
+
declare function normalizeAssetOptions(data: AssetOption[] | AssetOption[][] | undefined): DropdownOption[];
|
|
4440
|
+
/**
|
|
4441
|
+
* The choices an OptionsSource resolves to, for whichever Field reads it —
|
|
4442
|
+
* Dropdown, SelectableCard, ToggleRadio. One resolver rather than one per
|
|
4443
|
+
* Field: the name means the same list wherever it is written, and a second
|
|
4444
|
+
* copy of this would be a second answer that could drift.
|
|
4445
|
+
*
|
|
4446
|
+
* The name comes from the `mOptions` directive on the Field's tag, which is
|
|
4447
|
+
* the spelling of the list key (ADR 0010). An `optionsAsset:` written in a
|
|
4448
|
+
* field asset is passed in by the Fields that still read one, and outranks the
|
|
4449
|
+
* directive — the nearer declaration wins, same order every other key follows.
|
|
4450
|
+
* The directive is injected rather than passed because an input created inside
|
|
4451
|
+
* a `m-section-form-item` sits under that item's host, where the directive is.
|
|
4452
|
+
*
|
|
4453
|
+
* OPTIONS_SOURCE is read ahead of the fetch, so a list held only in memory (a
|
|
4454
|
+
* visual editor's unsaved OptionSets) fills the Field without ever being a
|
|
4455
|
+
* file. Must be called from an injection context.
|
|
4456
|
+
*/
|
|
4457
|
+
declare function assetOptions(name?: () => string | undefined): Signal<DropdownOption[]>;
|
|
4458
|
+
|
|
4406
4459
|
interface InputModel {
|
|
4407
4460
|
placeholder?: string;
|
|
4408
4461
|
model?: string;
|
|
@@ -4623,25 +4676,109 @@ declare class FileUploadInputComponent extends BaseTextInputComponent<FileUpload
|
|
|
4623
4676
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadInputComponent, "m-file-upload-input", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
4624
4677
|
}
|
|
4625
4678
|
|
|
4626
|
-
|
|
4627
|
-
|
|
4679
|
+
/**
|
|
4680
|
+
* Which element the list renders as, and how its rows are marked.
|
|
4681
|
+
* `ordered` is an `<ol>` with a counter per row, `unordered` a `<ul>` with a
|
|
4682
|
+
* bullet, and `menu` a `<ul>` with no marker at all — the nav rows, which
|
|
4683
|
+
* carry a glyph of their own inside the row body.
|
|
4684
|
+
*/
|
|
4685
|
+
type ListVariant = 'unordered' | 'ordered' | 'menu';
|
|
4686
|
+
/** Which axis the rows run along. */
|
|
4687
|
+
type ListOrientation = 'vertical' | 'horizontal';
|
|
4688
|
+
/**
|
|
4689
|
+
* One row of a List — the SectionCarouselItem shape, and deliberately so: both
|
|
4690
|
+
* are a collection mapped to bodies drawn per row, so one emitted `.map()`
|
|
4691
|
+
* serves either (m-one-ui CardControl).
|
|
4692
|
+
*/
|
|
4693
|
+
interface ListItem {
|
|
4694
|
+
/** What the row is keyed and tracked by. */
|
|
4695
|
+
id: string;
|
|
4696
|
+
/**
|
|
4697
|
+
* The row's own text, for a List whose body is neither a component nor a
|
|
4698
|
+
* template. A TranslationAsset key unless `noTranslate` is set.
|
|
4699
|
+
*/
|
|
4700
|
+
label?: string;
|
|
4701
|
+
/**
|
|
4702
|
+
* The row this item was mapped from, handed back to an inline body through
|
|
4703
|
+
* the template context so it reads the whole of it without a second lookup.
|
|
4704
|
+
*/
|
|
4705
|
+
row?: unknown;
|
|
4706
|
+
/** Inputs for a row rendered by a mounted component rather than a template. */
|
|
4707
|
+
inputs?: Record<string, unknown>;
|
|
4708
|
+
}
|
|
4709
|
+
/** What an inline row body reads through its `let-` bindings. */
|
|
4710
|
+
interface ListContext {
|
|
4711
|
+
$implicit: ListItem;
|
|
4712
|
+
item: ListItem;
|
|
4713
|
+
row: unknown;
|
|
4714
|
+
index: number;
|
|
4715
|
+
first: boolean;
|
|
4716
|
+
last: boolean;
|
|
4717
|
+
}
|
|
4718
|
+
/**
|
|
4719
|
+
* A List's settings. Its collection and its row body are not among them —
|
|
4720
|
+
* those are `[data]`, `[element]` and `[template]`, the same three a
|
|
4721
|
+
* SectionCarousel takes, because neither a bound array nor a component class
|
|
4722
|
+
* can be written into a YAML asset.
|
|
4723
|
+
*/
|
|
4724
|
+
interface ListConfig extends Config {
|
|
4725
|
+
variant?: ListVariant;
|
|
4726
|
+
orientation?: ListOrientation;
|
|
4727
|
+
/** Space between rows. Number → em, any other CSS length passes through. */
|
|
4728
|
+
gap?: number | string;
|
|
4729
|
+
/**
|
|
4730
|
+
* A glyph in `mag_assets/icons/` drawn before every row, replacing the
|
|
4731
|
+
* marker the variant would otherwise draw — the bullet, or the counter.
|
|
4732
|
+
*/
|
|
4733
|
+
startIcon?: string;
|
|
4734
|
+
/**
|
|
4735
|
+
* The static source: rows authored in the asset rather than bound. A bare
|
|
4736
|
+
* string is a row that is only its label. Loses to `[data]` when both exist.
|
|
4737
|
+
*/
|
|
4738
|
+
items?: (string | ListItem)[];
|
|
4739
|
+
/** Whether a static `label` is printed as typed rather than resolved as a key. */
|
|
4740
|
+
noTranslate?: boolean;
|
|
4628
4741
|
}
|
|
4629
|
-
type Ul = Config & {
|
|
4630
|
-
icon?: string;
|
|
4631
|
-
variant?: UlVariant;
|
|
4632
|
-
spacing?: Size;
|
|
4633
|
-
};
|
|
4634
4742
|
|
|
4635
|
-
|
|
4636
|
-
|
|
4637
|
-
|
|
4638
|
-
|
|
4639
|
-
|
|
4640
|
-
|
|
4743
|
+
/**
|
|
4744
|
+
* An ordered or unordered list of rows, with the body of a row written inline
|
|
4745
|
+
* as a template, mounted per row as a component, or left as the row's own
|
|
4746
|
+
* label — the three ways a List is filled, over a collection that is either
|
|
4747
|
+
* authored in its asset or bound from a Screen.
|
|
4748
|
+
*
|
|
4749
|
+
* Its marker is drawn here rather than by `list-style`: the rows sit in a flex
|
|
4750
|
+
* container so `gap` and `orientation` mean anything at all, and a flex item
|
|
4751
|
+
* has no marker box. Which also makes `startIcon` a plain replacement for it.
|
|
4752
|
+
*/
|
|
4753
|
+
declare class ListComponent extends ConfigComponent<ListConfig> {
|
|
4754
|
+
subFolder: "lists";
|
|
4755
|
+
readonly data: _angular_core.InputSignal<ListItem[] | undefined>;
|
|
4756
|
+
readonly element: _angular_core.InputSignal<Type<unknown> | undefined>;
|
|
4757
|
+
readonly template: _angular_core.InputSignal<TemplateRef<ListContext> | undefined>;
|
|
4758
|
+
readonly variant: _angular_core.InputSignal<ListVariant | undefined>;
|
|
4759
|
+
readonly orientation: _angular_core.InputSignal<ListOrientation | undefined>;
|
|
4760
|
+
readonly gap: _angular_core.InputSignal<string | number | undefined>;
|
|
4761
|
+
readonly startIcon: _angular_core.InputSignal<string | undefined>;
|
|
4762
|
+
readonly items: _angular_core.InputSignal<(string | ListItem)[] | undefined>;
|
|
4763
|
+
readonly noTranslate: _angular_core.InputSignal<boolean | undefined>;
|
|
4764
|
+
protected readonly resolvedVariant: _angular_core.Signal<ListVariant>;
|
|
4765
|
+
protected readonly isOrdered: _angular_core.Signal<boolean>;
|
|
4766
|
+
protected readonly resolvedOrientation: _angular_core.Signal<ListOrientation>;
|
|
4767
|
+
protected readonly resolvedStartIcon: _angular_core.Signal<string | undefined>;
|
|
4768
|
+
protected readonly resolvedGap: _angular_core.Signal<string | undefined>;
|
|
4769
|
+
/**
|
|
4770
|
+
* What sits before a row, or nothing at all. A `menu` carries its glyphs
|
|
4771
|
+
* inside the row body, so it takes no marker unless one is named outright.
|
|
4772
|
+
*/
|
|
4773
|
+
protected readonly marker: _angular_core.Signal<"icon" | "counter" | "bullet" | undefined>;
|
|
4774
|
+
protected readonly rows: _angular_core.Signal<ListItem[]>;
|
|
4641
4775
|
protected readonly classNames: _angular_core.Signal<string>;
|
|
4642
|
-
|
|
4643
|
-
|
|
4644
|
-
|
|
4776
|
+
protected readonly rowInputs: (item: ListItem) => Record<string, unknown>;
|
|
4777
|
+
private readonly projectedTemplate;
|
|
4778
|
+
protected readonly rowTemplate: _angular_core.Signal<TemplateRef<ListContext> | undefined>;
|
|
4779
|
+
protected readonly rowContext: (item: ListItem, index: number, first: boolean, last: boolean) => ListContext;
|
|
4780
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListComponent, never>;
|
|
4781
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListComponent, "m-list, m-one-list", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "element": { "alias": "element"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "startIcon": { "alias": "startIcon"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "noTranslate": { "alias": "noTranslate"; "required": false; "isSignal": true; }; }, {}, ["projectedTemplate"], never, true, never>;
|
|
4645
4782
|
}
|
|
4646
4783
|
|
|
4647
4784
|
type Form = Config & {
|
|
@@ -7667,6 +7804,7 @@ declare class NavMenuComponent {
|
|
|
7667
7804
|
filterBySearch: _angular_core.InputSignal<boolean>;
|
|
7668
7805
|
size: typeof Size;
|
|
7669
7806
|
navList: _angular_core.Signal<BreadcrumbTrail[] | undefined>;
|
|
7807
|
+
rows: _angular_core.Signal<ListItem[]>;
|
|
7670
7808
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavMenuComponent, never>;
|
|
7671
7809
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavMenuComponent, "m-nav-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "baseUrl": { "alias": "baseUrl"; "required": false; "isSignal": true; }; "filterBySearch": { "alias": "filterBySearch"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7672
7810
|
}
|
|
@@ -9090,5 +9228,5 @@ interface AuthResult {
|
|
|
9090
9228
|
}
|
|
9091
9229
|
declare function injectAuthenticate(): () => Promise<AuthResult>;
|
|
9092
9230
|
|
|
9093
|
-
export { ACCESS_DOMAINS, APP_CONTEXT_REF, ASSET_BASE_URL, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppCardComponent, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, ButtonComponent, ButtonGroupComponent, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, CheckboxInputComponent, ClearableInputComponent, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, 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, LOGIN_COMPONENT, LOGIN_STORE, LanguageComponent, LogoComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, 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, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PositionDirective, PwaInstallComponent, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SHARED_ICONS, SIZE_CONTEXT, 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, 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, TableFilterCondition, 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,
|
|
9094
|
-
export type { Accordion, AccordionGroup, AccordionVariant, ActionNotification, Align, AnimatedGraphConfig, AnimatedGraphCurveInput, AppCardData, AppCardInputs, AppCardVariant, AppContextRef, AppHint, AppManifest, AppRelation, AppTileData, AuthEmailCreate404Response, AuthEmailCreate422Response, AuthEmailCreateRequest, AuthEmailCreateResponse, AuthIdentitiesListResponse, AuthOtpCreateRequest, AuthOtpCreateResponse, AuthOtpUpdateRequest, AuthOtpUpdateResponse, AuthPasswordCreateRequest, AuthPasswordCreateResponse, AuthPasswordCreateResponseTokens, AuthPasswordCreateResponseUser, AuthPasswordUpdateRequest, AuthPasswordUpdateResponse, AuthPasswordUpdateResponseTokens, AuthPasswordUpdateResponseUser, AuthResult, AuthSignupCreateRequest, AuthSignupCreateRequestUser, AuthSignupCreateResponse, AuthSignupCreateResponseTokens, AuthState, AuthUser, Badge, BadgePosition, BadgeVariant, BandingConfig, BreadCrumb, BreadcrumbTrail, Button, ButtonGroup, Carousel, CarouselIndicatorPosition, CarouselIndicatorShape, CarouselPosition, CarouselSlide, CellChangeEvent, CellClickEvent, Chart, ChartSeries, ColBreakpoint, ColSpan, ColorInput, ColorPallet, ColorPropertyType, ColumnDef, Comment, CommentItem, ComponentInput, Config, ConfirmOptions, ContextMenu, ContextMenuEvent, CropData, Cursor, CustomIcon, DateInput, Direction$2 as Direction, DotGridVariant, DragListReorder, Draggable, DraggableState, DropdownInput, DropdownOption, ElementType, FieldPatterns, FileUploadConfig, FileUploadEvent, FileUploadInput, FilterGroupContext, FilterGroupMember, FilterOption, FilterPanel, FilterPanelIo, FilterRangeMode, FilterSelectionMap, FilterValue, FilterVariant, FilteredTreeGrid, FlatTreeGridRow, FlexAlign, FlexAlignSelf, FlexConfig, FlexDirection, FlexItemConfig, FlexJustify, FlexVariant, FolderPickListener, Form, FormState, Genre, GridAlignX, GridAlignY, GridBreakpoint, Header, HeaderLevel, HeldShelf, HeroDataRecord, HeroDimensions, HslColor, Icon, Input, InputModel, InputSpan, InputState, InputValue, Jumbotron, JumbotronAnimation, KeyValueVariant, LabelSegment, LoadingActionsApi, LoginStoreContract, LogoVariant, MagAppConfigOptions, MagWcConfigOptions, ManualErrorValidator, MenuItem, Modal, ModalOverlayConfig, ModalStoreRef, ModalStoreTrigger, ModalTrigger, MoneySystem, MultiRangeInput, Nav, NavIdKey, NavKind, NavMap, NavMenuConfig, NavPresentation, NavRow, NavRowsConfig, NavStoreRef, NavWidgetConfig, NavWidgetEntry, NavWidgetMap, Notification, NotificationSeverity, NotificationState, NotificationUser, NumberInput, Option, OtpInput, OverlayConfig, OverlayWidgetLoader, OverlayWidgetMap, PageChangeEvent, Pagination, PaginationWindow, PanelOverlayConfig, PanelTrigger, PasswordInput, PatternRule, Position, QueryParams, QueryValue, RadioGroupInput, RadioInput, RangeInput, RatingInput, RemoteSelectorConfig, ResolvedUserTab, RgbColor, SearchChangeEvent, SearchInput, SearchResult, SearchSourceGroup, SearchState, SectionAccordion, SectionAccordionGroup, SectionAccordionGroupContext, SectionAccordionRef, SectionButtonGroupConfig, SectionCarousel, SectionCarouselContext, SectionCarouselItem, SectionFilterGroupConfig, SectionFormConfig, SectionFormContext, SectionHero, SectionHeroVariant, SectionToggleItem, SectionToggleItemContext, SelectableCardContext, SelectableCardInput, SelectableCardItem, SelectionAction, SelectionActionEvent, SelectionChangeEvent, SelectorConfig, Shape, ShapeType, ShapeVariant, SharedToken, SharedUser, SizeContext, SizeDeclarer, SocketMessage, Sort, SortChange, SortChangeEvent, SortOption, SortOrder, SqueezeMode, StatAlign, StatCornerEdge, StatCornerPosition, StatCornerSide, StatSurface, StatVariant, Step, Stepper, StepperResponsiveConfig, StepperStep, Steps, StickyBehavior, Summary, SummaryAction, SummaryRow, SummaryRowType, Svg, SvgGenOptions, SvgGeneratorCoreOptions, SvgGeneratorEditOptions, TabGroup, TableConfig, TableFilterDef, TextInput, TextNotification, TextOutputAlign, TextOutputConfig, TextOutputVariant, TextareaInput, Timeline, TimelineItem, ToggleInput, ToggleRadioInput, Tokens, TreeGridCellClickEvent, TreeGridLoadChildrenEvent, TreeGridRow, TreeGridRowSelectEvent, TreeGridToggleEvent, UniverseColorScheme, User, UserStoreRef, Version, Watermark, WebComponentConfig, WeeklyData };
|
|
9231
|
+
export { ACCESS_DOMAINS, APP_CONTEXT_REF, ASSET_BASE_URL, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppCardComponent, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, ButtonComponent, ButtonGroupComponent, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, CheckboxInputComponent, ClearableInputComponent, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, 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, LOGIN_COMPONENT, LOGIN_STORE, LanguageComponent, ListComponent, LogoComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, 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, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PositionDirective, PwaInstallComponent, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SHARED_ICONS, SIZE_CONTEXT, 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, 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, TableFilterCondition, 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_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, anchorNavId, applyColorsToElement, assetOptions, bootstrapMagApp, bootstrapPwaInstall, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkFilterCondition, childNavId, classListSignal, coerceSize, cornerEdge, cornerSide, createMap, createPlatformNavMap, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, emailValidation, evaluate, evaluateBool, 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, injectInstallApp, injectParentSize, injectScrollSticky, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLoadingComputed, isLocalhost, isNavMenuConfig, isNavRowsConfig, isPlatformNavId, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, mInterceptor, manualValidation, matchFieldValidation, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkToHtml, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navToId, normalizeAssetOptions, parentNavId, parseAddress, parseColor, parsePatternNames, patternValidation, patternsValidation, platformNavWidgets, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, renderAddress, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, segmentsToNavId, setProperty, setTreeGridChildren, settingsWidgets, shouldShowBadge, splitNavId, splitOnMatch, stringToColor, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleTreeGridRow, unfetchedPlatformNav, urlValidation };
|
|
9232
|
+
export type { Accordion, AccordionGroup, AccordionVariant, ActionNotification, Align, AnimatedGraphConfig, AnimatedGraphCurveInput, AppCardData, AppCardInputs, AppCardVariant, AppContextRef, AppHint, AppManifest, AppRelation, AppTileData, AssetOption, AuthEmailCreate404Response, AuthEmailCreate422Response, AuthEmailCreateRequest, AuthEmailCreateResponse, AuthIdentitiesListResponse, AuthOtpCreateRequest, AuthOtpCreateResponse, AuthOtpUpdateRequest, AuthOtpUpdateResponse, AuthPasswordCreateRequest, AuthPasswordCreateResponse, AuthPasswordCreateResponseTokens, AuthPasswordCreateResponseUser, AuthPasswordUpdateRequest, AuthPasswordUpdateResponse, AuthPasswordUpdateResponseTokens, AuthPasswordUpdateResponseUser, AuthResult, AuthSignupCreateRequest, AuthSignupCreateRequestUser, AuthSignupCreateResponse, AuthSignupCreateResponseTokens, AuthState, AuthUser, Badge, BadgePosition, BadgeVariant, BandingConfig, BreadCrumb, BreadcrumbTrail, Button, ButtonGroup, Carousel, CarouselIndicatorPosition, CarouselIndicatorShape, CarouselPosition, CarouselSlide, CellChangeEvent, CellClickEvent, Chart, ChartSeries, ColBreakpoint, ColSpan, ColorInput, ColorPallet, ColorPropertyType, ColumnDef, Comment, CommentItem, ComponentInput, Config, ConfirmOptions, ContextMenu, ContextMenuEvent, CropData, Cursor, CustomIcon, DateInput, Direction$2 as Direction, DotGridVariant, DragListReorder, Draggable, DraggableState, DropdownInput, DropdownOption, ElementType, FieldPatterns, FileUploadConfig, FileUploadEvent, FileUploadInput, FilterGroupContext, FilterGroupMember, FilterOption, FilterPanel, FilterPanelIo, FilterRangeMode, FilterSelectionMap, FilterValue, FilterVariant, FilteredTreeGrid, FlatTreeGridRow, FlexAlign, FlexAlignSelf, FlexConfig, FlexDirection, FlexItemConfig, FlexJustify, FlexVariant, FolderPickListener, Form, FormState, Genre, GridAlignX, GridAlignY, GridBreakpoint, Header, HeaderLevel, HeldShelf, HeroDataRecord, HeroDimensions, HslColor, Icon, Input, InputModel, InputSpan, InputState, InputValue, Jumbotron, JumbotronAnimation, KeyValueVariant, LabelSegment, ListConfig, ListContext, ListItem, ListOrientation, ListVariant, LoadingActionsApi, LoginStoreContract, LogoVariant, MagAppConfigOptions, MagWcConfigOptions, ManualErrorValidator, MenuItem, Modal, ModalOverlayConfig, ModalStoreRef, ModalStoreTrigger, ModalTrigger, MoneySystem, MultiRangeInput, Nav, NavIdKey, NavKind, NavMap, NavMenuConfig, NavPresentation, NavRow, NavRowsConfig, NavStoreRef, NavWidgetConfig, NavWidgetEntry, NavWidgetMap, Notification, NotificationSeverity, NotificationState, NotificationUser, NumberInput, Option, OtpInput, OverlayConfig, OverlayWidgetLoader, OverlayWidgetMap, PageChangeEvent, Pagination, PaginationWindow, PanelOverlayConfig, PanelTrigger, PasswordInput, PatternRule, Position, QueryParams, QueryValue, RadioGroupInput, RadioInput, RangeInput, RatingInput, RemoteSelectorConfig, ResolvedUserTab, RgbColor, SearchChangeEvent, SearchInput, SearchResult, SearchSourceGroup, SearchState, SectionAccordion, SectionAccordionGroup, SectionAccordionGroupContext, SectionAccordionRef, SectionButtonGroupConfig, SectionCarousel, SectionCarouselContext, SectionCarouselItem, SectionFilterGroupConfig, SectionFormConfig, SectionFormContext, SectionHero, SectionHeroVariant, SectionToggleItem, SectionToggleItemContext, SelectableCardContext, SelectableCardInput, SelectableCardItem, SelectionAction, SelectionActionEvent, SelectionChangeEvent, SelectorConfig, Shape, ShapeType, ShapeVariant, SharedToken, SharedUser, SizeContext, SizeDeclarer, SocketMessage, Sort, SortChange, SortChangeEvent, SortOption, SortOrder, SqueezeMode, StatAlign, StatCornerEdge, StatCornerPosition, StatCornerSide, StatSurface, StatVariant, Step, Stepper, StepperResponsiveConfig, StepperStep, Steps, StickyBehavior, Summary, SummaryAction, SummaryRow, SummaryRowType, Svg, SvgGenOptions, SvgGeneratorCoreOptions, SvgGeneratorEditOptions, TabGroup, TableConfig, TableFilterDef, TextInput, TextNotification, TextOutputAlign, TextOutputConfig, TextOutputVariant, TextareaInput, Timeline, TimelineItem, ToggleInput, ToggleRadioInput, Tokens, TreeGridCellClickEvent, TreeGridLoadChildrenEvent, TreeGridRow, TreeGridRowSelectEvent, TreeGridToggleEvent, UniverseColorScheme, User, UserStoreRef, Version, Watermark, WebComponentConfig, WeeklyData };
|