@eric-emg/symphiq-components 1.2.168 → 1.2.169

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.
Files changed (5) hide show
  1. package/fesm2022/symphiq-components.mjs +273 -188
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +55 -53
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/fesm2022/symphiq-components.mjs CHANGED
@@ -54187,6 +54187,28 @@ class SymphiqCreateAccountDashboardComponent {
54187
54187
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 625 }); })();
54188
54188
 
54189
54189
  const _forTrack0$i = ($index, $item) => $item.id;
54190
+ function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_9_Template(rf, ctx) { if (rf & 1) {
54191
+ i0.ɵɵtext(0, " Change Google Account ");
54192
+ } }
54193
+ function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_10_Template(rf, ctx) { if (rf & 1) {
54194
+ i0.ɵɵtext(0, " Connect Google Analytics 4 ");
54195
+ } }
54196
+ function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_11_Template(rf, ctx) { if (rf & 1) {
54197
+ const _r2 = i0.ɵɵgetCurrentView();
54198
+ i0.ɵɵelementStart(0, "button", 49);
54199
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.cancelReconnectMode()); });
54200
+ i0.ɵɵtext(1, " Cancel ");
54201
+ i0.ɵɵelementEnd();
54202
+ } if (rf & 2) {
54203
+ const ctx_r2 = i0.ɵɵnextContext(2);
54204
+ i0.ɵɵproperty("ngClass", ctx_r2.headerCancelButtonClasses());
54205
+ } }
54206
+ function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_13_Template(rf, ctx) { if (rf & 1) {
54207
+ i0.ɵɵtext(0, " Sign in with a different Google account to access other Google Analytics properties. ");
54208
+ } }
54209
+ function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_14_Template(rf, ctx) { if (rf & 1) {
54210
+ i0.ɵɵtext(0, " Integrating Google Analytics is essential. We use it to pull the majority of your data in a read-only format, ensuring no changes are made to your analytics. Please make sure you have access to the Google Analytics property associated with this shop to ensure proper integration. ");
54211
+ } }
54190
54212
  function SymphiqConnectGaDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
54191
54213
  const _r1 = i0.ɵɵgetCurrentView();
54192
54214
  i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15)(3, "div", 16);
@@ -54195,179 +54217,197 @@ function SymphiqConnectGaDashboardComponent_Conditional_21_Template(rf, ctx) { i
54195
54217
  i0.ɵɵelement(5, "path", 18);
54196
54218
  i0.ɵɵelementEnd()();
54197
54219
  i0.ɵɵnamespaceHTML();
54198
- i0.ɵɵelementStart(6, "div", 19)(7, "h2", 20);
54199
- i0.ɵɵtext(8, " Connect Google Analytics 4 ");
54220
+ i0.ɵɵelementStart(6, "div", 19)(7, "div", 20)(8, "h2", 21);
54221
+ i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_10_Template, 1, 0);
54222
+ i0.ɵɵelementEnd();
54223
+ i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_11_Template, 2, 1, "button", 22);
54200
54224
  i0.ɵɵelementEnd();
54201
- i0.ɵɵelementStart(9, "p", 21);
54202
- i0.ɵɵtext(10, " Integrating Google Analytics is essential. We use it to pull the majority of your data in a read-only format, ensuring no changes are made to your analytics. Please make sure you have access to the Google Analytics property associated with this shop to ensure proper integration. ");
54225
+ i0.ɵɵelementStart(12, "p", 23);
54226
+ i0.ɵɵconditionalCreate(13, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_13_Template, 1, 0)(14, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_14_Template, 1, 0);
54203
54227
  i0.ɵɵelementEnd();
54204
- i0.ɵɵelementStart(11, "div", 22)(12, "button", 23);
54205
- i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.googleButtonClick.emit()); });
54206
- i0.ɵɵelement(13, "div", 24);
54207
- i0.ɵɵelementStart(14, "div", 25)(15, "div", 26);
54228
+ i0.ɵɵelementStart(15, "div", 24)(16, "button", 25);
54229
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.googleButtonClick.emit()); });
54230
+ i0.ɵɵelement(17, "div", 26);
54231
+ i0.ɵɵelementStart(18, "div", 27)(19, "div", 28);
54208
54232
  i0.ɵɵnamespaceSVG();
54209
- i0.ɵɵelementStart(16, "svg", 27);
54210
- i0.ɵɵelement(17, "path", 28)(18, "path", 29)(19, "path", 30)(20, "path", 31)(21, "path", 32);
54233
+ i0.ɵɵelementStart(20, "svg", 29);
54234
+ i0.ɵɵelement(21, "path", 30)(22, "path", 31)(23, "path", 32)(24, "path", 33)(25, "path", 34);
54211
54235
  i0.ɵɵelementEnd()();
54212
54236
  i0.ɵɵnamespaceHTML();
54213
- i0.ɵɵelementStart(22, "span", 33);
54214
- i0.ɵɵtext(23, "Continue with Google");
54237
+ i0.ɵɵelementStart(26, "span", 35);
54238
+ i0.ɵɵtext(27, "Continue with Google");
54215
54239
  i0.ɵɵelementEnd()()()();
54216
- i0.ɵɵelementStart(24, "div", 34);
54240
+ i0.ɵɵelementStart(28, "div", 36);
54217
54241
  i0.ɵɵnamespaceSVG();
54218
- i0.ɵɵelementStart(25, "svg", 35);
54219
- i0.ɵɵelement(26, "path", 36);
54242
+ i0.ɵɵelementStart(29, "svg", 37);
54243
+ i0.ɵɵelement(30, "path", 38);
54220
54244
  i0.ɵɵelementEnd();
54221
54245
  i0.ɵɵnamespaceHTML();
54222
- i0.ɵɵelementStart(27, "div", 19)(28, "p", 37)(29, "strong", 38);
54223
- i0.ɵɵtext(30, "Note:");
54246
+ i0.ɵɵelementStart(31, "div", 19)(32, "p", 39)(33, "strong", 40);
54247
+ i0.ɵɵtext(34, "Note:");
54224
54248
  i0.ɵɵelementEnd();
54225
- i0.ɵɵtext(31, " When you click \"Continue with Google\", you'll be asked to sign in to your Google account and select the Analytics property associated with your shop. ");
54249
+ i0.ɵɵtext(35, " When you click \"Continue with Google\", you'll be asked to sign in to your Google account and select the Analytics property associated with your shop. ");
54226
54250
  i0.ɵɵelementEnd()()();
54227
- i0.ɵɵelementStart(32, "div", 39)(33, "div", 40);
54228
- i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Template_div_click_33_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleExpanded()); });
54229
- i0.ɵɵelementStart(34, "span", 41);
54230
- i0.ɵɵtext(35, " How do we use your Google Analytics data? ");
54251
+ i0.ɵɵelementStart(36, "div", 41)(37, "div", 42);
54252
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleExpanded()); });
54253
+ i0.ɵɵelementStart(38, "span", 43);
54254
+ i0.ɵɵtext(39, " How do we use your Google Analytics data? ");
54231
54255
  i0.ɵɵelementEnd();
