@magmonium/one 0.0.21 → 0.0.23
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-BTUIqlpo.mjs → magmonium-one-magmonium-one-C4_23tN6.mjs} +63 -17
- package/fesm2022/magmonium-one-magmonium-one-C4_23tN6.mjs.map +1 -0
- package/fesm2022/{magmonium-one-otp-BhkiCLpE.mjs → magmonium-one-otp-OCa3g_Zd.mjs} +27 -23
- package/fesm2022/magmonium-one-otp-OCa3g_Zd.mjs.map +1 -0
- package/fesm2022/{magmonium-one-password-B8R9zUXo.mjs → magmonium-one-password-ChQGlhBS.mjs} +2 -2
- package/fesm2022/{magmonium-one-password-B8R9zUXo.mjs.map → magmonium-one-password-ChQGlhBS.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-toggle-CHwozzos.mjs → magmonium-one-toggle-CXfxKBNQ.mjs} +2 -2
- package/fesm2022/{magmonium-one-toggle-CHwozzos.mjs.map → magmonium-one-toggle-CXfxKBNQ.mjs.map} +1 -1
- package/fesm2022/magmonium-one.mjs +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +7 -0
- package/fesm2022/magmonium-one-magmonium-one-BTUIqlpo.mjs.map +0 -1
- package/fesm2022/magmonium-one-otp-BhkiCLpE.mjs.map +0 -1
|
@@ -5987,6 +5987,25 @@ function deriveGroupClass(group) {
|
|
|
5987
5987
|
return classList.join(' ');
|
|
5988
5988
|
}
|
|
5989
5989
|
|
|
5990
|
+
/**
|
|
5991
|
+
* Published by both halves of the group seat — the asset-driven ButtonGroup and
|
|
5992
|
+
* the markup-composed SectionButtonGroup (CONTEXT.md `SectionButtonGroup`,
|
|
5993
|
+
* ADR 0009) — for the Buttons they hold, projected or rendered.
|
|
5994
|
+
*
|
|
5995
|
+
* Read by a Button to know it is one action among several rather than the one
|
|
5996
|
+
* action of whatever holds it. Inside a Section Form that flips the submit
|
|
5997
|
+
* default: a standalone Button in a form is that form's submit control, but a
|
|
5998
|
+
* group is a line of actions — `back`, `forget`, `save` — and defaulting all of
|
|
5999
|
+
* them to submit fires the form on the way out of it. In a group a Button is
|
|
6000
|
+
* the submit control only when it says `type="submit"`.
|
|
6001
|
+
*/
|
|
6002
|
+
const BUTTON_GROUP_CONTEXT = new InjectionToken('BUTTON_GROUP_CONTEXT');
|
|
6003
|
+
/** Every group provides it the same way, so neither half spells it out. */
|
|
6004
|
+
const provideButtonGroupContext = () => ({
|
|
6005
|
+
provide: BUTTON_GROUP_CONTEXT,
|
|
6006
|
+
useValue: true,
|
|
6007
|
+
});
|
|
6008
|
+
|
|
5990
6009
|
// A component's scalar settings ride on its tag (ADR 0010), and an attribute
|
|
5991
6010
|
// is a string even when the value is not. These are what a
|
|
5992
6011
|
// `resolveComponentOverrides()` runs an attribute through before folding it
|
|
@@ -6430,17 +6449,32 @@ class ButtonComponent extends ReactiveElementComponent {
|
|
|
6430
6449
|
sectionForm = inject(SECTION_FORM_CONTEXT, {
|
|
6431
6450
|
optional: true,
|
|
6432
6451
|
});
|
|
6452
|
+
// Present only inside a ButtonGroup or SectionButtonGroup. What tells this
|
|
6453
|
+
// Button it is one action among several rather than the action of whatever
|
|
6454
|
+
// holds it.
|
|
6455
|
+
buttonGroup = inject(BUTTON_GROUP_CONTEXT, {
|
|
6456
|
+
optional: true,
|
|
6457
|
+
});
|
|
6433
6458
|
// A Button inside a Section Form submits it. A navigating Button is excluded:
|
|
6434
6459
|
// its click already goes somewhere, and submitting on the way out would save
|
|
6435
6460
|
// a form the User was leaving. `type: 'button'` opts the rest out.
|
|
6436
6461
|
// A form on a visual editor's Canvas is a picture of a form, and its empty
|
|
6437
6462
|
// fields make it invalid from the first render — a submit that locked on
|
|
6438
6463
|
// that would show the designer a greyed-out Button they never configured.
|
|
6439
|
-
|
|
6440
|
-
|
|
6441
|
-
|
|
6442
|
-
|
|
6443
|
-
|
|
6464
|
+
// In a group the default inverts: a line of actions is `back`, `forget` and
|
|
6465
|
+
// `save` together, and submitting on each of them fires the form on the way
|
|
6466
|
+
// out of it, so there the Button has to say `type="submit"` to be its submit
|
|
6467
|
+
// control.
|
|
6468
|
+
isFormSubmit = computed(() => {
|
|
6469
|
+
if (!this.sectionForm || this.isDesignMode)
|
|
6470
|
+
return false;
|
|
6471
|
+
const config = this.config();
|
|
6472
|
+
if (config?.nav || config?.href)
|
|
6473
|
+
return false;
|
|
6474
|
+
if (this.buttonGroup)
|
|
6475
|
+
return config?.type === 'submit';
|
|
6476
|
+
return config?.type !== 'button';
|
|
6477
|
+
}, ...(ngDevMode ? [{ debugName: "isFormSubmit" }] : /* istanbul ignore next */ []));
|
|
6444
6478
|
// The form's own lock, on top of whatever the config already disables: an
|
|
6445
6479
|
// invalid or disabled form has nothing to submit, so its submit control says
|
|
6446
6480
|
// so rather than swallowing the click.
|
|
@@ -7483,7 +7517,10 @@ class ButtonGroupComponent extends ConfigComponent {
|
|
|
7483
7517
|
}));
|
|
7484
7518
|
};
|
|
7485
7519
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7486
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ButtonGroupComponent, isStandalone: true, selector: "m-button-group, m-one-button-group", inputs: { buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: false, transformFunction: null }, names: { classPropertyName: "names", publicName: "names", isSignal: true, isRequired: false, transformFunction: null }, exclude: { classPropertyName: "exclude", publicName: "exclude", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "style.font-size": "sizeLength()" } }, providers: [
|
|
7520
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ButtonGroupComponent, isStandalone: true, selector: "m-button-group, m-one-button-group", inputs: { buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: false, transformFunction: null }, names: { classPropertyName: "names", publicName: "names", isSignal: true, isRequired: false, transformFunction: null }, exclude: { classPropertyName: "exclude", publicName: "exclude", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "style.font-size": "sizeLength()" } }, providers: [
|
|
7521
|
+
provideSizeContext(ButtonGroupComponent),
|
|
7522
|
+
provideButtonGroupContext(),
|
|
7523
|
+
], usesInheritance: true, ngImport: i0, template: `
|
|
7487
7524
|
@if (config(); as group) {
|
|
7488
7525
|
<div
|
|
7489
7526
|
class="button-group {{ classList() }}"
|
|
@@ -7589,7 +7626,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
7589
7626
|
// The one non-Section that may declare a Size, because a cluster of
|
|
7590
7627
|
// actions routinely needs to differ from the region holding it (ADR 0008).
|
|
7591
7628
|
'[style.font-size]': 'sizeLength()',
|
|
7592
|
-
}, providers: [
|
|
7629
|
+
}, providers: [
|
|
7630
|
+
provideSizeContext(ButtonGroupComponent),
|
|
7631
|
+
provideButtonGroupContext(),
|
|
7632
|
+
], styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}m-button-group .button-group:not(.is-context),m-one-button-group .button-group:not(.is-context){display:flex;flex-wrap:wrap;align-items:stretch;gap:.375em}m-button-group .button-group:not(.is-context).vertical,m-one-button-group .button-group:not(.is-context).vertical{flex-direction:column;align-items:center}m-button-group .button-group:not(.is-context).horizontal,m-one-button-group .button-group:not(.is-context).horizontal{flex-direction:row;align-items:center}m-button-group .button-group:not(.is-context).align-right,m-one-button-group .button-group:not(.is-context).align-right{justify-content:flex-end}m-button-group .button-group:not(.is-context).align-center,m-button-group .button-group:not(.is-context).center,m-one-button-group .button-group:not(.is-context).align-center,m-one-button-group .button-group:not(.is-context).center{justify-content:center}m-button-group .button-group:not(.is-context).align-left,m-one-button-group .button-group:not(.is-context).align-left{justify-content:flex-start}m-button-group .button-group.is-context,m-one-button-group .button-group.is-context{--m-grp-height: var(--m-button-group-height, 2.75em);--m-grp-radius: var(--m-button-group-radius, .875em);display:inline-flex;align-items:stretch;height:var(--m-grp-height);border-radius:var(--m-grp-radius);background:transparent;overflow:visible;position:relative;gap:.375em;will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context.is-primary,m-one-button-group .button-group.is-context.is-primary{background:var(--m-button-group-color-opposite, var(--m-one-button-group-color-opposite, var(--m-mm-dark)));--m-button-color-contrast: var(--m-inverse-text);--m-button-hover-background: rgba(0, 0, 0, .12)}m-button-group .button-group.is-context.is-primary m-button,m-button-group .button-group.is-context.is-primary m-one-button,m-button-group .button-group.is-context.is-primary .m-button,m-button-group .button-group.is-context.is-primary .m-one-button,m-one-button-group .button-group.is-context.is-primary m-button,m-one-button-group .button-group.is-context.is-primary m-one-button,m-one-button-group .button-group.is-context.is-primary .m-button,m-one-button-group .button-group.is-context.is-primary .m-one-button{--m-button-hover-background: rgba(0, 0, 0, .1)}m-button-group .button-group.is-context.is-primary m-context-menu,m-button-group .button-group.is-context.is-primary m-one-context-menu,m-button-group .button-group.is-context.is-primary .m-context-menu,m-one-button-group .button-group.is-context.is-primary m-context-menu,m-one-button-group .button-group.is-context.is-primary m-one-context-menu,m-one-button-group .button-group.is-context.is-primary .m-context-menu{--m-action-dots-hover-icon-color: var(--m-inverse-text)}m-button-group .button-group.is-context.is-primary m-context-menu:hover,m-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-button-group .button-group.is-context.is-primary .m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-one-button-group .button-group.is-context.is-primary .m-context-menu:hover{background:#00000026}m-button-group .button-group.is-context:hover,m-one-button-group .button-group.is-context:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001a}m-button-group .button-group.is-context:active,m-one-button-group .button-group.is-context:active{transform:scale(.98)}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{flex:1;z-index:2;height:100%;--m-button-border: none;--m-button-radius: 0;--m-button-padding: 0 1.25rem;--m-button-background: transparent;--m-button-hover-background: rgba(0, 0, 0, .05);transition:all .3s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:var(--m-grp-radius)!important;border-bottom-left-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-button button:hover,m-button-group .button-group.is-context m-one-button button:hover,m-button-group .button-group.is-context .m-button button:hover,m-button-group .button-group.is-context .m-one-button button:hover,m-one-button-group .button-group.is-context m-button button:hover,m-one-button-group .button-group.is-context m-one-button button:hover,m-one-button-group .button-group.is-context .m-button button:hover,m-one-button-group .button-group.is-context .m-one-button button:hover{transform:none!important;box-shadow:none!important}m-button-group .button-group.is-context m-button button:active,m-button-group .button-group.is-context m-one-button button:active,m-button-group .button-group.is-context .m-button button:active,m-button-group .button-group.is-context .m-one-button button:active,m-one-button-group .button-group.is-context m-button button:active,m-one-button-group .button-group.is-context m-one-button button:active,m-one-button-group .button-group.is-context .m-button button:active,m-one-button-group .button-group.is-context .m-one-button button:active{transform:none!important}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{--m-button-radius: var(--m-grp-radius)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu,m-button-group .button-group.is-context m-one-context-menu,m-button-group .button-group.is-context .m-context-menu,m-one-button-group .button-group.is-context m-context-menu,m-one-button-group .button-group.is-context m-one-context-menu,m-one-button-group .button-group.is-context .m-context-menu{display:flex;align-items:center;justify-content:center;width:var(--m-grp-height);height:100%;z-index:2;transition:all .4s cubic-bezier(.16,1,.3,1);border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important;overflow:hidden;--m-action-dots-padding: 0;--m-action-dots-width: 100%;--m-action-dots-height: 100%;--m-action-dots-icon-color: var(--m-text-secondary);--m-action-dots-icon-opacity: .7;--m-action-dots-hover-icon-color: var(--m-mm);--m-action-dots-hover-icon-opacity: 1;--m-action-dots-hover-icon-transform: scale(1.1)}m-button-group .button-group.is-context m-context-menu .action-dots,m-button-group .button-group.is-context m-one-context-menu .action-dots,m-button-group .button-group.is-context .m-context-menu .action-dots,m-one-button-group .button-group.is-context m-context-menu .action-dots,m-one-button-group .button-group.is-context m-one-context-menu .action-dots,m-one-button-group .button-group.is-context .m-context-menu .action-dots{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu:hover,m-button-group .button-group.is-context m-one-context-menu:hover,m-button-group .button-group.is-context .m-context-menu:hover,m-one-button-group .button-group.is-context m-context-menu:hover,m-one-button-group .button-group.is-context m-one-context-menu:hover,m-one-button-group .button-group.is-context .m-context-menu:hover{background:#0000000f}\n"] }]
|
|
7593
7633
|
}], ctorParameters: () => [], propDecorators: { buttons: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttons", required: false }] }], names: [{ type: i0.Input, args: [{ isSignal: true, alias: "names", required: false }] }], exclude: [{ type: i0.Input, args: [{ isSignal: true, alias: "exclude", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
|
|
7594
7634
|
|
|
7595
7635
|
class ToggleButtonComponent extends ConfigComponent {
|
|
@@ -11564,7 +11604,10 @@ class SectionButtonGroupComponent extends ConfigComponent {
|
|
|
11564
11604
|
resolvedVariant = computed(() => this.variant() ?? this.config()?.variant ?? 'spaced', ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
|
|
11565
11605
|
resolvedAlign = computed(() => this.align() ?? this.config()?.align ?? 'left', ...(ngDevMode ? [{ debugName: "resolvedAlign" }] : /* istanbul ignore next */ []));
|
|
11566
11606
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11567
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: SectionButtonGroupComponent, isStandalone: true, selector: "m-section-button-group", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.vertical": "resolvedVertical()", "class.horizontal": "!resolvedVertical()", "class.is-joined": "resolvedVariant() === \"joined\"", "class.is-full-width": "resolvedFullWidth()", "class.align-left": "resolvedAlign() === \"left\"", "class.align-center": "resolvedAlign() === \"center\"", "class.align-right": "resolvedAlign() === \"right\"", "class.is-design-mode": "isDesignMode", "style.font-size": "sizeLength()", "style.--input-size": "sizeLength()" } }, providers: [
|
|
11607
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: SectionButtonGroupComponent, isStandalone: true, selector: "m-section-button-group", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.vertical": "resolvedVertical()", "class.horizontal": "!resolvedVertical()", "class.is-joined": "resolvedVariant() === \"joined\"", "class.is-full-width": "resolvedFullWidth()", "class.align-left": "resolvedAlign() === \"left\"", "class.align-center": "resolvedAlign() === \"center\"", "class.align-right": "resolvedAlign() === \"right\"", "class.is-design-mode": "isDesignMode", "style.font-size": "sizeLength()", "style.--input-size": "sizeLength()" } }, providers: [
|
|
11608
|
+
provideSizeContext(SectionButtonGroupComponent),
|
|
11609
|
+
provideButtonGroupContext(),
|
|
11610
|
+
], usesInheritance: true, ngImport: i0, template: `
|
|
11568
11611
|
<ng-content select="m-button, m-one-button" />
|
|
11569
11612
|
<ng-content />
|
|
11570
11613
|
`, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}m-section-button-group{display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;--m-button-size: var(--input-size, 1em);gap:calc(var(--input-size, 1em) * .375)}m-section-button-group.is-design-mode{min-width:4em;min-height:4em}m-section-button-group.horizontal{flex-direction:row}m-section-button-group.vertical{flex-direction:column}m-section-button-group.align-left{justify-content:flex-start}m-section-button-group.align-center{justify-content:center}m-section-button-group.align-right{justify-content:flex-end}m-section-button-group.is-full-width{width:100%}m-section-button-group.is-full-width.horizontal>*{flex:1 1 0;min-width:0}m-section-button-group.is-full-width.vertical{align-items:stretch}m-section-button-group.is-joined{gap:0;flex-wrap:nowrap}m-section-button-group.is-joined>*{position:relative}m-section-button-group.is-joined>* button{border-radius:0!important}m-section-button-group.is-joined>*:hover,m-section-button-group.is-joined>*:focus-within{z-index:1}m-section-button-group.is-joined.horizontal>*+*{margin-left:-2px}m-section-button-group.is-joined.horizontal>*:first-child button{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}m-section-button-group.is-joined.horizontal>*:last-child button{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important}m-section-button-group.is-joined.vertical{align-items:stretch}m-section-button-group.is-joined.vertical>*+*{margin-top:-2px}m-section-button-group.is-joined.vertical>*:first-child button{border-top-left-radius:4px!important;border-top-right-radius:4px!important}m-section-button-group.is-joined.vertical>*:last-child button{border-bottom-left-radius:4px!important;border-bottom-right-radius:4px!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
@@ -11590,7 +11633,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
11590
11633
|
// Button geometry tracks `--input-size`, so a declared Size reaches the
|
|
11591
11634
|
// group's gap and its Buttons' boxes, not just the type on them.
|
|
11592
11635
|
'[style.--input-size]': 'sizeLength()',
|
|
11593
|
-
}, providers: [
|
|
11636
|
+
}, providers: [
|
|
11637
|
+
provideSizeContext(SectionButtonGroupComponent),
|
|
11638
|
+
provideButtonGroupContext(),
|
|
11639
|
+
], styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}m-section-button-group{display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;--m-button-size: var(--input-size, 1em);gap:calc(var(--input-size, 1em) * .375)}m-section-button-group.is-design-mode{min-width:4em;min-height:4em}m-section-button-group.horizontal{flex-direction:row}m-section-button-group.vertical{flex-direction:column}m-section-button-group.align-left{justify-content:flex-start}m-section-button-group.align-center{justify-content:center}m-section-button-group.align-right{justify-content:flex-end}m-section-button-group.is-full-width{width:100%}m-section-button-group.is-full-width.horizontal>*{flex:1 1 0;min-width:0}m-section-button-group.is-full-width.vertical{align-items:stretch}m-section-button-group.is-joined{gap:0;flex-wrap:nowrap}m-section-button-group.is-joined>*{position:relative}m-section-button-group.is-joined>* button{border-radius:0!important}m-section-button-group.is-joined>*:hover,m-section-button-group.is-joined>*:focus-within{z-index:1}m-section-button-group.is-joined.horizontal>*+*{margin-left:-2px}m-section-button-group.is-joined.horizontal>*:first-child button{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}m-section-button-group.is-joined.horizontal>*:last-child button{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important}m-section-button-group.is-joined.vertical{align-items:stretch}m-section-button-group.is-joined.vertical>*+*{margin-top:-2px}m-section-button-group.is-joined.vertical>*:first-child button{border-top-left-radius:4px!important;border-top-right-radius:4px!important}m-section-button-group.is-joined.vertical>*:last-child button{border-bottom-left-radius:4px!important;border-bottom-right-radius:4px!important}\n"] }]
|
|
11594
11640
|
}], propDecorators: { vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }] } });
|
|
11595
11641
|
|
|
11596
11642
|
function getTabsClassList(config) {
|
|
@@ -15096,7 +15142,7 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
15096
15142
|
break;
|
|
15097
15143
|
}
|
|
15098
15144
|
case InputType.TOGGLE: {
|
|
15099
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
15145
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-CXfxKBNQ.mjs');
|
|
15100
15146
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
15101
15147
|
break;
|
|
15102
15148
|
}
|
|
@@ -15108,12 +15154,12 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
15108
15154
|
break;
|
|
15109
15155
|
}
|
|
15110
15156
|
case InputType.PASSWORD: {
|
|
15111
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
15157
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-ChQGlhBS.mjs');
|
|
15112
15158
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
15113
15159
|
break;
|
|
15114
15160
|
}
|
|
15115
15161
|
case InputType.OTP: {
|
|
15116
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
15162
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-OCa3g_Zd.mjs');
|
|
15117
15163
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
15118
15164
|
break;
|
|
15119
15165
|
}
|
|
@@ -17899,7 +17945,7 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
17899
17945
|
break;
|
|
17900
17946
|
}
|
|
17901
17947
|
case InputType.TOGGLE: {
|
|
17902
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
17948
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-CXfxKBNQ.mjs');
|
|
17903
17949
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
17904
17950
|
break;
|
|
17905
17951
|
}
|
|
@@ -17911,12 +17957,12 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
17911
17957
|
break;
|
|
17912
17958
|
}
|
|
17913
17959
|
case InputType.PASSWORD: {
|
|
17914
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
17960
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-ChQGlhBS.mjs');
|
|
17915
17961
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
17916
17962
|
break;
|
|
17917
17963
|
}
|
|
17918
17964
|
case InputType.OTP: {
|
|
17919
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
17965
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-OCa3g_Zd.mjs');
|
|
17920
17966
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
17921
17967
|
break;
|
|
17922
17968
|
}
|
|
@@ -30980,5 +31026,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
30980
31026
|
* Generated bundle index. Do not edit.
|
|
30981
31027
|
*/
|
|
30982
31028
|
|
|
30983
|
-
export {
|
|
30984
|
-
//# sourceMappingURL=magmonium-one-magmonium-one-
|
|
31029
|
+
export { DeviceService as $, ACCESS_DOMAINS as A, BaseInputComponent as B, COLOR_SCHEMES$1 as C, CarouselComponent as D, ChartComponent as E, CheckboxInputComponent as F, ClearableInputComponent as G, ColComponent as H, IS_DESIGN_MODE as I, ColorPickerInputComponent as J, CommentItemComponent as K, LabelComponent as L, CommentsApiService as M, CommentsComponent as N, CommentsStore as O, ComponentInputComponent as P, ComponentStepperComponent as Q, ConfigComponent as R, ConfirmComponent as S, TranslatePipe as T, ContextMenuComponent as U, CustomIconClass as V, CustomIconEditComponent as W, DEFAULT_SIZE as X, DashboardCardComponent as Y, DateInputComponent as Z, DatePickerComponent as _, BaseTextInputComponent as a, NAV_MAIN_BUTTONS as a$, DomService as a0, Domain as a1, DotGridComponent as a2, DragListDirective as a3, DragListItemDirective as a4, DraggableDirective as a5, DropdownInputComponent as a6, FLEX_VARIANTS as a7, FOLDER_PICK_LISTENER as a8, FORM_ASSET_FOLDER as a9, LOGIN_PROCESS as aA, LOGIN_STORE as aB, LanguageComponent as aC, LoginDataService as aD, LoginOneComponent as aE, LoginStore as aF, LogoComponent as aG, MAG_SOCKET_EVENT as aH, MHeroColorDirective as aI, MHeroComponent as aJ, MODAL_REF as aK, MODAL_STORE_REF as aL, MRefDirective as aM, MStepComponent as aN, MURL_PARAM as aO, MURL_SEP as aP, ManifestEnrichmentService as aQ, MenuComponent as aR, ModalDirective as aS, ModalRef as aT, ModalStore as aU, MoneyPipe as aV, MultiRangeInputComponent as aW, MurlUrlSerializer as aX, NAV_DEFAULT_MURL as aY, NAV_DISPLAY_ORDER as aZ, NAV_ID_SEP as a_, FileService as aa, FileUploadDirective as ab, FileUploadInputComponent as ac, FlexComponent as ad, FlexItemComponent as ae, FormGroupComponent as af, FrameComponent as ag, FreezeService as ah, GEN_NAV_DISPLAY_ORDER as ai, GRID_BREAKPOINTS as aj, GetNavService as ak, HeaderComponent$1 as al, HighlightDirective as am, HttpService as an, ICON_SOURCE as ao, IS_SIDE_PANEL as ap, IconComponent as aq, ImgComponent as ar, InputType as as, InstrumentScoreComponent as at, InterceptorObservables as au, JumbotronComponent as av, KeyValueComponent as aw, LAYOUT_ASSET_FOLDER as ax, LOGIN_COMPONENT as ay, LOGIN_FORM_GROUP as az, TextOutputComponent as b, SectionFilterComponent as b$, NAV_SEGMENT_RE as b0, NAV_STORE_REF as b1, NAV_WC_COMPONENTS as b2, NAV_WIDGET_MAP as b3, NavComponent as b4, NavDetailsComponent as b5, NavMenuComponent as b6, NavStore as b7, NavTrailComponent as b8, NothingComponent as b9, RangeInputComponent as bA, RatingInputComponent as bB, ReactiveElementComponent as bC, RemoteComponent as bD, RemoteLoaderService as bE, ResizeElementComponent as bF, RouteContainer as bG, RowComponent as bH, SEARCH_QUERY as bI, SEARCH_RESULTS_EVENT as bJ, SECTION_ACCORDION_GROUP as bK, SECTION_FORM_CONTEXT as bL, SHARED_ICONS as bM, SIZE_CONTEXT as bN, ScoreComponent as bO, ScrollComponent as bP, ScrollService as bQ, SearchPanelComponent as bR, SearchStore as bS, SearchUserPanelComponent as bT, SectionAccordionDirective as bU, SectionAccordionGroupDirective as bV, SectionBackComponent as bW, SectionBadgesComponent as bX, SectionButtonGroupComponent as bY, SectionCardComponent as bZ, SectionComponent as b_, NotificationElementComponent as ba, NotificationGroupComponent as bb, NotificationPopupComponent as bc, NotificationService as bd, NotificationStore as be, NotificationType as bf, NotificationWidgetComponent as bg, ONE_ASSET_BASE_URL as bh, OPTIONS_SOURCE as bi, OneApp as bj, OptionsSourceDirective as bk, OverlayBodyComponent as bl, OverlayRef as bm, OverlayService as bn, PLATFORM_BUTTON_NAV_IDS as bo, PLATFORM_EXTENSIBLE_NAV_IDS as bp, PLATFORM_NAV_MAP as bq, PLATFORM_ROOT_CHILDREN as br, PaginationComponent as bs, PanelComponent as bt, PlaygroundComponent as bu, PositionDirective as bv, PwaInstallComponent as bw, ROOT_NAV$1 as bx, RadioGroupComponent as by, RadioInputComponent as bz, ButtonComponent as c, WatermarkComponent as c$, SectionFooterComponent as c0, SectionFormComponent as c1, SectionFormItemComponent as c2, SectionHeaderComponent as c3, SectionSearchComponent as c4, SectionStepperComponent as c5, SectionTabsComponent as c6, SectionToggleComponent as c7, SectionToggleItemDirective as c8, SelectableCardInputComponent as c9, ThemeComponent as cA, ThemeService as cB, ThemeStore as cC, TimeAgoPipe as cD, TimelineComponent as cE, ToggleButtonComponent as cF, ToggleInputComponent as cG, ToggleRadioInputComponent as cH, ToolTipDirective as cI, TooltipComponent as cJ, TranslateService as cK, TreeGridComponent as cL, URL_SEP as cM, USER_STORE_REF as cN, USER_TAB_MAP as cO, UlComponent as cP, UniverseComponent as cQ, UserApiService as cR, UserAvatarComponent as cS, UserComponent as cT, UserNavComponent as cU, UserSettingsComponent as cV, UserStore as cW, WC_ROUTE_CHANGED_EVENT as cX, WC_SEARCH_GROUPS as cY, WIN_USER_TAB_HOOK as cZ, WIN_USER_TAB_KEY as c_, SelectorDirective as ca, SettingsSearchBarComponent as cb, SettingsSearchService as cc, Sex as cd, ShapeComponent as ce, SharedStoreRegistry as cf, SidePanelDirective as cg, Size as ch, SocketStore as ci, SortComponent as cj, StepComponent as ck, StepperComponent as cl, StepsComponent as cm, StorageService as cn, StrokeLinecap as co, StrokeLinejoin as cp, SummaryComponent as cq, SvgGeneratorComponent as cr, SvgGeneratorService as cs, SvgService as ct, TOTAL_COLUMNS as cu, TRANSLATION_SOURCE as cv, TableComponent as cw, TechnicalMeterComponent as cx, TextInputComponent as cy, TextareaInputComponent as cz, APP_CONTEXT_REF as d, loginState as d$, WcRouterStore as d0, WrapperInputComponent as d1, anchorNavId as d2, applyColorsToElement as d3, authGuard as d4, bootstrapMagApp as d5, bootstrapPwaInstall as d6, buildWcBaseUrl as d7, calculateLuminance as d8, calculateRanks as d9, getValue as dA, hasErrorComputed as dB, hexToRgb as dC, hslToRgb$1 as dD, initMagmoniumApp as dE, initialNotificationState as dF, initials as dG, injectAuthenticate as dH, injectInstallApp as dI, injectParentSize as dJ, injectScrollSticky as dK, isButtonName as dL, isCancelledComputed as dM, isExtensiblePlatformNavId as dN, isJson as dO, isLoadingComputed as dP, isLocalhost as dQ, isPlatformNavId as dR, isSize as dS, isTierPreview as dT, isUrlLocalhost as dU, isValidNavId as dV, isValidNavSegment as dW, isWebComponent as dX, linkToId as dY, linkToNav as dZ, loadingActions as d_, cellText as da, checkFilterCondition as db, childNavId as dc, classListSignal as dd, coerceSize as de, createMap as df, createPlatformNavMap as dg, deriveAvatarGradient as dh, deriveContrastColor as di, deriveOppositeColor as dj, derivePropertyName as dk, emailValidation as dl, evaluate as dm, evaluateBool as dn, flattenTreeGridRows as dp, formatBadgeCount as dq, fullName as dr, generateClipPath as ds, generateTransform as dt, getClassList as du, getProperty as dv, getScrollParent as dw, getTierFromPreviewPath as dx, getTreeGridRow as dy, getUniqueId as dz, ASSET_BASE_URL as e, unfetchedPlatformNav as e$, mInterceptor as e0, manualValidation as e1, matchFieldValidation as e2, maxLengthValidation as e3, maxValidation as e4, mergePlatformNav as e5, mergeUnique as e6, mergeUniqueBy as e7, mergeUniqueWith as e8, minAgeValidation as e9, provideSizeContext as eA, provideUserTabs as eB, publicGuard as eC, readFieldPatterns as eD, renderAddress as eE, requiredValidation as eF, resolveConfigAsset as eG, resolvePallet as eH, resolveSize as eI, rgbToHex as eJ, rgbToHsl as eK, rowHasChildren as eL, samePatterns as eM, segmentsToNavId as eN, setProperty as eO, setTreeGridChildren as eP, settingsWidgets as eQ, shouldShowBadge as eR, splitNavId as eS, stringToColor as eT, toAttrBool as eU, toAttrNumber as eV, toCssLength as eW, toHostNavId as eX, toLength$1 as eY, toLocalNavId as eZ, toggleTreeGridRow as e_, minLengthValidation as ea, minValidation as eb, miniMarkToHtml as ec, navIdChain as ed, navIdFor as ee, navIdSegment as ef, navIdToRoutePath as eg, navIdToSegments as eh, navToId as ei, parentNavId as ej, parseAddress as ek, parseColor as el, patternValidation as em, patternsValidation as en, platformNavWidgets as eo, privateGuard as ep, processImageToSvg as eq, provideAppContext as er, provideMagAppConfig as es, provideMagWcConfig as et, provideMagWcRoutes as eu, provideModalComponents as ev, provideMurlUrlSerializer as ew, provideNavWidgets as ex, providePlatformNavWidgets as ey, provideSearch as ez, AccordionBodyDirective as f, urlValidation as f0, AccordionComponent as g, AccordionGroupComponent as h, ActionComponent as i, AnimatedGraphsComponent as j, AppCardComponent as k, AppRelationType as l, AppTileComponent as m, AssetStore as n, AssetUrlPipe as o, Assets as p, AutosizeDirective as q, BadgeComponent as r, BandingComponent as s, BaseArrayInputComponent as t, BaseRootWebComponent as u, BaseWebComponent as v, ButtonGroupComponent as w, COMPONENT_INPUT_REGISTRY as x, CardComponent as y, CardWrapperComponent as z };
|
|
31030
|
+
//# sourceMappingURL=magmonium-one-magmonium-one-C4_23tN6.mjs.map
|