@magmonium/one 0.1.0 → 0.1.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-DBTo1kDt.mjs → magmonium-one-magmonium-one-Cq8nOJ5L.mjs} +143 -44
- package/fesm2022/magmonium-one-magmonium-one-Cq8nOJ5L.mjs.map +1 -0
- package/fesm2022/{magmonium-one-otp-DBTcIiti.mjs → magmonium-one-otp-B_VqwsDr.mjs} +2 -2
- package/fesm2022/{magmonium-one-otp-DBTcIiti.mjs.map → magmonium-one-otp-B_VqwsDr.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-password-CowFcgEw.mjs → magmonium-one-password-Dp_VQTEj.mjs} +2 -2
- package/fesm2022/{magmonium-one-password-CowFcgEw.mjs.map → magmonium-one-password-Dp_VQTEj.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-toggle-DiAumnwo.mjs → magmonium-one-toggle-YvsBxdtA.mjs} +2 -2
- package/fesm2022/{magmonium-one-toggle-DiAumnwo.mjs.map → magmonium-one-toggle-YvsBxdtA.mjs.map} +1 -1
- package/fesm2022/magmonium-one.mjs +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +41 -10
- package/fesm2022/magmonium-one-magmonium-one-DBTo1kDt.mjs.map +0 -1
|
@@ -50,6 +50,7 @@ const LAYOUT_ASSET_FOLDER = {
|
|
|
50
50
|
// Not `button_groups` — those files carry `names`, `buttons`, `isContext`,
|
|
51
51
|
// `primary` and `size`, none of which a SectionButtonGroup reads (ADR 0009).
|
|
52
52
|
section_button_group: 'section_button_groups',
|
|
53
|
+
section_hero: 'section_heroes',
|
|
53
54
|
text_output: 'text_outputs',
|
|
54
55
|
};
|
|
55
56
|
|
|
@@ -6428,7 +6429,7 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
6428
6429
|
break;
|
|
6429
6430
|
}
|
|
6430
6431
|
case InputType.TOGGLE: {
|
|
6431
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
6432
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-YvsBxdtA.mjs');
|
|
6432
6433
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
6433
6434
|
break;
|
|
6434
6435
|
}
|
|
@@ -6440,12 +6441,12 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
6440
6441
|
break;
|
|
6441
6442
|
}
|
|
6442
6443
|
case InputType.PASSWORD: {
|
|
6443
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
6444
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-Dp_VQTEj.mjs');
|
|
6444
6445
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
6445
6446
|
break;
|
|
6446
6447
|
}
|
|
6447
6448
|
case InputType.OTP: {
|
|
6448
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
6449
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-B_VqwsDr.mjs');
|
|
6449
6450
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
6450
6451
|
break;
|
|
6451
6452
|
}
|
|
@@ -6806,6 +6807,9 @@ class SectionFormComponent extends ConfigComponent {
|
|
|
6806
6807
|
maxHeight = input(...(ngDevMode ? [undefined, { debugName: "maxHeight" }] : /* istanbul ignore next */ []));
|
|
6807
6808
|
height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
|
|
6808
6809
|
align = input(undefined, ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
|
|
6810
|
+
// Widened beyond `Size` so a plain attribute (`size="lg"`) type-checks in a
|
|
6811
|
+
// template — enums are nominal, but `coerceSize` already validates and
|
|
6812
|
+
// falls back to the default for anything that isn't one of the three.
|
|
6809
6813
|
size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
6810
6814
|
// Same default as FormGroup: a form that appears is a form to be typed in.
|
|
6811
6815
|
autofocus = input(true, ...(ngDevMode ? [{ debugName: "autofocus" }] : /* istanbul ignore next */ []));
|
|
@@ -7301,6 +7305,9 @@ class SectionButtonGroupComponent extends ConfigComponent {
|
|
|
7301
7305
|
vertical = input(undefined, ...(ngDevMode ? [{ debugName: "vertical" }] : /* istanbul ignore next */ []));
|
|
7302
7306
|
align = input(undefined, ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
|
|
7303
7307
|
variant = input(undefined, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
7308
|
+
// Widened beyond `Size` so a plain attribute (`size="lg"`) type-checks in a
|
|
7309
|
+
// template — enums are nominal, but `coerceSize` already validates and
|
|
7310
|
+
// falls back to the default for anything that isn't one of the three.
|
|
7304
7311
|
size = input(undefined, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
7305
7312
|
fullWidth = input(undefined, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
|
|
7306
7313
|
parentSize = injectParentSize();
|
|
@@ -10674,40 +10681,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
10674
10681
|
}, 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)}}:host{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-height:var(--section-footer-min-height, calc(var(--section-footer-py, .5rem) * 2 + 1.25rem));border-top:1px solid var(--m-backdrop-border);padding:var(--section-footer-py, .85rem) var(--section-px, 1rem);width:100%}:host(.no-border){border-top:none}:host(.align-left){justify-content:flex-start}:host(.align-center){justify-content:center}:host(.align-right){justify-content:flex-end}:host(.is-sticky-enabled){position:sticky;bottom:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}\n"] }]
|
|
10675
10682
|
}], propDecorators: { sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
|
|
10676
10683
|
|
|
10677
|
-
function getClassList$3(config) {
|
|
10678
|
-
if (!config) {
|
|
10679
|
-
return 'm-jumbotron';
|
|
10680
|
-
}
|
|
10681
|
-
const classes = ['m-jumbotron'];
|
|
10682
|
-
// Animation classes
|
|
10683
|
-
if (config.animation && config.animation !== 'none') {
|
|
10684
|
-
classes.push(`m-jumbotron--${config.animation}`);
|
|
10685
|
-
}
|
|
10686
|
-
// Layout classes
|
|
10687
|
-
if (config.centered) {
|
|
10688
|
-
classes.push('m-jumbotron--centered');
|
|
10689
|
-
}
|
|
10690
|
-
if (config.overlay) {
|
|
10691
|
-
classes.push('m-jumbotron--overlay');
|
|
10692
|
-
}
|
|
10693
|
-
if (config.padding) {
|
|
10694
|
-
classes.push('m-jumbotron--padding');
|
|
10695
|
-
}
|
|
10696
|
-
// Auto height modifier
|
|
10697
|
-
if (config.autoHeight) {
|
|
10698
|
-
classes.push('m-jumbotron--auto-height');
|
|
10699
|
-
}
|
|
10700
|
-
// Sticky actions modifier
|
|
10701
|
-
if (config.stickyActions) {
|
|
10702
|
-
classes.push('m-jumbotron--sticky-actions');
|
|
10703
|
-
}
|
|
10704
|
-
// Sticky header modifier
|
|
10705
|
-
if (config.stickyHeader) {
|
|
10706
|
-
classes.push('m-jumbotron--sticky-header');
|
|
10707
|
-
}
|
|
10708
|
-
return classes.join(' ');
|
|
10709
|
-
}
|
|
10710
|
-
|
|
10711
10684
|
function getValue(obj, key) {
|
|
10712
10685
|
return obj[key];
|
|
10713
10686
|
}
|
|
@@ -11079,6 +11052,122 @@ function linkToId(link) {
|
|
|
11079
11052
|
return navToId(linkToNav(link));
|
|
11080
11053
|
}
|
|
11081
11054
|
|
|
11055
|
+
const JUMBOTRON_ANIMATION_CLASSES = new Set([
|
|
11056
|
+
'gradient',
|
|
11057
|
+
'particles',
|
|
11058
|
+
'geometric',
|
|
11059
|
+
'pulse',
|
|
11060
|
+
'waves',
|
|
11061
|
+
'matrix',
|
|
11062
|
+
'aurora',
|
|
11063
|
+
'nebula',
|
|
11064
|
+
'mesh',
|
|
11065
|
+
'plasma',
|
|
11066
|
+
'crystal',
|
|
11067
|
+
'cyber',
|
|
11068
|
+
'spiral',
|
|
11069
|
+
'hologram',
|
|
11070
|
+
'neon',
|
|
11071
|
+
'fire',
|
|
11072
|
+
'electric',
|
|
11073
|
+
'galaxy',
|
|
11074
|
+
'liquid',
|
|
11075
|
+
'glitch',
|
|
11076
|
+
'prism',
|
|
11077
|
+
]);
|
|
11078
|
+
// A content-only background block: no header, no footer, just `ng-content`
|
|
11079
|
+
// wrapped in a background + spacing frame — the plain sibling of Jumbotron,
|
|
11080
|
+
// which also carries header/actions slots and animated backgrounds.
|
|
11081
|
+
class SectionHeroComponent extends ConfigComponent {
|
|
11082
|
+
subFolder = LAYOUT_ASSET_FOLDER.section_hero;
|
|
11083
|
+
variant = input(undefined, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
11084
|
+
overlay = input(undefined, ...(ngDevMode ? [{ debugName: "overlay" }] : /* istanbul ignore next */ []));
|
|
11085
|
+
centered = input(undefined, ...(ngDevMode ? [{ debugName: "centered" }] : /* istanbul ignore next */ []));
|
|
11086
|
+
padding = input(undefined, ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
|
|
11087
|
+
maxWidth = input(undefined, ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
|
|
11088
|
+
minHeight = input(undefined, ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
|
|
11089
|
+
resolvedVariant = computed(() => this.variant() ?? this.config()?.variant ?? 'default', ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
|
|
11090
|
+
hostClassNames = computed(() => {
|
|
11091
|
+
const classes = ['m-section-hero'];
|
|
11092
|
+
const variant = this.resolvedVariant();
|
|
11093
|
+
if (variant === 'muted')
|
|
11094
|
+
classes.push('m-section-hero--muted');
|
|
11095
|
+
if (variant === 'brand')
|
|
11096
|
+
classes.push('m-section-hero--brand');
|
|
11097
|
+
if (variant === 'transparent')
|
|
11098
|
+
classes.push('m-section-hero--transparent');
|
|
11099
|
+
if (JUMBOTRON_ANIMATION_CLASSES.has(variant)) {
|
|
11100
|
+
classes.push(`m-jumbotron--${variant}`);
|
|
11101
|
+
}
|
|
11102
|
+
if (this.resolvedOverlay())
|
|
11103
|
+
classes.push('m-section-hero--overlay');
|
|
11104
|
+
if (this.resolvedCentered())
|
|
11105
|
+
classes.push('m-section-hero--centered');
|
|
11106
|
+
if (this.resolvedPadding())
|
|
11107
|
+
classes.push('m-section-hero--padding');
|
|
11108
|
+
return classes.join(' ');
|
|
11109
|
+
}, ...(ngDevMode ? [{ debugName: "hostClassNames" }] : /* istanbul ignore next */ []));
|
|
11110
|
+
resolvedOverlay = computed(() => this.overlay() ?? !!this.config()?.overlay, ...(ngDevMode ? [{ debugName: "resolvedOverlay" }] : /* istanbul ignore next */ []));
|
|
11111
|
+
resolvedCentered = computed(() => this.centered() ?? !!this.config()?.centered, ...(ngDevMode ? [{ debugName: "resolvedCentered" }] : /* istanbul ignore next */ []));
|
|
11112
|
+
resolvedPadding = computed(() => this.padding() ?? !!this.config()?.padding, ...(ngDevMode ? [{ debugName: "resolvedPadding" }] : /* istanbul ignore next */ []));
|
|
11113
|
+
maxWidthLength = computed(() => toLength$1(this.maxWidth() ?? this.config()?.maxWidth, true), ...(ngDevMode ? [{ debugName: "maxWidthLength" }] : /* istanbul ignore next */ []));
|
|
11114
|
+
minHeightLength = computed(() => toLength$1(this.minHeight() ?? this.config()?.minHeight), ...(ngDevMode ? [{ debugName: "minHeightLength" }] : /* istanbul ignore next */ []));
|
|
11115
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionHeroComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11116
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: SectionHeroComponent, isStandalone: true, selector: "m-section-hero", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, overlay: { classPropertyName: "overlay", publicName: "overlay", isSignal: true, isRequired: false, transformFunction: null }, centered: { classPropertyName: "centered", publicName: "centered", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClassNames()", "style.--m-section-hero-max-width": "maxWidthLength()", "style.--m-section-hero-min-height": "minHeightLength()" } }, usesInheritance: true, ngImport: i0, template: `
|
|
11117
|
+
<div class="m-section-hero__background m-jumbotron__background"></div>
|
|
11118
|
+
<div class="m-section-hero__content">
|
|
11119
|
+
<ng-content />
|
|
11120
|
+
</div>
|
|
11121
|
+
`, 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)}}@keyframes gradientWave{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes meshFlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes meshOverlay{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes plasmaEnergy{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}to{transform:scale(1.1) rotate(5deg);filter:hue-rotate(90deg)}}@keyframes plasmaOrbs{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-20px,30px) scale(.8);opacity:.4}75%{transform:translate(20px,20px) scale(1.1);opacity:.7}}@keyframes floatParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes rotateGeometric{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes crystalShimmer{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}@keyframes crystalGrow{0%,to{transform:scale(1) rotate(0);opacity:.2}50%{transform:scale(1.5) rotate(45deg);opacity:.6}}@keyframes matrixRain{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 100px));opacity:0}}@keyframes cyberGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes cyberScan{0%,to{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%)}}@keyframes hologramScan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes hologramSweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes waveMotion{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waveRipple{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(5deg);opacity:.6}}@keyframes auroraFlow{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px) scale(1.2);opacity:.6}66%{transform:translate(-30px) scale(.9);opacity:.4}}@keyframes nebulaGlow{0%{transform:scale(1) rotate(0);opacity:.4}to{transform:scale(1.3) rotate(10deg);opacity:.7}}@keyframes pulseBackground{0%{transform:scale(1);opacity:.8}to{transform:scale(1.02);opacity:1}}@keyframes neonPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:1}}@keyframes spiralRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.1)}}@keyframes fireFlicker{0%,to{background-position:0% 50%;filter:brightness(1) hue-rotate(0deg)}25%{background-position:50% 25%;filter:brightness(1.2) hue-rotate(10deg)}50%{background-position:100% 50%;filter:brightness(.9) hue-rotate(-5deg)}75%{background-position:50% 75%;filter:brightness(1.1) hue-rotate(5deg)}}@keyframes fireParticles{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:.4}}@keyframes electricStorm{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(1.3) contrast(1.2)}50%{filter:brightness(.8) contrast(1.1)}75%{filter:brightness(1.2) contrast(1.3)}}@keyframes electricBolt{0%,90%,to{opacity:0;transform:scale(1)}5%,85%{opacity:1;transform:scale(1.2)}10%,80%{opacity:.7;transform:scale(.9)}}@keyframes galaxyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starField{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes liquidFlow{0%,to{background-position:0% 50%}33%{background-position:70% 30%}66%{background-position:30% 70%}}@keyframes liquidDrops{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:.3}}@keyframes glitchBase{0%,to{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(.8)}75%{filter:hue-rotate(270deg) saturate(1.1)}}@keyframes glitchDistortion{0%,90%,to{transform:translate(0);opacity:.1}2%,5%,8%{transform:translate(2px);opacity:.3}3%,6%{transform:translate(-2px);opacity:.2}}@keyframes prismShift{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}33%{background-position:100% 0%;filter:hue-rotate(120deg)}66%{background-position:0% 100%;filter:hue-rotate(240deg)}}@keyframes prismRotate{0%{transform:rotate(0) scale(1);opacity:.3}to{transform:rotate(360deg) scale(1.1);opacity:.6}}:host{position:relative;display:block;width:100%;overflow:hidden;min-height:var(--m-section-hero-min-height, 0)}.m-section-hero__background{position:absolute;inset:0;z-index:0}.m-section-hero__content{position:relative;z-index:1;max-width:var(--m-section-hero-max-width, none);margin-inline:auto;padding-block:var(--_section-pt, 1.5rem) var(--_section-pb, 0rem);padding-inline:var(--_section-px, 1rem)}:host(.m-section-hero--padding) .m-section-hero__content{padding-block:3rem;padding-inline:2rem}:host(.m-section-hero--centered) .m-section-hero__content{text-align:center}:host(.m-section-hero--muted) .m-section-hero__background{background:var(--m-backdrop-surface)}:host(.m-section-hero--brand) .m-section-hero__background{background:linear-gradient(135deg,var(--m-mm) 0%,var(--m-mm-dark) 100%)}:host(.m-section-hero--transparent) .m-section-hero__background{background:transparent}:host(.m-section-hero--brand) .m-section-hero__content,:host(.m-jumbotron--gradient) .m-section-hero__content{color:var(--m-inverse-text)}:host(.m-section-hero--overlay) .m-section-hero__background:after{content:\"\";position:absolute;inset:0;background:#0006}:host(.m-section-hero--overlay) .m-section-hero__content{color:var(--m-inverse-text)}:host(.m-jumbotron--gradient) .m-jumbotron__background{background:linear-gradient(45deg,#667eea,#764ba2);animation:gradientWave 8s ease-in-out infinite}:host(.m-jumbotron--mesh) .m-jumbotron__background{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:300% 300%;animation:meshFlow 16s ease-in-out infinite}:host(.m-jumbotron--mesh) .m-jumbotron__background:before{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.05) 0%,transparent 50%);animation:meshOverlay 10s ease-in-out infinite}:host(.m-jumbotron--plasma) .m-jumbotron__background{background:radial-gradient(ellipse at top,#ff006e,#8338ec,#3a86ff);animation:plasmaEnergy 8s ease-in-out infinite alternate}:host(.m-jumbotron--plasma) .m-jumbotron__background:before,:host(.m-jumbotron--plasma) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(30px);animation:plasmaOrbs 10s ease-in-out infinite}:host(.m-jumbotron--plasma) .m-jumbotron__background:before{width:200px;height:200px;top:20%;left:20%;background:radial-gradient(circle,rgba(255,0,110,.6) 0%,transparent 70%);animation-delay:0s}:host(.m-jumbotron--plasma) .m-jumbotron__background:after{width:150px;height:150px;bottom:25%;right:25%;background:radial-gradient(circle,rgba(131,56,236,.6) 0%,transparent 70%);animation-delay:-5s}:host(.m-jumbotron--particles) .m-jumbotron__background{background:linear-gradient(135deg,#1e3c72,#2a5298)}:host(.m-jumbotron--particles) .m-jumbotron__background:before,:host(.m-jumbotron--particles) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;background:#ffffff1a;animation:floatParticles 12s infinite linear}:host(.m-jumbotron--particles) .m-jumbotron__background:before{width:20px;height:20px;top:20%;left:10%;animation-delay:0s}:host(.m-jumbotron--particles) .m-jumbotron__background:after{width:15px;height:15px;top:70%;right:20%;animation-delay:-6s}:host(.m-jumbotron--geometric) .m-jumbotron__background{background:linear-gradient(60deg,#f093fb,#f5576c)}:host(.m-jumbotron--geometric) .m-jumbotron__background:before,:host(.m-jumbotron--geometric) .m-jumbotron__background:after{content:\"\";position:absolute;border:2px solid rgba(255,255,255,.2);animation:rotateGeometric 15s linear infinite}:host(.m-jumbotron--geometric) .m-jumbotron__background:before{width:100px;height:100px;top:10%;left:15%;transform-origin:center}:host(.m-jumbotron--geometric) .m-jumbotron__background:after{width:60px;height:60px;bottom:20%;right:15%;border-radius:50%;animation-direction:reverse}:host(.m-jumbotron--crystal) .m-jumbotron__background{background:linear-gradient(135deg,#667db6,#0082c8,#667db6,#0082c8,#667db6);background-size:200% 200%;animation:crystalShimmer 12s ease-in-out infinite}:host(.m-jumbotron--crystal) .m-jumbotron__background:before,:host(.m-jumbotron--crystal) .m-jumbotron__background:after{content:\"\";position:absolute;clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(45deg,rgba(255,255,255,.2),transparent);animation:crystalGrow 8s ease-in-out infinite}:host(.m-jumbotron--crystal) .m-jumbotron__background:before{width:60px;height:60px;top:15%;left:15%;animation-delay:0s}:host(.m-jumbotron--crystal) .m-jumbotron__background:after{width:40px;height:40px;bottom:20%;right:20%;animation-delay:-4s}:host(.m-jumbotron--matrix) .m-jumbotron__background{background:linear-gradient(135deg,#0d1117,#1a1f2e)}:host(.m-jumbotron--matrix) .m-jumbotron__background:before,:host(.m-jumbotron--matrix) .m-jumbotron__background:after{content:\"01101010\";position:absolute;color:#00ff001a;font-family:Courier New,monospace;font-size:12px;line-height:1;white-space:pre;animation:matrixRain 15s linear infinite}:host(.m-jumbotron--matrix) .m-jumbotron__background:before{top:-100px;left:10%;animation-delay:0s}:host(.m-jumbotron--matrix) .m-jumbotron__background:after{top:-100px;right:20%;animation-delay:-7s}:host(.m-jumbotron--cyber) .m-jumbotron__background{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}:host(.m-jumbotron--cyber) .m-jumbotron__background:before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:cyberGrid 20s linear infinite}:host(.m-jumbotron--cyber) .m-jumbotron__background:after{content:\"\";position:absolute;width:100%;height:2px;top:30%;left:0;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:cyberScan 6s ease-in-out infinite}:host(.m-jumbotron--hologram) .m-jumbotron__background{background:linear-gradient(135deg,#012,#036,#048)}:host(.m-jumbotron--hologram) .m-jumbotron__background:before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);animation:hologramScan 3s linear infinite}:host(.m-jumbotron--hologram) .m-jumbotron__background:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transform:translate(-100%);animation:hologramSweep 8s ease-in-out infinite}:host(.m-jumbotron--waves) .m-jumbotron__background{background:linear-gradient(135deg,#667db6,#0082c8 25% 50%,#667db6);background-size:400% 400%;animation:waveMotion 10s ease-in-out infinite}:host(.m-jumbotron--waves) .m-jumbotron__background:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 0%,transparent 50%);animation:waveRipple 8s ease-in-out infinite}:host(.m-jumbotron--aurora) .m-jumbotron__background{background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e)}:host(.m-jumbotron--aurora) .m-jumbotron__background:before,:host(.m-jumbotron--aurora) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(40px);animation:auroraFlow 12s ease-in-out infinite}:host(.m-jumbotron--aurora) .m-jumbotron__background:before{width:300px;height:100px;top:20%;left:10%;background:linear-gradient(90deg,#00ff964d,#0096ff4d);animation-delay:0s}:host(.m-jumbotron--aurora) .m-jumbotron__background:after{width:250px;height:80px;bottom:30%;right:15%;background:linear-gradient(90deg,#ff00964d,#9600ff4d);animation-delay:-6s}:host(.m-jumbotron--nebula) .m-jumbotron__background{background:radial-gradient(ellipse at center,#1a1a2e,#16213e,#0f0f23)}:host(.m-jumbotron--nebula) .m-jumbotron__background:before,:host(.m-jumbotron--nebula) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(60px);animation:nebulaGlow 14s ease-in-out infinite alternate}:host(.m-jumbotron--nebula) .m-jumbotron__background:before{width:400px;height:200px;top:10%;left:5%;background:radial-gradient(ellipse,rgba(138,43,226,.4) 0%,rgba(75,0,130,.2) 50%,transparent 100%)}:host(.m-jumbotron--nebula) .m-jumbotron__background:after{width:350px;height:180px;bottom:15%;right:10%;background:radial-gradient(ellipse,rgba(255,20,147,.4) 0%,rgba(199,21,133,.2) 50%,transparent 100%);animation-delay:-7s}:host(.m-jumbotron--pulse) .m-jumbotron__background{background:linear-gradient(120deg,#a8edea,#fed6e3);animation:pulseBackground 4s ease-in-out infinite alternate}:host(.m-jumbotron--neon) .m-jumbotron__background{background:linear-gradient(135deg,#0a0a0a,#1a0a1a,#0a1a0a)}:host(.m-jumbotron--neon) .m-jumbotron__background:before,:host(.m-jumbotron--neon) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(20px);animation:neonPulse 4s ease-in-out infinite alternate}:host(.m-jumbotron--neon) .m-jumbotron__background:before{width:150px;height:150px;top:20%;left:20%;background:radial-gradient(circle,rgba(255,0,255,.8) 0%,transparent 70%);box-shadow:0 0 50px #ff00ff80}:host(.m-jumbotron--neon) .m-jumbotron__background:after{width:120px;height:120px;bottom:30%;right:30%;background:radial-gradient(circle,rgba(0,255,0,.8) 0%,transparent 70%);box-shadow:0 0 50px #00ff0080;animation-delay:-2s}:host(.m-jumbotron--spiral) .m-jumbotron__background{background:radial-gradient(ellipse at center,#1a1a2e,#16213e 30%,#0f0f23 70%,#000)}:host(.m-jumbotron--spiral) .m-jumbotron__background:before,:host(.m-jumbotron--spiral) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.1);animation:spiralRotate 20s linear infinite}:host(.m-jumbotron--spiral) .m-jumbotron__background:before{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);border-style:dashed}:host(.m-jumbotron--spiral) .m-jumbotron__background:after{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);animation-direction:reverse;animation-duration:15s}:host(.m-jumbotron--fire) .m-jumbotron__background{background:linear-gradient(135deg,#ff4500,#ff8c00,orange,tomato,#dc143c);background-size:300% 300%;animation:fireFlicker 6s ease-in-out infinite}:host(.m-jumbotron--fire) .m-jumbotron__background:before,:host(.m-jumbotron--fire) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%/60% 60% 40% 40%;filter:blur(15px);animation:fireParticles 8s ease-in-out infinite}:host(.m-jumbotron--fire) .m-jumbotron__background:before{width:100px;height:120px;bottom:10%;left:20%;background:radial-gradient(ellipse,rgba(255,69,0,.8) 0%,rgba(255,140,0,.4) 50%,transparent 100%);animation-delay:0s}:host(.m-jumbotron--fire) .m-jumbotron__background:after{width:80px;height:100px;bottom:15%;right:25%;background:radial-gradient(ellipse,rgba(255,165,0,.8) 0%,rgba(255,99,71,.4) 50%,transparent 100%);animation-delay:-4s}:host(.m-jumbotron--electric) .m-jumbotron__background{background:linear-gradient(135deg,#000428,#004e92,#009ffd);animation:electricStorm 5s ease-in-out infinite}:host(.m-jumbotron--electric) .m-jumbotron__background:before,:host(.m-jumbotron--electric) .m-jumbotron__background:after{content:\"\";position:absolute;background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,.8) 50%,transparent 70%);animation:electricBolt 3s ease-in-out infinite}:host(.m-jumbotron--electric) .m-jumbotron__background:before{width:2px;height:150px;top:10%;left:30%;transform:rotate(15deg);animation-delay:0s}:host(.m-jumbotron--electric) .m-jumbotron__background:after{width:3px;height:200px;top:20%;right:35%;transform:rotate(-20deg);animation-delay:-1.5s}:host(.m-jumbotron--galaxy) .m-jumbotron__background{background:radial-gradient(ellipse at center,#1a1a2e,#16213e 20%,#0f0f23,#000);animation:galaxyRotate 30s linear infinite}:host(.m-jumbotron--galaxy) .m-jumbotron__background:before,:host(.m-jumbotron--galaxy) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:starField 20s ease-in-out infinite}:host(.m-jumbotron--galaxy) .m-jumbotron__background:before{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background-image:radial-gradient(2px 2px at 50px 100px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 150px 200px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 300px 50px,rgba(255,255,255,.4),transparent)}:host(.m-jumbotron--galaxy) .m-jumbotron__background:after{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent,rgba(138,43,226,.3),transparent);animation-direction:reverse;animation-duration:25s}:host(.m-jumbotron--liquid) .m-jumbotron__background{background:linear-gradient(135deg,#667db6,#0082c8,#667db6,#0082c8,#667db6);background-size:400% 400%;animation:liquidFlow 12s ease-in-out infinite}:host(.m-jumbotron--liquid) .m-jumbotron__background:before,:host(.m-jumbotron--liquid) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(25px);animation:liquidDrops 10s ease-in-out infinite}:host(.m-jumbotron--liquid) .m-jumbotron__background:before{width:200px;height:120px;top:20%;left:15%;background:radial-gradient(ellipse,rgba(102,125,182,.6) 0%,rgba(0,130,200,.3) 70%,transparent 100%);animation-delay:0s}:host(.m-jumbotron--liquid) .m-jumbotron__background:after{width:150px;height:100px;bottom:25%;right:20%;background:radial-gradient(ellipse,rgba(0,130,200,.6) 0%,rgba(102,125,182,.3) 70%,transparent 100%);animation-delay:-5s}:host(.m-jumbotron--glitch) .m-jumbotron__background{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);animation:glitchBase 8s ease-in-out infinite}:host(.m-jumbotron--glitch) .m-jumbotron__background:before,:host(.m-jumbotron--glitch) .m-jumbotron__background:after{content:\"\";position:absolute;width:100%;height:100%;mix-blend-mode:screen;animation:glitchDistortion 4s ease-in-out infinite}:host(.m-jumbotron--glitch) .m-jumbotron__background:before{background:linear-gradient(90deg,transparent 0%,rgba(255,0,0,.1) 25%,transparent 50%,rgba(0,255,0,.1) 75%,transparent 100%);animation-delay:0s}:host(.m-jumbotron--glitch) .m-jumbotron__background:after{background:linear-gradient(270deg,transparent 0%,rgba(0,0,255,.1) 25%,transparent 50%,rgba(255,255,0,.1) 75%,transparent 100%);animation-delay:-2s}:host(.m-jumbotron--prism) .m-jumbotron__background{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:300% 300%;animation:prismShift 15s ease-in-out infinite}:host(.m-jumbotron--prism) .m-jumbotron__background:before,:host(.m-jumbotron--prism) .m-jumbotron__background:after{content:\"\";position:absolute;background:conic-gradient(from 0deg,#ff00001a,#ffa5001a,#ffff001a,#00ff001a,#0000ff1a,#4b00821a,#ee82ee1a);filter:blur(30px);animation:prismRotate 12s linear infinite}:host(.m-jumbotron--prism) .m-jumbotron__background:before{width:150px;height:150px;top:25%;left:25%;border-radius:50%}:host(.m-jumbotron--prism) .m-jumbotron__background:after{width:100px;height:100px;bottom:30%;right:30%;border-radius:50%;animation-direction:reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11122
|
+
}
|
|
11123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionHeroComponent, decorators: [{
|
|
11124
|
+
type: Component,
|
|
11125
|
+
args: [{ selector: 'm-section-hero', template: `
|
|
11126
|
+
<div class="m-section-hero__background m-jumbotron__background"></div>
|
|
11127
|
+
<div class="m-section-hero__content">
|
|
11128
|
+
<ng-content />
|
|
11129
|
+
</div>
|
|
11130
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
11131
|
+
'[class]': 'hostClassNames()',
|
|
11132
|
+
'[style.--m-section-hero-max-width]': 'maxWidthLength()',
|
|
11133
|
+
'[style.--m-section-hero-min-height]': 'minHeightLength()',
|
|
11134
|
+
}, 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)}}@keyframes gradientWave{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes meshFlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes meshOverlay{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes plasmaEnergy{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}to{transform:scale(1.1) rotate(5deg);filter:hue-rotate(90deg)}}@keyframes plasmaOrbs{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-20px) scale(1.2);opacity:.8}50%{transform:translate(-20px,30px) scale(.8);opacity:.4}75%{transform:translate(20px,20px) scale(1.1);opacity:.7}}@keyframes floatParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes rotateGeometric{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes crystalShimmer{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}@keyframes crystalGrow{0%,to{transform:scale(1) rotate(0);opacity:.2}50%{transform:scale(1.5) rotate(45deg);opacity:.6}}@keyframes matrixRain{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 100px));opacity:0}}@keyframes cyberGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes cyberScan{0%,to{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%)}}@keyframes hologramScan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes hologramSweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes waveMotion{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waveRipple{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(5deg);opacity:.6}}@keyframes auroraFlow{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(50px) scale(1.2);opacity:.6}66%{transform:translate(-30px) scale(.9);opacity:.4}}@keyframes nebulaGlow{0%{transform:scale(1) rotate(0);opacity:.4}to{transform:scale(1.3) rotate(10deg);opacity:.7}}@keyframes pulseBackground{0%{transform:scale(1);opacity:.8}to{transform:scale(1.02);opacity:1}}@keyframes neonPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:1}}@keyframes spiralRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.1)}}@keyframes fireFlicker{0%,to{background-position:0% 50%;filter:brightness(1) hue-rotate(0deg)}25%{background-position:50% 25%;filter:brightness(1.2) hue-rotate(10deg)}50%{background-position:100% 50%;filter:brightness(.9) hue-rotate(-5deg)}75%{background-position:50% 75%;filter:brightness(1.1) hue-rotate(5deg)}}@keyframes fireParticles{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.1);opacity:.4}}@keyframes electricStorm{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(1.3) contrast(1.2)}50%{filter:brightness(.8) contrast(1.1)}75%{filter:brightness(1.2) contrast(1.3)}}@keyframes electricBolt{0%,90%,to{opacity:0;transform:scale(1)}5%,85%{opacity:1;transform:scale(1.2)}10%,80%{opacity:.7;transform:scale(.9)}}@keyframes galaxyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starField{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes liquidFlow{0%,to{background-position:0% 50%}33%{background-position:70% 30%}66%{background-position:30% 70%}}@keyframes liquidDrops{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:.3}}@keyframes glitchBase{0%,to{filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(.8)}75%{filter:hue-rotate(270deg) saturate(1.1)}}@keyframes glitchDistortion{0%,90%,to{transform:translate(0);opacity:.1}2%,5%,8%{transform:translate(2px);opacity:.3}3%,6%{transform:translate(-2px);opacity:.2}}@keyframes prismShift{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}33%{background-position:100% 0%;filter:hue-rotate(120deg)}66%{background-position:0% 100%;filter:hue-rotate(240deg)}}@keyframes prismRotate{0%{transform:rotate(0) scale(1);opacity:.3}to{transform:rotate(360deg) scale(1.1);opacity:.6}}:host{position:relative;display:block;width:100%;overflow:hidden;min-height:var(--m-section-hero-min-height, 0)}.m-section-hero__background{position:absolute;inset:0;z-index:0}.m-section-hero__content{position:relative;z-index:1;max-width:var(--m-section-hero-max-width, none);margin-inline:auto;padding-block:var(--_section-pt, 1.5rem) var(--_section-pb, 0rem);padding-inline:var(--_section-px, 1rem)}:host(.m-section-hero--padding) .m-section-hero__content{padding-block:3rem;padding-inline:2rem}:host(.m-section-hero--centered) .m-section-hero__content{text-align:center}:host(.m-section-hero--muted) .m-section-hero__background{background:var(--m-backdrop-surface)}:host(.m-section-hero--brand) .m-section-hero__background{background:linear-gradient(135deg,var(--m-mm) 0%,var(--m-mm-dark) 100%)}:host(.m-section-hero--transparent) .m-section-hero__background{background:transparent}:host(.m-section-hero--brand) .m-section-hero__content,:host(.m-jumbotron--gradient) .m-section-hero__content{color:var(--m-inverse-text)}:host(.m-section-hero--overlay) .m-section-hero__background:after{content:\"\";position:absolute;inset:0;background:#0006}:host(.m-section-hero--overlay) .m-section-hero__content{color:var(--m-inverse-text)}:host(.m-jumbotron--gradient) .m-jumbotron__background{background:linear-gradient(45deg,#667eea,#764ba2);animation:gradientWave 8s ease-in-out infinite}:host(.m-jumbotron--mesh) .m-jumbotron__background{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:300% 300%;animation:meshFlow 16s ease-in-out infinite}:host(.m-jumbotron--mesh) .m-jumbotron__background:before{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.05) 0%,transparent 50%);animation:meshOverlay 10s ease-in-out infinite}:host(.m-jumbotron--plasma) .m-jumbotron__background{background:radial-gradient(ellipse at top,#ff006e,#8338ec,#3a86ff);animation:plasmaEnergy 8s ease-in-out infinite alternate}:host(.m-jumbotron--plasma) .m-jumbotron__background:before,:host(.m-jumbotron--plasma) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(30px);animation:plasmaOrbs 10s ease-in-out infinite}:host(.m-jumbotron--plasma) .m-jumbotron__background:before{width:200px;height:200px;top:20%;left:20%;background:radial-gradient(circle,rgba(255,0,110,.6) 0%,transparent 70%);animation-delay:0s}:host(.m-jumbotron--plasma) .m-jumbotron__background:after{width:150px;height:150px;bottom:25%;right:25%;background:radial-gradient(circle,rgba(131,56,236,.6) 0%,transparent 70%);animation-delay:-5s}:host(.m-jumbotron--particles) .m-jumbotron__background{background:linear-gradient(135deg,#1e3c72,#2a5298)}:host(.m-jumbotron--particles) .m-jumbotron__background:before,:host(.m-jumbotron--particles) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;background:#ffffff1a;animation:floatParticles 12s infinite linear}:host(.m-jumbotron--particles) .m-jumbotron__background:before{width:20px;height:20px;top:20%;left:10%;animation-delay:0s}:host(.m-jumbotron--particles) .m-jumbotron__background:after{width:15px;height:15px;top:70%;right:20%;animation-delay:-6s}:host(.m-jumbotron--geometric) .m-jumbotron__background{background:linear-gradient(60deg,#f093fb,#f5576c)}:host(.m-jumbotron--geometric) .m-jumbotron__background:before,:host(.m-jumbotron--geometric) .m-jumbotron__background:after{content:\"\";position:absolute;border:2px solid rgba(255,255,255,.2);animation:rotateGeometric 15s linear infinite}:host(.m-jumbotron--geometric) .m-jumbotron__background:before{width:100px;height:100px;top:10%;left:15%;transform-origin:center}:host(.m-jumbotron--geometric) .m-jumbotron__background:after{width:60px;height:60px;bottom:20%;right:15%;border-radius:50%;animation-direction:reverse}:host(.m-jumbotron--crystal) .m-jumbotron__background{background:linear-gradient(135deg,#667db6,#0082c8,#667db6,#0082c8,#667db6);background-size:200% 200%;animation:crystalShimmer 12s ease-in-out infinite}:host(.m-jumbotron--crystal) .m-jumbotron__background:before,:host(.m-jumbotron--crystal) .m-jumbotron__background:after{content:\"\";position:absolute;clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(45deg,rgba(255,255,255,.2),transparent);animation:crystalGrow 8s ease-in-out infinite}:host(.m-jumbotron--crystal) .m-jumbotron__background:before{width:60px;height:60px;top:15%;left:15%;animation-delay:0s}:host(.m-jumbotron--crystal) .m-jumbotron__background:after{width:40px;height:40px;bottom:20%;right:20%;animation-delay:-4s}:host(.m-jumbotron--matrix) .m-jumbotron__background{background:linear-gradient(135deg,#0d1117,#1a1f2e)}:host(.m-jumbotron--matrix) .m-jumbotron__background:before,:host(.m-jumbotron--matrix) .m-jumbotron__background:after{content:\"01101010\";position:absolute;color:#00ff001a;font-family:Courier New,monospace;font-size:12px;line-height:1;white-space:pre;animation:matrixRain 15s linear infinite}:host(.m-jumbotron--matrix) .m-jumbotron__background:before{top:-100px;left:10%;animation-delay:0s}:host(.m-jumbotron--matrix) .m-jumbotron__background:after{top:-100px;right:20%;animation-delay:-7s}:host(.m-jumbotron--cyber) .m-jumbotron__background{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}:host(.m-jumbotron--cyber) .m-jumbotron__background:before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:cyberGrid 20s linear infinite}:host(.m-jumbotron--cyber) .m-jumbotron__background:after{content:\"\";position:absolute;width:100%;height:2px;top:30%;left:0;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:cyberScan 6s ease-in-out infinite}:host(.m-jumbotron--hologram) .m-jumbotron__background{background:linear-gradient(135deg,#012,#036,#048)}:host(.m-jumbotron--hologram) .m-jumbotron__background:before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);animation:hologramScan 3s linear infinite}:host(.m-jumbotron--hologram) .m-jumbotron__background:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transform:translate(-100%);animation:hologramSweep 8s ease-in-out infinite}:host(.m-jumbotron--waves) .m-jumbotron__background{background:linear-gradient(135deg,#667db6,#0082c8 25% 50%,#667db6);background-size:400% 400%;animation:waveMotion 10s ease-in-out infinite}:host(.m-jumbotron--waves) .m-jumbotron__background:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 0%,transparent 50%);animation:waveRipple 8s ease-in-out infinite}:host(.m-jumbotron--aurora) .m-jumbotron__background{background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e)}:host(.m-jumbotron--aurora) .m-jumbotron__background:before,:host(.m-jumbotron--aurora) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(40px);animation:auroraFlow 12s ease-in-out infinite}:host(.m-jumbotron--aurora) .m-jumbotron__background:before{width:300px;height:100px;top:20%;left:10%;background:linear-gradient(90deg,#00ff964d,#0096ff4d);animation-delay:0s}:host(.m-jumbotron--aurora) .m-jumbotron__background:after{width:250px;height:80px;bottom:30%;right:15%;background:linear-gradient(90deg,#ff00964d,#9600ff4d);animation-delay:-6s}:host(.m-jumbotron--nebula) .m-jumbotron__background{background:radial-gradient(ellipse at center,#1a1a2e,#16213e,#0f0f23)}:host(.m-jumbotron--nebula) .m-jumbotron__background:before,:host(.m-jumbotron--nebula) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(60px);animation:nebulaGlow 14s ease-in-out infinite alternate}:host(.m-jumbotron--nebula) .m-jumbotron__background:before{width:400px;height:200px;top:10%;left:5%;background:radial-gradient(ellipse,rgba(138,43,226,.4) 0%,rgba(75,0,130,.2) 50%,transparent 100%)}:host(.m-jumbotron--nebula) .m-jumbotron__background:after{width:350px;height:180px;bottom:15%;right:10%;background:radial-gradient(ellipse,rgba(255,20,147,.4) 0%,rgba(199,21,133,.2) 50%,transparent 100%);animation-delay:-7s}:host(.m-jumbotron--pulse) .m-jumbotron__background{background:linear-gradient(120deg,#a8edea,#fed6e3);animation:pulseBackground 4s ease-in-out infinite alternate}:host(.m-jumbotron--neon) .m-jumbotron__background{background:linear-gradient(135deg,#0a0a0a,#1a0a1a,#0a1a0a)}:host(.m-jumbotron--neon) .m-jumbotron__background:before,:host(.m-jumbotron--neon) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(20px);animation:neonPulse 4s ease-in-out infinite alternate}:host(.m-jumbotron--neon) .m-jumbotron__background:before{width:150px;height:150px;top:20%;left:20%;background:radial-gradient(circle,rgba(255,0,255,.8) 0%,transparent 70%);box-shadow:0 0 50px #ff00ff80}:host(.m-jumbotron--neon) .m-jumbotron__background:after{width:120px;height:120px;bottom:30%;right:30%;background:radial-gradient(circle,rgba(0,255,0,.8) 0%,transparent 70%);box-shadow:0 0 50px #00ff0080;animation-delay:-2s}:host(.m-jumbotron--spiral) .m-jumbotron__background{background:radial-gradient(ellipse at center,#1a1a2e,#16213e 30%,#0f0f23 70%,#000)}:host(.m-jumbotron--spiral) .m-jumbotron__background:before,:host(.m-jumbotron--spiral) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.1);animation:spiralRotate 20s linear infinite}:host(.m-jumbotron--spiral) .m-jumbotron__background:before{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);border-style:dashed}:host(.m-jumbotron--spiral) .m-jumbotron__background:after{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);animation-direction:reverse;animation-duration:15s}:host(.m-jumbotron--fire) .m-jumbotron__background{background:linear-gradient(135deg,#ff4500,#ff8c00,orange,tomato,#dc143c);background-size:300% 300%;animation:fireFlicker 6s ease-in-out infinite}:host(.m-jumbotron--fire) .m-jumbotron__background:before,:host(.m-jumbotron--fire) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%/60% 60% 40% 40%;filter:blur(15px);animation:fireParticles 8s ease-in-out infinite}:host(.m-jumbotron--fire) .m-jumbotron__background:before{width:100px;height:120px;bottom:10%;left:20%;background:radial-gradient(ellipse,rgba(255,69,0,.8) 0%,rgba(255,140,0,.4) 50%,transparent 100%);animation-delay:0s}:host(.m-jumbotron--fire) .m-jumbotron__background:after{width:80px;height:100px;bottom:15%;right:25%;background:radial-gradient(ellipse,rgba(255,165,0,.8) 0%,rgba(255,99,71,.4) 50%,transparent 100%);animation-delay:-4s}:host(.m-jumbotron--electric) .m-jumbotron__background{background:linear-gradient(135deg,#000428,#004e92,#009ffd);animation:electricStorm 5s ease-in-out infinite}:host(.m-jumbotron--electric) .m-jumbotron__background:before,:host(.m-jumbotron--electric) .m-jumbotron__background:after{content:\"\";position:absolute;background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,.8) 50%,transparent 70%);animation:electricBolt 3s ease-in-out infinite}:host(.m-jumbotron--electric) .m-jumbotron__background:before{width:2px;height:150px;top:10%;left:30%;transform:rotate(15deg);animation-delay:0s}:host(.m-jumbotron--electric) .m-jumbotron__background:after{width:3px;height:200px;top:20%;right:35%;transform:rotate(-20deg);animation-delay:-1.5s}:host(.m-jumbotron--galaxy) .m-jumbotron__background{background:radial-gradient(ellipse at center,#1a1a2e,#16213e 20%,#0f0f23,#000);animation:galaxyRotate 30s linear infinite}:host(.m-jumbotron--galaxy) .m-jumbotron__background:before,:host(.m-jumbotron--galaxy) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:starField 20s ease-in-out infinite}:host(.m-jumbotron--galaxy) .m-jumbotron__background:before{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background-image:radial-gradient(2px 2px at 50px 100px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 150px 200px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 300px 50px,rgba(255,255,255,.4),transparent)}:host(.m-jumbotron--galaxy) .m-jumbotron__background:after{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent,rgba(138,43,226,.3),transparent);animation-direction:reverse;animation-duration:25s}:host(.m-jumbotron--liquid) .m-jumbotron__background{background:linear-gradient(135deg,#667db6,#0082c8,#667db6,#0082c8,#667db6);background-size:400% 400%;animation:liquidFlow 12s ease-in-out infinite}:host(.m-jumbotron--liquid) .m-jumbotron__background:before,:host(.m-jumbotron--liquid) .m-jumbotron__background:after{content:\"\";position:absolute;border-radius:50%;filter:blur(25px);animation:liquidDrops 10s ease-in-out infinite}:host(.m-jumbotron--liquid) .m-jumbotron__background:before{width:200px;height:120px;top:20%;left:15%;background:radial-gradient(ellipse,rgba(102,125,182,.6) 0%,rgba(0,130,200,.3) 70%,transparent 100%);animation-delay:0s}:host(.m-jumbotron--liquid) .m-jumbotron__background:after{width:150px;height:100px;bottom:25%;right:20%;background:radial-gradient(ellipse,rgba(0,130,200,.6) 0%,rgba(102,125,182,.3) 70%,transparent 100%);animation-delay:-5s}:host(.m-jumbotron--glitch) .m-jumbotron__background{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);animation:glitchBase 8s ease-in-out infinite}:host(.m-jumbotron--glitch) .m-jumbotron__background:before,:host(.m-jumbotron--glitch) .m-jumbotron__background:after{content:\"\";position:absolute;width:100%;height:100%;mix-blend-mode:screen;animation:glitchDistortion 4s ease-in-out infinite}:host(.m-jumbotron--glitch) .m-jumbotron__background:before{background:linear-gradient(90deg,transparent 0%,rgba(255,0,0,.1) 25%,transparent 50%,rgba(0,255,0,.1) 75%,transparent 100%);animation-delay:0s}:host(.m-jumbotron--glitch) .m-jumbotron__background:after{background:linear-gradient(270deg,transparent 0%,rgba(0,0,255,.1) 25%,transparent 50%,rgba(255,255,0,.1) 75%,transparent 100%);animation-delay:-2s}:host(.m-jumbotron--prism) .m-jumbotron__background{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:300% 300%;animation:prismShift 15s ease-in-out infinite}:host(.m-jumbotron--prism) .m-jumbotron__background:before,:host(.m-jumbotron--prism) .m-jumbotron__background:after{content:\"\";position:absolute;background:conic-gradient(from 0deg,#ff00001a,#ffa5001a,#ffff001a,#00ff001a,#0000ff1a,#4b00821a,#ee82ee1a);filter:blur(30px);animation:prismRotate 12s linear infinite}:host(.m-jumbotron--prism) .m-jumbotron__background:before{width:150px;height:150px;top:25%;left:25%;border-radius:50%}:host(.m-jumbotron--prism) .m-jumbotron__background:after{width:100px;height:100px;bottom:30%;right:30%;border-radius:50%;animation-direction:reverse}\n"] }]
|
|
11135
|
+
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], overlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlay", required: false }] }], centered: [{ type: i0.Input, args: [{ isSignal: true, alias: "centered", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }] } });
|
|
11136
|
+
|
|
11137
|
+
function getClassList$3(config) {
|
|
11138
|
+
if (!config) {
|
|
11139
|
+
return 'm-jumbotron';
|
|
11140
|
+
}
|
|
11141
|
+
const classes = ['m-jumbotron'];
|
|
11142
|
+
// Animation classes
|
|
11143
|
+
if (config.animation && config.animation !== 'none') {
|
|
11144
|
+
classes.push(`m-jumbotron--${config.animation}`);
|
|
11145
|
+
}
|
|
11146
|
+
// Layout classes
|
|
11147
|
+
if (config.centered) {
|
|
11148
|
+
classes.push('m-jumbotron--centered');
|
|
11149
|
+
}
|
|
11150
|
+
if (config.overlay) {
|
|
11151
|
+
classes.push('m-jumbotron--overlay');
|
|
11152
|
+
}
|
|
11153
|
+
if (config.padding) {
|
|
11154
|
+
classes.push('m-jumbotron--padding');
|
|
11155
|
+
}
|
|
11156
|
+
// Auto height modifier
|
|
11157
|
+
if (config.autoHeight) {
|
|
11158
|
+
classes.push('m-jumbotron--auto-height');
|
|
11159
|
+
}
|
|
11160
|
+
// Sticky actions modifier
|
|
11161
|
+
if (config.stickyActions) {
|
|
11162
|
+
classes.push('m-jumbotron--sticky-actions');
|
|
11163
|
+
}
|
|
11164
|
+
// Sticky header modifier
|
|
11165
|
+
if (config.stickyHeader) {
|
|
11166
|
+
classes.push('m-jumbotron--sticky-header');
|
|
11167
|
+
}
|
|
11168
|
+
return classes.join(' ');
|
|
11169
|
+
}
|
|
11170
|
+
|
|
11082
11171
|
/**
|
|
11083
11172
|
* Base class that provides reactive resize functionality for components with viewChild elements.
|
|
11084
11173
|
* Extends ConfigComponent to inherit config management and color service functionality.
|
|
@@ -11864,6 +11953,7 @@ class SectionComponent extends ConfigComponent {
|
|
|
11864
11953
|
search = contentChild(SectionSearchComponent, ...(ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []));
|
|
11865
11954
|
filter = contentChild(SectionFilterComponent, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
|
|
11866
11955
|
stepper = contentChild(SectionStepperComponent, ...(ngDevMode ? [{ debugName: "stepper" }] : /* istanbul ignore next */ []));
|
|
11956
|
+
hero = contentChild(SectionHeroComponent, ...(ngDevMode ? [{ debugName: "hero" }] : /* istanbul ignore next */ []));
|
|
11867
11957
|
jumbotron = contentChild(JumbotronComponent, ...(ngDevMode ? [{ debugName: "jumbotron" }] : /* istanbul ignore next */ []));
|
|
11868
11958
|
carousel = contentChild(CarouselComponent, ...(ngDevMode ? [{ debugName: "carousel" }] : /* istanbul ignore next */ []));
|
|
11869
11959
|
footer = contentChild(SectionFooterComponent, ...(ngDevMode ? [{ debugName: "footer" }] : /* istanbul ignore next */ []));
|
|
@@ -11873,6 +11963,9 @@ class SectionComponent extends ConfigComponent {
|
|
|
11873
11963
|
maxHeight = input(...(ngDevMode ? [undefined, { debugName: "maxHeight" }] : /* istanbul ignore next */ []));
|
|
11874
11964
|
height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
|
|
11875
11965
|
align = input(undefined, ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
|
|
11966
|
+
// Widened beyond `Size` so a plain attribute (`size="lg"`) type-checks in a
|
|
11967
|
+
// template — enums are nominal, but `coerceSize` already validates and
|
|
11968
|
+
// falls back to the default for anything that isn't one of the three.
|
|
11876
11969
|
size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
11877
11970
|
parentSize = injectParentSize();
|
|
11878
11971
|
// Size is Section/Form/ButtonGroup only (ADR 0008). Icons underneath read
|
|
@@ -11945,7 +12038,7 @@ class SectionComponent extends ConfigComponent {
|
|
|
11945
12038
|
};
|
|
11946
12039
|
},
|
|
11947
12040
|
},
|
|
11948
|
-
], queries: [{ propertyName: "header", first: true, predicate: SectionHeaderComponent, descendants: true, isSignal: true }, { propertyName: "badges", first: true, predicate: SectionBadgesComponent, descendants: true, isSignal: true }, { propertyName: "toggle", first: true, predicate: SectionToggleComponent, descendants: true, isSignal: true }, { propertyName: "action", first: true, predicate: ActionComponent, descendants: true, isSignal: true }, { propertyName: "back", first: true, predicate: SectionBackComponent, descendants: true, isSignal: true }, { propertyName: "search", first: true, predicate: SectionSearchComponent, descendants: true, isSignal: true }, { propertyName: "filter", first: true, predicate: SectionFilterComponent, descendants: true, isSignal: true }, { propertyName: "stepper", first: true, predicate: SectionStepperComponent, descendants: true, isSignal: true }, { propertyName: "jumbotron", first: true, predicate: JumbotronComponent, descendants: true, isSignal: true }, { propertyName: "carousel", first: true, predicate: CarouselComponent, descendants: true, isSignal: true }, { propertyName: "footer", first: true, predicate: SectionFooterComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
12041
|
+
], queries: [{ propertyName: "header", first: true, predicate: SectionHeaderComponent, descendants: true, isSignal: true }, { propertyName: "badges", first: true, predicate: SectionBadgesComponent, descendants: true, isSignal: true }, { propertyName: "toggle", first: true, predicate: SectionToggleComponent, descendants: true, isSignal: true }, { propertyName: "action", first: true, predicate: ActionComponent, descendants: true, isSignal: true }, { propertyName: "back", first: true, predicate: SectionBackComponent, descendants: true, isSignal: true }, { propertyName: "search", first: true, predicate: SectionSearchComponent, descendants: true, isSignal: true }, { propertyName: "filter", first: true, predicate: SectionFilterComponent, descendants: true, isSignal: true }, { propertyName: "stepper", first: true, predicate: SectionStepperComponent, descendants: true, isSignal: true }, { propertyName: "hero", first: true, predicate: SectionHeroComponent, descendants: true, isSignal: true }, { propertyName: "jumbotron", first: true, predicate: JumbotronComponent, descendants: true, isSignal: true }, { propertyName: "carousel", first: true, predicate: CarouselComponent, descendants: true, isSignal: true }, { propertyName: "footer", first: true, predicate: SectionFooterComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
11949
12042
|
@if (header()) {
|
|
11950
12043
|
<ng-content select="m-section-header" />
|
|
11951
12044
|
}
|
|
@@ -11957,6 +12050,9 @@ class SectionComponent extends ConfigComponent {
|
|
|
11957
12050
|
[attr.aria-labelledby]="accordion?.headerId"
|
|
11958
12051
|
>
|
|
11959
12052
|
<div class="m-section__collapsible-content">
|
|
12053
|
+
@if (hero()) {
|
|
12054
|
+
<ng-content select="m-section-hero" />
|
|
12055
|
+
}
|
|
11960
12056
|
@if (jumbotron()) {
|
|
11961
12057
|
<ng-content select="m-jumbotron" />
|
|
11962
12058
|
}
|
|
@@ -12009,6 +12105,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
12009
12105
|
[attr.aria-labelledby]="accordion?.headerId"
|
|
12010
12106
|
>
|
|
12011
12107
|
<div class="m-section__collapsible-content">
|
|
12108
|
+
@if (hero()) {
|
|
12109
|
+
<ng-content select="m-section-hero" />
|
|
12110
|
+
}
|
|
12012
12111
|
@if (jumbotron()) {
|
|
12013
12112
|
<ng-content select="m-jumbotron" />
|
|
12014
12113
|
}
|
|
@@ -12081,7 +12180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
12081
12180
|
},
|
|
12082
12181
|
},
|
|
12083
12182
|
], 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)}}:host{display:block;width:100%;min-height:5em;container-type:inline-size;container-name:mag-grid;--_section-px: 1rem;--_section-pt: 1.5rem;--_section-pb: 0rem;--_section-header-py: 1rem}:host(.has-max-height){height:var(--m-section-max-height);overflow:auto}:host(.is-with-border){border:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}:host(.is-sandwich-border){border-block:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}.m-section__collapsible{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);opacity:1}.m-section__collapsible.is-collapsed{grid-template-rows:0fr;opacity:0;pointer-events:none}.m-section__collapsible-content{min-height:0;overflow:hidden}.m-section__body{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:stretch;max-width:var(--m-section-max-width);margin-inline:auto}:host(.align-left) .m-section__body{margin-inline-start:0;margin-inline-end:auto}:host(.align-right) .m-section__body{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .m-section__body{margin-inline:auto;justify-content:center}:host(.is-full-height){height:100vh;min-height:100vh;overflow:auto}:host(.is-full-height) .m-section__body{flex:1;height:100%}\n"] }]
|
|
12084
|
-
}], ctorParameters: () => [], propDecorators: { header: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionHeaderComponent), { isSignal: true }] }], badges: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionBadgesComponent), { isSignal: true }] }], toggle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionToggleComponent), { isSignal: true }] }], action: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ActionComponent), { isSignal: true }] }], back: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionBackComponent), { isSignal: true }] }], search: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionSearchComponent), { isSignal: true }] }], filter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionFilterComponent), { isSignal: true }] }], stepper: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionStepperComponent), { isSignal: true }] }], jumbotron: [{ type: i0.ContentChild, args: [i0.forwardRef(() => JumbotronComponent), { isSignal: true }] }], carousel: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CarouselComponent), { isSignal: true }] }], footer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionFooterComponent), { isSignal: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], heightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightMode", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inView: [{ type: i0.Output, args: ["inView"] }] } });
|
|
12183
|
+
}], ctorParameters: () => [], propDecorators: { header: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionHeaderComponent), { isSignal: true }] }], badges: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionBadgesComponent), { isSignal: true }] }], toggle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionToggleComponent), { isSignal: true }] }], action: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ActionComponent), { isSignal: true }] }], back: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionBackComponent), { isSignal: true }] }], search: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionSearchComponent), { isSignal: true }] }], filter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionFilterComponent), { isSignal: true }] }], stepper: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionStepperComponent), { isSignal: true }] }], hero: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionHeroComponent), { isSignal: true }] }], jumbotron: [{ type: i0.ContentChild, args: [i0.forwardRef(() => JumbotronComponent), { isSignal: true }] }], carousel: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CarouselComponent), { isSignal: true }] }], footer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionFooterComponent), { isSignal: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], heightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightMode", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inView: [{ type: i0.Output, args: ["inView"] }] } });
|
|
12085
12184
|
|
|
12086
12185
|
class UserApiService {
|
|
12087
12186
|
http = inject(HttpService);
|
|
@@ -17410,7 +17509,7 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
17410
17509
|
break;
|
|
17411
17510
|
}
|
|
17412
17511
|
case InputType.TOGGLE: {
|
|
17413
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
17512
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-YvsBxdtA.mjs');
|
|
17414
17513
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
17415
17514
|
break;
|
|
17416
17515
|
}
|
|
@@ -17422,12 +17521,12 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
17422
17521
|
break;
|
|
17423
17522
|
}
|
|
17424
17523
|
case InputType.PASSWORD: {
|
|
17425
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
17524
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-Dp_VQTEj.mjs');
|
|
17426
17525
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
17427
17526
|
break;
|
|
17428
17527
|
}
|
|
17429
17528
|
case InputType.OTP: {
|
|
17430
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
17529
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-B_VqwsDr.mjs');
|
|
17431
17530
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
17432
17531
|
break;
|
|
17433
17532
|
}
|
|
@@ -31190,5 +31289,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
31190
31289
|
* Generated bundle index. Do not edit.
|
|
31191
31290
|
*/
|
|
31192
31291
|
|
|
31193
|
-
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,
|
|
31194
|
-
//# sourceMappingURL=magmonium-one-magmonium-one-
|
|
31292
|
+
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, SectionHeroComponent as b$, NavDetailsComponent as b0, NavMenuComponent as b1, NavStore as b2, NavTrailComponent as b3, NothingComponent as b4, NotificationElementComponent as b5, NotificationGroupComponent as b6, NotificationPopupComponent as b7, NotificationService as b8, NotificationStore as b9, ResizeElementComponent as bA, RouteContainer as bB, RowComponent as bC, SEARCH_QUERY as bD, SEARCH_RESULTS_EVENT as bE, SECTION_ACCORDION_GROUP as bF, SECTION_FORM_CONTEXT as bG, SHARED_ICONS as bH, SIZE_CONTEXT as bI, ScoreComponent as bJ, ScrollComponent as bK, ScrollService as bL, SearchPanelComponent as bM, SearchStore as bN, SearchUserPanelComponent as bO, SectionAccordionDirective as bP, SectionAccordionGroupDirective as bQ, SectionBackComponent as bR, SectionBadgesComponent as bS, SectionButtonGroupComponent as bT, SectionCardComponent as bU, SectionComponent as bV, SectionFilterComponent as bW, SectionFooterComponent as bX, SectionFormComponent as bY, SectionFormItemComponent as bZ, SectionHeaderComponent as b_, NotificationType as ba, NotificationWidgetComponent as bb, ONE_ASSET_BASE_URL as bc, OPTIONS_SOURCE as bd, OneApp as be, OptionsSourceDirective as bf, OverlayBodyComponent as bg, OverlayRef as bh, OverlayService as bi, PLATFORM_BUTTON_NAV_IDS as bj, PLATFORM_EXTENSIBLE_NAV_IDS as bk, PLATFORM_NAV_MAP as bl, PLATFORM_ROOT_CHILDREN as bm, PaginationComponent as bn, PanelComponent as bo, PlaygroundComponent as bp, PositionDirective as bq, PwaInstallComponent as br, ROOT_NAV$1 as bs, RadioGroupComponent as bt, RadioInputComponent as bu, RangeInputComponent as bv, RatingInputComponent as bw, ReactiveElementComponent as bx, RemoteComponent as by, RemoteLoaderService as bz, ButtonComponent as c, bootstrapMagApp as c$, SectionSearchComponent as c0, SectionStepperComponent as c1, SectionTabsComponent as c2, SectionToggleComponent as c3, SectionToggleItemDirective as c4, SelectableCardInputComponent as c5, SelectorDirective as c6, SettingsSearchBarComponent as c7, SettingsSearchService as c8, ShapeComponent as c9, ToggleButtonComponent as cA, ToggleInputComponent as cB, ToggleRadioInputComponent as cC, ToolTipDirective as cD, TooltipComponent as cE, TranslateService as cF, TreeGridComponent as cG, URL_SEP as cH, USER_STORE_REF as cI, USER_TAB_MAP as cJ, UlComponent as cK, UniverseComponent as cL, UserApiService as cM, UserAvatarComponent as cN, UserComponent as cO, UserNavComponent as cP, UserSettingsComponent as cQ, UserStore as cR, WC_ROUTE_CHANGED_EVENT as cS, WC_SEARCH_GROUPS as cT, WIN_USER_TAB_HOOK as cU, WIN_USER_TAB_KEY as cV, WatermarkComponent as cW, WcRouterStore as cX, WrapperInputComponent as cY, anchorNavId as cZ, applyColorsToElement as c_, SharedStoreRegistry as ca, SidePanelDirective as cb, Size as cc, SocketStore as cd, SortComponent as ce, StepComponent as cf, StepperComponent as cg, StepsComponent as ch, StorageService as ci, StrokeLinecap as cj, StrokeLinejoin as ck, SummaryComponent as cl, SvgGeneratorComponent as cm, SvgGeneratorService as cn, SvgService as co, TOTAL_COLUMNS as cp, TRANSLATION_SOURCE as cq, TableComponent as cr, TechnicalMeterComponent as cs, TextInputComponent as ct, TextareaInputComponent as cu, ThemeComponent as cv, ThemeService as cw, ThemeStore as cx, TimeAgoPipe as cy, TimelineComponent as cz, APP_CONTEXT_REF as d, mergePlatformNav as d$, bootstrapPwaInstall as d0, buildWcBaseUrl as d1, calculateLuminance as d2, calculateRanks as d3, cellText as d4, checkFilterCondition as d5, childNavId as d6, classListSignal as d7, coerceSize as d8, createMap as d9, initialState$2 as dA, initials as dB, injectAuthenticate as dC, injectInstallApp as dD, injectParentSize as dE, injectScrollSticky as dF, isButtonName as dG, isCancelledComputed as dH, isExtensiblePlatformNavId as dI, isJson as dJ, isLoadingComputed as dK, isLocalhost as dL, isPlatformNavId as dM, isSize as dN, isTierPreview as dO, isUrlLocalhost as dP, isValidNavId as dQ, isValidNavSegment as dR, isWebComponent as dS, linkToId as dT, linkToNav as dU, loadingActions as dV, mInterceptor as dW, manualValidation as dX, matchFieldValidation as dY, maxLengthValidation as dZ, maxValidation as d_, createPlatformNavMap as da, deriveAvatarGradient as db, deriveContrastColor as dc, deriveOppositeColor as dd, derivePropertyName as de, emailValidation as df, evaluate as dg, evaluateBool as dh, flattenTreeGridRows as di, formatBadgeCount as dj, fullName as dk, generateClipPath as dl, generateTransform as dm, getClassList as dn, getProperty as dp, getScrollParent as dq, getTierFromPreviewPath as dr, getTreeGridRow as ds, getUniqueId as dt, getValue as du, hasErrorComputed as dv, hexToRgb as dw, hslToRgb$1 as dx, initMagmoniumApp as dy, initialNotificationState as dz, ASSET_BASE_URL as e, mergeUnique as e0, mergeUniqueBy as e1, mergeUniqueWith as e2, minAgeValidation as e3, minLengthValidation as e4, minValidation as e5, miniMarkToHtml as e6, navIdChain as e7, navIdFor as e8, navIdSegment as e9, requiredValidation as eA, resolveConfigAsset as eB, resolveIconSize as eC, resolvePallet as eD, resolvePatternRules as eE, resolveSize as eF, rgbToHex as eG, rgbToHsl as eH, rowHasChildren as eI, samePatterns as eJ, segmentsToNavId as eK, setProperty as eL, setTreeGridChildren as eM, settingsWidgets as eN, shouldShowBadge as eO, splitNavId as eP, stringToColor as eQ, toAttrBool as eR, toAttrNumber as eS, toCssLength as eT, toHostNavId as eU, toLength$1 as eV, toLocalNavId as eW, toggleTreeGridRow as eX, unfetchedPlatformNav as eY, urlValidation as eZ, navIdToRoutePath as ea, navIdToSegments as eb, navToId as ec, parentNavId as ed, parseAddress as ee, parseColor as ef, parsePatternNames as eg, patternValidation as eh, patternsValidation as ei, platformNavWidgets as ej, privateGuard as ek, processImageToSvg as el, provideAppContext as em, provideMagAppConfig as en, provideMagWcConfig as eo, provideMagWcRoutes as ep, provideModalComponents as eq, provideMurlUrlSerializer as er, provideNavWidgets as es, providePlatformNavWidgets as et, provideSearch as eu, provideSizeContext as ev, provideUserTabs as ew, publicGuard as ex, readFieldPatterns as ey, renderAddress as ez, AccordionBodyDirective as f, 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 };
|
|
31293
|
+
//# sourceMappingURL=magmonium-one-magmonium-one-Cq8nOJ5L.mjs.map
|