54232
54256
  i0.ɵɵnamespaceSVG();
54233
- i0.ɵɵelementStart(36, "svg", 42);
54234
- i0.ɵɵelement(37, "path", 43);
54257
+ i0.ɵɵelementStart(40, "svg", 44);
54258
+ i0.ɵɵelement(41, "path", 45);
54235
54259
  i0.ɵɵelementEnd()();
54236
54260
  i0.ɵɵnamespaceHTML();
54237
- i0.ɵɵelementStart(38, "div", 4)(39, "div", 44)(40, "p", 45);
54238
- i0.ɵɵtext(41, " We request access to your Google Analytics data to aggregate this information into funnel stages and display trends within our application. This allows us to provide you with a clear overview of your web performance. By analyzing the data, we can map out recommendations, measure the impact of your current strategies, and suggest actionable next steps for improvement. ");
54261
+ i0.ɵɵelementStart(42, "div", 4)(43, "div", 46)(44, "p", 47);
54262
+ i0.ɵɵtext(45, " We request access to your Google Analytics data to aggregate this information into funnel stages and display trends within our application. This allows us to provide you with a clear overview of your web performance. By analyzing the data, we can map out recommendations, measure the impact of your current strategies, and suggest actionable next steps for improvement. ");
54239
54263
  i0.ɵɵelementEnd();
54240
- i0.ɵɵelementStart(42, "p", 37);
54241
- i0.ɵɵtext(43, " Symphiq's use and transfer to any other app of information received from Google APIs will adhere to ");
54242
- i0.ɵɵelementStart(44, "strong", 46);
54243
- i0.ɵɵtext(45, "Google API Services User Data Policy");
54264
+ i0.ɵɵelementStart(46, "p", 39);
54265
+ i0.ɵɵtext(47, " Symphiq's use and transfer to any other app of information received from Google APIs will adhere to ");
54266
+ i0.ɵɵelementStart(48, "strong", 48);
54267
+ i0.ɵɵtext(49, "Google API Services User Data Policy");
54244
54268
  i0.ɵɵelementEnd();
54245
- i0.ɵɵtext(46, " including the Limited Use requirements. ");
54269
+ i0.ɵɵtext(50, " including the Limited Use requirements. ");
54246
54270
  i0.ɵɵelementEnd()()()()()()()();
54247
54271
  } if (rf & 2) {
54248
- const ctx_r1 = i0.ɵɵnextContext();
54249
- i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
54272
+ const ctx_r2 = i0.ɵɵnextContext();
54273
+ i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
54250
54274
  i0.ɵɵadvance();
54251
- i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
54275
+ i0.ɵɵproperty("ngClass", ctx_r2.contentClasses());
54252
54276
  i0.ɵɵadvance(2);
54253
- i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
54254
- i0.ɵɵadvance(4);
54255
- i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
54277
+ i0.ɵɵproperty("ngClass", ctx_r2.iconContainerClasses());
54278
+ i0.ɵɵadvance(5);
54279
+ i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
54280
+ i0.ɵɵadvance();
54281
+ i0.ɵɵconditional(ctx_r2.isReconnecting() ? 9 : 10);
54256
54282
  i0.ɵɵadvance(2);
54257
- i0.ɵɵproperty("ngClass", ctx_r1.textClasses());
54283
+ i0.ɵɵconditional(ctx_r2.isReconnecting() ? 11 : -1);
54284
+ i0.ɵɵadvance();
54285
+ i0.ɵɵproperty("ngClass", ctx_r2.textClasses());
54286
+ i0.ɵɵadvance();
54287
+ i0.ɵɵconditional(ctx_r2.isReconnecting() ? 13 : 14);
54258
54288
  i0.ɵɵadvance(15);
54259
- i0.ɵɵproperty("ngClass", ctx_r1.noteBoxClasses());
54289
+ i0.ɵɵproperty("ngClass", ctx_r2.noteBoxClasses());
54260
54290
  i0.ɵɵadvance();
54261
- i0.ɵɵproperty("ngClass", ctx_r1.noteIconClasses());
54291
+ i0.ɵɵproperty("ngClass", ctx_r2.noteIconClasses());
54262
54292
  i0.ɵɵadvance(3);
54263
- i0.ɵɵproperty("ngClass", ctx_r1.noteTextClasses());
54293
+ i0.ɵɵproperty("ngClass", ctx_r2.noteTextClasses());
54264
54294
  i0.ɵɵadvance(4);
54265
- i0.ɵɵproperty("ngClass", ctx_r1.expandableCardClasses());
54295
+ i0.ɵɵproperty("ngClass", ctx_r2.expandableCardClasses());
54266
54296
  i0.ɵɵadvance();
54267
- i0.ɵɵproperty("ngClass", ctx_r1.expandableHeaderClasses());
54297
+ i0.ɵɵproperty("ngClass", ctx_r2.expandableHeaderClasses());
54268
54298
  i0.ɵɵadvance();
54269
- i0.ɵɵproperty("ngClass", ctx_r1.expandableHeaderTextClasses());
54299
+ i0.ɵɵproperty("ngClass", ctx_r2.expandableHeaderTextClasses());
54270
54300
  i0.ɵɵadvance(2);
54271
- i0.ɵɵclassProp("rotate-180", ctx_r1.isExpanded());
54272
- i0.ɵɵproperty("ngClass", ctx_r1.chevronClasses());
54301
+ i0.ɵɵclassProp("rotate-180", ctx_r2.isExpanded());
54302
+ i0.ɵɵproperty("ngClass", ctx_r2.chevronClasses());
54273
54303
  i0.ɵɵadvance(2);
54274
- i0.ɵɵclassProp("max-h-0", !ctx_r1.isExpanded())("opacity-0", !ctx_r1.isExpanded())("max-h-[1000px]", ctx_r1.isExpanded())("opacity-100", ctx_r1.isExpanded());
54304
+ i0.ɵɵclassProp("max-h-0", !ctx_r2.isExpanded())("opacity-0", !ctx_r2.isExpanded())("max-h-[1000px]", ctx_r2.isExpanded())("opacity-100", ctx_r2.isExpanded());
54275
54305
  i0.ɵɵadvance();
54276
- i0.ɵɵproperty("ngClass", ctx_r1.expandedContentClasses());
54306
+ i0.ɵɵproperty("ngClass", ctx_r2.expandedContentClasses());
54277
54307
  i0.ɵɵadvance();
54278
- i0.ɵɵproperty("ngClass", ctx_r1.expandedTextClasses());
54308
+ i0.ɵɵproperty("ngClass", ctx_r2.expandedTextClasses());
54279
54309
  i0.ɵɵadvance(2);
54280
- i0.ɵɵproperty("ngClass", ctx_r1.expandedTextClasses());
54310
+ i0.ɵɵproperty("ngClass", ctx_r2.expandedTextClasses());
54281
54311
  } }
54282
- function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_8_Template(rf, ctx) { if (rf & 1) {
54312
+ function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
54283
54313
  i0.ɵɵtext(0, " Change Google Analytics Property ");
54284
54314
  } }
