@magmonium/one 0.2.0 → 0.2.2
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-D4kWNQoT.mjs → magmonium-one-magmonium-one-DpAx1bqJ.mjs} +339 -10
- package/fesm2022/magmonium-one-magmonium-one-DpAx1bqJ.mjs.map +1 -0
- package/fesm2022/{magmonium-one-otp-CpFj9WdC.mjs → magmonium-one-otp-DcqxgSRL.mjs} +2 -2
- package/fesm2022/{magmonium-one-otp-CpFj9WdC.mjs.map → magmonium-one-otp-DcqxgSRL.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-password-DycxDKu7.mjs → magmonium-one-password-CH5bNY2n.mjs} +2 -2
- package/fesm2022/{magmonium-one-password-DycxDKu7.mjs.map → magmonium-one-password-CH5bNY2n.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-toggle-BtYehjqq.mjs → magmonium-one-toggle-BZI36QZw.mjs} +2 -2
- package/fesm2022/{magmonium-one-toggle-BtYehjqq.mjs.map → magmonium-one-toggle-BZI36QZw.mjs.map} +1 -1
- package/fesm2022/magmonium-one.mjs +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +105 -2
- package/fesm2022/magmonium-one-magmonium-one-D4kWNQoT.mjs.map +0 -1
|
@@ -51,6 +51,7 @@ const LAYOUT_ASSET_FOLDER = {
|
|
|
51
51
|
// `primary` and `size`, none of which a SectionButtonGroup reads (ADR 0009).
|
|
52
52
|
section_button_group: 'section_button_groups',
|
|
53
53
|
section_hero: 'section_heroes',
|
|
54
|
+
section_carousel: 'section_carousels',
|
|
54
55
|
text_output: 'text_outputs',
|
|
55
56
|
};
|
|
56
57
|
|
|
@@ -6510,7 +6511,7 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
6510
6511
|
break;
|
|
6511
6512
|
}
|
|
6512
6513
|
case InputType.TOGGLE: {
|
|
6513
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
6514
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-BZI36QZw.mjs');
|
|
6514
6515
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
6515
6516
|
break;
|
|
6516
6517
|
}
|
|
@@ -6522,12 +6523,12 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
6522
6523
|
break;
|
|
6523
6524
|
}
|
|
6524
6525
|
case InputType.PASSWORD: {
|
|
6525
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
6526
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-CH5bNY2n.mjs');
|
|
6526
6527
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
6527
6528
|
break;
|
|
6528
6529
|
}
|
|
6529
6530
|
case InputType.OTP: {
|
|
6530
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
6531
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-DcqxgSRL.mjs');
|
|
6531
6532
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
6532
6533
|
break;
|
|
6533
6534
|
}
|
|
@@ -17877,7 +17878,7 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
17877
17878
|
break;
|
|
17878
17879
|
}
|
|
17879
17880
|
case InputType.TOGGLE: {
|
|
17880
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
17881
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-BZI36QZw.mjs');
|
|
17881
17882
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
17882
17883
|
break;
|
|
17883
17884
|
}
|
|
@@ -17889,12 +17890,12 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
17889
17890
|
break;
|
|
17890
17891
|
}
|
|
17891
17892
|
case InputType.PASSWORD: {
|
|
17892
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
17893
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-CH5bNY2n.mjs');
|
|
17893
17894
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
17894
17895
|
break;
|
|
17895
17896
|
}
|
|
17896
17897
|
case InputType.OTP: {
|
|
17897
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
17898
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-DcqxgSRL.mjs');
|
|
17898
17899
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
17899
17900
|
break;
|
|
17900
17901
|
}
|
|
@@ -18887,7 +18888,7 @@ var toggleRadio = /*#__PURE__*/Object.freeze({
|
|
|
18887
18888
|
// Stand-ins for a card list that has no options yet — DesignMode only. They
|
|
18888
18889
|
// carry no label: nothing is mapped to them yet, and a name shown here would
|
|
18889
18890
|
// read as a choice the Field offers. Bare boxes say the shape and no more.
|
|
18890
|
-
const DESIGN_STUB_IDS = ['stub-1', 'stub-2', 'stub-3'];
|
|
18891
|
+
const DESIGN_STUB_IDS$1 = ['stub-1', 'stub-2', 'stub-3'];
|
|
18891
18892
|
class SelectableCardInputComponent extends BaseInputComponent {
|
|
18892
18893
|
element = input(...(ngDevMode ? [undefined, { debugName: "element" }] : /* istanbul ignore next */ []));
|
|
18893
18894
|
data = input([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
@@ -18922,7 +18923,7 @@ class SelectableCardInputComponent extends BaseInputComponent {
|
|
|
18922
18923
|
return data;
|
|
18923
18924
|
const options = this.cardOptions();
|
|
18924
18925
|
if (!options.length && this.isDesignMode) {
|
|
18925
|
-
return DESIGN_STUB_IDS.map((id) => ({ id }));
|
|
18926
|
+
return DESIGN_STUB_IDS$1.map((id) => ({ id }));
|
|
18926
18927
|
}
|
|
18927
18928
|
return options.map((option) => ({
|
|
18928
18929
|
id: option.value,
|
|
@@ -21141,6 +21142,334 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
21141
21142
|
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";@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)}}:host{display:block;width:100%}.technical-meter{position:relative;height:100px;width:100%;margin-top:2rem;-webkit-user-select:none;user-select:none}.technical-meter .meter__track{position:absolute;top:58px;left:0;right:0;height:4px;border-radius:2px;background:linear-gradient(90deg,transparent 0%,var(--m-border) 6%,var(--m-border) 94%,transparent 100%);box-shadow:inset 0 1px 2px var(--m-backdrop-shadow)}.technical-meter .meter__track:before{content:\"\";position:absolute;left:0;right:0;top:-5px;height:14px;background:repeating-linear-gradient(90deg,var(--m-border) 0 1px,transparent 1px 10%);opacity:.35;pointer-events:none}.technical-meter .meter__range-fill{position:absolute;top:55px;height:10px;border-radius:5px;transition:left .9s cubic-bezier(.34,1.2,.64,1),width .9s cubic-bezier(.34,1.2,.64,1)}.technical-meter .meter__range-fill.bullish{background:linear-gradient(90deg,#6da82f14,#6da82f59);border:1px solid rgba(109,168,47,.4);box-shadow:0 0 14px #6da82f29,inset 0 1px #ffffff4d}.technical-meter .meter__range-fill.bearish{background:linear-gradient(270deg,#eb191a14,#eb191a59);border:1px solid rgba(235,25,26,.4);box-shadow:0 0 14px #eb191a21,inset 0 1px #ffffff4d}.technical-meter .meter__range-fill:not(.bullish):not(.bearish){background:var(--m-backdrop-mm);border:1px solid rgba(65,105,225,.28);box-shadow:0 0 10px #4169e11a}.technical-meter .meter__gap-badge{position:absolute;top:6px;transform:translate(-50%);display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .55rem;border-radius:20px;font-size:.67rem;font-weight:700;letter-spacing:.025em;white-space:nowrap;z-index:5;pointer-events:none;transition:left .9s cubic-bezier(.34,1.2,.64,1)}.technical-meter .meter__gap-badge.bullish{background:var(--m-success-lite);color:var(--m-success);box-shadow:0 2px 8px #6da82f2e,0 0 0 1px #6da82f1f}.technical-meter .meter__gap-badge.bullish:before{content:\"\\25b2\";font-size:.48rem;line-height:1}.technical-meter .meter__gap-badge.bearish{background:var(--m-backdrop-error);color:var(--m-error);box-shadow:0 2px 8px #eb191a24,0 0 0 1px #eb191a24}.technical-meter .meter__gap-badge.bearish:before{content:\"\\25bc\";font-size:.48rem;line-height:1}.technical-meter .meter__gap-badge:not(.bullish):not(.bearish){background:var(--m-highlight);color:var(--m-mm);box-shadow:0 2px 6px var(--m-backdrop-shadow)}.technical-meter .meter__marker{position:absolute;top:58px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:2;cursor:default}.technical-meter .meter__marker .marker__point{margin-top:-2px;width:8px;height:8px;background:var(--m-text-tertiary);border:2px solid var(--m-background);border-radius:50%;box-shadow:0 1px 4px var(--m-backdrop-shadow);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.technical-meter .meter__marker.sma50 .marker__point{background:#f59e0b}.technical-meter .meter__marker.sma100 .marker__point{background:#f97316}.technical-meter .meter__marker.sma200 .marker__point{background:var(--m-error)}.technical-meter .meter__marker.low52w .marker__point,.technical-meter .meter__marker.high52w .marker__point{margin-top:-7px;width:2px;height:18px;background:var(--m-text-quaternary);border:none;border-radius:1px;box-shadow:none}.technical-meter .meter__marker.low52w:before,.technical-meter .meter__marker.high52w:before{bottom:22px}.technical-meter .meter__marker:before{content:attr(data-label);position:absolute;bottom:12px;font-size:.57rem;font-weight:700;color:var(--m-text-tertiary);white-space:nowrap;text-transform:uppercase;letter-spacing:.07em;transition:opacity .2s ease}.technical-meter .meter__marker.level-offset:before{bottom:26px}.technical-meter .meter__marker:after{content:attr(data-value);position:absolute;top:-52px;left:50%;transform:translate(-50%) translateY(6px) scale(.9);padding:.28rem .62rem;background:var(--m-tool-tip-bg);color:var(--m-tool-tip-col);font-size:.7rem;font-weight:600;border-radius:8px;opacity:0;visibility:hidden;transition:all .18s cubic-bezier(.16,1,.3,1);pointer-events:none;white-space:nowrap;z-index:20;box-shadow:0 4px 16px #00000024}.technical-meter .meter__marker:hover{z-index:10}.technical-meter .meter__marker:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.technical-meter .meter__marker:hover:before{opacity:0}.technical-meter .meter__marker:hover .marker__point{transform:scale(1.7)}.technical-meter .meter__marker .marker__gap{position:absolute;top:12px;font-size:.6rem;font-weight:600;white-space:nowrap;color:var(--m-text-tertiary);font-variant-numeric:tabular-nums}.technical-meter .meter__marker .marker__gap.positive{color:var(--m-success)}.technical-meter .meter__marker .marker__gap.negative{color:var(--m-error)}.technical-meter .meter__marker.level-offset .marker__gap{top:24px}.technical-meter .meter__marker.price-marker{z-index:3}.technical-meter .meter__marker.price-marker:before{display:block;content:\"\";position:absolute;top:-19px;left:50%;transform:translate(-50%);width:1px;height:14px;background:linear-gradient(to top,rgba(65,105,225,.45),transparent);font-size:0;text-transform:none;letter-spacing:0;white-space:normal}.technical-meter .meter__marker.price-marker .marker__point{margin-top:-5px;width:14px;height:14px;background:radial-gradient(circle at 35% 30%,var(--m-mm-lite),var(--m-mm) 70%);border:2.5px solid var(--m-background);box-shadow:0 0 0 3px #4169e133}.technical-meter .meter__marker.price-marker .marker__point.pulse{animation:pricePulse 2.5s ease-in-out infinite}.technical-meter .meter__marker.price-marker .marker__label{position:absolute;bottom:28px;font-size:.76rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--m-text);white-space:nowrap;background:var(--m-frame);padding:.17rem .45rem;border-radius:5px;line-height:1.35;border:1px solid var(--m-border);transition:transform .3s ease}.technical-meter .meter__marker.price-marker.dodge-left .marker__label{transform:translate(-58%)}.technical-meter .meter__marker.price-marker.dodge-right .marker__label{transform:translate(58%)}.technical-meter .meter__marker.forecast-marker{z-index:2}.technical-meter .meter__marker.forecast-marker:before{display:block;content:\"\";position:absolute;top:-27px;left:50%;transform:translate(-50%);width:1px;height:18px;font-size:0;text-transform:none;letter-spacing:0;white-space:normal}.technical-meter .meter__marker.forecast-marker.bullish{color:var(--m-success)}.technical-meter .meter__marker.forecast-marker.bullish:before{background:repeating-linear-gradient(to bottom,rgba(109,168,47,.55) 0 3px,transparent 3px 6px)}.technical-meter .meter__marker.forecast-marker.bullish .marker__label{background:var(--m-success-lite);border-color:#6da82f40}.technical-meter .meter__marker.forecast-marker.bullish .marker__icon-wrap{background:var(--m-backdrop-success)}.technical-meter .meter__marker.forecast-marker.bearish{color:var(--m-error)}.technical-meter .meter__marker.forecast-marker.bearish:before{background:repeating-linear-gradient(to bottom,rgba(235,25,26,.55) 0 3px,transparent 3px 6px)}.technical-meter .meter__marker.forecast-marker.bearish .marker__label{background:#eb191a14;border-color:#eb191a40}.technical-meter .meter__marker.forecast-marker.bearish .marker__icon-wrap{background:var(--m-backdrop-error)}.technical-meter .meter__marker.forecast-marker:not(.bullish):not(.bearish){color:var(--m-text-secondary)}.technical-meter .meter__marker.forecast-marker:not(.bullish):not(.bearish):before{background:repeating-linear-gradient(to bottom,rgba(101,109,118,.4) 0 3px,transparent 3px 6px)}.technical-meter .meter__marker.forecast-marker:not(.bullish):not(.bearish) .marker__label{background:var(--m-frame);border-color:var(--m-border)}.technical-meter .meter__marker.forecast-marker:not(.bullish):not(.bearish) .marker__icon-wrap{background:var(--m-frame)}.technical-meter .meter__marker.forecast-marker .marker__label{position:absolute;bottom:40px;font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:inherit;padding:.17rem .45rem;border-radius:5px;line-height:1.35;border:1px solid transparent}.technical-meter .meter__marker.forecast-marker .marker__icon-wrap{margin-top:-9px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}@keyframes pricePulse{0%,to{box-shadow:0 0 0 3px #4169e138}50%{box-shadow:0 0 0 7px #4169e10a,0 0 14px #4169e147}}\n"] }]
|
|
21142
21143
|
}], propDecorators: { price: [{ type: i0.Input, args: [{ isSignal: true, alias: "price", required: true }] }], forecast: [{ type: i0.Input, args: [{ isSignal: true, alias: "forecast", required: false }] }], sma50: [{ type: i0.Input, args: [{ isSignal: true, alias: "sma50", required: false }] }], sma100: [{ type: i0.Input, args: [{ isSignal: true, alias: "sma100", required: false }] }], sma200: [{ type: i0.Input, args: [{ isSignal: true, alias: "sma200", required: false }] }], high52w: [{ type: i0.Input, args: [{ isSignal: true, alias: "high52w", required: false }] }], low52w: [{ type: i0.Input, args: [{ isSignal: true, alias: "low52w", required: false }] }] } });
|
|
21143
21144
|
|
|
21145
|
+
// Stand-ins for a carousel whose collection is not bound yet — DesignMode only,
|
|
21146
|
+
// the reason a SelectableCard draws its own: an empty track has no height, and
|
|
21147
|
+
// a Control with no rect cannot be selected or moved on a Canvas.
|
|
21148
|
+
const DESIGN_STUB_IDS = ['stub-1', 'stub-2', 'stub-3'];
|
|
21149
|
+
// How far a pointer has to travel before the drag counts as a slide change.
|
|
21150
|
+
// Below it the track springs back, so a press that wanders is still a press.
|
|
21151
|
+
const DRAG_THRESHOLD_PX = 48;
|
|
21152
|
+
const DEFAULT_INTERVAL_MS = 5000;
|
|
21153
|
+
/**
|
|
21154
|
+
* A full-width band that draws one slide at a time out of a bound collection,
|
|
21155
|
+
* with the body of a slide written inline as a template or mounted per row as a
|
|
21156
|
+
* component — the same two ways a SelectableCard draws a card.
|
|
21157
|
+
*
|
|
21158
|
+
* Unlike `m-carousel`, it holds no artwork of its own: a slide is whatever it
|
|
21159
|
+
* was handed, and every setting here is about the band around it — how tall it
|
|
21160
|
+
* may get, where its indicators sit and how they are drawn, and whether it
|
|
21161
|
+
* advances by itself. Width is not among them: it is always the full width of
|
|
21162
|
+
* what holds it.
|
|
21163
|
+
*/
|
|
21164
|
+
class SectionCarouselComponent extends ConfigComponent {
|
|
21165
|
+
subFolder = LAYOUT_ASSET_FOLDER.section_carousel;
|
|
21166
|
+
// The rows, mapped. Empty is the ordinary state before a binding resolves —
|
|
21167
|
+
// every read starts `undefined` — so nothing here treats it as an error.
|
|
21168
|
+
data = input([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
|
|
21169
|
+
// A slide rendered by a mounted component: a slide is instantiated per row,
|
|
21170
|
+
// so the markup has nowhere to write its selector.
|
|
21171
|
+
element = input(...(ngDevMode ? [undefined, { debugName: "element" }] : /* istanbul ignore next */ []));
|
|
21172
|
+
// A slide body written inline instead. `ng-content` has no reach here — it
|
|
21173
|
+
// projects once, so inside the `@for` it would land in one slide and leave
|
|
21174
|
+
// the rest empty.
|
|
21175
|
+
template = input(...(ngDevMode ? [undefined, { debugName: "template" }] : /* istanbul ignore next */ []));
|
|
21176
|
+
// Every setting a SectionCarousel carries, as an input beside the `config`
|
|
21177
|
+
// it also reads — the SectionHero pattern, and for its reason: a Control
|
|
21178
|
+
// drawn on a Canvas emits its scalars onto the tag, and an input is the only
|
|
21179
|
+
// thing a tag can land one on (ADR 0010, no-inline-config-template).
|
|
21180
|
+
// Unset (`undefined`) is what defers to the config asset; a value written
|
|
21181
|
+
// here wins over one the asset carries.
|
|
21182
|
+
maxHeight = input(undefined, ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
|
|
21183
|
+
indicator = input(undefined, ...(ngDevMode ? [{ debugName: "indicator" }] : /* istanbul ignore next */ []));
|
|
21184
|
+
indicatorShape = input(undefined, ...(ngDevMode ? [{ debugName: "indicatorShape" }] : /* istanbul ignore next */ []));
|
|
21185
|
+
autoPlay = input(undefined, ...(ngDevMode ? [{ debugName: "autoPlay" }] : /* istanbul ignore next */ []));
|
|
21186
|
+
interval = input(undefined, ...(ngDevMode ? [{ debugName: "interval" }] : /* istanbul ignore next */ []));
|
|
21187
|
+
loop = input(undefined, ...(ngDevMode ? [{ debugName: "loop" }] : /* istanbul ignore next */ []));
|
|
21188
|
+
pauseOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "pauseOnHover" }] : /* istanbul ignore next */ []));
|
|
21189
|
+
drag = input(undefined, ...(ngDevMode ? [{ debugName: "drag" }] : /* istanbul ignore next */ []));
|
|
21190
|
+
// Which slide is showing now, every time it changes — by drag, by indicator,
|
|
21191
|
+
// or by the clock.
|
|
21192
|
+
slideChange = output();
|
|
21193
|
+
// The row behind that slide, for a caller that binds the row rather than the
|
|
21194
|
+
// position. Both fire together; a caller binds whichever it needs.
|
|
21195
|
+
itemChange = output();
|
|
21196
|
+
index = signal(0, ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
|
|
21197
|
+
hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
|
|
21198
|
+
dragging = signal(false, ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
|
|
21199
|
+
dragOffset = signal(0, ...(ngDevMode ? [{ debugName: "dragOffset" }] : /* istanbul ignore next */ []));
|
|
21200
|
+
dragStartX = signal(0, ...(ngDevMode ? [{ debugName: "dragStartX" }] : /* istanbul ignore next */ []));
|
|
21201
|
+
dragPointerId = signal(undefined, ...(ngDevMode ? [{ debugName: "dragPointerId" }] : /* istanbul ignore next */ []));
|
|
21202
|
+
items = computed(() => {
|
|
21203
|
+
const data = this.data() ?? [];
|
|
21204
|
+
if (data.length)
|
|
21205
|
+
return data;
|
|
21206
|
+
return this.isDesignMode ? DESIGN_STUB_IDS.map((id) => ({ id })) : [];
|
|
21207
|
+
}, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
|
|
21208
|
+
maxHeightLength = computed(() => toLength$1(this.maxHeight() ?? this.config()?.maxHeight, true), ...(ngDevMode ? [{ debugName: "maxHeightLength" }] : /* istanbul ignore next */ []));
|
|
21209
|
+
position = computed(() => this.indicator() ?? this.config()?.indicator ?? 'bottom', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
21210
|
+
showIndicators = computed(() => this.position() !== 'hidden' && this.items().length > 1, ...(ngDevMode ? [{ debugName: "showIndicators" }] : /* istanbul ignore next */ []));
|
|
21211
|
+
isCapsule = computed(() => (this.indicatorShape() ?? this.config()?.indicatorShape) === 'capsule', ...(ngDevMode ? [{ debugName: "isCapsule" }] : /* istanbul ignore next */ []));
|
|
21212
|
+
positionClass = computed(() => `m-section-carousel--indicator-${this.position()}`, ...(ngDevMode ? [{ debugName: "positionClass" }] : /* istanbul ignore next */ []));
|
|
21213
|
+
// Read by both `next` and `prev`, which is why it is a computed rather than
|
|
21214
|
+
// the inline `??` the rest take.
|
|
21215
|
+
resolvedLoop = computed(() => this.loop() ?? this.config()?.loop, ...(ngDevMode ? [{ debugName: "resolvedLoop" }] : /* istanbul ignore next */ []));
|
|
21216
|
+
trackTransform = computed(() => {
|
|
21217
|
+
const base = this.index() * 100;
|
|
21218
|
+
const drag = this.dragOffset();
|
|
21219
|
+
return drag
|
|
21220
|
+
? `translateX(calc(-${base}% + ${drag}px))`
|
|
21221
|
+
: `translateX(-${base}%)`;
|
|
21222
|
+
}, ...(ngDevMode ? [{ debugName: "trackTransform" }] : /* istanbul ignore next */ []));
|
|
21223
|
+
constructor() {
|
|
21224
|
+
super();
|
|
21225
|
+
// A collection that shrank under the index leaves it pointing past the end,
|
|
21226
|
+
// which is an empty viewport rather than a wrong slide.
|
|
21227
|
+
effect(() => {
|
|
21228
|
+
const count = this.items().length;
|
|
21229
|
+
if (count && this.index() > count - 1)
|
|
21230
|
+
this.index.set(count - 1);
|
|
21231
|
+
});
|
|
21232
|
+
effect((onCleanup) => {
|
|
21233
|
+
if (!this.isAdvancing())
|
|
21234
|
+
return;
|
|
21235
|
+
// `||` rather than `??`: a 0 is not an interval, it is a spin, and it
|
|
21236
|
+
// reaches here from an emptied number field.
|
|
21237
|
+
const interval = (this.interval() ?? this.config()?.interval) || DEFAULT_INTERVAL_MS;
|
|
21238
|
+
const timer = setInterval(() => this.next(), interval);
|
|
21239
|
+
onCleanup(() => clearInterval(timer));
|
|
21240
|
+
});
|
|
21241
|
+
}
|
|
21242
|
+
/**
|
|
21243
|
+
* Whether the clock is running. A pointer resting on the carousel stops it
|
|
21244
|
+
* unless `pauseOnHover` is turned off, and so does a drag in progress: a
|
|
21245
|
+
* slide moving out from under the hand holding it is the one advance nobody
|
|
21246
|
+
* asked for.
|
|
21247
|
+
*/
|
|
21248
|
+
isAdvancing = computed(() => {
|
|
21249
|
+
const config = this.config();
|
|
21250
|
+
const autoPlay = this.autoPlay() ?? config?.autoPlay;
|
|
21251
|
+
if (!autoPlay || this.items().length < 2)
|
|
21252
|
+
return false;
|
|
21253
|
+
if (this.dragging())
|
|
21254
|
+
return false;
|
|
21255
|
+
const pauseOnHover = this.pauseOnHover() ?? config?.pauseOnHover;
|
|
21256
|
+
return !(this.hovered() && pauseOnHover !== false);
|
|
21257
|
+
}, ...(ngDevMode ? [{ debugName: "isAdvancing" }] : /* istanbul ignore next */ []));
|
|
21258
|
+
slideInputs = (item) => ({ ...(item.inputs ?? {}) });
|
|
21259
|
+
projectedTemplate = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "projectedTemplate" }] : /* istanbul ignore next */ []));
|
|
21260
|
+
// A bound `template` wins over the projected one, the way `data` wins over
|
|
21261
|
+
// the design stubs: what a caller passes at runtime is the more deliberate.
|
|
21262
|
+
slideTemplate = computed(() => this.template() ?? this.projectedTemplate(), ...(ngDevMode ? [{ debugName: "slideTemplate" }] : /* istanbul ignore next */ []));
|
|
21263
|
+
slideContext = (item, index, first, last) => ({
|
|
21264
|
+
$implicit: item,
|
|
21265
|
+
item,
|
|
21266
|
+
row: item.row,
|
|
21267
|
+
index,
|
|
21268
|
+
first,
|
|
21269
|
+
last,
|
|
21270
|
+
});
|
|
21271
|
+
goTo = (index) => {
|
|
21272
|
+
const items = this.items();
|
|
21273
|
+
if (!items.length || index === this.index())
|
|
21274
|
+
return;
|
|
21275
|
+
const clamped = Math.max(0, Math.min(index, items.length - 1));
|
|
21276
|
+
if (clamped === this.index())
|
|
21277
|
+
return;
|
|
21278
|
+
this.index.set(clamped);
|
|
21279
|
+
this.slideChange.emit(clamped);
|
|
21280
|
+
this.itemChange.emit(items[clamped]?.row);
|
|
21281
|
+
};
|
|
21282
|
+
next = () => {
|
|
21283
|
+
const count = this.items().length;
|
|
21284
|
+
if (!count)
|
|
21285
|
+
return;
|
|
21286
|
+
const at = this.index();
|
|
21287
|
+
if (at === count - 1) {
|
|
21288
|
+
if (this.resolvedLoop() === false)
|
|
21289
|
+
return;
|
|
21290
|
+
this.goTo(0);
|
|
21291
|
+
return;
|
|
21292
|
+
}
|
|
21293
|
+
this.goTo(at + 1);
|
|
21294
|
+
};
|
|
21295
|
+
prev = () => {
|
|
21296
|
+
const count = this.items().length;
|
|
21297
|
+
if (!count)
|
|
21298
|
+
return;
|
|
21299
|
+
const at = this.index();
|
|
21300
|
+
if (at === 0) {
|
|
21301
|
+
if (this.resolvedLoop() === false)
|
|
21302
|
+
return;
|
|
21303
|
+
this.goTo(count - 1);
|
|
21304
|
+
return;
|
|
21305
|
+
}
|
|
21306
|
+
this.goTo(at - 1);
|
|
21307
|
+
};
|
|
21308
|
+
onPointerLeave = () => {
|
|
21309
|
+
this.hovered.set(false);
|
|
21310
|
+
// A pointer that left mid-drag never reports its release here, so the drag
|
|
21311
|
+
// ends with the track where it was rather than stuck under the cursor.
|
|
21312
|
+
if (this.dragging())
|
|
21313
|
+
this.onDragEnd();
|
|
21314
|
+
};
|
|
21315
|
+
onDragStart = (event) => {
|
|
21316
|
+
const drag = this.drag() ?? this.config()?.drag;
|
|
21317
|
+
if (drag === false || this.items().length < 2)
|
|
21318
|
+
return;
|
|
21319
|
+
this.dragPointerId.set(event.pointerId);
|
|
21320
|
+
this.dragStartX.set(event.clientX);
|
|
21321
|
+
this.dragOffset.set(0);
|
|
21322
|
+
this.dragging.set(true);
|
|
21323
|
+
};
|
|
21324
|
+
onDragMove = (event) => {
|
|
21325
|
+
if (!this.dragging() || event.pointerId !== this.dragPointerId())
|
|
21326
|
+
return;
|
|
21327
|
+
this.dragOffset.set(event.clientX - this.dragStartX());
|
|
21328
|
+
};
|
|
21329
|
+
onDragEnd = () => {
|
|
21330
|
+
if (!this.dragging())
|
|
21331
|
+
return;
|
|
21332
|
+
const offset = this.dragOffset();
|
|
21333
|
+
this.dragging.set(false);
|
|
21334
|
+
this.dragOffset.set(0);
|
|
21335
|
+
this.dragPointerId.set(undefined);
|
|
21336
|
+
if (Math.abs(offset) < DRAG_THRESHOLD_PX)
|
|
21337
|
+
return;
|
|
21338
|
+
if (offset < 0)
|
|
21339
|
+
this.next();
|
|
21340
|
+
else
|
|
21341
|
+
this.prev();
|
|
21342
|
+
};
|
|
21343
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21344
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionCarouselComponent, isStandalone: true, selector: "m-section-carousel, m-one-section-carousel", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null }, indicatorShape: { classPropertyName: "indicatorShape", publicName: "indicatorShape", isSignal: true, isRequired: false, transformFunction: null }, autoPlay: { classPropertyName: "autoPlay", publicName: "autoPlay", isSignal: true, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, pauseOnHover: { classPropertyName: "pauseOnHover", publicName: "pauseOnHover", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slideChange: "slideChange", itemChange: "itemChange" }, host: { properties: { "style.--m-section-carousel-max-height": "maxHeightLength()" } }, queries: [{ propertyName: "projectedTemplate", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
21345
|
+
<div
|
|
21346
|
+
class="m-section-carousel"
|
|
21347
|
+
[class]="positionClass()"
|
|
21348
|
+
(pointerenter)="hovered.set(true)"
|
|
21349
|
+
(pointerleave)="onPointerLeave()"
|
|
21350
|
+
>
|
|
21351
|
+
<div
|
|
21352
|
+
class="m-section-carousel__viewport"
|
|
21353
|
+
(pointerdown)="onDragStart($event)"
|
|
21354
|
+
(pointermove)="onDragMove($event)"
|
|
21355
|
+
(pointerup)="onDragEnd()"
|
|
21356
|
+
(pointercancel)="onDragEnd()"
|
|
21357
|
+
>
|
|
21358
|
+
<div
|
|
21359
|
+
class="m-section-carousel__track"
|
|
21360
|
+
[class.m-section-carousel__track--dragging]="dragging()"
|
|
21361
|
+
[style.transform]="trackTransform()"
|
|
21362
|
+
>
|
|
21363
|
+
@for (item of items(); track item.id) {
|
|
21364
|
+
<div
|
|
21365
|
+
class="m-section-carousel__slide"
|
|
21366
|
+
[attr.aria-hidden]="$index === index() ? null : true"
|
|
21367
|
+
>
|
|
21368
|
+
@if (element(); as slide) {
|
|
21369
|
+
<ng-container
|
|
21370
|
+
*ngComponentOutlet="slide; inputs: slideInputs(item)"
|
|
21371
|
+
/>
|
|
21372
|
+
} @else if (slideTemplate(); as tpl) {
|
|
21373
|
+
<ng-container
|
|
21374
|
+
*ngTemplateOutlet="
|
|
21375
|
+
tpl;
|
|
21376
|
+
context: slideContext(item, $index, $first, $last)
|
|
21377
|
+
"
|
|
21378
|
+
/>
|
|
21379
|
+
}
|
|
21380
|
+
</div>
|
|
21381
|
+
}
|
|
21382
|
+
</div>
|
|
21383
|
+
</div>
|
|
21384
|
+
|
|
21385
|
+
@if (showIndicators()) {
|
|
21386
|
+
<div class="m-section-carousel__indicators" role="tablist">
|
|
21387
|
+
@for (item of items(); track item.id) {
|
|
21388
|
+
<button
|
|
21389
|
+
type="button"
|
|
21390
|
+
class="m-section-carousel__indicator"
|
|
21391
|
+
[class.m-section-carousel__indicator--capsule]="isCapsule()"
|
|
21392
|
+
[class.m-section-carousel__indicator--active]="$index === index()"
|
|
21393
|
+
role="tab"
|
|
21394
|
+
[attr.aria-selected]="$index === index()"
|
|
21395
|
+
[attr.aria-label]="
|
|
21396
|
+
'go-to-slide' | translate: { number: ($index + 1).toString() }
|
|
21397
|
+
"
|
|
21398
|
+
(click)="goTo($index)"
|
|
21399
|
+
></button>
|
|
21400
|
+
}
|
|
21401
|
+
</div>
|
|
21402
|
+
}
|
|
21403
|
+
</div>
|
|
21404
|
+
`, isInline: true, styles: [":host{display:block;width:100%}.m-section-carousel{display:flex;flex-direction:column;gap:.75rem;width:100%}.m-section-carousel__viewport{position:relative;flex:1;min-width:0;overflow:hidden;max-height:var(--m-section-carousel-max-height, none);touch-action:pan-y}.m-section-carousel__track{display:flex;width:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.m-section-carousel__track--dragging{transition:none}.m-section-carousel__slide{flex:0 0 100%;min-width:0;max-height:var(--m-section-carousel-max-height, none);overflow:hidden}.m-section-carousel__indicators{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.m-section-carousel__indicator{appearance:none;border:none;padding:0;cursor:pointer;width:.5rem;height:.5rem;border-radius:50%;background:var(--m-section-carousel-indicator, currentColor);opacity:.35;transition:opacity .2s ease,width .2s ease,background .2s ease}.m-section-carousel__indicator--capsule{width:1.25rem;height:.375rem;border-radius:999px}.m-section-carousel__indicator--active{opacity:1}.m-section-carousel__indicator--capsule.m-section-carousel__indicator--active{width:2rem}.m-section-carousel--indicator-top{flex-direction:column-reverse}.m-section-carousel--indicator-left{flex-direction:row-reverse;align-items:center}.m-section-carousel--indicator-right{flex-direction:row;align-items:center}.m-section-carousel--indicator-left .m-section-carousel__indicators,.m-section-carousel--indicator-right .m-section-carousel__indicators{flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21405
|
+
}
|
|
21406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionCarouselComponent, decorators: [{
|
|
21407
|
+
type: Component,
|
|
21408
|
+
args: [{ selector: 'm-section-carousel, m-one-section-carousel', imports: [NgComponentOutlet, NgTemplateOutlet, TranslatePipe], template: `
|
|
21409
|
+
<div
|
|
21410
|
+
class="m-section-carousel"
|
|
21411
|
+
[class]="positionClass()"
|
|
21412
|
+
(pointerenter)="hovered.set(true)"
|
|
21413
|
+
(pointerleave)="onPointerLeave()"
|
|
21414
|
+
>
|
|
21415
|
+
<div
|
|
21416
|
+
class="m-section-carousel__viewport"
|
|
21417
|
+
(pointerdown)="onDragStart($event)"
|
|
21418
|
+
(pointermove)="onDragMove($event)"
|
|
21419
|
+
(pointerup)="onDragEnd()"
|
|
21420
|
+
(pointercancel)="onDragEnd()"
|
|
21421
|
+
>
|
|
21422
|
+
<div
|
|
21423
|
+
class="m-section-carousel__track"
|
|
21424
|
+
[class.m-section-carousel__track--dragging]="dragging()"
|
|
21425
|
+
[style.transform]="trackTransform()"
|
|
21426
|
+
>
|
|
21427
|
+
@for (item of items(); track item.id) {
|
|
21428
|
+
<div
|
|
21429
|
+
class="m-section-carousel__slide"
|
|
21430
|
+
[attr.aria-hidden]="$index === index() ? null : true"
|
|
21431
|
+
>
|
|
21432
|
+
@if (element(); as slide) {
|
|
21433
|
+
<ng-container
|
|
21434
|
+
*ngComponentOutlet="slide; inputs: slideInputs(item)"
|
|
21435
|
+
/>
|
|
21436
|
+
} @else if (slideTemplate(); as tpl) {
|
|
21437
|
+
<ng-container
|
|
21438
|
+
*ngTemplateOutlet="
|
|
21439
|
+
tpl;
|
|
21440
|
+
context: slideContext(item, $index, $first, $last)
|
|
21441
|
+
"
|
|
21442
|
+
/>
|
|
21443
|
+
}
|
|
21444
|
+
</div>
|
|
21445
|
+
}
|
|
21446
|
+
</div>
|
|
21447
|
+
</div>
|
|
21448
|
+
|
|
21449
|
+
@if (showIndicators()) {
|
|
21450
|
+
<div class="m-section-carousel__indicators" role="tablist">
|
|
21451
|
+
@for (item of items(); track item.id) {
|
|
21452
|
+
<button
|
|
21453
|
+
type="button"
|
|
21454
|
+
class="m-section-carousel__indicator"
|
|
21455
|
+
[class.m-section-carousel__indicator--capsule]="isCapsule()"
|
|
21456
|
+
[class.m-section-carousel__indicator--active]="$index === index()"
|
|
21457
|
+
role="tab"
|
|
21458
|
+
[attr.aria-selected]="$index === index()"
|
|
21459
|
+
[attr.aria-label]="
|
|
21460
|
+
'go-to-slide' | translate: { number: ($index + 1).toString() }
|
|
21461
|
+
"
|
|
21462
|
+
(click)="goTo($index)"
|
|
21463
|
+
></button>
|
|
21464
|
+
}
|
|
21465
|
+
</div>
|
|
21466
|
+
}
|
|
21467
|
+
</div>
|
|
21468
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
21469
|
+
'[style.--m-section-carousel-max-height]': 'maxHeightLength()',
|
|
21470
|
+
}, styles: [":host{display:block;width:100%}.m-section-carousel{display:flex;flex-direction:column;gap:.75rem;width:100%}.m-section-carousel__viewport{position:relative;flex:1;min-width:0;overflow:hidden;max-height:var(--m-section-carousel-max-height, none);touch-action:pan-y}.m-section-carousel__track{display:flex;width:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.m-section-carousel__track--dragging{transition:none}.m-section-carousel__slide{flex:0 0 100%;min-width:0;max-height:var(--m-section-carousel-max-height, none);overflow:hidden}.m-section-carousel__indicators{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.m-section-carousel__indicator{appearance:none;border:none;padding:0;cursor:pointer;width:.5rem;height:.5rem;border-radius:50%;background:var(--m-section-carousel-indicator, currentColor);opacity:.35;transition:opacity .2s ease,width .2s ease,background .2s ease}.m-section-carousel__indicator--capsule{width:1.25rem;height:.375rem;border-radius:999px}.m-section-carousel__indicator--active{opacity:1}.m-section-carousel__indicator--capsule.m-section-carousel__indicator--active{width:2rem}.m-section-carousel--indicator-top{flex-direction:column-reverse}.m-section-carousel--indicator-left{flex-direction:row-reverse;align-items:center}.m-section-carousel--indicator-right{flex-direction:row;align-items:center}.m-section-carousel--indicator-left .m-section-carousel__indicators,.m-section-carousel--indicator-right .m-section-carousel__indicators{flex-direction:column}\n"] }]
|
|
21471
|
+
}], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], indicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicator", required: false }] }], indicatorShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicatorShape", required: false }] }], autoPlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoPlay", required: false }] }], interval: [{ type: i0.Input, args: [{ isSignal: true, alias: "interval", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], pauseOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "pauseOnHover", required: false }] }], drag: [{ type: i0.Input, args: [{ isSignal: true, alias: "drag", required: false }] }], slideChange: [{ type: i0.Output, args: ["slideChange"] }], itemChange: [{ type: i0.Output, args: ["itemChange"] }], projectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
21472
|
+
|
|
21144
21473
|
class RemoteLoaderService {
|
|
21145
21474
|
httpService = inject(HttpService);
|
|
21146
21475
|
loginStore = inject(LOGIN_STORE, { optional: true });
|
|
@@ -31856,5 +32185,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
31856
32185
|
* Generated bundle index. Do not edit.
|
|
31857
32186
|
*/
|
|
31858
32187
|
|
|
31859
|
-
export { DateInputComponent as $, ACCESS_DOMAINS as A, BaseInputComponent as B, COMPONENT_INPUT_REGISTRY as C, CardComponent as D, CardWrapperComponent as E, CarouselComponent as F, ChartComponent as G, CheckboxInputComponent as H, IS_DESIGN_MODE as I, ClearableInputComponent as J, ColComponent as K, LabelComponent as L, ColorPickerInputComponent as M, CommentItemComponent as N, CommentsApiService as O, CommentsComponent as P, CommentsStore as Q, ComponentInputComponent as R, ComponentStepperComponent as S, TranslatePipe as T, ConfigComponent as U, ConfirmComponent as V, ContextMenuComponent as W, CustomIconClass as X, CustomIconEditComponent as Y, DEFAULT_SIZE as Z, DashboardCardComponent as _, BaseTextInputComponent as a, NavComponent as a$, DatePickerComponent as a0, DeviceService as a1, DomService as a2, Domain as a3, DotGridComponent as a4, DragListDirective as a5, DragListItemDirective as a6, DraggableDirective as a7, DropdownInputComponent as a8, FLEX_VARIANTS as a9, LOGIN_STORE as aA, LanguageComponent as aB, LogoComponent as aC, MAG_SOCKET_EVENT as aD, MHeroColorDirective as aE, MHeroComponent as aF, MODAL_REF as aG, MODAL_STORE_REF as aH, MRefDirective as aI, MStepComponent as aJ, MURL_PARAM as aK, MURL_SEP as aL, ManifestEnrichmentService as aM, MenuComponent as aN, ModalDirective as aO, ModalRef as aP, ModalStore as aQ, MoneyPipe as aR, MultiRangeInputComponent as aS, MurlUrlSerializer as aT, NAV_DEFAULT_MURL as aU, NAV_ID_SEP as aV, NAV_MAIN_BUTTONS as aW, NAV_SEGMENT_RE as aX, NAV_STORE_REF as aY, NAV_WC_COMPONENTS as aZ, NAV_WIDGET_MAP as a_, FOLDER_PICK_LISTENER as aa, FORM_ASSET_FOLDER as ab, FileService as ac, FileUploadDirective as ad, FileUploadInputComponent as ae, FlexComponent as af, FlexItemComponent as ag, FormGroupComponent as ah, FrameComponent as ai, FreezeService as aj, GRID_BREAKPOINTS as ak, GetNavService as al, HeaderComponent$1 as am, HighlightDirective as an, HttpService as ao, ICON_SOURCE as ap, IS_SIDE_PANEL as aq, IconComponent as ar, ImgComponent as as, InputType as at, InstrumentScoreComponent as au, InterceptorObservables as av, JumbotronComponent as aw, KeyValueComponent as ax, LAYOUT_ASSET_FOLDER as ay, LOGIN_COMPONENT as az, TextOutputComponent as b,
|
|
31860
|
-
//# sourceMappingURL=magmonium-one-magmonium-one-
|
|
32188
|
+
export { DateInputComponent as $, ACCESS_DOMAINS as A, BaseInputComponent as B, COMPONENT_INPUT_REGISTRY as C, CardComponent as D, CardWrapperComponent as E, CarouselComponent as F, ChartComponent as G, CheckboxInputComponent as H, IS_DESIGN_MODE as I, ClearableInputComponent as J, ColComponent as K, LabelComponent as L, ColorPickerInputComponent as M, CommentItemComponent as N, CommentsApiService as O, CommentsComponent as P, CommentsStore as Q, ComponentInputComponent as R, ComponentStepperComponent as S, TranslatePipe as T, ConfigComponent as U, ConfirmComponent as V, ContextMenuComponent as W, CustomIconClass as X, CustomIconEditComponent as Y, DEFAULT_SIZE as Z, DashboardCardComponent as _, BaseTextInputComponent as a, NavComponent as a$, DatePickerComponent as a0, DeviceService as a1, DomService as a2, Domain as a3, DotGridComponent as a4, DragListDirective as a5, DragListItemDirective as a6, DraggableDirective as a7, DropdownInputComponent as a8, FLEX_VARIANTS as a9, LOGIN_STORE as aA, LanguageComponent as aB, LogoComponent as aC, MAG_SOCKET_EVENT as aD, MHeroColorDirective as aE, MHeroComponent as aF, MODAL_REF as aG, MODAL_STORE_REF as aH, MRefDirective as aI, MStepComponent as aJ, MURL_PARAM as aK, MURL_SEP as aL, ManifestEnrichmentService as aM, MenuComponent as aN, ModalDirective as aO, ModalRef as aP, ModalStore as aQ, MoneyPipe as aR, MultiRangeInputComponent as aS, MurlUrlSerializer as aT, NAV_DEFAULT_MURL as aU, NAV_ID_SEP as aV, NAV_MAIN_BUTTONS as aW, NAV_SEGMENT_RE as aX, NAV_STORE_REF as aY, NAV_WC_COMPONENTS as aZ, NAV_WIDGET_MAP as a_, FOLDER_PICK_LISTENER as aa, FORM_ASSET_FOLDER as ab, FileService as ac, FileUploadDirective as ad, FileUploadInputComponent as ae, FlexComponent as af, FlexItemComponent as ag, FormGroupComponent as ah, FrameComponent as ai, FreezeService as aj, GRID_BREAKPOINTS as ak, GetNavService as al, HeaderComponent$1 as am, HighlightDirective as an, HttpService as ao, ICON_SOURCE as ap, IS_SIDE_PANEL as aq, IconComponent as ar, ImgComponent as as, InputType as at, InstrumentScoreComponent as au, InterceptorObservables as av, JumbotronComponent as aw, KeyValueComponent as ax, LAYOUT_ASSET_FOLDER as ay, LOGIN_COMPONENT as az, TextOutputComponent as b, SectionFooterComponent as b$, NavDetailsComponent as b0, NavHeaderComponent as b1, NavMenuComponent as b2, NavStore as b3, NavTrailComponent as b4, NothingComponent as b5, NotificationElementComponent as b6, NotificationGroupComponent as b7, NotificationPopupComponent as b8, NotificationService as b9, ReactiveElementComponent as bA, RemoteComponent as bB, RemoteLoaderService as bC, ResizeElementComponent as bD, RouteContainer as bE, RowComponent as bF, SEARCH_QUERY as bG, SEARCH_RESULTS_EVENT as bH, SECTION_ACCORDION_GROUP as bI, SECTION_FORM_CONTEXT as bJ, SHARED_ICONS as bK, SIZE_CONTEXT as bL, ScoreComponent as bM, ScrollComponent as bN, ScrollService as bO, SearchPanelComponent as bP, SearchStore as bQ, SearchUserPanelComponent as bR, SectionAccordionDirective as bS, SectionAccordionGroupDirective as bT, SectionBackComponent as bU, SectionBadgesComponent as bV, SectionButtonGroupComponent as bW, SectionCardComponent as bX, SectionCarouselComponent as bY, SectionComponent as bZ, SectionFilterComponent as b_, NotificationStore as ba, NotificationType as bb, NotificationWidgetComponent as bc, ONE_ASSET_BASE_URL as bd, OPTIONS_SOURCE as be, OVERLAY_WIDGETS as bf, OneApp as bg, OptionsSourceDirective as bh, OverlayBodyComponent as bi, OverlayRef as bj, OverlayService as bk, PLATFORM_BUTTON_NAV_IDS as bl, PLATFORM_EXTENSIBLE_NAV_IDS as bm, PLATFORM_NAV_MAP as bn, PLATFORM_ROOT_CHILDREN as bo, PaginationComponent as bp, PanelComponent as bq, PercentagePipe as br, PlaygroundComponent as bs, PositionDirective as bt, PwaInstallComponent as bu, ROOT_NAV$1 as bv, RadioGroupComponent as bw, RadioInputComponent as bx, RangeInputComponent as by, RatingInputComponent as bz, ButtonComponent as c, WIN_USER_TAB_KEY as c$, SectionFormComponent as c0, SectionFormItemComponent as c1, SectionHeaderComponent as c2, SectionHeroComponent as c3, SectionSearchComponent as c4, SectionStepperComponent as c5, SectionTabsComponent as c6, SectionToggleComponent as c7, SectionToggleItemDirective as c8, SelectableCardInputComponent as c9, ThemeComponent as cA, ThemeDataService as cB, ThemeService as cC, ThemeStore as cD, TimeAgoPipe as cE, TimelineComponent as cF, ToggleButtonComponent as cG, ToggleInputComponent as cH, ToggleRadioInputComponent as cI, ToolTipDirective as cJ, TooltipComponent as cK, TranslateService as cL, TreeGridComponent as cM, URL_SEP as cN, USER_STORE_REF as cO, USER_TAB_MAP as cP, UlComponent as cQ, UniverseComponent as cR, UserApiService as cS, UserAvatarComponent as cT, UserComponent as cU, UserNavComponent as cV, UserSettingsComponent as cW, UserStore as cX, WC_ROUTE_CHANGED_EVENT as cY, WC_SEARCH_GROUPS as cZ, WIN_USER_TAB_HOOK as c_, SelectorDirective as ca, SettingsSearchBarComponent as cb, SettingsSearchService as cc, ShapeComponent as cd, SharedStoreRegistry as ce, SidePanelDirective as cf, Size as cg, SocketStore as ch, SortComponent as ci, StatComponent 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, linkToId as d$, WatermarkComponent as d0, WcRouterStore as d1, WrapperInputComponent as d2, anchorNavId as d3, applyColorsToElement as d4, bootstrapMagApp as d5, bootstrapPwaInstall as d6, buildWcBaseUrl as d7, calculateLuminance as d8, calculateRanks as d9, getTreeGridRow as dA, getUniqueId as dB, getValue as dC, hasErrorComputed as dD, hexToRgb as dE, hslToRgb$1 as dF, initMagmoniumApp as dG, initialNotificationState as dH, initialState$2 as dI, initials as dJ, injectAuthenticate as dK, injectInstallApp as dL, injectParentSize as dM, injectScrollSticky as dN, isButtonName as dO, isCancelledComputed as dP, isExtensiblePlatformNavId as dQ, isJson as dR, isLoadingComputed as dS, isLocalhost as dT, isPlatformNavId as dU, isSize as dV, isTierPreview as dW, isUrlLocalhost as dX, isValidNavId as dY, isValidNavSegment as dZ, isWebComponent as d_, cellText as da, checkFilterCondition as db, childNavId as dc, classListSignal as dd, coerceSize as de, cornerEdge as df, cornerSide as dg, createMap as dh, createPlatformNavMap as di, deriveAvatarGradient as dj, deriveContrastColor as dk, deriveOppositeColor as dl, derivePropertyName as dm, emailValidation as dn, evaluate as dp, evaluateBool as dq, flattenTreeGridRows as dr, formatBadgeCount as ds, fullName as dt, generateClipPath as du, generateTransform as dv, getClassList as dw, getProperty as dx, getScrollParent as dy, getTierFromPreviewPath as dz, ASSET_BASE_URL as e, toAttrNumber as e$, linkToNav as e0, loadingActions as e1, mInterceptor as e2, manualValidation as e3, matchFieldValidation as e4, maxLengthValidation as e5, maxValidation as e6, mergePlatformNav as e7, mergeUnique as e8, mergeUniqueBy as e9, provideNavWidgets as eA, provideOverlayWidgets as eB, providePlatformNavWidgets as eC, provideSearch as eD, provideSizeContext as eE, provideUserTabs as eF, publicGuard as eG, readFieldPatterns as eH, renderAddress as eI, requiredValidation as eJ, resolveConfigAsset as eK, resolveIconSize as eL, resolvePallet as eM, resolvePatternRules as eN, resolveSize as eO, rgbToHex as eP, rgbToHsl as eQ, rowHasChildren as eR, samePatterns as eS, segmentsToNavId as eT, setProperty as eU, setTreeGridChildren as eV, settingsWidgets as eW, shouldShowBadge as eX, splitNavId as eY, stringToColor as eZ, toAttrBool as e_, mergeUniqueWith as ea, minAgeValidation as eb, minLengthValidation as ec, minValidation as ed, miniMarkToHtml as ee, navIdChain as ef, navIdFor as eg, navIdSegment as eh, navIdToRoutePath as ei, navIdToSegments as ej, navToId as ek, parentNavId as el, parseAddress as em, parseColor as en, parsePatternNames as eo, patternValidation as ep, patternsValidation as eq, platformNavWidgets as er, privateGuard as es, processImageToSvg as et, provideAppContext as eu, provideMagAppConfig as ev, provideMagWcConfig as ew, provideMagWcRoutes as ex, provideModalComponents as ey, provideMurlUrlSerializer as ez, AccordionBodyDirective as f, toCssLength as f0, toHostNavId as f1, toLength$1 as f2, toLocalNavId as f3, toggleTreeGridRow as f4, unfetchedPlatformNav as f5, urlValidation as f6, 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, AuthActivityPageComponent as q, AuthApiService as r, AuthStore as s, AutosizeDirective as t, BadgeComponent as u, BandingComponent as v, BaseArrayInputComponent as w, BaseRootWebComponent as x, BaseWebComponent as y, ButtonGroupComponent as z };
|
|
32189
|
+
//# sourceMappingURL=magmonium-one-magmonium-one-DpAx1bqJ.mjs.map
|