@eric-emg/symphiq-components 1.2.160 → 1.2.161
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/symphiq-components.mjs +47 -32
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +8 -8
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -57835,8 +57835,31 @@ class CollapsibleSectionGroupComponent {
|
|
|
57835
57835
|
}], null, { sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] }); })();
|
|
57836
57836
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollapsibleSectionGroupComponent, { className: "CollapsibleSectionGroupComponent", filePath: "lib/components/business-analysis-dashboard/collapsible-section-group.component.ts", lineNumber: 100 }); })();
|
|
57837
57837
|
|
|
57838
|
-
function
|
|
57839
|
-
i0.ɵɵ
|
|
57838
|
+
function ContentGenerationProgressComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
|
|
57839
|
+
i0.ɵɵelementStart(0, "div", 20)(1, "div", 21);
|
|
57840
|
+
i0.ɵɵelement(2, "div", 22)(3, "div", 23)(4, "div", 24)(5, "div", 25)(6, "div", 26);
|
|
57841
|
+
i0.ɵɵelementEnd()();
|
|
57842
|
+
} if (rf & 2) {
|
|
57843
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
57844
|
+
i0.ɵɵstyleProp("clip-path", "inset(0 0 0 " + ctx_r0.progressPercentage() + "%)");
|
|
57845
|
+
i0.ɵɵadvance(2);
|
|
57846
|
+
i0.ɵɵstyleProp("left", ctx_r0.progressPercentage(), "%");
|
|
57847
|
+
i0.ɵɵproperty("ngClass", ctx_r0.dotClasses());
|
|
57848
|
+
i0.ɵɵadvance();
|
|
57849
|
+
i0.ɵɵstyleProp("left", ctx_r0.progressPercentage(), "%");
|
|
57850
|
+
i0.ɵɵproperty("ngClass", ctx_r0.dotClasses());
|
|
57851
|
+
i0.ɵɵadvance();
|
|
57852
|
+
i0.ɵɵstyleProp("left", ctx_r0.progressPercentage(), "%");
|
|
57853
|
+
i0.ɵɵproperty("ngClass", ctx_r0.dotClasses());
|
|
57854
|
+
i0.ɵɵadvance();
|
|
57855
|
+
i0.ɵɵstyleProp("left", ctx_r0.progressPercentage(), "%");
|
|
57856
|
+
i0.ɵɵproperty("ngClass", ctx_r0.dotClasses());
|
|
57857
|
+
i0.ɵɵadvance();
|
|
57858
|
+
i0.ɵɵstyleProp("left", ctx_r0.progressPercentage(), "%");
|
|
57859
|
+
i0.ɵɵproperty("ngClass", ctx_r0.dotClasses());
|
|
57860
|
+
} }
|
|
57861
|
+
function ContentGenerationProgressComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
|
|
57862
|
+
i0.ɵɵelement(0, "div", 27);
|
|
57840
57863
|
} if (rf & 2) {
|
|
57841
57864
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
57842
57865
|
i0.ɵɵstyleProp("left", ctx_r0.progressPercentage(), "%");
|
|
@@ -57853,7 +57876,7 @@ class ContentGenerationProgressComponent {
|
|
|
57853
57876
|
const status = this.itemStatus();
|
|
57854
57877
|
if (!status?.percentageComplete)
|
|
57855
57878
|
return 0;
|
|
57856
|
-
return Math.min(100, Math.max(0, status.percentageComplete));
|
|
57879
|
+
return Math.round(Math.min(100, Math.max(0, status.percentageComplete)));
|
|
57857
57880
|
}, ...(ngDevMode ? [{ debugName: "progressPercentage" }] : []));
|
|
57858
57881
|
this.progressMessage = computed(() => {
|
|
57859
57882
|
const status = this.itemStatus();
|
|
@@ -57918,7 +57941,7 @@ class ContentGenerationProgressComponent {
|
|
|
57918
57941
|
}, ...(ngDevMode ? [{ debugName: "percentageClasses" }] : []));
|
|
57919
57942
|
}
|
|
57920
57943
|
static { this.ɵfac = function ContentGenerationProgressComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContentGenerationProgressComponent)(); }; }
|
|
57921
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContentGenerationProgressComponent, selectors: [["symphiq-content-generation-progress"]], inputs: { itemStatus: [1, "itemStatus"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], showIcon: [1, "showIcon"] }, decls:
|
|
57944
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContentGenerationProgressComponent, selectors: [["symphiq-content-generation-progress"]], inputs: { itemStatus: [1, "itemStatus"], title: [1, "title"], subtitle: [1, "subtitle"], viewMode: [1, "viewMode"], showIcon: [1, "showIcon"] }, decls: 25, vars: 17, consts: [[1, "min-h-[60vh]", "flex", "items-center", "justify-center", "px-4", "py-12", 3, "ngClass"], [1, "max-w-3xl", "w-full", "space-y-8"], [1, "text-center", "space-y-3"], [1, "flex", "items-center", "justify-center", "mb-4"], [1, "relative", "w-20", "h-20", "rounded-2xl", "flex", "items-center", "justify-center", "icon-pulse", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-10", "h-10"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "absolute", "inset-0", "rounded-2xl", "icon-glow"], [1, "text-3xl", "sm:text-4xl", "font-bold", 3, "ngClass"], [1, "text-base", "sm:text-lg", "max-w-2xl", "mx-auto", 3, "ngClass"], [1, "space-y-4"], [1, "text-center"], [1, "text-lg", "sm:text-xl", "font-medium", "message-fade", 3, "ngClass"], [1, "relative", "h-3", "rounded-full", "overflow-visible", 3, "ngClass"], [1, "absolute", "inset-0", "rounded-full", 3, "ngClass"], [1, "absolute", "inset-y-0", "left-0", "rounded-full", "transition-all", "duration-700", "ease-out", "overflow-hidden", 3, "ngClass"], [1, "absolute", "inset-0", "shimmer-effect"], [1, "absolute", "inset-0", "overflow-hidden", "rounded-full", 3, "clip-path"], [1, "absolute", "top-1/2", "-translate-y-1/2", "w-4", "h-4", "rounded-full", "blur-md", "transition-all", "duration-700", "ease-out", 2, "margin-left", "-8px", 3, "ngClass", "left"], [1, "text-sm", "font-medium", "tabular-nums", 3, "ngClass"], [1, "absolute", "inset-0", "overflow-hidden", "rounded-full"], [1, "dots-container", "h-full"], [1, "dot", "dot-1", 3, "ngClass"], [1, "dot", "dot-2", 3, "ngClass"], [1, "dot", "dot-3", 3, "ngClass"], [1, "dot", "dot-4", 3, "ngClass"], [1, "dot", "dot-5", 3, "ngClass"], [1, "absolute", "top-1/2", "-translate-y-1/2", "w-4", "h-4", "rounded-full", "blur-md", "transition-all", "duration-700", "ease-out", 2, "margin-left", "-8px", 3, "ngClass"]], template: function ContentGenerationProgressComponent_Template(rf, ctx) { if (rf & 1) {
|
|
57922
57945
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
|
|
57923
57946
|
i0.ɵɵnamespaceSVG();
|
|
57924
57947
|
i0.ɵɵelementStart(5, "svg", 5);
|
|
@@ -57941,13 +57964,11 @@ class ContentGenerationProgressComponent {
|
|
|
57941
57964
|
i0.ɵɵelementStart(18, "div", 15);
|
|
57942
57965
|
i0.ɵɵelement(19, "div", 16);
|
|
57943
57966
|
i0.ɵɵelementEnd();
|
|
57944
|
-
i0.ɵɵ
|
|
57945
|
-
i0.ɵɵ
|
|
57946
|
-
i0.ɵɵelementEnd()();
|
|
57947
|
-
i0.ɵɵconditionalCreate(27, ContentGenerationProgressComponent_Conditional_27_Template, 1, 3, "div", 24);
|
|
57967
|
+
i0.ɵɵconditionalCreate(20, ContentGenerationProgressComponent_Conditional_20_Template, 7, 17, "div", 17);
|
|
57968
|
+
i0.ɵɵconditionalCreate(21, ContentGenerationProgressComponent_Conditional_21_Template, 1, 3, "div", 18);
|
|
57948
57969
|
i0.ɵɵelementEnd();
|
|
57949
|
-
i0.ɵɵelementStart(
|
|
57950
|
-
i0.ɵɵtext(
|
|
57970
|
+
i0.ɵɵelementStart(22, "div", 11)(23, "span", 19);
|
|
57971
|
+
i0.ɵɵtext(24);
|
|
57951
57972
|
i0.ɵɵelementEnd()()()()();
|
|
57952
57973
|
} if (rf & 2) {
|
|
57953
57974
|
i0.ɵɵproperty("ngClass", ctx.containerClasses());
|
|
@@ -57972,23 +57993,15 @@ class ContentGenerationProgressComponent {
|
|
|
57972
57993
|
i0.ɵɵadvance();
|
|
57973
57994
|
i0.ɵɵstyleProp("width", ctx.progressPercentage(), "%");
|
|
57974
57995
|
i0.ɵɵproperty("ngClass", ctx.progressBarFillClasses());
|
|
57975
|
-
i0.ɵɵadvance(
|
|
57976
|
-
i0.ɵɵ
|
|
57977
|
-
i0.ɵɵadvance();
|
|
57978
|
-
i0.ɵɵproperty("ngClass", ctx.dotClasses());
|
|
57979
|
-
i0.ɵɵadvance();
|
|
57980
|
-
i0.ɵɵproperty("ngClass", ctx.dotClasses());
|
|
57981
|
-
i0.ɵɵadvance();
|
|
57982
|
-
i0.ɵɵproperty("ngClass", ctx.dotClasses());
|
|
57983
|
-
i0.ɵɵadvance();
|
|
57984
|
-
i0.ɵɵproperty("ngClass", ctx.dotClasses());
|
|
57996
|
+
i0.ɵɵadvance(2);
|
|
57997
|
+
i0.ɵɵconditional(ctx.progressPercentage() > 0 && ctx.progressPercentage() < 100 ? 20 : -1);
|
|
57985
57998
|
i0.ɵɵadvance();
|
|
57986
|
-
i0.ɵɵconditional(ctx.progressPercentage() > 0 && ctx.progressPercentage() < 100 ?
|
|
57999
|
+
i0.ɵɵconditional(ctx.progressPercentage() > 0 && ctx.progressPercentage() < 100 ? 21 : -1);
|
|
57987
58000
|
i0.ɵɵadvance(2);
|
|
57988
58001
|
i0.ɵɵproperty("ngClass", ctx.percentageClasses());
|
|
57989
58002
|
i0.ɵɵadvance();
|
|
57990
58003
|
i0.ɵɵtextInterpolate1(" ", ctx.progressPercentage(), "% complete ");
|
|
57991
|
-
} }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes _ngcontent-%COMP%_icon-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes _ngcontent-%COMP%_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes _ngcontent-%COMP%_dots-move{0%{transform:translate(
|
|
58004
|
+
} }, dependencies: [CommonModule, i1$1.NgClass], styles: ["@keyframes _ngcontent-%COMP%_icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes _ngcontent-%COMP%_icon-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes _ngcontent-%COMP%_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes _ngcontent-%COMP%_dots-move{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(200px);opacity:0}}@keyframes _ngcontent-%COMP%_message-fade{0%,to{opacity:1}50%{opacity:.7}}.icon-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_icon-pulse 2s ease-in-out infinite}.icon-glow[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_icon-glow-pulse 2s ease-in-out infinite}.shimmer-effect[_ngcontent-%COMP%]{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:_ngcontent-%COMP%_shimmer 2s ease-in-out infinite}.message-fade[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_message-fade 3s ease-in-out infinite}.dots-container[_ngcontent-%COMP%]{position:relative;width:100%}.dot[_ngcontent-%COMP%]{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;margin-top:-4px;animation:_ngcontent-%COMP%_dots-move 2.5s ease-out infinite}.dot-1[_ngcontent-%COMP%]{animation-delay:0s}.dot-2[_ngcontent-%COMP%]{animation-delay:.6s}.dot-3[_ngcontent-%COMP%]{animation-delay:1.2s}.dot-4[_ngcontent-%COMP%]{animation-delay:1.8s}.dot-5[_ngcontent-%COMP%]{animation-delay:2.4s}@media (prefers-reduced-motion: reduce){.icon-pulse[_ngcontent-%COMP%], .icon-glow[_ngcontent-%COMP%], .shimmer-effect[_ngcontent-%COMP%], .message-fade[_ngcontent-%COMP%], .dot[_ngcontent-%COMP%]{animation:none}}"], changeDetection: 0 }); }
|
|
57992
58005
|
}
|
|
57993
58006
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContentGenerationProgressComponent, [{
|
|
57994
58007
|
type: Component,
|
|
@@ -58039,15 +58052,17 @@ class ContentGenerationProgressComponent {
|
|
|
58039
58052
|
</div>
|
|
58040
58053
|
|
|
58041
58054
|
<!-- Animated Dots Overlay (shows beyond the solid bar) -->
|
|
58042
|
-
|
|
58043
|
-
<div class="
|
|
58044
|
-
<div
|
|
58045
|
-
|
|
58046
|
-
|
|
58047
|
-
|
|
58048
|
-
|
|
58055
|
+
@if (progressPercentage() > 0 && progressPercentage() < 100) {
|
|
58056
|
+
<div class="absolute inset-0 overflow-hidden rounded-full" [style.clip-path]="'inset(0 0 0 ' + progressPercentage() + '%)'">
|
|
58057
|
+
<div class="dots-container h-full">
|
|
58058
|
+
<div [ngClass]="dotClasses()" [style.left.%]="progressPercentage()" class="dot dot-1"></div>
|
|
58059
|
+
<div [ngClass]="dotClasses()" [style.left.%]="progressPercentage()" class="dot dot-2"></div>
|
|
58060
|
+
<div [ngClass]="dotClasses()" [style.left.%]="progressPercentage()" class="dot dot-3"></div>
|
|
58061
|
+
<div [ngClass]="dotClasses()" [style.left.%]="progressPercentage()" class="dot dot-4"></div>
|
|
58062
|
+
<div [ngClass]="dotClasses()" [style.left.%]="progressPercentage()" class="dot dot-5"></div>
|
|
58063
|
+
</div>
|
|
58049
58064
|
</div>
|
|
58050
|
-
|
|
58065
|
+
}
|
|
58051
58066
|
|
|
58052
58067
|
<!-- Glow effect at the progress edge -->
|
|
58053
58068
|
@if (progressPercentage() > 0 && progressPercentage() < 100) {
|
|
@@ -58069,9 +58084,9 @@ class ContentGenerationProgressComponent {
|
|
|
58069
58084
|
</div>
|
|
58070
58085
|
</div>
|
|
58071
58086
|
</div>
|
|
58072
|
-
`, styles: ["@keyframes icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes icon-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dots-move{0%{transform:translate(
|
|
58087
|
+
`, styles: ["@keyframes icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes icon-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dots-move{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(200px);opacity:0}}@keyframes message-fade{0%,to{opacity:1}50%{opacity:.7}}.icon-pulse{animation:icon-pulse 2s ease-in-out infinite}.icon-glow{animation:icon-glow-pulse 2s ease-in-out infinite}.shimmer-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}.message-fade{animation:message-fade 3s ease-in-out infinite}.dots-container{position:relative;width:100%}.dot{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;margin-top:-4px;animation:dots-move 2.5s ease-out infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:.6s}.dot-3{animation-delay:1.2s}.dot-4{animation-delay:1.8s}.dot-5{animation-delay:2.4s}@media (prefers-reduced-motion: reduce){.icon-pulse,.icon-glow,.shimmer-effect,.message-fade,.dot{animation:none}}\n"] }]
|
|
58073
58088
|
}], null, { itemStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatus", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }] }); })();
|
|
58074
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContentGenerationProgressComponent, { className: "ContentGenerationProgressComponent", filePath: "lib/components/shared/content-generation-progress.component.ts", lineNumber:
|
|
58089
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContentGenerationProgressComponent, { className: "ContentGenerationProgressComponent", filePath: "lib/components/shared/content-generation-progress.component.ts", lineNumber: 216 }); })();
|
|
58075
58090
|
|
|
58076
58091
|
const _c0$n = () => [];
|
|
58077
58092
|
function SymphiqBusinessAnalysisDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|