54285
- function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
54315
+ function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_10_Template(rf, ctx) { if (rf & 1) {
54286
54316
  i0.ɵɵtext(0, " Choose Your Property ");
54287
54317
  } }
54288
- function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
54289
- i0.ɵɵelement(0, "div", 53);
54318
+ function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template(rf, ctx) { if (rf & 1) {
54319
+ const _r4 = i0.ɵɵgetCurrentView();
54320
+ i0.ɵɵelementStart(0, "button", 49);
54321
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.cancelEditMode()); });
54322
+ i0.ɵɵtext(1, " Cancel ");
54323
+ i0.ɵɵelementEnd();
54324
+ } if (rf & 2) {
54325
+ const ctx_r2 = i0.ɵɵnextContext(2);
54326
+ i0.ɵɵproperty("ngClass", ctx_r2.headerCancelButtonClasses());
54327
+ } }
54328
+ function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
54329
+ i0.ɵɵelement(0, "div", 56);
54290
54330
  } }
54291
- function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
54292
- i0.ɵɵelementStart(0, "div", 58);
54331
+ function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
54332
+ i0.ɵɵelementStart(0, "div", 61);
54293
54333
  i0.ɵɵnamespaceSVG();
54294
- i0.ɵɵelementStart(1, "svg", 59);
54295
- i0.ɵɵelement(2, "path", 60);
54334
+ i0.ɵɵelementStart(1, "svg", 62);
54335
+ i0.ɵɵelement(2, "path", 63);
54296
54336
  i0.ɵɵelementEnd();
54297
54337
  i0.ɵɵnamespaceHTML();
54298
- i0.ɵɵelementStart(3, "span", 57);
54338
+ i0.ɵɵelementStart(3, "span", 60);
54299
54339
  i0.ɵɵtext(4);
54300
54340
  i0.ɵɵelementEnd()();
54301
54341
  } if (rf & 2) {
54302
- const ctx_r1 = i0.ɵɵnextContext(5);
54342
+ const ctx_r2 = i0.ɵɵnextContext(5);
54303
54343
  i0.ɵɵadvance();
54304
- i0.ɵɵproperty("ngClass", ctx_r1.accountNameClasses());
54344
+ i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
54305
54345
  i0.ɵɵadvance(2);
54306
- i0.ɵɵproperty("ngClass", ctx_r1.accountNameClasses());
54346
+ i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
54307
54347
  i0.ɵɵadvance();
54308
54348
  i0.ɵɵtextInterpolate1(" Account: ", ctx.name || "Unnamed Account", " ");
54309
54349
  } }
54310
- function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
54311
- i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 58);
54350
+ function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
54351
+ i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 61);
54312
54352
  } if (rf & 2) {
54313
54353
  let tmp_13_0;
54314
- const property_r4 = i0.ɵɵnextContext().$implicit;
54315
- const ctx_r1 = i0.ɵɵnextContext(3);
54316
- i0.ɵɵconditional((tmp_13_0 = ctx_r1.getAccountForProperty(property_r4)) ? 0 : -1, tmp_13_0);
54354
+ const property_r6 = i0.ɵɵnextContext().$implicit;
54355
+ const ctx_r2 = i0.ɵɵnextContext(3);
54356
+ i0.ɵɵconditional((tmp_13_0 = ctx_r2.getAccountForProperty(property_r6)) ? 0 : -1, tmp_13_0);
54317
54357
  } }
