@magmonium/one 0.0.20 → 0.0.22
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/assets/icons/corner-left-up.svg +4 -0
- package/assets/icons/ellipsis-vertical.svg +2 -4
- package/assets/icons/svg.json +1 -0
- package/fesm2022/{magmonium-one-magmonium-one-DV45kimz.mjs → magmonium-one-magmonium-one-WNelb2Zs.mjs} +75 -16
- package/fesm2022/magmonium-one-magmonium-one-WNelb2Zs.mjs.map +1 -0
- package/fesm2022/{magmonium-one-otp-_zwgEGu3.mjs → magmonium-one-otp-CgpOIgo-.mjs} +2 -2
- package/fesm2022/{magmonium-one-otp-_zwgEGu3.mjs.map → magmonium-one-otp-CgpOIgo-.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-password-Pk0hhC0A.mjs → magmonium-one-password-CbQAbGVw.mjs} +6 -4
- package/fesm2022/magmonium-one-password-CbQAbGVw.mjs.map +1 -0
- package/fesm2022/{magmonium-one-toggle-CovjN1j6.mjs → magmonium-one-toggle-Z-mqNwjz.mjs} +2 -2
- package/fesm2022/{magmonium-one-toggle-CovjN1j6.mjs.map → magmonium-one-toggle-Z-mqNwjz.mjs.map} +1 -1
- package/fesm2022/magmonium-one.mjs +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +14 -6
- package/fesm2022/magmonium-one-magmonium-one-DV45kimz.mjs.map +0 -1
- package/fesm2022/magmonium-one-password-Pk0hhC0A.mjs.map +0 -1
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
|
|
2
|
-
<
|
|
3
|
-
<circle cx="12" cy="12" r="1"/>
|
|
4
|
-
<circle cx="12" cy="19" r="1"/>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path fill="#color" d="M12 4.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Zm0 6a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Zm0 6a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5Z"/>
|
|
5
3
|
</svg>
|
package/assets/icons/svg.json
CHANGED
|
@@ -4989,6 +4989,7 @@ const SHARED_ICONS = [
|
|
|
4989
4989
|
'color-picker',
|
|
4990
4990
|
'copy',
|
|
4991
4991
|
'copyright',
|
|
4992
|
+
'corner-left-up',
|
|
4992
4993
|
'currency_exchange',
|
|
4993
4994
|
'dot',
|
|
4994
4995
|
'download',
|
|
@@ -5986,6 +5987,25 @@ function deriveGroupClass(group) {
|
|
|
5986
5987
|
return classList.join(' ');
|
|
5987
5988
|
}
|
|
5988
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
|
+
|
|
5989
6009
|
// A component's scalar settings ride on its tag (ADR 0010), and an attribute
|
|
5990
6010
|
// is a string even when the value is not. These are what a
|
|
5991
6011
|
// `resolveComponentOverrides()` runs an attribute through before folding it
|
|
@@ -6429,17 +6449,32 @@ class ButtonComponent extends ReactiveElementComponent {
|
|
|
6429
6449
|
sectionForm = inject(SECTION_FORM_CONTEXT, {
|
|
6430
6450
|
optional: true,
|
|
6431
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
|
+
});
|
|
6432
6458
|
// A Button inside a Section Form submits it. A navigating Button is excluded:
|
|
6433
6459
|
// its click already goes somewhere, and submitting on the way out would save
|
|
6434
6460
|
// a form the User was leaving. `type: 'button'` opts the rest out.
|
|
6435
6461
|
// A form on a visual editor's Canvas is a picture of a form, and its empty
|
|
6436
6462
|
// fields make it invalid from the first render — a submit that locked on
|
|
6437
6463
|
// that would show the designer a greyed-out Button they never configured.
|
|
6438
|
-
|
|
6439
|
-
|
|
6440
|
-
|
|
6441
|
-
|
|
6442
|
-
|
|
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 */ []));
|
|
6443
6478
|
// The form's own lock, on top of whatever the config already disables: an
|
|
6444
6479
|
// invalid or disabled form has nothing to submit, so its submit control says
|
|
6445
6480
|
// so rather than swallowing the click.
|
|
@@ -7269,6 +7304,7 @@ class ContextMenuComponent extends ConfigComponent {
|
|
|
7269
7304
|
variant: 'ghost',
|
|
7270
7305
|
iconOnly: true,
|
|
7271
7306
|
icon: this.iconConfig().name,
|
|
7307
|
+
label: 'actions',
|
|
7272
7308
|
inverted: this.inverted() ?? this.contextMenuConfig().inverted,
|
|
7273
7309
|
}), ...(ngDevMode ? [{ debugName: "triggerButtonConfig" }] : /* istanbul ignore next */ []));
|
|
7274
7310
|
contextMenuOptions = computed(() => {
|
|
@@ -7481,7 +7517,10 @@ class ButtonGroupComponent extends ConfigComponent {
|
|
|
7481
7517
|
}));
|
|
7482
7518
|
};
|
|
7483
7519
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7484
|
-
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: `
|
|
7485
7524
|
@if (config(); as group) {
|
|
7486
7525
|
<div
|
|
7487
7526
|
class="button-group {{ classList() }}"
|
|
@@ -7587,7 +7626,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
7587
7626
|
// The one non-Section that may declare a Size, because a cluster of
|
|
7588
7627
|
// actions routinely needs to differ from the region holding it (ADR 0008).
|
|
7589
7628
|
'[style.font-size]': 'sizeLength()',
|
|
7590
|
-
}, 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"] }]
|
|
7591
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"] }] } });
|
|
7592
7634
|
|
|
7593
7635
|
class ToggleButtonComponent extends ConfigComponent {
|
|
@@ -11562,7 +11604,10 @@ class SectionButtonGroupComponent extends ConfigComponent {
|
|
|
11562
11604
|
resolvedVariant = computed(() => this.variant() ?? this.config()?.variant ?? 'spaced', ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
|
|
11563
11605
|
resolvedAlign = computed(() => this.align() ?? this.config()?.align ?? 'left', ...(ngDevMode ? [{ debugName: "resolvedAlign" }] : /* istanbul ignore next */ []));
|
|
11564
11606
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11565
|
-
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: `
|
|
11566
11611
|
<ng-content select="m-button, m-one-button" />
|
|
11567
11612
|
<ng-content />
|
|
11568
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 });
|
|
@@ -11588,7 +11633,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
11588
11633
|
// Button geometry tracks `--input-size`, so a declared Size reaches the
|
|
11589
11634
|
// group's gap and its Buttons' boxes, not just the type on them.
|
|
11590
11635
|
'[style.--input-size]': 'sizeLength()',
|
|
11591
|
-
}, 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"] }]
|
|
11592
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 }] }] } });
|
|
11593
11641
|
|
|
11594
11642
|
function getTabsClassList(config) {
|
|
@@ -15094,7 +15142,7 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
15094
15142
|
break;
|
|
15095
15143
|
}
|
|
15096
15144
|
case InputType.TOGGLE: {
|
|
15097
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
15145
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-Z-mqNwjz.mjs');
|
|
15098
15146
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
15099
15147
|
break;
|
|
15100
15148
|
}
|
|
@@ -15106,12 +15154,12 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
15106
15154
|
break;
|
|
15107
15155
|
}
|
|
15108
15156
|
case InputType.PASSWORD: {
|
|
15109
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
15157
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-CbQAbGVw.mjs');
|
|
15110
15158
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
15111
15159
|
break;
|
|
15112
15160
|
}
|
|
15113
15161
|
case InputType.OTP: {
|
|
15114
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
15162
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-CgpOIgo-.mjs');
|
|
15115
15163
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
15116
15164
|
break;
|
|
15117
15165
|
}
|
|
@@ -17281,6 +17329,14 @@ function samePatterns(a, b) {
|
|
|
17281
17329
|
});
|
|
17282
17330
|
}
|
|
17283
17331
|
|
|
17332
|
+
/**
|
|
17333
|
+
* `T` is the record the form carries, named by whoever binds `data`. An output
|
|
17334
|
+
* cannot be typed from what was projected into the form — a Field announces its
|
|
17335
|
+
* name at runtime, and content projection tells the parent's template checker
|
|
17336
|
+
* nothing — so the call site declares the shape on the way in and Angular infers
|
|
17337
|
+
* `submitted` and `dataChange` from it. Unbound, `T` is the untyped record the
|
|
17338
|
+
* form has always handed over.
|
|
17339
|
+
*/
|
|
17284
17340
|
class SectionFormComponent extends ConfigComponent {
|
|
17285
17341
|
// Same folder FormGroup resolves from: a form's asset is a form's asset
|
|
17286
17342
|
// whichever component renders it, so `name="contact"` finds
|
|
@@ -17443,6 +17499,9 @@ class SectionFormComponent extends ConfigComponent {
|
|
|
17443
17499
|
}, ...(ngDevMode ? [{ debugName: "blocked" }] : /* istanbul ignore next */ []));
|
|
17444
17500
|
// What a submit hands over: the caller's own `data` under the form's current
|
|
17445
17501
|
// values, so keys no item renders survive the round trip.
|
|
17502
|
+
// The spread is a `T` by the same claim the caller made when it bound `data`:
|
|
17503
|
+
// the FieldTree is keyed by the names the Fields registered, which are `T`'s
|
|
17504
|
+
// keys, and the keys no item renders come off `data` itself.
|
|
17446
17505
|
submitData = () => ({
|
|
17447
17506
|
...this.data(),
|
|
17448
17507
|
...(this.formGroup()?.().value() ?? {}),
|
|
@@ -17886,7 +17945,7 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
17886
17945
|
break;
|
|
17887
17946
|
}
|
|
17888
17947
|
case InputType.TOGGLE: {
|
|
17889
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
17948
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-Z-mqNwjz.mjs');
|
|
17890
17949
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
17891
17950
|
break;
|
|
17892
17951
|
}
|
|
@@ -17898,12 +17957,12 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
17898
17957
|
break;
|
|
17899
17958
|
}
|
|
17900
17959
|
case InputType.PASSWORD: {
|
|
17901
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
17960
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-CbQAbGVw.mjs');
|
|
17902
17961
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
17903
17962
|
break;
|
|
17904
17963
|
}
|
|
17905
17964
|
case InputType.OTP: {
|
|
17906
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
17965
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-CgpOIgo-.mjs');
|
|
17907
17966
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
17908
17967
|
break;
|
|
17909
17968
|
}
|
|
@@ -30968,4 +31027,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
30968
31027
|
*/
|
|
30969
31028
|
|
|
30970
31029
|
export { DomService 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, ColorPickerInputComponent as I, CommentItemComponent as J, CommentsApiService as K, LabelComponent as L, CommentsComponent as M, CommentsStore as N, ComponentInputComponent as O, ComponentStepperComponent as P, ConfigComponent as Q, ConfirmComponent as R, ContextMenuComponent as S, TranslatePipe as T, CustomIconClass as U, CustomIconEditComponent as V, DEFAULT_SIZE as W, DashboardCardComponent as X, DateInputComponent as Y, DatePickerComponent as Z, DeviceService as _, BaseTextInputComponent as a, NAV_MAIN_BUTTONS as a$, Domain as a0, DotGridComponent as a1, DragListDirective as a2, DragListItemDirective as a3, DraggableDirective as a4, DropdownInputComponent as a5, FLEX_VARIANTS as a6, FOLDER_PICK_LISTENER as a7, FORM_ASSET_FOLDER as a8, FileService 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_, FileUploadDirective as aa, FileUploadInputComponent as ab, FlexComponent as ac, FlexItemComponent as ad, FormGroupComponent as ae, FrameComponent as af, FreezeService as ag, GEN_NAV_DISPLAY_ORDER as ah, GRID_BREAKPOINTS as ai, GetNavService as aj, HeaderComponent$1 as ak, HighlightDirective as al, HttpService as am, ICON_SOURCE as an, IS_DESIGN_MODE 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 };
|
|
30971
|
-
//# sourceMappingURL=magmonium-one-magmonium-one-
|
|
31030
|
+
//# sourceMappingURL=magmonium-one-magmonium-one-WNelb2Zs.mjs.map
|