@magmonium/one 0.2.51 → 0.2.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/i18n/af.json +1 -0
- package/assets/i18n/am.json +1 -0
- package/assets/i18n/ar.json +1 -0
- package/assets/i18n/as.json +1 -0
- package/assets/i18n/az.json +1 -0
- package/assets/i18n/ba.json +1 -0
- package/assets/i18n/be.json +1 -0
- package/assets/i18n/bg.json +1 -0
- package/assets/i18n/bn.json +1 -0
- package/assets/i18n/br.json +1 -0
- package/assets/i18n/brx.json +1 -0
- package/assets/i18n/bs.json +1 -0
- package/assets/i18n/ca.json +1 -0
- package/assets/i18n/ceb.json +1 -0
- package/assets/i18n/cnr.json +1 -0
- package/assets/i18n/co.json +1 -0
- package/assets/i18n/cs.json +1 -0
- package/assets/i18n/cy.json +1 -0
- package/assets/i18n/da.json +1 -0
- package/assets/i18n/de.json +1 -0
- package/assets/i18n/doi.json +1 -0
- package/assets/i18n/el.json +1 -0
- package/assets/i18n/en.json +1 -0
- package/assets/i18n/eo.json +1 -0
- package/assets/i18n/es.json +1 -0
- package/assets/i18n/et.json +1 -0
- package/assets/i18n/eu.json +1 -0
- package/assets/i18n/fa.json +1 -0
- package/assets/i18n/fi.json +1 -0
- package/assets/i18n/fr.json +1 -0
- package/assets/i18n/fy.json +1 -0
- package/assets/i18n/ga.json +1 -0
- package/assets/i18n/gd.json +1 -0
- package/assets/i18n/gl.json +1 -0
- package/assets/i18n/gu.json +1 -0
- package/assets/i18n/ha.json +1 -0
- package/assets/i18n/haw.json +1 -0
- package/assets/i18n/he.json +1 -0
- package/assets/i18n/hi.json +1 -0
- package/assets/i18n/hmn.json +1 -0
- package/assets/i18n/hr.json +1 -0
- package/assets/i18n/hu.json +1 -0
- package/assets/i18n/hy.json +1 -0
- package/assets/i18n/id.json +1 -0
- package/assets/i18n/ie.json +1 -0
- package/assets/i18n/ig.json +1 -0
- package/assets/i18n/ilo.json +1 -0
- package/assets/i18n/is.json +1 -0
- package/assets/i18n/it.json +1 -0
- package/assets/i18n/iw.json +1 -0
- package/assets/i18n/ja.json +1 -0
- package/assets/i18n/jw.json +1 -0
- package/assets/i18n/ka.json +1 -0
- package/assets/i18n/kk.json +1 -0
- package/assets/i18n/km.json +1 -0
- package/assets/i18n/kn.json +1 -0
- package/assets/i18n/ko.json +1 -0
- package/assets/i18n/kok.json +1 -0
- package/assets/i18n/ks.json +1 -0
- package/assets/i18n/ku.json +1 -0
- package/assets/i18n/ky.json +1 -0
- package/assets/i18n/la.json +1 -0
- package/assets/i18n/lb.json +1 -0
- package/assets/i18n/lo.json +1 -0
- package/assets/i18n/lt.json +1 -0
- package/assets/i18n/lv.json +1 -0
- package/assets/i18n/ma.json +1 -0
- package/assets/i18n/mai.json +1 -0
- package/assets/i18n/me.json +1 -0
- package/assets/i18n/mg.json +1 -0
- package/assets/i18n/mi.json +1 -0
- package/assets/i18n/mk.json +1 -0
- package/assets/i18n/ml.json +1 -0
- package/assets/i18n/mn.json +1 -0
- package/assets/i18n/mni.json +1 -0
- package/assets/i18n/mr.json +1 -0
- package/assets/i18n/ms.json +1 -0
- package/assets/i18n/mt.json +1 -0
- package/assets/i18n/my.json +1 -0
- package/assets/i18n/ne.json +1 -0
- package/assets/i18n/nl.json +1 -0
- package/assets/i18n/no.json +1 -0
- package/assets/i18n/ny.json +1 -0
- package/assets/i18n/or.json +1 -0
- package/assets/i18n/pa.json +1 -0
- package/assets/i18n/pl.json +1 -0
- package/assets/i18n/ps.json +1 -0
- package/assets/i18n/pt.json +1 -0
- package/assets/i18n/rm.json +1 -0
- package/assets/i18n/ro.json +1 -0
- package/assets/i18n/ru.json +1 -0
- package/assets/i18n/sa.json +1 -0
- package/assets/i18n/sat.json +1 -0
- package/assets/i18n/sc.json +1 -0
- package/assets/i18n/sd.json +1 -0
- package/assets/i18n/si.json +1 -0
- package/assets/i18n/sk.json +1 -0
- package/assets/i18n/sl.json +1 -0
- package/assets/i18n/sm.json +1 -0
- package/assets/i18n/sn.json +1 -0
- package/assets/i18n/so.json +1 -0
- package/assets/i18n/sq.json +1 -0
- package/assets/i18n/sr.json +1 -0
- package/assets/i18n/st.json +1 -0
- package/assets/i18n/su.json +1 -0
- package/assets/i18n/sv.json +1 -0
- package/assets/i18n/sw.json +1 -0
- package/assets/i18n/ta.json +1 -0
- package/assets/i18n/te.json +1 -0
- package/assets/i18n/tg.json +1 -0
- package/assets/i18n/th.json +1 -0
- package/assets/i18n/tl.json +1 -0
- package/assets/i18n/tr.json +1 -0
- package/assets/i18n/uk.json +1 -0
- package/assets/i18n/ur.json +1 -0
- package/assets/i18n/uz.json +1 -0
- package/assets/i18n/vi.json +1 -0
- package/assets/i18n/xh.json +1 -0
- package/assets/i18n/yi.json +1 -0
- package/assets/i18n/yo.json +1 -0
- package/assets/i18n/zh.json +1 -0
- package/assets/i18n/zu.json +1 -0
- package/assets/index.json +1 -1
- package/assets/menu/comments_feed_actions.json +16 -0
- package/fesm2022/{magmonium-one-magmonium-one-VhRbSI7n.mjs → magmonium-one-magmonium-one-BLBwZo0x.mjs} +229 -167
- package/fesm2022/{magmonium-one-magmonium-one-VhRbSI7n.mjs.map → magmonium-one-magmonium-one-BLBwZo0x.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-otp-C57Nh-0n.mjs → magmonium-one-otp-yTGhORgD.mjs} +2 -2
- package/fesm2022/{magmonium-one-otp-C57Nh-0n.mjs.map → magmonium-one-otp-yTGhORgD.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-password-DVYfUUv4.mjs → magmonium-one-password-qf4uRPEA.mjs} +2 -2
- package/fesm2022/{magmonium-one-password-DVYfUUv4.mjs.map → magmonium-one-password-qf4uRPEA.mjs.map} +1 -1
- package/fesm2022/{magmonium-one-toggle-BMEdMyWj.mjs → magmonium-one-toggle-C9uEm1Pl.mjs} +2 -2
- package/fesm2022/{magmonium-one-toggle-BMEdMyWj.mjs.map → magmonium-one-toggle-C9uEm1Pl.mjs.map} +1 -1
- package/fesm2022/magmonium-one.mjs +1 -1
- package/package.json +1 -1
- package/types/magmonium-one.d.ts +16 -0
|
@@ -6990,7 +6990,7 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
6990
6990
|
break;
|
|
6991
6991
|
}
|
|
6992
6992
|
case InputType.TOGGLE: {
|
|
6993
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
6993
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-C9uEm1Pl.mjs');
|
|
6994
6994
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
6995
6995
|
break;
|
|
6996
6996
|
}
|
|
@@ -7002,12 +7002,12 @@ class SectionFormItemComponent extends ConfigComponent {
|
|
|
7002
7002
|
break;
|
|
7003
7003
|
}
|
|
7004
7004
|
case InputType.PASSWORD: {
|
|
7005
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
7005
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-qf4uRPEA.mjs');
|
|
7006
7006
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
7007
7007
|
break;
|
|
7008
7008
|
}
|
|
7009
7009
|
case InputType.OTP: {
|
|
7010
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
7010
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-yTGhORgD.mjs');
|
|
7011
7011
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
7012
7012
|
break;
|
|
7013
7013
|
}
|
|
@@ -17488,7 +17488,7 @@ class ColComponent extends ConfigComponent {
|
|
|
17488
17488
|
sectionContext = inject(SECTION_CONTEXT, { optional: true });
|
|
17489
17489
|
noBorder = computed(() => this.sectionContext?.variant() === 'noBorder', ...(ngDevMode ? [{ debugName: "noBorder" }] : /* istanbul ignore next */ []));
|
|
17490
17490
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ColComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
17491
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: ColComponent, isStandalone: true, selector: "m-col", inputs: { xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, paddingX: { classPropertyName: "paddingX", publicName: "paddingX", isSignal: true, isRequired: false, transformFunction: null }, paddingY: { classPropertyName: "paddingY", publicName: "paddingY", isSignal: true, isRequired: false, transformFunction: null }, alignX: { classPropertyName: "alignX", publicName: "alignX", isSignal: true, isRequired: false, transformFunction: null }, alignY: { classPropertyName: "alignY", publicName: "alignY", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "class.is-full-height": "resolvedFullHeight()" }, classAttribute: "m-col" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', 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)}}:host{display:block;grid-column:span 12;box-sizing:border-box;width:100
|
|
17491
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: ColComponent, isStandalone: true, selector: "m-col", inputs: { xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, paddingX: { classPropertyName: "paddingX", publicName: "paddingX", isSignal: true, isRequired: false, transformFunction: null }, paddingY: { classPropertyName: "paddingY", publicName: "paddingY", isSignal: true, isRequired: false, transformFunction: null }, alignX: { classPropertyName: "alignX", publicName: "alignX", isSignal: true, isRequired: false, transformFunction: null }, alignY: { classPropertyName: "alignY", publicName: "alignY", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "class.is-full-height": "resolvedFullHeight()" }, classAttribute: "m-col" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', 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)}}:host{display:block;grid-column:span 12;box-sizing:border-box;width:100%}:host(.is-full-height){height:100%}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host(:not(:last-child)){border-right:1px solid var(--m-backdrop-border)}@container mag-grid (max-width: 575.98px){:host(:not(:last-child)){border-right:none;border-bottom:1px solid var(--m-backdrop-border)}}:host(.no-border){border-right:none}@container mag-grid (max-width: 575.98px){:host(.no-border){border-bottom:none}}:host.full-width{grid-column:span 12!important;width:calc(100% + 2 * var(--section-px, var(--_section-px, 1rem)));margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-12{grid-column:span 12;width:100%}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}:host.align-x-left,:host.align-x-center,:host.align-x-right,:host.align-y-top,:host.align-y-center,:host.align-y-bottom{display:flex;flex-direction:column}:host.align-x-left{align-items:flex-start}:host.align-x-center{align-items:center}:host.align-x-right{align-items:flex-end}:host.align-y-top{justify-content:flex-start}:host.align-y-center{justify-content:center}:host.align-y-bottom{justify-content:flex-end}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17492
17492
|
}
|
|
17493
17493
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ColComponent, decorators: [{
|
|
17494
17494
|
type: Component,
|
|
@@ -17496,7 +17496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
17496
17496
|
class: 'm-col',
|
|
17497
17497
|
'[class]': 'classes()',
|
|
17498
17498
|
'[class.is-full-height]': 'resolvedFullHeight()',
|
|
17499
|
-
}, 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;grid-column:span 12;box-sizing:border-box;width:100
|
|
17499
|
+
}, 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;grid-column:span 12;box-sizing:border-box;width:100%}:host(.is-full-height){height:100%}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host(:not(:last-child)){border-right:1px solid var(--m-backdrop-border)}@container mag-grid (max-width: 575.98px){:host(:not(:last-child)){border-right:none;border-bottom:1px solid var(--m-backdrop-border)}}:host(.no-border){border-right:none}@container mag-grid (max-width: 575.98px){:host(.no-border){border-bottom:none}}:host.full-width{grid-column:span 12!important;width:calc(100% + 2 * var(--section-px, var(--_section-px, 1rem)));margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-12{grid-column:span 12;width:100%}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}:host.align-x-left,:host.align-x-center,:host.align-x-right,:host.align-y-top,:host.align-y-center,:host.align-y-bottom{display:flex;flex-direction:column}:host.align-x-left{align-items:flex-start}:host.align-x-center{align-items:center}:host.align-x-right{align-items:flex-end}:host.align-y-top{justify-content:flex-start}:host.align-y-center{justify-content:center}:host.align-y-bottom{justify-content:flex-end}\n"] }]
|
|
17500
17500
|
}], propDecorators: { xs: [{ type: i0.Input, args: [{ isSignal: true, alias: "xs", required: false }] }], sm: [{ type: i0.Input, args: [{ isSignal: true, alias: "sm", required: false }] }], md: [{ type: i0.Input, args: [{ isSignal: true, alias: "md", required: false }] }], lg: [{ type: i0.Input, args: [{ isSignal: true, alias: "lg", required: false }] }], xl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xl", required: false }] }], xxl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xxl", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], fullHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullHeight", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], paddingX: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingX", required: false }] }], paddingY: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingY", required: false }] }], alignX: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignX", required: false }] }], alignY: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignY", required: false }] }] } });
|
|
17501
17501
|
|
|
17502
17502
|
class SectionCardComponent extends ColComponent {
|
|
@@ -20612,7 +20612,7 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
20612
20612
|
break;
|
|
20613
20613
|
}
|
|
20614
20614
|
case InputType.TOGGLE: {
|
|
20615
|
-
const { ToggleInputComponent } = await import('./magmonium-one-toggle-
|
|
20615
|
+
const { ToggleInputComponent } = await import('./magmonium-one-toggle-C9uEm1Pl.mjs');
|
|
20616
20616
|
this.createDynamicComponent(seq, ToggleInputComponent, [], true);
|
|
20617
20617
|
break;
|
|
20618
20618
|
}
|
|
@@ -20624,12 +20624,12 @@ class WrapperInputComponent extends ConfigComponent {
|
|
|
20624
20624
|
break;
|
|
20625
20625
|
}
|
|
20626
20626
|
case InputType.PASSWORD: {
|
|
20627
|
-
const { PasswordInputComponent } = await import('./magmonium-one-password-
|
|
20627
|
+
const { PasswordInputComponent } = await import('./magmonium-one-password-qf4uRPEA.mjs');
|
|
20628
20628
|
this.createDynamicComponent(seq, PasswordInputComponent);
|
|
20629
20629
|
break;
|
|
20630
20630
|
}
|
|
20631
20631
|
case InputType.OTP: {
|
|
20632
|
-
const { OtpInputComponent } = await import('./magmonium-one-otp-
|
|
20632
|
+
const { OtpInputComponent } = await import('./magmonium-one-otp-yTGhORgD.mjs');
|
|
20633
20633
|
this.createDynamicComponent(seq, OtpInputComponent);
|
|
20634
20634
|
break;
|
|
20635
20635
|
}
|
|
@@ -34520,12 +34520,20 @@ function ingestItems(items) {
|
|
|
34520
34520
|
}
|
|
34521
34521
|
return { commentMap, cursorMap, orderedIds };
|
|
34522
34522
|
}
|
|
34523
|
-
const CommentsStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store, api = inject(CommentsApiService)) =>
|
|
34524
|
-
//
|
|
34525
|
-
|
|
34526
|
-
|
|
34523
|
+
const CommentsStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store, api = inject(CommentsApiService)) => {
|
|
34524
|
+
// `load` and `refresh` differ only in whether a cached feed short-circuits
|
|
34525
|
+
// the request — never in what a response does to state, so the fetch itself
|
|
34526
|
+
// lives here once.
|
|
34527
|
+
const markLoading = (sourceId) => patchState(store, (s) => ({
|
|
34527
34528
|
loadingSources: new Set([...s.loadingSources, sourceId]),
|
|
34528
|
-
}))
|
|
34529
|
+
}));
|
|
34530
|
+
const clearLoading = (sourceId) => patchState(store, (s) => ({
|
|
34531
|
+
loadingSources: new Set([...s.loadingSources].filter((id) => id !== sourceId)),
|
|
34532
|
+
}));
|
|
34533
|
+
// Replaces the source's ordered list outright: a comment deleted on the
|
|
34534
|
+
// backend has to leave the feed, and merging could never remove it. Any
|
|
34535
|
+
// cursor the User had expanded collapses back with it.
|
|
34536
|
+
const fetchFeed = (sourceId) => api.list(sourceId).pipe(tap(({ items, commentCount }) => {
|
|
34529
34537
|
const { commentMap, cursorMap, orderedIds } = ingestItems(items);
|
|
34530
34538
|
patchState(store, (s) => ({
|
|
34531
34539
|
commentMap: new Map([...s.commentMap, ...commentMap]),
|
|
@@ -34538,181 +34546,192 @@ const CommentsStore = signalStore({ providedIn: 'root' }, withState(initialState
|
|
|
34538
34546
|
...s.sourceToCountMap,
|
|
34539
34547
|
[sourceId, commentCount],
|
|
34540
34548
|
]),
|
|
34541
|
-
loadingSources: new Set([...s.loadingSources].filter((id) => id !== sourceId)),
|
|
34542
34549
|
}));
|
|
34550
|
+
clearLoading(sourceId);
|
|
34543
34551
|
}), catchError(() => {
|
|
34544
|
-
|
|
34545
|
-
loadingSources: new Set([...s.loadingSources].filter((id) => id !== sourceId)),
|
|
34546
|
-
}));
|
|
34552
|
+
clearLoading(sourceId);
|
|
34547
34553
|
return EMPTY;
|
|
34548
|
-
}))
|
|
34549
|
-
|
|
34550
|
-
|
|
34551
|
-
|
|
34552
|
-
|
|
34553
|
-
|
|
34554
|
-
|
|
34555
|
-
|
|
34556
|
-
|
|
34557
|
-
|
|
34558
|
-
|
|
34559
|
-
|
|
34560
|
-
|
|
34561
|
-
|
|
34562
|
-
|
|
34563
|
-
|
|
34564
|
-
|
|
34565
|
-
|
|
34566
|
-
|
|
34567
|
-
|
|
34568
|
-
|
|
34569
|
-
|
|
34570
|
-
|
|
34571
|
-
|
|
34572
|
-
|
|
34573
|
-
|
|
34574
|
-
|
|
34575
|
-
|
|
34576
|
-
|
|
34577
|
-
|
|
34554
|
+
}));
|
|
34555
|
+
return {
|
|
34556
|
+
// ── Load initial comments for a source ──────────────────────────────
|
|
34557
|
+
load: rxMethod(pipe(filter((sourceId) => !store.sourceToItemsMap().has(sourceId)), // skip if cached
|
|
34558
|
+
tap(markLoading), switchMap$1(fetchFeed))),
|
|
34559
|
+
// ── Re-read a source's feed, cache or no cache ───────────────────────
|
|
34560
|
+
// The door for anything the backend changed behind our back: another
|
|
34561
|
+
// User's comment, an edit, a delete. `load` can never do this — its cache
|
|
34562
|
+
// guard is what makes a re-render cheap.
|
|
34563
|
+
refresh: rxMethod(pipe(tap(markLoading), switchMap$1(fetchFeed))),
|
|
34564
|
+
// ── Expand cursor: replace token in source list with new items ───────
|
|
34565
|
+
expandCursor: rxMethod(pipe(tap(({ token }) => patchState(store, (s) => ({
|
|
34566
|
+
expandingCursors: new Set([...s.expandingCursors, token]),
|
|
34567
|
+
}))), switchMap$1(({ sourceId, token }) => api.list(sourceId, token).pipe(tap(({ items: newItems, commentCount }) => {
|
|
34568
|
+
const { commentMap, cursorMap, orderedIds: newIds, } = ingestItems(newItems);
|
|
34569
|
+
patchState(store, (s) => {
|
|
34570
|
+
const list = s.sourceToItemsMap.get(sourceId) ?? [];
|
|
34571
|
+
const idx = list.indexOf(token);
|
|
34572
|
+
const updatedList = idx === -1
|
|
34573
|
+
? list
|
|
34574
|
+
: [
|
|
34575
|
+
...list.slice(0, idx),
|
|
34576
|
+
...newIds,
|
|
34577
|
+
...list.slice(idx + 1),
|
|
34578
|
+
];
|
|
34579
|
+
// Remove expanded cursor from cursorMap
|
|
34580
|
+
const newCursorMap = new Map(s.cursorMap);
|
|
34581
|
+
newCursorMap.delete(token);
|
|
34582
|
+
return {
|
|
34583
|
+
commentMap: new Map([...s.commentMap, ...commentMap]),
|
|
34584
|
+
cursorMap: new Map([...newCursorMap, ...cursorMap]),
|
|
34585
|
+
sourceToItemsMap: new Map([
|
|
34586
|
+
...s.sourceToItemsMap,
|
|
34587
|
+
[sourceId, updatedList],
|
|
34588
|
+
]),
|
|
34589
|
+
sourceToCountMap: new Map([
|
|
34590
|
+
...s.sourceToCountMap,
|
|
34591
|
+
[sourceId, commentCount],
|
|
34592
|
+
]),
|
|
34593
|
+
expandingCursors: new Set([...s.expandingCursors].filter((t) => t !== token)),
|
|
34594
|
+
};
|
|
34595
|
+
});
|
|
34596
|
+
}), catchError(() => {
|
|
34597
|
+
patchState(store, (s) => ({
|
|
34578
34598
|
expandingCursors: new Set([...s.expandingCursors].filter((t) => t !== token)),
|
|
34599
|
+
}));
|
|
34600
|
+
return EMPTY;
|
|
34601
|
+
}))))),
|
|
34602
|
+
// ── Post new comment ─────────────────────────────────────────────────
|
|
34603
|
+
create: rxMethod(pipe(tap(({ sourceId }) => patchState(store, (s) => ({
|
|
34604
|
+
submittingSources: new Set([...s.submittingSources, sourceId]),
|
|
34605
|
+
}))), switchMap$1(({ sourceId, text }) => api.create(sourceId, text).pipe(tap(({ comment }) => patchState(store, (s) => {
|
|
34606
|
+
const normalized = {
|
|
34607
|
+
...comment,
|
|
34608
|
+
kind: 'comment',
|
|
34609
|
+
date: comment.date || new Date().toISOString(),
|
|
34579
34610
|
};
|
|
34580
|
-
|
|
34581
|
-
|
|
34582
|
-
|
|
34583
|
-
|
|
34584
|
-
|
|
34585
|
-
|
|
34586
|
-
|
|
34587
|
-
// ── Post new comment ─────────────────────────────────────────────────
|
|
34588
|
-
create: rxMethod(pipe(tap(({ sourceId }) => patchState(store, (s) => ({
|
|
34589
|
-
submittingSources: new Set([...s.submittingSources, sourceId]),
|
|
34590
|
-
}))), switchMap$1(({ sourceId, text }) => api.create(sourceId, text).pipe(tap(({ comment }) => patchState(store, (s) => {
|
|
34591
|
-
const normalized = {
|
|
34592
|
-
...comment,
|
|
34593
|
-
kind: 'comment',
|
|
34594
|
-
date: comment.date || new Date().toISOString(),
|
|
34595
|
-
};
|
|
34596
|
-
const existingList = s.sourceToItemsMap.get(sourceId);
|
|
34597
|
-
const sourceToItemsMap = existingList !== undefined
|
|
34598
|
-
? new Map([
|
|
34599
|
-
...s.sourceToItemsMap,
|
|
34600
|
-
[sourceId, [normalized.id, ...existingList]],
|
|
34601
|
-
])
|
|
34602
|
-
: s.sourceToItemsMap;
|
|
34603
|
-
const known = s.sourceToCountMap.get(sourceId);
|
|
34604
|
-
return {
|
|
34605
|
-
commentMap: new Map([
|
|
34606
|
-
...s.commentMap,
|
|
34607
|
-
[normalized.id, normalized],
|
|
34608
|
-
]),
|
|
34609
|
-
sourceToItemsMap,
|
|
34610
|
-
sourceToCountMap: known === undefined
|
|
34611
|
-
? s.sourceToCountMap
|
|
34612
|
-
: new Map([...s.sourceToCountMap, [sourceId, known + 1]]),
|
|
34613
|
-
submittingSources: new Set([...s.submittingSources].filter((id) => id !== sourceId)),
|
|
34614
|
-
};
|
|
34615
|
-
})), catchError(() => {
|
|
34616
|
-
patchState(store, (s) => ({
|
|
34617
|
-
submittingSources: new Set([...s.submittingSources].filter((id) => id !== sourceId)),
|
|
34618
|
-
}));
|
|
34619
|
-
return EMPTY;
|
|
34620
|
-
}))))),
|
|
34621
|
-
// ── Delete comment (optimistic) ──────────────────────────────────────
|
|
34622
|
-
async removeComment(sourceId, commentId) {
|
|
34623
|
-
patchState(store, (s) => {
|
|
34624
|
-
const list = s.sourceToItemsMap.get(sourceId) ?? [];
|
|
34625
|
-
const newCommentMap = new Map(s.commentMap);
|
|
34626
|
-
newCommentMap.delete(commentId);
|
|
34611
|
+
const existingList = s.sourceToItemsMap.get(sourceId);
|
|
34612
|
+
const sourceToItemsMap = existingList !== undefined
|
|
34613
|
+
? new Map([
|
|
34614
|
+
...s.sourceToItemsMap,
|
|
34615
|
+
[sourceId, [normalized.id, ...existingList]],
|
|
34616
|
+
])
|
|
34617
|
+
: s.sourceToItemsMap;
|
|
34627
34618
|
const known = s.sourceToCountMap.get(sourceId);
|
|
34628
34619
|
return {
|
|
34629
|
-
commentMap:
|
|
34630
|
-
|
|
34631
|
-
|
|
34632
|
-
[sourceId, list.filter((id) => id !== commentId)],
|
|
34620
|
+
commentMap: new Map([
|
|
34621
|
+
...s.commentMap,
|
|
34622
|
+
[normalized.id, normalized],
|
|
34633
34623
|
]),
|
|
34624
|
+
sourceToItemsMap,
|
|
34634
34625
|
sourceToCountMap: known === undefined
|
|
34635
34626
|
? s.sourceToCountMap
|
|
34636
34627
|
: new Map([
|
|
34637
34628
|
...s.sourceToCountMap,
|
|
34638
|
-
[sourceId,
|
|
34629
|
+
[sourceId, known + 1],
|
|
34639
34630
|
]),
|
|
34631
|
+
submittingSources: new Set([...s.submittingSources].filter((id) => id !== sourceId)),
|
|
34640
34632
|
};
|
|
34641
|
-
})
|
|
34642
|
-
try {
|
|
34643
|
-
await firstValueFrom(api.remove(commentId));
|
|
34644
|
-
}
|
|
34645
|
-
catch {
|
|
34646
|
-
// Re-fetch on failure
|
|
34647
|
-
const { items, commentCount } = await firstValueFrom(api.list(sourceId));
|
|
34648
|
-
const { commentMap, cursorMap, orderedIds } = ingestItems(items);
|
|
34633
|
+
})), catchError(() => {
|
|
34649
34634
|
patchState(store, (s) => ({
|
|
34650
|
-
|
|
34651
|
-
cursorMap: new Map([...s.cursorMap, ...cursorMap]),
|
|
34652
|
-
sourceToItemsMap: new Map([
|
|
34653
|
-
...s.sourceToItemsMap,
|
|
34654
|
-
[sourceId, orderedIds],
|
|
34655
|
-
]),
|
|
34656
|
-
sourceToCountMap: new Map([
|
|
34657
|
-
...s.sourceToCountMap,
|
|
34658
|
-
[sourceId, commentCount],
|
|
34659
|
-
]),
|
|
34635
|
+
submittingSources: new Set([...s.submittingSources].filter((id) => id !== sourceId)),
|
|
34660
34636
|
}));
|
|
34661
|
-
|
|
34662
|
-
|
|
34663
|
-
|
|
34664
|
-
|
|
34665
|
-
patchState(store, (s) => {
|
|
34666
|
-
const comment = s.commentMap.get(commentId);
|
|
34667
|
-
if (comment) {
|
|
34668
|
-
originalComment = { ...comment };
|
|
34669
|
-
const updated = { ...comment, text };
|
|
34670
|
-
return {
|
|
34671
|
-
commentMap: new Map([...s.commentMap, [commentId, updated]]),
|
|
34672
|
-
};
|
|
34673
|
-
}
|
|
34674
|
-
return {};
|
|
34675
|
-
});
|
|
34676
|
-
try {
|
|
34677
|
-
const response = await firstValueFrom(api.update(commentId, text));
|
|
34637
|
+
return EMPTY;
|
|
34638
|
+
}))))),
|
|
34639
|
+
// ── Delete comment (optimistic) ──────────────────────────────────────
|
|
34640
|
+
async removeComment(sourceId, commentId) {
|
|
34678
34641
|
patchState(store, (s) => {
|
|
34679
|
-
const
|
|
34680
|
-
const
|
|
34681
|
-
|
|
34682
|
-
|
|
34683
|
-
date: comment.date || new Date().toISOString(),
|
|
34684
|
-
};
|
|
34642
|
+
const list = s.sourceToItemsMap.get(sourceId) ?? [];
|
|
34643
|
+
const newCommentMap = new Map(s.commentMap);
|
|
34644
|
+
newCommentMap.delete(commentId);
|
|
34645
|
+
const known = s.sourceToCountMap.get(sourceId);
|
|
34685
34646
|
return {
|
|
34686
|
-
commentMap:
|
|
34647
|
+
commentMap: newCommentMap,
|
|
34648
|
+
sourceToItemsMap: new Map([
|
|
34649
|
+
...s.sourceToItemsMap,
|
|
34650
|
+
[sourceId, list.filter((id) => id !== commentId)],
|
|
34651
|
+
]),
|
|
34652
|
+
sourceToCountMap: known === undefined
|
|
34653
|
+
? s.sourceToCountMap
|
|
34654
|
+
: new Map([
|
|
34655
|
+
...s.sourceToCountMap,
|
|
34656
|
+
[sourceId, Math.max(0, known - 1)],
|
|
34657
|
+
]),
|
|
34687
34658
|
};
|
|
34688
34659
|
});
|
|
34689
|
-
|
|
34690
|
-
|
|
34691
|
-
|
|
34660
|
+
try {
|
|
34661
|
+
await firstValueFrom(api.remove(commentId));
|
|
34662
|
+
}
|
|
34663
|
+
catch {
|
|
34664
|
+
// Re-fetch on failure
|
|
34665
|
+
const { items, commentCount } = await firstValueFrom(api.list(sourceId));
|
|
34666
|
+
const { commentMap, cursorMap, orderedIds } = ingestItems(items);
|
|
34692
34667
|
patchState(store, (s) => ({
|
|
34693
|
-
commentMap: new Map([
|
|
34694
|
-
|
|
34695
|
-
|
|
34668
|
+
commentMap: new Map([...s.commentMap, ...commentMap]),
|
|
34669
|
+
cursorMap: new Map([...s.cursorMap, ...cursorMap]),
|
|
34670
|
+
sourceToItemsMap: new Map([
|
|
34671
|
+
...s.sourceToItemsMap,
|
|
34672
|
+
[sourceId, orderedIds],
|
|
34673
|
+
]),
|
|
34674
|
+
sourceToCountMap: new Map([
|
|
34675
|
+
...s.sourceToCountMap,
|
|
34676
|
+
[sourceId, commentCount],
|
|
34696
34677
|
]),
|
|
34697
34678
|
}));
|
|
34698
34679
|
}
|
|
34699
|
-
}
|
|
34700
|
-
|
|
34701
|
-
|
|
34702
|
-
|
|
34703
|
-
|
|
34704
|
-
|
|
34705
|
-
|
|
34706
|
-
|
|
34707
|
-
|
|
34708
|
-
|
|
34709
|
-
|
|
34710
|
-
|
|
34711
|
-
|
|
34712
|
-
|
|
34713
|
-
|
|
34714
|
-
|
|
34715
|
-
|
|
34680
|
+
},
|
|
34681
|
+
async editComment(commentId, text) {
|
|
34682
|
+
let originalComment;
|
|
34683
|
+
patchState(store, (s) => {
|
|
34684
|
+
const comment = s.commentMap.get(commentId);
|
|
34685
|
+
if (comment) {
|
|
34686
|
+
originalComment = { ...comment };
|
|
34687
|
+
const updated = { ...comment, text };
|
|
34688
|
+
return {
|
|
34689
|
+
commentMap: new Map([...s.commentMap, [commentId, updated]]),
|
|
34690
|
+
};
|
|
34691
|
+
}
|
|
34692
|
+
return {};
|
|
34693
|
+
});
|
|
34694
|
+
try {
|
|
34695
|
+
const response = await firstValueFrom(api.update(commentId, text));
|
|
34696
|
+
patchState(store, (s) => {
|
|
34697
|
+
const comment = response.comment;
|
|
34698
|
+
const normalized = {
|
|
34699
|
+
...comment,
|
|
34700
|
+
kind: 'comment',
|
|
34701
|
+
date: comment.date || new Date().toISOString(),
|
|
34702
|
+
};
|
|
34703
|
+
return {
|
|
34704
|
+
commentMap: new Map([...s.commentMap, [commentId, normalized]]),
|
|
34705
|
+
};
|
|
34706
|
+
});
|
|
34707
|
+
}
|
|
34708
|
+
catch {
|
|
34709
|
+
if (originalComment) {
|
|
34710
|
+
patchState(store, (s) => ({
|
|
34711
|
+
commentMap: new Map([
|
|
34712
|
+
...s.commentMap,
|
|
34713
|
+
[commentId, originalComment],
|
|
34714
|
+
]),
|
|
34715
|
+
}));
|
|
34716
|
+
}
|
|
34717
|
+
}
|
|
34718
|
+
},
|
|
34719
|
+
// ── Selector helpers (called with sourceId from component) ───────────
|
|
34720
|
+
itemsFor(sourceId) {
|
|
34721
|
+
const ids = store.sourceToItemsMap().get(sourceId) ?? [];
|
|
34722
|
+
const cMap = store.commentMap();
|
|
34723
|
+
const curMap = store.cursorMap();
|
|
34724
|
+
return ids
|
|
34725
|
+
.map((id) => (cMap.get(id) ?? curMap.get(id)))
|
|
34726
|
+
.filter(Boolean);
|
|
34727
|
+
},
|
|
34728
|
+
// undefined until the source's feed has been fetched at least once
|
|
34729
|
+
countFor: (sourceId) => store.sourceToCountMap().get(sourceId),
|
|
34730
|
+
isLoading: (sourceId) => store.loadingSources().has(sourceId),
|
|
34731
|
+
isSubmitting: (sourceId) => store.submittingSources().has(sourceId),
|
|
34732
|
+
isExpanding: (token) => store.expandingCursors().has(token),
|
|
34733
|
+
};
|
|
34734
|
+
}));
|
|
34716
34735
|
|
|
34717
34736
|
class CommentEditModalComponent {
|
|
34718
34737
|
// --- Inputs ---
|
|
@@ -34855,6 +34874,20 @@ class CommentsComponent {
|
|
|
34855
34874
|
items = computed(() => this.store.itemsFor(this.id()), ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
|
|
34856
34875
|
loading = computed(() => this.store.isLoading(this.id()), ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
34857
34876
|
submitting = computed(() => this.store.isSubmitting(this.id()), ...(ngDevMode ? [{ debugName: "submitting" }] : /* istanbul ignore next */ []));
|
|
34877
|
+
// The expand affordance for every cursor in the feed, keyed by token. A
|
|
34878
|
+
// cursor knows how many comments it hides, so the button wears that number
|
|
34879
|
+
// as a badge rather than making the reader spend a request to find out.
|
|
34880
|
+
loadMoreConfigs = computed(() => {
|
|
34881
|
+
const configs = new Map();
|
|
34882
|
+
for (const item of this.items()) {
|
|
34883
|
+
if (item.kind !== 'cursor')
|
|
34884
|
+
continue;
|
|
34885
|
+
configs.set(item.token, this.store.isExpanding(item.token)
|
|
34886
|
+
? { icon: 'reset' }
|
|
34887
|
+
: { label: 'load-more-comments', badge: { count: item.count } });
|
|
34888
|
+
}
|
|
34889
|
+
return configs;
|
|
34890
|
+
}, ...(ngDevMode ? [{ debugName: "loadMoreConfigs" }] : /* istanbul ignore next */ []));
|
|
34858
34891
|
textareaConfig = {
|
|
34859
34892
|
type: InputType.TEXTAREA,
|
|
34860
34893
|
name: 'comment_text',
|
|
@@ -34871,6 +34904,31 @@ class CommentsComponent {
|
|
|
34871
34904
|
});
|
|
34872
34905
|
}
|
|
34873
34906
|
// --- Handlers ---
|
|
34907
|
+
/**
|
|
34908
|
+
* Ctrl/Cmd+R re-reads the feed instead of reloading the browser. The default
|
|
34909
|
+
* is taken deliberately: inside a comment feed the gesture the User means is
|
|
34910
|
+
* "show me what changed", and a full page reload throws away an unsent draft
|
|
34911
|
+
* to answer it.
|
|
34912
|
+
*
|
|
34913
|
+
* Stops propagating so a reply thread's own feed refreshes alone — without
|
|
34914
|
+
* it the key would bubble to every ancestor feed and fire a request each.
|
|
34915
|
+
*/
|
|
34916
|
+
onKeyDown = (event) => {
|
|
34917
|
+
if (!(event.metaKey || event.ctrlKey))
|
|
34918
|
+
return;
|
|
34919
|
+
if (event.key.toLowerCase() !== 'r')
|
|
34920
|
+
return;
|
|
34921
|
+
event.preventDefault();
|
|
34922
|
+
event.stopPropagation();
|
|
34923
|
+
this.refresh();
|
|
34924
|
+
};
|
|
34925
|
+
onMenuAction(item) {
|
|
34926
|
+
if (item.id === 'refresh')
|
|
34927
|
+
this.refresh();
|
|
34928
|
+
}
|
|
34929
|
+
refresh() {
|
|
34930
|
+
this.store.refresh(this.id());
|
|
34931
|
+
}
|
|
34874
34932
|
onReply(commentId) {
|
|
34875
34933
|
this.replyingToId.set(commentId);
|
|
34876
34934
|
}
|
|
@@ -34894,7 +34952,7 @@ class CommentsComponent {
|
|
|
34894
34952
|
this.store.removeComment(this.id(), commentId);
|
|
34895
34953
|
}
|
|
34896
34954
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34897
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CommentsComponent, isStandalone: true, selector: "m-comments", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, isNested: { classPropertyName: "isNested", publicName: "isNested", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"comments\">\n <!-- \u2500\u2500 Compose box \u2500\u2500 -->\n <div class=\"comments__compose\">\n <m-textarea-input [config]=\"textareaConfig\" [(value)]=\"draft\" [disabled]=\"submitting()\" />\n <div class=\"comments__toolbar\">\n <m-one-button name=\"post\" [disabled]=\"!draft().trim() || submitting()\" (clicked)=\"submit()\" />\n </div>\n </div>\n\n <!-- \u2500\u2500 Items list \u2500\u2500 -->\n @if (loading()) {\n <div class=\"comments__loading\">{{ 'loading' | translate }}</div>\n } @else if (items().length) {\n <div class=\"comments__list\">\n @for (item of items(); track item.kind === 'comment' ? item.id : 'cursor_' + item.token) {\n @if (item.kind === 'comment') {\n <m-comment-item\n [comment]=\"item\"\n [showReplies]=\"expandedId() === item.id\"\n [isReplying]=\"replyingToId() === item.id\"\n (reply)=\"onReply($event)\"\n (cancelReply)=\"cancelReply()\"\n (toggleReplies)=\"onToggleReplies(item.id)\"\n (deleted)=\"onDelete($event)\"\n />\n } @else {\n <div class=\"comments__load-more-wrapper\">\n <m-button\n [config]=\"
|
|
34955
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CommentsComponent, isStandalone: true, selector: "m-comments", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, isNested: { classPropertyName: "isNested", publicName: "isNested", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "-1" }, listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0, template: "<div class=\"comments\">\n <!-- \u2500\u2500 Compose box \u2500\u2500 -->\n <div class=\"comments__compose\">\n <m-textarea-input [config]=\"textareaConfig\" [(value)]=\"draft\" [disabled]=\"submitting()\" />\n <div class=\"comments__toolbar\">\n <m-one-context-menu name=\"comments_feed_actions\" (action)=\"onMenuAction($event)\" />\n <m-one-button name=\"post\" [disabled]=\"!draft().trim() || submitting()\" (clicked)=\"submit()\" />\n </div>\n </div>\n\n <!-- \u2500\u2500 Items list \u2500\u2500 -->\n @if (loading()) {\n <div class=\"comments__loading\">{{ 'loading' | translate }}</div>\n } @else if (items().length) {\n <div class=\"comments__list\">\n @for (item of items(); track item.kind === 'comment' ? item.id : 'cursor_' + item.token) {\n @if (item.kind === 'comment') {\n <m-comment-item\n [comment]=\"item\"\n [showReplies]=\"expandedId() === item.id\"\n [isReplying]=\"replyingToId() === item.id\"\n (reply)=\"onReply($event)\"\n (cancelReply)=\"cancelReply()\"\n (toggleReplies)=\"onToggleReplies(item.id)\"\n (deleted)=\"onDelete($event)\"\n />\n } @else {\n <div class=\"comments__load-more-wrapper\">\n <m-button\n [config]=\"loadMoreConfigs().get(item.token)\"\n [disabled]=\"store.isExpanding(item.token)\"\n (clicked)=\"expand(item.token)\"\n />\n </div>\n }\n }\n </div>\n }\n</div>\n", 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 shimmer{0%{left:-100%}to{left:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #4169e14d}50%{transform:scale(.92);box-shadow:0 2px 6px #4169e133}to{transform:scale(1);box-shadow:0 4px 12px #4169e14d}}.comments{display:flex;flex-direction:column;gap:1.5rem;width:100%}.comments__list{display:flex;flex-direction:column;gap:1.5rem}.comments__loading{text-align:center;color:var(--m-text-tertiary);font-size:.85rem;font-weight:500;letter-spacing:.02em;position:relative;overflow:hidden}.comments__loading:after{content:\"\";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--m-mm) 5%,transparent),transparent);animation:shimmer 2s infinite}.comments__compose{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;position:relative}.comments__compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comments__compose .m-textarea-input textarea{width:100%;font-size:.95rem;color:var(--m-text);min-height:80px;resize:none;line-height:1.6}.comments__compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary);opacity:.7}.comments__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;transition:all .3s ease}.comments__load-more-wrapper{width:100%;padding:1rem;background:color-mix(in srgb,var(--m-border) 20%,transparent);border:1px solid var(--m-border);border-radius:.375rem;color:var(--m-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.comments__load-more-wrapper .m-button{padding:0;font-size:inherit;background:transparent}.comments__load-more-wrapper:hover:not([disabled]){background:var(--m-frame);border-color:var(--m-mm);color:var(--m-mm);box-shadow:0 4px 12px #0000000d}.comments__load-more-wrapper[disabled]{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: CommentItemComponent, selector: "m-comment-item", inputs: ["comment", "showReplies", "isReplying"], outputs: ["reply", "cancelReply", "toggleReplies", "deleted"] }, { kind: "component", type: TextareaInputComponent, selector: "m-textarea-input" }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
34898
34956
|
}
|
|
34899
34957
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentsComponent, decorators: [{
|
|
34900
34958
|
type: Component,
|
|
@@ -34903,7 +34961,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
34903
34961
|
TextareaInputComponent,
|
|
34904
34962
|
TranslatePipe,
|
|
34905
34963
|
ButtonComponent,
|
|
34906
|
-
|
|
34964
|
+
ContextMenuComponent,
|
|
34965
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
34966
|
+
tabindex: '-1',
|
|
34967
|
+
'(keydown)': 'onKeyDown($event)',
|
|
34968
|
+
}, template: "<div class=\"comments\">\n <!-- \u2500\u2500 Compose box \u2500\u2500 -->\n <div class=\"comments__compose\">\n <m-textarea-input [config]=\"textareaConfig\" [(value)]=\"draft\" [disabled]=\"submitting()\" />\n <div class=\"comments__toolbar\">\n <m-one-context-menu name=\"comments_feed_actions\" (action)=\"onMenuAction($event)\" />\n <m-one-button name=\"post\" [disabled]=\"!draft().trim() || submitting()\" (clicked)=\"submit()\" />\n </div>\n </div>\n\n <!-- \u2500\u2500 Items list \u2500\u2500 -->\n @if (loading()) {\n <div class=\"comments__loading\">{{ 'loading' | translate }}</div>\n } @else if (items().length) {\n <div class=\"comments__list\">\n @for (item of items(); track item.kind === 'comment' ? item.id : 'cursor_' + item.token) {\n @if (item.kind === 'comment') {\n <m-comment-item\n [comment]=\"item\"\n [showReplies]=\"expandedId() === item.id\"\n [isReplying]=\"replyingToId() === item.id\"\n (reply)=\"onReply($event)\"\n (cancelReply)=\"cancelReply()\"\n (toggleReplies)=\"onToggleReplies(item.id)\"\n (deleted)=\"onDelete($event)\"\n />\n } @else {\n <div class=\"comments__load-more-wrapper\">\n <m-button\n [config]=\"loadMoreConfigs().get(item.token)\"\n [disabled]=\"store.isExpanding(item.token)\"\n (clicked)=\"expand(item.token)\"\n />\n </div>\n }\n }\n </div>\n }\n</div>\n", 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 shimmer{0%{left:-100%}to{left:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #4169e14d}50%{transform:scale(.92);box-shadow:0 2px 6px #4169e133}to{transform:scale(1);box-shadow:0 4px 12px #4169e14d}}.comments{display:flex;flex-direction:column;gap:1.5rem;width:100%}.comments__list{display:flex;flex-direction:column;gap:1.5rem}.comments__loading{text-align:center;color:var(--m-text-tertiary);font-size:.85rem;font-weight:500;letter-spacing:.02em;position:relative;overflow:hidden}.comments__loading:after{content:\"\";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--m-mm) 5%,transparent),transparent);animation:shimmer 2s infinite}.comments__compose{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;position:relative}.comments__compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comments__compose .m-textarea-input textarea{width:100%;font-size:.95rem;color:var(--m-text);min-height:80px;resize:none;line-height:1.6}.comments__compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary);opacity:.7}.comments__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;transition:all .3s ease}.comments__load-more-wrapper{width:100%;padding:1rem;background:color-mix(in srgb,var(--m-border) 20%,transparent);border:1px solid var(--m-border);border-radius:.375rem;color:var(--m-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.comments__load-more-wrapper .m-button{padding:0;font-size:inherit;background:transparent}.comments__load-more-wrapper:hover:not([disabled]){background:var(--m-frame);border-color:var(--m-mm);color:var(--m-mm);box-shadow:0 4px 12px #0000000d}.comments__load-more-wrapper[disabled]{opacity:.5;cursor:not-allowed}\n"] }]
|
|
34907
34969
|
}], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], isNested: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNested", required: false }] }] } });
|
|
34908
34970
|
|
|
34909
34971
|
const FALLBACK_ICON = 'apps';
|
|
@@ -35071,4 +35133,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
35071
35133
|
*/
|
|
35072
35134
|
|
|
35073
35135
|
export { DEFAULT_NAV_PARAM 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_FILTER_RANGE_MODE as Z, DEFAULT_FILTER_VARIANT as _, BaseTextInputComponent as a, MurlUrlSerializer as a$, DEFAULT_NAV_SEGMENT as a0, DEFAULT_SIZE as a1, DashboardCardComponent as a2, DateInputComponent as a3, DatePickerComponent as a4, DeviceService as a5, DomService as a6, Domain as a7, DotGridComponent as a8, DragListDirective as a9, InputType as aA, InstrumentScoreComponent as aB, InterceptorObservables as aC, JumbotronComponent as aD, KeyValueComponent as aE, LAYOUT_ASSET_FOLDER as aF, LOGIN_COMPONENT as aG, LOGIN_STORE as aH, LanguageComponent as aI, ListComponent as aJ, LogoComponent as aK, MAG_SOCKET_EVENT as aL, MHeroColorDirective as aM, MHeroComponent as aN, MODAL_REF as aO, MODAL_STORE_REF as aP, MRefDirective as aQ, MStepComponent as aR, MURL_PARAM as aS, MURL_SEP as aT, ManifestEnrichmentService as aU, MenuComponent as aV, ModalDirective as aW, ModalRef as aX, ModalStore as aY, MoneyPipe as aZ, MultiRangeInputComponent as a_, DragListItemDirective as aa, DraggableDirective as ab, DropdownInputComponent as ac, FILTER_GROUP_CONTEXT as ad, FILTER_RANGE_MODES as ae, FILTER_VARIANTS as af, FLEX_VARIANTS as ag, FOLDER_PICK_LISTENER as ah, FORM_ASSET_FOLDER as ai, FileService as aj, FileUploadDirective as ak, FileUploadInputComponent as al, FlexComponent as am, FlexItemComponent as an, FormGroupComponent as ao, FrameComponent as ap, FreezeService as aq, GRID_BREAKPOINTS as ar, GetNavService as as, HeaderComponent$1 as at, HighlightDirective as au, HttpService as av, ICON_SOURCE as aw, IS_SIDE_PANEL as ax, IconComponent as ay, ImgComponent as az, TextOutputComponent as b, SectionAccordionGroupDirective as b$, NAV_DEFAULT_MURL as b0, NAV_ID_SEP as b1, NAV_MAIN_BUTTONS as b2, NAV_SEGMENT_RE as b3, NAV_STORE_REF as b4, NAV_WC_COMPONENTS as b5, NAV_WIDGET_MAP as b6, NavComponent as b7, NavDetailsComponent as b8, NavHeaderComponent as b9, PlaygroundComponent as bA, PositionDirective as bB, PwaInstallComponent as bC, ROOT_NAV$1 as bD, RadioGroupComponent as bE, RadioInputComponent as bF, RangeInputComponent as bG, RatingInputComponent as bH, ReactiveElementComponent as bI, RemoteComponent as bJ, RemoteLoaderService as bK, ResizeElementComponent as bL, RouteContainer as bM, RowComponent as bN, SEARCH_QUERY as bO, SEARCH_RESULTS_EVENT as bP, SECTION_ACCORDION_GROUP as bQ, SECTION_FORM_CONTEXT as bR, SHARED_ICONS as bS, SIZE_CONTEXT as bT, ScoreComponent as bU, ScrollComponent as bV, ScrollService as bW, SearchPanelComponent as bX, SearchStore as bY, SearchUserPanelComponent as bZ, SectionAccordionDirective as b_, NavMenuComponent as ba, NavStore as bb, NavTrailComponent as bc, NothingComponent as bd, NotificationElementComponent as be, NotificationGroupComponent as bf, NotificationPopupComponent as bg, NotificationService as bh, NotificationStore as bi, NotificationType as bj, NotificationWidgetComponent as bk, ONE_ASSET_BASE_URL as bl, OPTIONS_SOURCE as bm, OVERLAY_WIDGETS as bn, OneApp as bo, OptionsSourceDirective as bp, OverlayBodyComponent as bq, OverlayRef as br, OverlayService as bs, PLATFORM_BUTTON_NAV_IDS as bt, PLATFORM_EXTENSIBLE_NAV_IDS as bu, PLATFORM_NAV_MAP as bv, PLATFORM_ROOT_CHILDREN as bw, PaginationComponent as bx, PanelComponent as by, PercentagePipe as bz, ButtonComponent as c, USER_STORE_REF as c$, SectionBackComponent as c0, SectionBadgesComponent as c1, SectionButtonGroupComponent as c2, SectionCardComponent as c3, SectionCarouselComponent as c4, SectionComponent as c5, SectionFilterComponent as c6, SectionFilterGroupComponent as c7, SectionFilterMenuComponent as c8, SectionFilterPanelComponent as c9, StorageService as cA, StrokeLinecap as cB, StrokeLinejoin as cC, SummaryComponent as cD, SvgGeneratorComponent as cE, SvgGeneratorService as cF, SvgService as cG, TOTAL_COLUMNS as cH, TRANSLATION_SOURCE as cI, TableComponent as cJ, TechnicalMeterComponent as cK, TextInputComponent as cL, TextareaInputComponent as cM, ThemeComponent as cN, ThemeDataService as cO, ThemeService as cP, ThemeStore as cQ, TimeAgoPipe as cR, TimelineComponent as cS, ToggleButtonComponent as cT, ToggleInputComponent as cU, ToggleRadioInputComponent as cV, ToolTipDirective as cW, TooltipComponent as cX, TranslateService as cY, TreeGridComponent as cZ, URL_SEP as c_, SectionFilterRangePanelComponent as ca, SectionFooterComponent as cb, SectionFormComponent as cc, SectionFormItemComponent as cd, SectionHeaderComponent as ce, SectionHeroComponent as cf, SectionPaginationComponent as cg, SectionSearchComponent as ch, SectionStepperComponent as ci, SectionTabsComponent as cj, SectionToggleComponent as ck, SectionToggleItemDirective as cl, SelectableCardInputComponent as cm, SelectorDirective as cn, SettingsSearchBarComponent as co, SettingsSearchService as cp, ShapeComponent as cq, SharedStoreRegistry as cr, SidePanelDirective as cs, Size as ct, SocketStore as cu, SortComponent as cv, StatComponent as cw, StepComponent as cx, StepperComponent as cy, StepsComponent as cz, APP_CONTEXT_REF as d, getTreeGridRow as d$, USER_TAB_MAP as d0, UniverseComponent as d1, UserApiService as d2, UserAvatarComponent as d3, UserComponent as d4, UserNavComponent as d5, UserSettingsComponent as d6, UserStore as d7, WC_ROUTE_CHANGED_EVENT as d8, WC_SEARCH_GROUPS as d9, derivePropertyName as dA, emailValidation as dB, evaluate as dC, evaluateBool as dD, filterHoldsList as dE, filterHoldsOneBound as dF, filterHoldsOptions as dG, filterHoldsRange as dH, filterList as dI, filterNumber as dJ, filterNumberList as dK, filterOne as dL, filterPanelOf as dM, filterPanelWidth as dN, filterRange as dO, filterTreeGridRows as dP, filterValueList as dQ, filterValues as dR, flattenTreeGridRows as dS, formatBadgeCount as dT, fullName as dU, generateClipPath as dV, generateTransform as dW, getClassList as dX, getProperty as dY, getScrollParent as dZ, getTierFromPreviewPath as d_, WIN_USER_TAB_HOOK as da, WIN_USER_TAB_KEY as db, WatermarkComponent as dc, WcRouterStore as dd, WrapperInputComponent as de, anchorNavId as df, applyColorsToElement as dg, assetOptions as dh, bootstrapMagApp as di, bootstrapPwaInstall as dj, buildWcBaseUrl as dk, calculateLuminance as dl, calculateRanks as dm, cellText as dn, checkFilterCondition as dp, childNavId as dq, classListSignal as dr, coerceSize as ds, cornerEdge as dt, cornerSide as du, createMap as dv, createPlatformNavMap as dw, deriveAvatarGradient as dx, deriveContrastColor as dy, deriveOppositeColor as dz, ASSET_BASE_URL as e, provideMagAppConfig as e$, getUniqueId as e0, getValue as e1, hasErrorComputed as e2, hexToRgb as e3, hslToRgb$1 as e4, initMagmoniumApp as e5, initialNotificationState as e6, initialState$2 as e7, initials as e8, injectAuthenticate as e9, maxValidation as eA, mergePlatformNav as eB, mergeUnique as eC, mergeUniqueBy as eD, mergeUniqueWith as eE, minAgeValidation as eF, minLengthValidation as eG, minValidation as eH, miniMarkToHtml as eI, navIdChain as eJ, navIdFor as eK, navIdSegment as eL, navIdToRoutePath as eM, navIdToSegments as eN, navParamOf as eO, navToId as eP, normalizeAssetOptions as eQ, parentNavId as eR, parseAddress as eS, parseColor as eT, parsePatternNames as eU, patternValidation as eV, patternsValidation as eW, platformNavWidgets as eX, privateGuard as eY, processImageToSvg as eZ, provideAppContext as e_, injectInstallApp as ea, injectParentSize as eb, injectScrollSticky as ec, isButtonName as ed, isCancelledComputed as ee, isExtensiblePlatformNavId as ef, isJson as eg, isLoadingComputed as eh, isLocalhost as ei, isNavInstanceConfig as ej, isNavMenuConfig as ek, isNavRowsConfig as el, isPlatformNavId as em, isSize as en, isTierPreview as eo, isUrlLocalhost as ep, isValidNavId as eq, isValidNavSegment as er, isWebComponent as es, linkToId as et, linkToNav as eu, loadingActions as ev, mInterceptor as ew, manualValidation as ex, matchFieldValidation as ey, maxLengthValidation as ez, AccordionBodyDirective as f, provideMagWcConfig as f0, provideMagWcRoutes as f1, provideModalComponents as f2, provideMurlUrlSerializer as f3, provideNavWidgets as f4, provideOverlayWidgets as f5, providePlatformNavWidgets as f6, provideSearch as f7, provideSizeContext as f8, provideUserTabs as f9, toLocalNavId as fA, toggleTreeGridRow as fB, unfetchedPlatformNav as fC, urlValidation as fD, publicGuard as fa, readFieldPatterns as fb, renderAddress as fc, requiredValidation as fd, resolveConfigAsset as fe, resolveIconSize as ff, resolvePallet as fg, resolvePatternRules as fh, resolveSize as fi, rgbToHex as fj, rgbToHsl as fk, rowHasChildren as fl, samePatterns as fm, segmentsToNavId as fn, setProperty as fo, setTreeGridChildren as fp, settingsWidgets as fq, shouldShowBadge as fr, splitNavId as fs, splitOnMatch as ft, stringToColor as fu, toAttrBool as fv, toAttrNumber as fw, toCssLength as fx, toHostNavId as fy, toLength$1 as fz, 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 };
|
|
35074
|
-
//# sourceMappingURL=magmonium-one-magmonium-one-
|
|
35136
|
+
//# sourceMappingURL=magmonium-one-magmonium-one-BLBwZo0x.mjs.map
|