54318
- function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template(rf, ctx) { if (rf & 1) {
54319
- const _r3 = i0.ɵɵgetCurrentView();
54320
- i0.ɵɵelementStart(0, "label", 50);
54321
- i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template_label_click_0_listener() { const property_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectProperty(property_r4.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template_label_keydown_enter_0_listener() { const property_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectProperty(property_r4.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template_label_keydown_space_0_listener($event) { const property_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); ctx_r1.selectProperty(property_r4.id); return i0.ɵɵresetView($event.preventDefault()); });
54322
- i0.ɵɵelementStart(1, "div", 51)(2, "div", 52);
54323
- i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_3_Template, 1, 0, "div", 53);
54358
+ function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
54359
+ const _r5 = i0.ɵɵgetCurrentView();
54360
+ i0.ɵɵelementStart(0, "label", 53);
54361
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template_label_click_0_listener() { const property_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.selectProperty(property_r6.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template_label_keydown_enter_0_listener() { const property_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.selectProperty(property_r6.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template_label_keydown_space_0_listener($event) { const property_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.selectProperty(property_r6.id); return i0.ɵɵresetView($event.preventDefault()); });
54362
+ i0.ɵɵelementStart(1, "div", 54)(2, "div", 55);
54363
+ i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_3_Template, 1, 0, "div", 56);
54324
54364
  i0.ɵɵelementEnd();
54325
- i0.ɵɵelementStart(4, "div", 54)(5, "div", 55);
54365
+ i0.ɵɵelementStart(4, "div", 57)(5, "div", 58);
54326
54366
  i0.ɵɵnamespaceSVG();
54327
- i0.ɵɵelementStart(6, "svg", 56);
54367
+ i0.ɵɵelementStart(6, "svg", 59);
54328
54368
  i0.ɵɵelement(7, "path", 18);
54329
54369
  i0.ɵɵelementEnd();
54330
54370
  i0.ɵɵnamespaceHTML();
54331
- i0.ɵɵelementStart(8, "div", 57);
54371
+ i0.ɵɵelementStart(8, "div", 60);
54332
54372
  i0.ɵɵtext(9);
54333
54373
  i0.ɵɵelementEnd()();
54334
- i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_10_Template, 1, 1);
54374
+ i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Template, 1, 1);
54335
54375
  i0.ɵɵelementEnd()()();
54336
54376
  } if (rf & 2) {
54337
- const property_r4 = ctx.$implicit;
54338
- const ctx_r1 = i0.ɵɵnextContext(3);
54339
- i0.ɵɵproperty("ngClass", ctx_r1.propertyCardClasses(property_r4.id));
54340
- i0.ɵɵattribute("aria-checked", ctx_r1.isEditingProperty() ? ctx_r1.currentEditingPropertyId() === property_r4.id : ctx_r1.selectedGaPropertyId() ? ctx_r1.selectedGaPropertyId() === property_r4.id : ctx_r1.currentSelectingPropertyId() === property_r4.id);
54377
+ const property_r6 = ctx.$implicit;
54378
+ const ctx_r2 = i0.ɵɵnextContext(3);
54379
+ i0.ɵɵproperty("ngClass", ctx_r2.propertyCardClasses(property_r6.id));
54380
+ i0.ɵɵattribute("aria-checked", ctx_r2.isEditingProperty() ? ctx_r2.currentEditingPropertyId() === property_r6.id : ctx_r2.selectedGaPropertyId() ? ctx_r2.selectedGaPropertyId() === property_r6.id : ctx_r2.currentSelectingPropertyId() === property_r6.id);
54341
54381
  i0.ɵɵadvance(2);
54342
- i0.ɵɵproperty("ngClass", ctx_r1.radioIndicatorClasses(property_r4.id));
54382
+ i0.ɵɵproperty("ngClass", ctx_r2.radioIndicatorClasses(property_r6.id));
54343
54383
  i0.ɵɵadvance();
54344
- i0.ɵɵconditional((ctx_r1.isEditingProperty() ? ctx_r1.currentEditingPropertyId() === property_r4.id : ctx_r1.selectedGaPropertyId() ? ctx_r1.selectedGaPropertyId() === property_r4.id : ctx_r1.currentSelectingPropertyId() === property_r4.id) ? 3 : -1);
54384
+ i0.ɵɵconditional((ctx_r2.isEditingProperty() ? ctx_r2.currentEditingPropertyId() === property_r6.id : ctx_r2.selectedGaPropertyId() ? ctx_r2.selectedGaPropertyId() === property_r6.id : ctx_r2.currentSelectingPropertyId() === property_r6.id) ? 3 : -1);
54345
54385
  i0.ɵɵadvance(3);
54346
- i0.ɵɵproperty("ngClass", ctx_r1.noteIconClasses());
54386
+ i0.ɵɵproperty("ngClass", ctx_r2.noteIconClasses());
54347
54387
  i0.ɵɵadvance(2);
54348
- i0.ɵɵproperty("ngClass", ctx_r1.propertyNameClasses());
54388
+ i0.ɵɵproperty("ngClass", ctx_r2.propertyNameClasses());
54349
54389
  i0.ɵɵadvance();
54350
- i0.ɵɵtextInterpolate1(" ", property_r4.name || "Unnamed Property", " ");
54390
+ i0.ɵɵtextInterpolate1(" ", property_r6.name || "Unnamed Property", " ");
54351
54391
  i0.ɵɵadvance();
54352
- i0.ɵɵconditional(property_r4.gaAccountId ? 10 : -1);
54392
+ i0.ɵɵconditional(property_r6.gaAccountId ? 10 : -1);
54353
54393
  } }
54354
- function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_Template(rf, ctx) { if (rf & 1) {
54355
- i0.ɵɵelementStart(0, "div", 47);
54356
- i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template, 11, 8, "label", 49, _forTrack0$i);
54394
+ function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_Template(rf, ctx) { if (rf & 1) {
54395
+ i0.ɵɵelementStart(0, "div", 50);
54396
+ i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template, 11, 8, "label", 52, _forTrack0$i);
54357
54397
  i0.ɵɵelementEnd();
54358
54398
  } if (rf & 2) {
54359
- const ctx_r1 = i0.ɵɵnextContext(2);
54399
+ const ctx_r2 = i0.ɵɵnextContext(2);
54360
54400
  i0.ɵɵadvance();
54361
- i0.ɵɵrepeater(ctx_r1.sortedGaProperties());
54401
+ i0.ɵɵrepeater(ctx_r2.sortedGaProperties());
54362
54402
  } }
54363
- function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_13_Template(rf, ctx) { if (rf & 1) {
54364
- i0.ɵɵelementStart(0, "div", 48)(1, "p", 61);
54403
+ function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_15_Template(rf, ctx) { if (rf & 1) {
54404
+ i0.ɵɵelementStart(0, "div", 51)(1, "p", 64);
54365
54405
  i0.ɵɵtext(2, " No properties found. Please connect your Google Analytics account. ");
54366
54406
  i0.ɵɵelementEnd()();
54367
54407
  } if (rf & 2) {
54368
- const ctx_r1 = i0.ɵɵnextContext(2);
54408
+ const ctx_r2 = i0.ɵɵnextContext(2);
54369
54409
  i0.ɵɵadvance();
54370
- i0.ɵɵproperty("ngClass", ctx_r1.emptyStateTextClasses());
54410
+ i0.ɵɵproperty("ngClass", ctx_r2.emptyStateTextClasses());
54371
54411
  } }
54372
54412
  function SymphiqConnectGaDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
54373
54413
  i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15)(3, "div", 16);
@@ -54376,165 +54416,169 @@ function SymphiqConnectGaDashboardComponent_Conditional_22_Template(rf, ctx) { i
54376
54416
  i0.ɵɵelement(5, "path", 18);
54377
54417
  i0.ɵɵelementEnd()();
54378
54418
  i0.ɵɵnamespaceHTML();
54379
- i0.ɵɵelementStart(6, "div", 19)(7, "h2", 20);
54380
- i0.ɵɵconditionalCreate(8, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_8_Template, 1, 0)(9, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template, 1, 0);
54419
+ i0.ɵɵelementStart(6, "div", 19)(7, "div", 20)(8, "h2", 21);
54420
+ i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_10_Template, 1, 0);
54421
+ i0.ɵɵelementEnd();
54422
+ i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template, 2, 1, "button", 22);
54381
54423
  i0.ɵɵelementEnd();
54382
- i0.ɵɵelementStart(10, "p", 21);
54383
- i0.ɵɵtext(11, " Please choose the Google Analytics property you'd like to link to your shop. ");
54424
+ i0.ɵɵelementStart(12, "p", 23);
54425
+ i0.ɵɵtext(13, " Please choose the Google Analytics property you'd like to link to your shop. ");
54384
54426
  i0.ɵɵelementEnd();
54385
- i0.ɵɵconditionalCreate(12, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_Template, 3, 0, "div", 47)(13, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_13_Template, 3, 1, "div", 48);
54427
+ i0.ɵɵconditionalCreate(14, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_Template, 3, 0, "div", 50)(15, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_15_Template, 3, 1, "div", 51);
54386
54428
  i0.ɵɵelementEnd()()()();
54387
54429
  } if (rf & 2) {
54388
- const ctx_r1 = i0.ɵɵnextContext();
54389
- i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
54430
+ const ctx_r2 = i0.ɵɵnextContext();
54431
+ i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
54390
54432
  i0.ɵɵadvance();
54391
- i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
54433
+ i0.ɵɵproperty("ngClass", ctx_r2.contentClasses());
54392
54434
  i0.ɵɵadvance(2);
54393
- i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
54394
- i0.ɵɵadvance(4);
54395
- i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
54435
+ i0.ɵɵproperty("ngClass", ctx_r2.iconContainerClasses());
54436
+ i0.ɵɵadvance(5);
54437
+ i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
54396
54438
  i0.ɵɵadvance();
54397
- i0.ɵɵconditional(ctx_r1.isEditingProperty() ? 8 : 9);
54439
+ i0.ɵɵconditional(ctx_r2.isEditingProperty() ? 9 : 10);
54398
54440
  i0.ɵɵadvance(2);
54399
- i0.ɵɵproperty("ngClass", ctx_r1.textClasses());
54441
+ i0.ɵɵconditional(ctx_r2.isEditingProperty() ? 11 : -1);
54442
+ i0.ɵɵadvance();
54443
+ i0.ɵɵproperty("ngClass", ctx_r2.textClasses());
54400
54444
  i0.ɵɵadvance(2);
54401
- i0.ɵɵconditional(ctx_r1.sortedGaProperties() && ctx_r1.sortedGaProperties().length > 0 ? 12 : 13);
54445
+ i0.ɵɵconditional(ctx_r2.sortedGaProperties() && ctx_r2.sortedGaProperties().length > 0 ? 14 : 15);
54402
54446
  } }
54403
54447
  function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
54404
- i0.ɵɵelementStart(0, "div", 58);
54448
+ i0.ɵɵelementStart(0, "div", 61);
54405
54449
  i0.ɵɵnamespaceSVG();
54406
- i0.ɵɵelementStart(1, "svg", 59);
54407
- i0.ɵɵelement(2, "path", 60);
54450
+ i0.ɵɵelementStart(1, "svg", 62);
54451
+ i0.ɵɵelement(2, "path", 63);
54408
54452
  i0.ɵɵelementEnd();
54409
54453
  i0.ɵɵnamespaceHTML();
54410
54454
  i0.ɵɵelementStart(3, "span", 0);
54411
54455
  i0.ɵɵtext(4);
54412
54456
  i0.ɵɵelementEnd()();
54413
54457
  } if (rf & 2) {
54414
- const ctx_r1 = i0.ɵɵnextContext(3);
54458
+ const ctx_r2 = i0.ɵɵnextContext(3);
54415
54459
  i0.ɵɵadvance();
54416
- i0.ɵɵproperty("ngClass", ctx_r1.accountNameClasses());
54460
+ i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
54417
54461
  i0.ɵɵadvance(2);
54418
- i0.ɵɵproperty("ngClass", ctx_r1.accountNameClasses());
54462
+ i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
54419
54463
  i0.ɵɵadvance();
54420
54464
  i0.ɵɵtextInterpolate1(" ", ctx.name || "Unnamed Account", " ");
54421
54465
  } }
54422
54466
  function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Template(rf, ctx) { if (rf & 1) {
54423
- i0.ɵɵelementStart(0, "div", 68)(1, "div", 71)(2, "div", 72);
54467
+ i0.ɵɵelementStart(0, "div", 71)(1, "div", 74)(2, "div", 75);
54424
54468
  i0.ɵɵtext(3, " Connected ");
54425
54469
  i0.ɵɵelementEnd()();
54426
- i0.ɵɵelementStart(4, "div", 73);
54470
+ i0.ɵɵelementStart(4, "div", 76);
54427
54471
  i0.ɵɵnamespaceSVG();
54428
- i0.ɵɵelementStart(5, "svg", 74);
54472
+ i0.ɵɵelementStart(5, "svg", 77);
54429
54473
  i0.ɵɵelement(6, "path", 18);
54430
54474
  i0.ɵɵelementEnd();
54431
54475
  i0.ɵɵnamespaceHTML();
54432
- i0.ɵɵelementStart(7, "div")(8, "div", 75);
54476
+ i0.ɵɵelementStart(7, "div")(8, "div", 78);
54433
54477
  i0.ɵɵtext(9);
54434
54478
  i0.ɵɵelementEnd();
54435
- i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Conditional_10_Template, 5, 3, "div", 58);
54479
+ i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Conditional_10_Template, 5, 3, "div", 61);
54436
54480
  i0.ɵɵelementEnd()()();
54437
54481
  } if (rf & 2) {
54438
54482
  let tmp_8_0;
54439
- const ctx_r1 = i0.ɵɵnextContext(2);
54440
- i0.ɵɵproperty("ngClass", ctx_r1.selectedPropertyCardClasses());
54483
+ const ctx_r2 = i0.ɵɵnextContext(2);
54484
+ i0.ɵɵproperty("ngClass", ctx_r2.selectedPropertyCardClasses());
54441
54485
  i0.ɵɵadvance(2);
54442
- i0.ɵɵproperty("ngClass", ctx_r1.statusBadgeClasses());
54486
+ i0.ɵɵproperty("ngClass", ctx_r2.statusBadgeClasses());
54443
54487
  i0.ɵɵadvance(3);
54444
- i0.ɵɵproperty("ngClass", ctx_r1.noteIconClasses());
54488
+ i0.ɵɵproperty("ngClass", ctx_r2.noteIconClasses());
54445
54489
  i0.ɵɵadvance(3);
54446
- i0.ɵɵproperty("ngClass", ctx_r1.propertyNameClasses());
54490
+ i0.ɵɵproperty("ngClass", ctx_r2.propertyNameClasses());
54447
54491
  i0.ɵɵadvance();
54448
54492
  i0.ɵɵtextInterpolate1(" ", ctx.name || "Unnamed Property", " ");
54449
54493
  i0.ɵɵadvance();
54450
- i0.ɵɵconditional((tmp_8_0 = ctx_r1.selectedPropertyAccount()) ? 10 : -1, tmp_8_0);
54494
+ i0.ɵɵconditional((tmp_8_0 = ctx_r2.selectedPropertyAccount()) ? 10 : -1, tmp_8_0);
54451
54495
  } }
54452
54496
  function SymphiqConnectGaDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
54453
- const _r5 = i0.ɵɵgetCurrentView();
54497
+ const _r7 = i0.ɵɵgetCurrentView();
54454
54498
  i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15)(3, "div", 16);
54455
54499
  i0.ɵɵnamespaceSVG();
54456
54500
  i0.ɵɵelementStart(4, "svg", 17);
54457
- i0.ɵɵelement(5, "path", 62);
54501
+ i0.ɵɵelement(5, "path", 65);
54458
54502
  i0.ɵɵelementEnd()();
54459
54503
  i0.ɵɵnamespaceHTML();
54460
- i0.ɵɵelementStart(6, "div", 19)(7, "div", 63)(8, "div")(9, "h2", 64);
54504
+ i0.ɵɵelementStart(6, "div", 19)(7, "div", 66)(8, "div")(9, "h2", 67);
54461
54505
  i0.ɵɵtext(10, " Connected to Google Analytics ");
54462
54506
  i0.ɵɵelementEnd();
54463
- i0.ɵɵelementStart(11, "p", 61);
54507
+ i0.ɵɵelementStart(11, "p", 64);
54464
54508
  i0.ɵɵtext(12, " Your analytics data is linked ");
54465
54509
  i0.ɵɵelementEnd()();
54466
- i0.ɵɵelementStart(13, "button", 65);
54467
- i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.enableEditMode()); });
54510
+ i0.ɵɵelementStart(13, "button", 68);
54511
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.enableEditMode()); });
54468
54512
  i0.ɵɵnamespaceSVG();
54469
- i0.ɵɵelementStart(14, "svg", 66);
54470
- i0.ɵɵelement(15, "path", 67);
54513
+ i0.ɵɵelementStart(14, "svg", 69);
54514
+ i0.ɵɵelement(15, "path", 70);
54471
54515
  i0.ɵɵelementEnd();
54472
54516
  i0.ɵɵtext(16, " Edit ");
54473
54517
  i0.ɵɵelementEnd()();
54474
- i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Template, 11, 6, "div", 68);
54518
+ i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Template, 11, 6, "div", 71);
54475
54519
  i0.ɵɵnamespaceHTML();
54476
- i0.ɵɵelementStart(18, "button", 69);
54477
- i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.reconnectWithDifferentAccount()); });
54520
+ i0.ɵɵelementStart(18, "button", 72);
54521
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.reconnectWithDifferentAccount()); });
54478
54522
  i0.ɵɵnamespaceSVG();
54479
- i0.ɵɵelementStart(19, "svg", 66);
54480
- i0.ɵɵelement(20, "path", 70);
54523
+ i0.ɵɵelementStart(19, "svg", 69);
54524
+ i0.ɵɵelement(20, "path", 73);
54481
54525
  i0.ɵɵelementEnd();
54482
54526
  i0.ɵɵtext(21, " Use Different Google Account ");
54483
54527
  i0.ɵɵelementEnd()()()()();
54484
54528
  } if (rf & 2) {
54485
54529
  let tmp_7_0;
54486
- const ctx_r1 = i0.ɵɵnextContext();
54487
- i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
54530
+ const ctx_r2 = i0.ɵɵnextContext();
54531
+ i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
54488
54532
  i0.ɵɵadvance();
54489
- i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
54533
+ i0.ɵɵproperty("ngClass", ctx_r2.contentClasses());
54490
54534
  i0.ɵɵadvance(2);
54491
- i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
54535
+ i0.ɵɵproperty("ngClass", ctx_r2.iconContainerClasses());
54492
54536
  i0.ɵɵadvance(6);
54493
- i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
54537
+ i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
54494
54538
  i0.ɵɵadvance(2);
54495
- i0.ɵɵproperty("ngClass", ctx_r1.textClasses());
54539
+ i0.ɵɵproperty("ngClass", ctx_r2.textClasses());
54496
54540
  i0.ɵɵadvance(2);
54497
- i0.ɵɵproperty("ngClass", ctx_r1.editButtonClasses());
54541
+ i0.ɵɵproperty("ngClass", ctx_r2.editButtonClasses());
54498
54542
  i0.ɵɵadvance(4);
54499
- i0.ɵɵconditional((tmp_7_0 = ctx_r1.selectedProperty()) ? 17 : -1, tmp_7_0);
54543
+ i0.ɵɵconditional((tmp_7_0 = ctx_r2.selectedProperty()) ? 17 : -1, tmp_7_0);
54500
54544
  i0.ɵɵadvance();
54501
- i0.ɵɵproperty("ngClass", ctx_r1.reconnectButtonClasses());
54545
+ i0.ɵɵproperty("ngClass", ctx_r2.reconnectButtonClasses());
54502
54546
  } }
54503
54547
  function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template(rf, ctx) { if (rf & 1) {
54504
- const _r6 = i0.ɵɵgetCurrentView();
54505
- i0.ɵɵelementStart(0, "button", 79);
54506
- i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.cancelEditMode()); });
54548
+ const _r8 = i0.ɵɵgetCurrentView();
54549
+ i0.ɵɵelementStart(0, "button", 82);
54550
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.cancelEditMode()); });
54507
54551
  i0.ɵɵtext(1, " Cancel ");
54508
54552
  i0.ɵɵelementEnd();
54509
- i0.ɵɵelementStart(2, "button", 80);
54510
- i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.submitPropertyChange()); });
54553
+ i0.ɵɵelementStart(2, "button", 83);
54554
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.submitPropertyChange()); });
54511
54555
  i0.ɵɵtext(3, " Submit ");
54512
54556
  i0.ɵɵelementEnd();
54513
54557
  } if (rf & 2) {
54514
- const ctx_r1 = i0.ɵɵnextContext(2);
54515
- i0.ɵɵproperty("ngClass", ctx_r1.cancelButtonClasses());
54558
+ const ctx_r2 = i0.ɵɵnextContext(2);
54559
+ i0.ɵɵproperty("ngClass", ctx_r2.cancelButtonClasses());
54516
54560
  i0.ɵɵadvance(2);
54517
- i0.ɵɵproperty("disabled", !ctx_r1.hasPropertyChanged())("ngClass", ctx_r1.submitButtonClasses());
54561
+ i0.ɵɵproperty("disabled", !ctx_r2.hasPropertyChanged())("ngClass", ctx_r2.submitButtonClasses());
54518
54562
  } }
54519
54563
  function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_4_Template(rf, ctx) { if (rf & 1) {
54520
- const _r7 = i0.ɵɵgetCurrentView();
54521
- i0.ɵɵelementStart(0, "button", 80);
54522
- i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.submitPropertySelection()); });
54564
+ const _r9 = i0.ɵɵgetCurrentView();
54565
+ i0.ɵɵelementStart(0, "button", 83);
54566
+ i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.submitPropertySelection()); });
54523
54567
  i0.ɵɵtext(1, " Continue ");
54524
54568
  i0.ɵɵelementEnd();
54525
54569
  } if (rf & 2) {
54526
- const ctx_r1 = i0.ɵɵnextContext(2);
54527
- i0.ɵɵproperty("disabled", !ctx_r1.hasPropertySelected())("ngClass", ctx_r1.submitButtonClasses());
54570
+ const ctx_r2 = i0.ɵɵnextContext(2);
54571
+ i0.ɵɵproperty("disabled", !ctx_r2.hasPropertySelected())("ngClass", ctx_r2.submitButtonClasses());
54528
54572
  } }
54529
54573
  function SymphiqConnectGaDashboardComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
54530
- i0.ɵɵelementStart(0, "div", 13)(1, "div", 76)(2, "div", 77);
54531
- i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template, 4, 3)(4, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_4_Template, 2, 2, "button", 78);
54574
+ i0.ɵɵelementStart(0, "div", 13)(1, "div", 79)(2, "div", 80);
54575
+ i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template, 4, 3)(4, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_4_Template, 2, 2, "button", 81);
54532
54576
  i0.ɵɵelementEnd()()();
54533
54577
  } if (rf & 2) {
54534
- const ctx_r1 = i0.ɵɵnextContext();
54535
- i0.ɵɵproperty("ngClass", ctx_r1.stickyButtonContainerClasses());
54578
+ const ctx_r2 = i0.ɵɵnextContext();
54579
+ i0.ɵɵproperty("ngClass", ctx_r2.stickyButtonContainerClasses());
54536
54580
  i0.ɵɵadvance(3);
54537
- i0.ɵɵconditional(ctx_r1.isEditingProperty() ? 3 : 4);
54581
+ i0.ɵɵconditional(ctx_r2.isEditingProperty() ? 3 : 4);
54538
54582
  } }
54539
54583
  class SymphiqConnectGaDashboardComponent {
54540
54584
  constructor() {
@@ -54554,13 +54598,13 @@ class SymphiqConnectGaDashboardComponent {
54554
54598
  this.googleButtonClick = output();
54555
54599
  this.onPropertySelect = output();
54556
54600
  this.onPropertyChange = output();
54557
- this.onReconnectGoogle = output();
54558
54601
  this.headerScrollService = inject(HeaderScrollService);
54559
54602
  this.JourneyStepIdEnum = JourneyStepIdEnum;
54560
54603
  this.COLLAPSE_THRESHOLD = 20;
54561
54604
  this.EXPAND_THRESHOLD = 10;
54562
54605
  this.isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
54563
54606
  this.isEditingProperty = signal(false, ...(ngDevMode ? [{ debugName: "isEditingProperty" }] : []));
54607
+ this.isReconnecting = signal(false, ...(ngDevMode ? [{ debugName: "isReconnecting" }] : []));
54564
54608
  this.currentEditingPropertyId = signal(undefined, ...(ngDevMode ? [{ debugName: "currentEditingPropertyId" }] : []));
54565
54609
  this.currentSelectingPropertyId = signal(undefined, ...(ngDevMode ? [{ debugName: "currentSelectingPropertyId" }] : []));
54566
54610
  this.sortedGaProperties = computed(() => {
@@ -54575,7 +54619,8 @@ class SymphiqConnectGaDashboardComponent {
54575
54619
  }, ...(ngDevMode ? [{ debugName: "sortedGaProperties" }] : []));
54576
54620
  this.isConnectState = computed(() => {
54577
54621
  const properties = this.gaProperties();
54578
- return !properties || properties.length === 0;
54622
+ const reconnecting = this.isReconnecting();
54623
+ return (!properties || properties.length === 0) || reconnecting;
54579
54624
  }, ...(ngDevMode ? [{ debugName: "isConnectState" }] : []));
54580
54625
  this.isSelectionState = computed(() => {
54581
54626
  const properties = this.gaProperties();
@@ -54712,7 +54757,10 @@ class SymphiqConnectGaDashboardComponent {
54712
54757
  }
54713
54758
  }
54714
54759
  reconnectWithDifferentAccount() {
54715
- this.onReconnectGoogle.emit();
54760
+ this.isReconnecting.set(true);
54761
+ }
54762
+ cancelReconnectMode() {
54763
+ this.isReconnecting.set(false);
54716
54764
  }
54717
54765
  getContainerClasses() {
54718
54766
  return this.isLightMode()
@@ -54876,6 +54924,11 @@ class SymphiqConnectGaDashboardComponent {
54876
54924
  ? 'bg-white/80 border-slate-200'
54877
54925
  : 'bg-slate-900/80 border-slate-700';
54878
54926
  }
54927
+ headerCancelButtonClasses() {
54928
+ return this.isLightMode()
54929
+ ? 'bg-slate-100 text-slate-700 hover:bg-slate-200 border border-slate-300'
54930
+ : 'bg-slate-700 text-slate-200 hover:bg-slate-600 border border-slate-600';
54931
+ }
54879
54932
  cancelButtonClasses() {
54880
54933
  return this.isLightMode()
54881
54934
  ? 'border-2 border-slate-300 text-slate-700 hover:bg-slate-50'
@@ -54901,7 +54954,7 @@ class SymphiqConnectGaDashboardComponent {
54901
54954
  i0.ɵɵlistener("scroll", function SymphiqConnectGaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
54902
54955
  } if (rf & 2) {
54903
54956
  i0.ɵɵclassProp("light", ctx.isLightMode())("dark", !ctx.isLightMode());
54904
- } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange", onReconnectGoogle: "onReconnectGoogle" }, decls: 25, vars: 40, consts: [[3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-4", 3, "ngClass"], [1, "text-base", "leading-relaxed", "mb-6", 3, "ngClass"], [1, "mb-6"], ["type", "button", 1, "gsi-material-button", 3, "click"], [1, "gsi-material-button-state"], [1, "gsi-material-button-content-wrapper"], [1, "gsi-material-button-icon"], ["version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 48 48", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", 2, "display", "block"], ["fill", "#EA4335", "d", "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"], ["fill", "#4285F4", "d", "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"], ["fill", "#FBBC05", "d", "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"], ["fill", "#34A853", "d", "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"], ["fill", "none", "d", "M0 0h48v48H0z"], [1, "gsi-material-button-contents"], [1, "p-4", "rounded-lg", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "rounded-lg", "border", "overflow-hidden", 3, "ngClass"], [1, "px-4", "py-4", "cursor-pointer", "flex", "items-center", "justify-between", "gap-3", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-300", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], [1, "text-center", "py-8"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], ["tabindex", "0", "role", "radio", 1, "block", 3, "click", "keydown.enter", "keydown.space", "ngClass"], [1, "flex", "items-center", "gap-4", "p-4"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "text-base", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "rounded-xl", "border-2", "p-6", "mb-6", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], [1, "flex", "items-start", "gap-3", "mb-4"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", 3, "ngClass"], [1, "text-lg", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "disabled", "ngClass"], ["type", "button", 1, "flex-1", "sm:flex-none", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "disabled", "ngClass"]], template: function SymphiqConnectGaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
54957
+ } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 25, vars: 40, consts: [[3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [1, "flex-1"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "text-2xl", "sm:text-3xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "leading-relaxed", "mb-6", 3, "ngClass"], [1, "mb-6"], ["type", "button", 1, "gsi-material-button", 3, "click"], [1, "gsi-material-button-state"], [1, "gsi-material-button-content-wrapper"], [1, "gsi-material-button-icon"], ["version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 48 48", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", 2, "display", "block"], ["fill", "#EA4335", "d", "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"], ["fill", "#4285F4", "d", "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"], ["fill", "#FBBC05", "d", "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"], ["fill", "#34A853", "d", "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"], ["fill", "none", "d", "M0 0h48v48H0z"], [1, "gsi-material-button-contents"], [1, "p-4", "rounded-lg", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "rounded-lg", "border", "overflow-hidden", 3, "ngClass"], [1, "px-4", "py-4", "cursor-pointer", "flex", "items-center", "justify-between", "gap-3", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-300", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], [1, "text-center", "py-8"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], ["tabindex", "0", "role", "radio", 1, "block", 3, "click", "keydown.enter", "keydown.space", "ngClass"], [1, "flex", "items-center", "gap-4", "p-4"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "text-base", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "rounded-xl", "border-2", "p-6", "mb-6", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], [1, "flex", "items-start", "gap-3", "mb-4"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", 3, "ngClass"], [1, "text-lg", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "disabled", "ngClass"], ["type", "button", 1, "flex-1", "sm:flex-none", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "disabled", "ngClass"]], template: function SymphiqConnectGaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
54905
54958
  i0.ɵɵelementStart(0, "div", 0);
54906
54959
  i0.ɵɵelement(1, "div", 1);
54907
54960
  i0.ɵɵelementStart(2, "div", 2)(3, "header", 3)(4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "div")(8, "h1", 0);
@@ -54917,8 +54970,8 @@ class SymphiqConnectGaDashboardComponent {
54917
54970
  i0.ɵɵlistener("stepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_18_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_18_listener() { return ctx.nextStepClick.emit(); });
54918
54971
  i0.ɵɵelementEnd();
54919
54972
  i0.ɵɵelementStart(19, "main", 10)(20, "div", 11);
54920
- i0.ɵɵconditionalCreate(21, SymphiqConnectGaDashboardComponent_Conditional_21_Template, 47, 25, "div", 12);
54921
- i0.ɵɵconditionalCreate(22, SymphiqConnectGaDashboardComponent_Conditional_22_Template, 14, 7, "div", 12);
54973
+ i0.ɵɵconditionalCreate(21, SymphiqConnectGaDashboardComponent_Conditional_21_Template, 51, 28, "div", 12);
54974
+ i0.ɵɵconditionalCreate(22, SymphiqConnectGaDashboardComponent_Conditional_22_Template, 16, 8, "div", 12);
54922
54975
  i0.ɵɵconditionalCreate(23, SymphiqConnectGaDashboardComponent_Conditional_23_Template, 22, 8, "div", 12);
54923
54976
  i0.ɵɵelementEnd();
54924
54977
  i0.ɵɵconditionalCreate(24, SymphiqConnectGaDashboardComponent_Conditional_24_Template, 5, 2, "div", 13);
@@ -55032,17 +55085,37 @@ class SymphiqConnectGaDashboardComponent {
55032
55085
  <div class="flex items-start gap-6">
55033
55086
  <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
55034
55087
  <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
55035
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
55088
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
55036
55089
  </svg>
55037
55090
  </div>
55038
55091
 
55039
55092
  <div class="flex-1">
55040
- <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-4">
55041
- Connect Google Analytics 4
55042
- </h2>
55093
+ <div class="flex items-start justify-between gap-4 mb-4">
55094
+ <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold">
55095
+ @if (isReconnecting()) {
55096
+ Change Google Account
55097
+ } @else {
55098
+ Connect Google Analytics 4
55099
+ }
55100
+ </h2>
55101
+
55102
+ @if (isReconnecting()) {
55103
+ <button
55104
+ type="button"
55105
+ (click)="cancelReconnectMode()"
55106
+ [ngClass]="headerCancelButtonClasses()"
55107
+ class="px-4 py-2 rounded-lg font-semibold text-sm transition-all duration-200 hover:scale-105 cursor-pointer flex-shrink-0">
55108
+ Cancel
55109
+ </button>
55110
+ }
55111
+ </div>
55043
55112
 
55044
55113
  <p [ngClass]="textClasses()" class="text-base leading-relaxed mb-6">
55045
- Integrating Google Analytics is essential. We use it to pull the majority of your data in a read-only format, ensuring no changes are made to your analytics. Please make sure you have access to the Google Analytics property associated with this shop to ensure proper integration.
55114
+ @if (isReconnecting()) {
55115
+ Sign in with a different Google account to access other Google Analytics properties.
55116
+ } @else {
55117
+ Integrating Google Analytics is essential. We use it to pull the majority of your data in a read-only format, ensuring no changes are made to your analytics. Please make sure you have access to the Google Analytics property associated with this shop to ensure proper integration.
55118
+ }
55046
55119
  </p>
55047
55120
 
55048
55121
  <div class="mb-6">
@@ -55108,18 +55181,30 @@ class SymphiqConnectGaDashboardComponent {
55108
55181
  <div class="flex items-start gap-6">
55109
55182
  <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
55110
55183
  <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
55111
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
55184
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
55112
55185
  </svg>
55113
55186
  </div>
55114
55187
 
55115
55188
  <div class="flex-1">
55116
- <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-4">
55189
+ <div class="flex items-start justify-between gap-4 mb-4">
55190
+ <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold">
55191
+ @if (isEditingProperty()) {
55192
+ Change Google Analytics Property
55193
+ } @else {
55194
+ Choose Your Property
55195
+ }
55196
+ </h2>
55197
+
55117
55198
  @if (isEditingProperty()) {
55118
- Change Google Analytics Property
55119
- } @else {
55120
- Choose Your Property
55199
+ <button
55200
+ type="button"
55201
+ (click)="cancelEditMode()"
55202
+ [ngClass]="headerCancelButtonClasses()"
55203
+ class="px-4 py-2 rounded-lg font-semibold text-sm transition-all duration-200 hover:scale-105 cursor-pointer flex-shrink-0">
55204
+ Cancel
55205
+ </button>
55121
55206
  }
55122
- </h2>
55207
+ </div>
55123
55208
 
55124
55209
  <p [ngClass]="textClasses()" class="text-base leading-relaxed mb-6">
55125
55210
  Please choose the Google Analytics property you'd like to link to your shop.
@@ -55147,7 +55232,7 @@ class SymphiqConnectGaDashboardComponent {
55147
55232
  <div class="flex-1 min-w-0">
55148
55233
  <div class="flex items-center gap-2 mb-1">
55149
55234
  <svg class="w-5 h-5 flex-shrink-0" [ngClass]="noteIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
55150
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
55235
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
55151
55236
  </svg>
55152
55237
  <div [ngClass]="propertyNameClasses()" class="truncate">
55153
55238
  {{ property.name || 'Unnamed Property' }}
@@ -55227,7 +55312,7 @@ class SymphiqConnectGaDashboardComponent {
55227
55312
 
55228
55313
  <div class="flex items-center gap-3 mb-3">
55229
55314
  <svg class="w-6 h-6 flex-shrink-0" [ngClass]="noteIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
55230
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
55315
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
55231
55316
  </svg>
55232
55317
  <div>
55233
55318
  <div [ngClass]="propertyNameClasses()" class="text-lg">
@@ -55304,11 +55389,11 @@ class SymphiqConnectGaDashboardComponent {
55304
55389
  </div>
55305
55390
  </div>
55306
55391
  `, styles: [":host{display:block}.animated-bubbles{overflow:hidden}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out;opacity:.05}.animated-bubbles:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode:before,.animated-bubbles.light-mode:after{opacity:.03}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}:host.light .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}:host.light .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.light .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.light .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.light .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.light .gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}:host.light .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.light .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.light .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.light .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}:host.light .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.light .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}:host.dark .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}:host.dark .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.dark .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.dark .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.dark .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.dark .gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}:host.dark .gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}:host.dark .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.dark .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.dark .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.dark .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}:host.dark .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.dark .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:8%}\n"] }]
55307
- }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], gaProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaProperties", required: false }] }], gaAccounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaAccounts", required: false }] }], selectedGaPropertyId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGaPropertyId", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], googleButtonClick: [{ type: i0.Output, args: ["googleButtonClick"] }], onPropertySelect: [{ type: i0.Output, args: ["onPropertySelect"] }], onPropertyChange: [{ type: i0.Output, args: ["onPropertyChange"] }], onReconnectGoogle: [{ type: i0.Output, args: ["onReconnectGoogle"] }], onScroll: [{
55392
+ }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], gaProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaProperties", required: false }] }], gaAccounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaAccounts", required: false }] }], selectedGaPropertyId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGaPropertyId", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], googleButtonClick: [{ type: i0.Output, args: ["googleButtonClick"] }], onPropertySelect: [{ type: i0.Output, args: ["onPropertySelect"] }], onPropertyChange: [{ type: i0.Output, args: ["onPropertyChange"] }], onScroll: [{
55308
55393
  type: HostListener,
55309
55394
  args: ['window:scroll', ['$event']]
55310
55395
  }] }); })();
55311
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 642 }); })();
55396
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 674 }); })();
55312
55397
 
55313
55398
  function HierarchyDisplayComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
55314
55399
  i0.ɵɵelementStart(0, "div", 1)(1, "div", 1);