@icvdeveloper/common-module 2.0.0 → 2.1.1

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "v3plus-common-module",
   "configKey": "v3plusCommonModule",
-  "version": "2.0.0"
+  "version": "2.1.1"
 }

package/dist/module.mjs

@@ -31,6 +31,8 @@ var PresentationType = /* @__PURE__ */ ((PresentationType2) => {
   return PresentationType2;
 })(PresentationType || {});
 
+const PAGE_LENGTH = 15;
+
 const module = defineNuxtModule({
   meta: {
     name: "v3plus-common-module",
@@ -63,12 +65,12 @@ const module = defineNuxtModule({
         tailwindConfig.configPath = tailwindConfigPath;
       }
       tailwindConfig.config = {
-        content: [join(runtimeDir, "components/**/*.{vue,js}")]
+        content: [join(runtimeDir, "components/**/*.{vue,js,ts}")]
       };
       await installModule("@nuxtjs/tailwindcss", tailwindConfig);
       logger.success("Tailwindcss installed!");
     } else {
-      throw new Error("Remove @nuxtjs/tailwindcss from nuxt.config.js");
+      throw new Error("Remove @nuxtjs/tailwindcss from nuxt.config.ts");
     }
     logger.info("Installing SVG loader");
     if (nuxt.options.vite.plugins) {
@@ -79,82 +81,86 @@ const module = defineNuxtModule({
     logger.success("SVG loader installed!");
     nuxt.options.build.transpile.push(runtimeDir);
     addPlugin(resolve(runtimeDir, "plugin"));
-    nuxt.options.css.push("nprogress/nprogress.css");
-    if (options.compileCss) {
-      nuxt.options.css.push(join(runtimeDir, "assets/scss/index.scss"));
-    } else {
-      nuxt.options.css.push(join(runtimeDir, "assets/scss/index.css"));
-    }
+    nuxt.options.css.push(resolve("node_modules/nprogress/nprogress.css"));
+    logger.info("compiling css...");
+    nuxt.options.css.push(resolve(join(runtimeDir, "assets/scss/index.css")));
+    nuxt.options.nitro.publicAssets = [{
+      dir: resolve(resolve(join(runtimeDir, "assets/css"))),
+      baseURL: "/public"
+    }];
     if (nuxt.options.vite.optimizeDeps) {
-      nuxt.options.vite.optimizeDeps.include = ["nprogress"];
+      nuxt.options.vite.optimizeDeps.include = ["nprogress", "lodash-es", "pusher-js"];
     } else {
       nuxt.options.vite.optimizeDeps = {
-        include: ["nprogress"]
+        include: ["nprogress", "lodash-es", "pusher-js"]
       };
     }
+    addImportsDir(join(runtimeDir, "models"));
+    addImportsDir(join(runtimeDir, "@types"));
+    addImportsDir(join(runtimeDir, "enums"));
     addImportsDir(join(runtimeDir, "store"));
     addImportsDir(join(runtimeDir, "composables"));
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/core"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/auth"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/agenda"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/events"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/forms"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/affiliates"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/layouts"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/presenters"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/profile"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/support"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/media"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/registration"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/chat"),
       extensions: ["vue"],
       prefix: "Common"
@@ -180,4 +186,4 @@ const module = defineNuxtModule({
   }
 });
 
-export { ConferenceState, PresentationType, module as default };
+export { ConferenceState, PAGE_LENGTH, PresentationType, module as default };

package/dist/runtime/analytics.d.ts

@@ -1,8 +1,3 @@
-import { AnalyticsInstance } from "analytics";
-export type Analytics = {
-    readonly _analytics: AnalyticsInstance | null;
-    create: (id: string, userId: number) => void;
-    click: (event: string, label: string) => void;
-};
+import type { Analytics } from './models/analytics';
 declare const _default: () => Analytics;
 export default _default;

package/dist/runtime/assets/css/atcb.css

@@ -0,0 +1 @@
+:host{width:-moz-fit-content;width:fit-content;--box-border-radius:0.25em;--base-font-size-l:16px;--base-font-size-m:16px;--base-font-size-s:16px;--keyboard-focus:#1e90ff;--font:inherit;--btn-background:transparent;--btn-background-hover:transparent;--btn-border:#d2d2d2;--btn-text:#333;--btn-text-hover:#000;--btn-shadow:none;--btn-shadow-hover:none;--btn-shadow-active:none;--list-background:#f5f5f5;--list-background-hover:#fff;--list-text:#333;--list-text-hover:#000;--list-close-text:#777;--list-close-background:#f5f5f5;--list-shadow:transparent 0px 0px 0px 0px,transparent 0px 0px 0px 0px,rgba(0 0 0 0.1) 0px 1px 3px 0px,rgba(0 0 0 0.1) 0px 1px 2px -1px;--list-shadow-modal:transparent 0px 0px 0px 0px,transparent 0px 0px 0px 0px,rgba(0,0,0,.1) 0px 1px 3px 0px,rgba(0,0,0,.1) 0px 1px 2px -1px;--modal-text:#000;--modal-background:#f5f5f5;--modal-btn-bar:#c6c8cd;--modal-btn-background:#f5f5f5;--modal-btn-secondary-background:#e2e1e6;--modal-btn-background-hover:#fff;--modal-btn-text:#2e2e2e;--modal-btn-text-hover:#161616;--modal-btn-secondary-text:#666567;--modal-shadow:drop-shadow(5px 8px 30px rgba(0,0,0,.7));--modal-shadow-btn:rgba(0,0,0,.1) 2px 3px 10px -3px,rgba(0,0,0,.25) 1px 1px 8px -4px;--modal-shadow-btn-hover:rgba(0,0,0,.35) 3px 5px 15px -2px,rgba(0,0,0,.2) 2px 4px 25px -6px;--date-btn-text:#1d1d1e;--date-btn-text-secondary:#3a3a3f;--date-btn-cal-day-text:#fff;--date-btn-cal-month-text:#d3d2d7;--date-btn-cal-background:#313132;--date-btn-background:#eae9ed;--date-btn-background-hover:#fff;--date-btn-shadow:rgba(0,0,0,.4) 1px 3px 15px -4px,rgba(0,0,0,.2) 1px 1px 8px -4px;--date-btn-shadow-hover:rgba(0,0,0,.4) 4px 6px 18px -1px,rgba(0,0,0,.35) 4px 5px 25px -2px;--checkmark-background:radial-gradient(circle,#fff 0,hsla(0,0%,100%,.8) 40%,hsla(0,0%,100%,0) 70%);--overlay-background:hsla(0,0%,8%,.25);--overlay-cursor:default;--icon-ms365-color:#ea3e23;--icon-yahoo-color:#5f01d1;--icon-filter:none}:host(.atcb-dark){--btn-background:#2e2e2e;--btn-background-hover:#373737;--btn-border:#4d4d4d;--btn-text:#dedede;--btn-text-hover:#f1f1f1;--btn-shadow:hsla(0,0%,100%,.05) -12px -5px 20px -8px,hsla(0,0%,100%,.06) -7px -5px 15px -3px,rgba(0,0,0,.5) 2px 5px 18px -1px,rgba(0,0,0,.4) 3px 3px 20px -3px;--btn-shadow-hover:hsla(0,0%,100%,.06) -12px -5px 23px -8px,hsla(0,0%,100%,.07) -7px -5px 18px -3px,rgba(0,0,0,.6) 2px 5px 19px -1px,rgba(0,0,0,.5) 3px 3px 22px -3px;--btn-shadow-active:hsla(0,0%,100%,.07) -12px -5px 23px -8px,hsla(0,0%,100%,.08) -7px -5px 18px -3px,rgba(0,0,0,.7) 2px 5px 19px -1px,rgba(0,0,0,.6) 3px 3px 22px -3px;--list-background:#2e2e2e;--list-background-hover:#373737;--list-text:#dedede;--list-text-hover:#f1f1f1;--list-close-background:#282828;--list-shadow:hsla(0,0%,100%,.05) -12px -5px 20px -8px,hsla(0,0%,100%,.06) -7px -5px 15px -3px,rgba(0,0,0,.5) 2px 5px 18px -1px,rgba(0,0,0,.4) 3px 3px 20px -3px;--list-shadow-modal:hsla(0,0%,100%,.08) -12px -5px 30px -8px,hsla(0,0%,100%,.08) -7px -5px 15px -3px,rgba(0,0,0,.6) 4px 6px 50px -4px,rgba(0,0,0,.9) 8px 12px 40px -2px;--modal-text:#f1f1f1;--modal-background:#242424;--modal-btn-bar:#38383a;--modal-btn-background:#181819;--modal-btn-secondary-background:#2e2d30;--modal-btn-background-hover:#434246;--modal-btn-text:#dbdbdb;--modal-btn-text-hover:#fff;--modal-btn-secondary-text:#b8b8b8;--modal-shadow:drop-shadow(5px 8px 30px rgba(0,0,0,.9));--modal-shadow-btn:hsla(0,0%,100%,.05) -2px -2px 10px,rgba(0,0,0,.3) 1px 2px 8px -1px;--date-btn-text:#ebebf0;--date-btn-text-secondary:#b5b5bd;--date-btn-cal-day-text:#101010;--date-btn-cal-month-text:#3e3e3f;--date-btn-cal-background:#c7c7cd;--date-btn-background:#363636;--date-btn-background-hover:#474747;--date-btn-shadow:hsla(0,0%,100%,.1) -8px -6px 20px,rgba(0,0,0,.5) 1px 3px 25px -8px,rgba(0,0,0,.5) 1px 1px 10px -3px;--checkmark-background:radial-gradient(circle,rgba(0,0,0,.5) 0,rgba(0,0,0,.3) 40%,transparent 70%);--overlay-background:hsla(0,0%,8%,.6);--icon-ms365-color:#ea3e23;--icon-yahoo-color:#bebebe;--icon-filter:grayscale(.2)}.atcb-button-wrapper,.atcb-list,.atcb-modal-box{font-size:var(--base-font-size-l)}@media (max-width:991px){.atcb-button-wrapper,.atcb-list,.atcb-modal-box{font-size:var(--base-font-size-m)}}@media (max-width:575px){.atcb-button-wrapper,.atcb-list,.atcb-modal-box{font-size:var(--base-font-size-s)}}.atcb-button-wrapper{display:inline;padding:0;position:relative}.atcb-button{align-items:center;background-color:var(--btn-background);border:none;border-radius:0;box-shadow:var(--btn-shadow);color:var(--btn-text);cursor:pointer;display:flex;font-family:var(--font);font-size:inherit;font-weight:inherit;justify-content:center;line-height:1.5em;margin:0;max-width:350px;min-width:-moz-fit-content;min-width:fit-content;padding:0;position:relative;text-align:center;text-decoration:underline;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:auto;z-index:1}.atcb-button.atcb-no-text{min-width:0}.atcb-rtl .atcb-button{direction:rtl;text-align:right}.atcb-button:focus,.atcb-button:hover{background-color:var(--btn-background-hover);box-shadow:var(--btn-shadow-hover)}.atcb-button:focus-visible{outline:none}.atcb-button.atcb-active:not(.atcb-modal-style,.atcb-dropoverlay){z-index:15000000}.atcb-button.atcb-active:not(.atcb-modal-style,.atcb-dropoverlay),.atcb-button.atcb-single:focus,.atcb-button.atcb-single:hover{background-color:var(--btn-background-hover);box-shadow:var(--btn-shadow-active);margin:0;padding:0}.atcb-button.atcb-active.atcb-dropoverlay{z-index:14000090}.atcb-icon{flex-grow:0;flex-shrink:0;height:1em;margin-bottom:.3em;margin-right:.8em}.atcb-rtl .atcb-icon{margin-left:.8em;margin-right:0}.atcb-no-text .atcb-icon{margin-left:0;margin-right:0}.atcb-icon svg{height:100%;fill:currentcolor;width:auto}.atcb-text{overflow-wrap:anywhere}.atcb-dropdown-anchor{bottom:4px;height:1px;opacity:0;position:absolute;width:100%}.atcb-list-wrapper{background-color:var(--list-background);box-sizing:border-box;padding:0;position:absolute;z-index:14000090}.atcb-list-wrapper.atcb-dropdown{box-shadow:var(--list-shadow-modal)}.atcb-list-wrapper.atcb-dropoverlay{max-width:-moz-max-content;max-width:max-content;z-index:15000000}.atcb-list{border-radius:var(--box-border-radius);box-shadow:var(--list-shadow);box-sizing:border-box;color:var(--list-text);display:block;font-family:var(--font);min-width:100%;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:-moz-fit-content;width:fit-content}.atcb-list-item{align-items:center;background-color:var(--list-background);box-sizing:border-box;cursor:pointer;display:flex;font-size:1em;line-height:1.75em;padding:4px 6px;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.atcb-rtl .atcb-list-item{direction:rtl;text-align:right}.atcb-list-item:hover{background-color:var(--list-background-hover);color:var(--list-text-hover)}.atcb-list-item:focus-visible{background-color:var(--list-background-hover);color:var(--keyboard-focus);font-weight:600;outline:none}.atcb-list-item:last-child{border-radius:var(--box-border-radius);border-top-left-radius:0;border-top-right-radius:0}.atcb-dropup .atcb-list-item:last-child{border-radius:0;padding-bottom:.8em}.atcb-dropoverlay .atcb-list .atcb-list-item:first-child,.atcb-dropup .atcb-list,.atcb-dropup .atcb-list-item:first-child,.atcb-list.atcb-modal .atcb-list-item:first-child{border-radius:var(--box-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.atcb-dropoverlay .atcb-list .atcb-list-item:only-child,.atcb-list.atcb-modal .atcb-list-item:only-child{border-radius:var(--box-border-radius)}.atcb-dropoverlay .atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child,.atcb-dropup .atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child,.atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child{padding-top:.8em}.atcb-dropoverlay .atcb-list,.atcb-list.atcb-modal{border-radius:var(--box-border-radius)}.atcb-list.atcb-modal{box-shadow:var(--list-shadow-modal)}.atcb-list-item .atcb-icon{margin-bottom:.5em;margin-right:.6em;width:1.125em}.atcb-rtl .atcb-list-item .atcb-icon{margin-left:.6em;margin-right:0}.atcb-no-text .atcb-list-item .atcb-icon{margin:0 auto}.atcb-list-item-close{background-color:var(--list-close-background)}.atcb-list-item.atcb-list-item-close:not(:focus-visible){color:var(--list-close-text)}.atcb-list-item-close svg{fill:currentcolor;height:90%;margin-left:3px}.atcb-modal{display:block;margin:auto;min-width:200px;position:relative;width:auto;z-index:14000090}.atcb-modal-box{box-sizing:border-box;color:var(--modal-text);cursor:default;filter:var(--modal-shadow);font-family:var(--font);line-height:1.5em;margin-bottom:20px;max-width:32em;text-align:left;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%;-webkit-tap-highlight-color:transparent}.atcb-modal-box.atcb-rtl{direction:rtl;padding:1.25em 1em 1.25em 2em;text-align:right}.atcb-modal-icon{background-color:var(--modal-background);border-radius:100%;height:2.5em;margin:auto;padding:1.75em;width:2.5em}.atcb-modal-icon svg{height:auto;fill:currentcolor;width:100%}.atcb-modal-headline{background-color:var(--modal-background);border-radius:var(--box-border-radius);border-top-left-radius:0;border-top-right-radius:0;font-size:1.3em;font-weight:600;line-height:1.5em;padding:1.8em 2em 1.3em;text-align:center;text-transform:uppercase}.atcb-modal-icon+.atcb-modal-headline{margin-top:-2.6em;padding-top:2.6em}.atcb-modal-content{background-color:var(--modal-background);font-size:1em;padding:.3em 2.5em 2.25em}@media (max-width:575px){.atcb-modal-headline{padding:1.8em 1em 1em}.atcb-modal-content{padding:.3em 1em 2em}}.atcb-modal-buttons{align-items:center;background-color:var(--modal-btn-bar);border-radius:0 0 6px 6px;box-sizing:border-box;display:flex;flex-flow:row-reverse wrap;justify-content:center;padding:.8em 1em;text-align:center;width:100%}a.atcb-modal-btn,button.atcb-modal-btn{background-color:var(--modal-btn-secondary-background);border:0;border-radius:var(--box-border-radius);box-shadow:var(--modal-shadow-btn);color:var(--modal-btn-secondary-text);cursor:pointer;display:inline-block;font-family:var(--font);font-size:.9em;font-weight:600;line-height:1.5em;margin:.625em;padding:.625em 1.25em;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;text-transform:uppercase}a.atcb-modal-btn.atcb-modal-btn-primary,button.atcb-modal-btn.atcb-modal-btn-primary{background-color:var(--modal-btn-background);color:var(--modal-btn-text)}a.atcb-modal-btn:hover,button.atcb-modal-btn:hover{background-color:var(--modal-btn-background-hover);box-shadow:var(--modal-shadow-btn-hover);color:var(--modal-btn-text-hover);text-decoration:none}a.atcb-modal-btn:focus-visible,button.atcb-modal-btn:focus-visible{background-color:var(--modal-btn-background-hover);outline:2px solid var(--keyboard-focus)}.atcb-subevent-btn{align-items:flex-start;background-color:var(--date-btn-background);border:0;border-radius:var(--box-border-radius);box-shadow:var(--date-btn-shadow);cursor:pointer;display:flex;font-family:var(--font);font-size:1em;margin:0;padding:0;position:relative;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.atcb-subevent-btn:hover{align-items:center}.atcb-subevent-btn:focus,.atcb-subevent-btn:hover{background-color:var(--date-btn-background-hover);box-shadow:var(--date-btn-shadow-hover)}.atcb-subevent-btn:focus-visible{outline:2px solid var(--keyboard-focus)}.atcb-subevent-btn+.atcb-subevent-btn{margin-top:30px}.atcb-date-btn-left{align-items:center;align-self:stretch;background-color:var(--date-btn-cal-background);border-radius:4px 0 0 4px;color:var(--date-btn-background-hover);display:flex;flex-direction:column;padding:.7em .8em .8em;width:2.7em}.atcb-rtl .atcb-date-btn-left{border-radius:0 4px 4px 0}.atcb-subevent-btn:hover .atcb-date-btn-left{opacity:.8}.atcb-date-btn-day{color:var(--date-btn-cal-day-text);font-size:2em;font-weight:300;padding-bottom:.1em;word-break:keep-all}.atcb-initialized[lang=ja] .atcb-date-btn-day,.atcb-initialized[lang=ko] .atcb-date-btn-day,.atcb-initialized[lang=zh] .atcb-date-btn-day{font-size:1.3em}.atcb-date-btn-month{color:var(--date-btn-cal-month-text);font-size:1em;font-weight:600}.atcb-date-btn-right{color:var(--date-btn-text);min-width:12.5em;overflow-wrap:anywhere;position:relative}.atcb-date-btn-details{opacity:1;padding:.7em .8em;text-align:left}.atcb-rtl .atcb-date-btn-details{text-align:right}.atcb-date-btn-hover{align-items:center;display:flex;font-size:1em;font-weight:600;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;width:100%}.atcb-subevent-btn:hover .atcb-date-btn-details{opacity:0}.atcb-subevent-btn:hover .atcb-date-btn-hover{opacity:1}.atcb-date-btn-headline{display:-webkit-box;font-size:.9em;font-weight:600;margin-bottom:.5em;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.atcb-date-btn-content{align-items:center;color:var(--date-btn-text-secondary);display:flex;font-size:.8em}.atcb-date-btn-content-location{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.atcb-date-btn-content-icon{display:inline-block;flex:0 0 1.3em;height:.8em;margin-top:-.3em;width:1.3em}.atcb-rtl .atcb-date-btn-content-icon{margin-left:.5em;margin-right:0}.atcb-initialized[lang=ja] .atcb-date-btn-content-icon,.atcb-initialized[lang=ko] .atcb-date-btn-content-icon,.atcb-initialized[lang=zh] .atcb-date-btn-content-icon{margin-top:-.2em}.atcb-date-btn-content-icon svg{height:100%;fill:currentcolor;width:auto}.atcb-date-btn-content+.atcb-date-btn-content{margin-top:.3em}.atcb-date-btn-content-recurr-icon{padding-left:.3em}.atcb-checkmark{display:none}.atcb-saved .atcb-checkmark{background:var(--checkmark-background);border-radius:100%;box-sizing:content-box;color:var(--btn-text);display:block;height:2em;padding:.5em;position:absolute;right:-.3em;top:-1.2em}.atcb-button.atcb-active:not(.atcb-modal-style,.atcb-dropoverlay) .atcb-checkmark,.atcb-button.atcb-single:focus .atcb-checkmark,.atcb-button.atcb-single:hover .atcb-checkmark{right:-.17em;top:-1.07em}.atcb-checkmark svg{height:100%;fill:currentcolor;width:auto}#atcb-bgoverlay{animation:atcb-bgoverlay-animate .1s ease 0s 1 normal forwards;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:var(--overlay-background);border:0;box-sizing:border-box;display:flex;height:calc(100vh + 100px);inset-inline:0;left:0;min-height:100%;min-width:100%;opacity:0;overflow-y:auto;padding:20px 20px 130px;position:fixed;right:0;top:0;width:100vw;z-index:14000000}#atcb-bgoverlay.atcb-no-bg{animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;background-color:transparent;opacity:1}@keyframes atcb-bgoverlay-animate{0%{opacity:0}to{opacity:1}}#atcb-bgoverlay.atcb-click:hover{cursor:var(--overlay-cursor)}.atcb-icon .atcb-icon-apple svg,.atcb-icon .atcb-icon-ical svg{fill:currentcolor}.atcb-icon .atcb-icon-ms365 svg{fill:var(--icon-ms365-color)}.atcb-icon .atcb-icon-yahoo svg{fill:var(--icon-yahoo-color)}.atcb-icon .atcb-icon-google svg,.atcb-icon .atcb-icon-msteams svg,.atcb-icon .atcb-icon-outlookcom svg{filter:var(--icon-filter)}

package/dist/runtime/assets/scss/_agenda.css

@@ -0,0 +1 @@
+@import "./_variables2.css";.agenda-tab-bg-color{background-color:var(--agenda-tab-bg-color)}.agenda-tab-active-bg-color{background-color:var(--agenda-tab-active-bg-color)}.agenda-tab-sponsor-bg-color{background-color:var(--agenda-tab-sponsor-bg-color)}.agenda-tab-color{color:var(--agenda-tab-color)}.agenda-track-bg-color{background-color:var(--agenda-track-bg-color)}.agenda-track-group-bg-color{background-color:var(--agenda-track-group-bg-color)}.agenda-grouped-track-color-1{background-color:var(--agenda-grouped-track-color-1)}.agenda-grouped-track-color-2{background-color:var(--agenda-grouped-track-color-2)}.agenda-grouped-track-color-3{background-color:var(--agenda-grouped-track-color-3)}.agenda-grouped-track-color-4{background-color:var(--agenda-grouped-track-color-4)}.agenda-grouped-track-text-color{color:var(--agenda-grouped-track-text-color)}.agenda-presenter-color{color:var(--agenda-presenter-color)}.agenda-presenter-color:hover{color:darken(var(--agenda-presenter-color),10)}

package/dist/runtime/assets/scss/_animations.css

@@ -0,0 +1 @@
+@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translate(0)}}

package/dist/runtime/assets/scss/_container_variants.css

@@ -0,0 +1 @@
+.container-1\/2{width:100%}@screen sm{.container-1\/2{max-width:288px}}@screen md{.container-1\/2{max-width:384px}}@screen lg{.container-1\/2{max-width:496px}}@screen xl{.container-1\/2{max-width:600px}}

package/dist/runtime/assets/scss/_custom.css

@@ -0,0 +1,3 @@
+@import "./_variables.css";.bg-color-white{background-color:#fff}.bg-color-white-darker{background-color:darken(#fff,3)}.bg-color-1{background-color:var(--global-color-1)}.bg-color-2{background-color:var(--global-color-2)}.bg-color-3{background-color:var(--global-color-3)}.bg-color-4{background-color:var(--global-color-4)}.bg-color-5{background-color:var(--global-color-5)}.bg-color-6{background-color:var(--global-color-6)}.bg-color-link{background-color:var(--link-color)}.bg-color-1-darker{background-color:darken(var(--global-color-1,10%))}.bg-color-2-darker{background-color:darken(var(--global-color-2,10%))}.bg-color-3-darker{background-color:darken(var(--global-color-3,10%))}.bg-color-4-darker{background-color:darken(var(--global-color-4,10%))}.bg-color-5-darker{background-color:darken(var(--global-color-5,10%))}.bg-color-6-darker{background-color:darken(var(--global-color-6,10%))}.heading-color-1{color:var(--heading-color-1)}.heading-color-2{color:var(--heading-color-2)}.heading-color-3{color:var(--heading-color-3)}.heading-color-4{color:var(--heading-color-4)}.heading-color-5{color:var(--heading-color-5)}.heading-color-6{color:var(--heading-color-6)}.body-color-1{color:var(--body-color-1)}.body-color-2{color:var(--body-color-2)}.body-color-3{color:var(--body-color-3)}.body-color-4{color:var(--body-color-4)}.body-color-5{color:var(--body-color-5)}.body-color-6{color:var(--body-color-6)}.paragraph-color-1{color:var(--paragraph-color-1)}.paragraph-color-2{color:var(--paragraph-color-2)}.nav-color-1{color:var(--nav-color-1)}.nav-color-2{color:var(--nav-color-2)}.nav-color-3{color:var(--nav-color-3)}.nav-color-4{color:var(--nav-color-4)}.nav-color-5{color:var(--nav-color-5)}.button-color-1{background-color:var(--button-color-1)}.button-color-1-darker{background-color:darken(var(--button-color-1,10%))}.button-color-2{background-color:var(--button-color-2)}.button-color-2-darker{background-color:darken(var(--button-color-2,10%))}.button-color-3{background-color:var(--button-color-3)}.button-color-3-darker{background-color:darken(var(--button-color-3,10%))}.accent-color-1{color:var(--accent-color-1)}.accent-color-2{color:var(--accent-color-2)}.accent-color-3{color:var(--accent-color-3)}.border-color-1{border-color:var(--global-color-1)}.border-color-2{border-color:var(--global-color-2)}.border-color-3{border-color:var(--global-color-3)}.border-color-4{border-color:var(--global-color-4)}.border-color-5{border-color:var(--global-color-5)}.border-color-accent-1{border-color:var(--accent-color-1)}.border-color-accent-2{border-color:var(--accent-color-2)}.border-color-accent-3{border-color:var(--accent-color-3)}.border-color-link{border-color:var(--link-color)}html{background-color:var(--global-color-1);color:var(--paragraph-color-1)}body{font-family:var(--font-body-1)}a{color:var(--link-color)}a:hover{color:var(--link-hover)}h1{font-family:var(--font-heading-1)}.font-body-1{font-family:var(--font-body-1)}.font-body-2{font-family:var(--font-body-2)}.font-heading-1{font-family:var(--font-heading-1)}.font-heading-2{font-family:var(--font-heading-2)}@if variable-exists(presenter-name-color){#page-presenters .presenter-name-color{color:var(--presenter-name-color)}}@if variable-exists(presenter-title-color){#page-presenters .presenter-title-color{color:var(--presenter-title-color)}}.grid{display:grid}.place-self-center{place-self:center}.text-xxs{font-size:.5rem}.section-header{@apply mb-0 uppercase tracking-wider}.section-subheader{@apply tracking-wider font-extralight}.contrast-border{border-color:saturate(mix(var(--global-color-1),desaturate(invert(var(--global-color-1)),100%),90%),5%)}.presenter-icon{@apply block mx-1}.presenter-icon svg{@apply w-6 h-auto}.presenter-icon-small{@apply block;margin:0 .2rem}.presenter-icon-small svg{@apply w-4 h-auto}.flex-basis-3{flex-basis:33%}.flex-basis-4{flex-basis:25%}.flex-basis-5{flex-basis:20%}.primary-link{@apply uppercase tracking-wider;font-size:.65rem}.body-copy{@apply paragraph-color-1 font-body-1 text-base leading-normal}.heading-primary{@apply heading-color-1 font-heading-1 leading-normal tracking-wider}.heading-secondary{@apply heading-color-2 font-heading-2 leading-normal tracking-wider}.heading-link{color:var(--body-color-3)}.heading-link:hover{color:saturate(mix(var(--body-color-3),desaturate(invert(var(--body-color-3)),100%),75%),0)}.presenter-name{@apply body-color-4 font-body-1}.presenter-title{@apply body-color-5 font-body-1}.hr-heading{align-items:center;display:grid;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);text-align:center;width:auto;grid-gap:.3em;color:var(--heading-color-5);margin-left:1em;margin-right:1em}.hr-heading:after,.hr-heading:before{border-top:1px solid;border-color:var(--accent-color-2);content:""}.tabs-details{max-height:523px;overflow-y:scroll}.tabs-details li:before{content:"—";@apply text-center mr-4 body-color-1;padding-bottom:.25rem}.conf-name-alignment{margin-top:-.2em}.invert{transform:rotate(180deg)}.span-no-spacing{margin-left:-3px}@if variable-exists(captions-font) and
+  variable-exists(captions-text-color) and
+  variable-exists(captions-bg-color){.jw-text-track-cue{background-color:var(--captions-bg-color)!important;color:var(--captions-text-color)!important;font-family:var(--captions-font)!important}}

package/dist/runtime/assets/scss/_forms.css

@@ -0,0 +1 @@
+.form-input{@apply border rounded w-full py-2 px-3 text-gray-600 leading-tight}.form-input:focus{@apply outline-none shadow}.select-input{@apply border rounded w-full text-gray-600 leading-tight py-1 px-2 h-auto}.select-input:focus{@apply outline-none}.btn{@apply button-color-1 text-white tracking-wider font-bold uppercase py-2 px-4 rounded}.btn:hover{@apply button-color-1-darker}.btn-secondary{@apply text-white button-color-2}.btn-secondary:hover{@apply button-color-2-darker}

package/dist/runtime/assets/scss/_index_production.css

@@ -0,0 +1 @@
+@tailwind base;@tailwind components;@import "./_variables.css";@import "./_variables2.css";@import "./_custom.css";@import "./_functions.css";@import "./_animations.css";@import "./_transitions.css";@import "./_header.css";@import "./_footer.css";@import "./_forms.css";@import "./_container_variants.css";@import "./_webcast.css";@import "./_agenda.css";*{box-sizing:border-box;margin:0;padding:0}body{font-size:14px;font-weight:400}h1,p{margin-bottom:1em}blockquote{display:block;margin:1em 40px}@tailwind utilities;

package/dist/runtime/assets/scss/_transitions.css

@@ -0,0 +1 @@
+.page-enter-active,.page-leave-active{transition:opacity .25s}.page-enter,.page-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateY(-100px)}

package/dist/runtime/assets/scss/_variables.css

@@ -0,0 +1 @@
+:root{--global-color-1:#fbfbfb;--global-color-2:#fbfbfb;--global-color-3:#333;--global-color-4:#333;--global-color-5:#333;--global-color-6:#333;--heading-color-1:#fbfbfb;--heading-color-2:#fbfbfb;--heading-color-3:#000;--heading-color-4:#000;--heading-color-5:#000;--heading-color-6:#000;--body-color-1:#000;--body-color-2:teal;--body-color-3:#000;--body-color-4:#7b8fd8;--body-color-5:#febb01;--body-color-6:#febb01;--paragraph-color-1:#000;--paragraph-color-2:#000;--nav-color-1:#fbfbfb;--nav-color-2:#febb01;--nav-color-3:#fbfbfb;--nav-color-4:hsl(from var(--nav-color-3) h s 60%);--nav-color-5:#000;--accent-color-1:#febb01;--accent-color-2:#febb01;--accent-color-3:#000;--link-color:#7b8fd8;--link-hover:hsl(from var(--link-color) h s 60%);--button-color-1:#febb01;--button-color-2:#7b8fd8;--button-color-3:#7b8fd8;--font-body-1:"Arial","Helvetica",sans-serif;--font-body-2:"Arial","Helvetica",sans-serif;--font-heading-1:"Arial","Helvetica",sans-serif;--font-heading-2:"Arial","Helvetica",sans-serif;--captions-font:"Arial","Helvetica",sans-serif;--captions-text-color:#fff;--captions-bg-color:rgba(0,0,0,.5);--agenda-tab-bg-color:#0070ff;--agenda-tab-active-bg-color:#eb455a;--agenda-tab-sponsor-bg-color:#dedede;--agenda-tab-color:#fff;--agenda-track-bg-color:#cadffc;--agenda-track-group-bg-color:#aaa;--agenda-grouped-track-color-1:#cadffc;--agenda-grouped-track-color-2:#cadffc;--agenda-grouped-track-color-3:#cadffc;--agenda-grouped-track-color-4:#cadffc;--agenda-grouped-track-text-color:#000;--agenda-presenter-color:#eb455a}

package/dist/runtime/assets/scss/_webcast.css

@@ -0,0 +1 @@
+:root{--video-width:640px}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.expand-overlay>a{@apply cursor-pointer text-white rounded-sm p-1 bg-gray-500 inline-block}.pop-window{border-style:solid;border-width:1px;@apply border-gray-500}.pop-window-active{border-style:dashed!important;border-width:1px;@apply border-gray-600}.flex-ratio-container{@apply flex flex-col w-full md:relative md:flex-row lg:mb-8;@screen md{height:0;padding-top:calc(36.69% + .4rem)}@screen lg{padding-top:calc(36.69% + 2.65rem)}}.flex-ratio-audio-slide-container{@apply flex flex-col w-full xl:relative xl:flex-row xl:mb-8;@screen xl{height:0;padding-top:calc(36.69% + 2.9rem)}}.flex-ratio-audio-container{@apply flex flex-col w-full}.flex-ratio-slide-container{@apply flex flex-col w-full xl:relative xl:flex-row xl:mb-8;@screen xl{height:0;padding-top:calc(36.69% + 2.9rem)}}.player-ratio-outer{width:100%;@apply md:top-0 md:h-full md:absolute;@screen md{width:65%}}.player-ratio-inner{@apply block}.player-slide-ratio-outer{width:100%;@apply xl:top-0 xl:h-full xl:absolute;@screen xl{width:80%}}.player-audio-ratio-outer{width:100%}.content-ratio-outer{@apply no-scrollbar w-full overflow-y-scroll md:top-0 md:h-full md:max-h-full md:absolute;max-height:500px;@screen md{width:35%}}.content-slide-ratio-outer{@apply no-scrollbar w-full overflow-y-scroll xl:top-0 xl:h-full xl:max-h-full xl:absolute;max-height:500px;@screen xl{width:20%}}.content-audio-ratio-outer{@apply no-scrollbar w-full overflow-y-scroll;max-height:500px}.content-ratio-inner{@apply block h-full pb-2 px-2 no-scrollbar md:p-2}.bottom-tab-bar{@apply relative pr-8 z-50;margin-top:-54px;width:58%}.webcast-sponsor{max-height:3.5rem;@screen md{max-height:3rem}@screen xl{max-height:5rem}}

package/dist/runtime/assets/scss/index.css

@@ -0,0 +1 @@
+@import "./_variables.css";@import "./_custom.css";@import "./_animations.css";@import "./_transitions.css";@import "./_header.css";@import "./_footer.css";@import "./_forms.css";@import "./_container_variants.css";@import "./_webcast.css";@import "./_agenda.css";*{box-sizing:border-box;margin:0;padding:0}body{font-size:14px;font-weight:400}h1,p{margin-bottom:1em}blockquote{display:block;margin:1em 40px}@tailwind utilities;

package/dist/runtime/components/affiliates/AffiliateModal.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { refs, toRefs, computed } from "vue";
+import { toRefs, computed } from "vue";
 import { storeToRefs } from "pinia";
 import { useTemplateConfigsStore } from "../../store/templateConfigs";
 import type { Affiliate } from "../../models/conference";

package/dist/runtime/components/affiliates/AffiliatePage.vue

@@ -114,7 +114,7 @@ onMounted(() => {
     <div
       v-if="getAffiliateContentItem('html_vanity_page')"
       v-html="getAffiliateContentItem('html_vanity_page')"
-    ></div>
+    />
 
     <div v-else>
       <div
@@ -126,8 +126,11 @@ onMounted(() => {
           )
         "
       >
-        <div v-if="affiliate.photo" class="mb-6 md:mb-0">
-          <img :src="affiliate.photo" />
+        <div
+          v-if="affiliate.photo"
+          class="mb-6 md:mb-0"
+        >
+          <img :src="affiliate.photo">
         </div>
         <div
           v-if="!affiliate.photo"
@@ -162,21 +165,14 @@ onMounted(() => {
           "
         >
           <p>
-            <span v-if="affiliate.contact_address"
-              >{{ affiliate.contact_address }}<br
-            /></span>
-            <span v-if="affiliate.contact_location"
-              >{{ affiliate.contact_location }}<br
-            /></span>
-            <span v-if="affiliate.website"
-              ><a
-                @click="fireAnalytics('website')"
-                class="affiliate-website"
-                :href="affiliate.website"
-                target="_blank"
-                >{{ affiliate.website }}</a
-              ><br
-            /></span>
+            <span v-if="affiliate.contact_address">{{ affiliate.contact_address }}<br></span>
+            <span v-if="affiliate.contact_location">{{ affiliate.contact_location }}<br></span>
+            <span v-if="affiliate.website"><a
+              class="affiliate-website"
+              :href="affiliate.website"
+              target="_blank"
+              @click="fireAnalytics('website')"
+            >{{ affiliate.website }}</a><br></span>
           </p>
           <span
             :class="
@@ -188,52 +184,44 @@ onMounted(() => {
             "
           >
             <a
-              @click="fireAnalytics('twitter')"
               v-if="affiliate.twitter_url"
               :href="affiliate.twitter_url"
               target="_blank"
               class="affiliate-twitter"
               :aria-label="affiliate.name + ` Twitter Page`"
+              @click="fireAnalytics('twitter')"
             >
-              <span class="presenter-icon"
-                ><CommonSvgIcon icon="twitter"></CommonSvgIcon
-              ></span>
+              <span class="presenter-icon"><CommonSvgIcon icon="twitter" /></span>
             </a>
             <a
-              @click="fireAnalytics('facebook')"
               v-if="affiliate.facebook_url"
               :href="affiliate.facebook_url"
               target="_blank"
               class="affiliate-facebook"
               :aria-label="affiliate.name + ` Facebook Page`"
+              @click="fireAnalytics('facebook')"
             >
-              <span class="presenter-icon"
-                ><CommonSvgIcon icon="facebook"></CommonSvgIcon
-              ></span>
+              <span class="presenter-icon"><CommonSvgIcon icon="facebook" /></span>
             </a>
             <a
-              @click="fireAnalytics('linked_in')"
               v-if="affiliate.linkedin_url"
               :href="affiliate.linkedin_url"
               target="_blank"
               class="affiliate-linkedin"
               :aria-label="affiliate.name + ` LinkedIn Page`"
+              @click="fireAnalytics('linked_in')"
             >
-              <span class="presenter-icon"
-                ><CommonSvgIcon icon="linkedin"></CommonSvgIcon
-              ></span>
+              <span class="presenter-icon"><CommonSvgIcon icon="linkedin" /></span>
             </a>
             <a
-              @click="fireAnalytics('youtube')"
               v-if="affiliate.youtube_url"
               :href="affiliate.youtube_url"
               target="_blank"
               class="affiliate-youtube"
               :aria-label="affiliate.name + ` YouTube Page`"
+              @click="fireAnalytics('youtube')"
             >
-              <span class="presenter-icon"
-                ><CommonSvgIcon icon="youtube"></CommonSvgIcon
-              ></span>
+              <span class="presenter-icon"><CommonSvgIcon icon="youtube" /></span>
             </a>
           </span>
         </div>
@@ -241,7 +229,6 @@ onMounted(() => {
 
       <div
         v-if="getAffiliateContentItem('html_header')"
-        v-html="getAffiliateContentItem('html_header')"
         :class="
           classBinding(
             classObject,
@@ -249,10 +236,10 @@ onMounted(() => {
             'w-full mt-5 text-center md:text-left'
           )
         "
-      ></div>
+        v-html="getAffiliateContentItem('html_header')"
+      />
       <div
         v-if="affiliate.biography"
-        v-html="affiliate.biography"
         :class="
           classBinding(
             classObject,
@@ -260,7 +247,8 @@ onMounted(() => {
             'w-full mt-5 text-center md:text-left'
           )
         "
-      ></div>
+        v-html="affiliate.biography"
+      />
       <div
         v-if="contentCount > 0"
         class="grid-container-responsive"
@@ -274,16 +262,20 @@ onMounted(() => {
       >
         <div v-if="affiliate.documents.length > 0">
           <div :class="classBinding(classObject, 'affiliateContentBox', '')">
-            <h3 class="mb-3">Documents</h3>
-            <span v-for="document in affiliate.documents" :key="document.id">
+            <h3 class="mb-3">
+              Documents
+            </h3>
+            <span
+              v-for="document in affiliate.documents"
+              :key="document.id"
+            >
               <div class="mb-2">
                 <a
-                  @click="fireAnalytics('document-' + document.name)"
                   class="affiliate-document"
                   :href="document.url"
                   target="_blank"
-                  >{{ document.name }}</a
-                >
+                  @click="fireAnalytics('document-' + document.name)"
+                >{{ document.name }}</a>
               </div>
             </span>
           </div>
@@ -293,36 +285,35 @@ onMounted(() => {
             <div
               v-if="
                 affiliate.videos.length == 1 &&
-                getAffiliateContentItem('embed_video') == 1
+                  getAffiliateContentItem('embed_video') == 1
               "
             >
               <iframe
                 :src="getStreamingVideoUrl(affiliate.videos[0].url)"
                 width="100%"
                 style="max-width: 300px; margin: auto"
-                scrolling="no"
-                frameborder="0"
-                marginheight="0"
-                marginwidth="0"
                 allowfullscreen=""
-              >
-              </iframe>
+              />
             </div>
             <div v-else>
-              <h3 class="mb-3">Videos</h3>
+              <h3 class="mb-3">
+                Videos
+              </h3>
               <input
+                id="affiliateName"
                 name="affiliateName"
                 type="hidden"
-                id="affiliateName"
                 :value="affiliate.name"
-              />
-              <span v-for="video in affiliate.videos" :key="video.id">
+              >
+              <span
+                v-for="video in affiliate.videos"
+                :key="video.id"
+              >
                 <div class="mb-2">
                   <a
                     class="affiliate-video-trigger hover:cursor-pointer"
                     @click="openVideoModal(video.name, video.url)"
-                    >{{ video.name }}</a
-                  >
+                  >{{ video.name }}</a>
                 </div>
               </span>
             </div>
@@ -330,16 +321,20 @@ onMounted(() => {
         </div>
         <div v-if="affiliate.links.length > 0">
           <div :class="classBinding(classObject, 'affiliateContentBox', '')">
-            <h3 class="mb-3">Links</h3>
-            <span v-for="link in affiliate.links" :key="link.id">
+            <h3 class="mb-3">
+              Links
+            </h3>
+            <span
+              v-for="link in affiliate.links"
+              :key="link.id"
+            >
               <div class="mb-2">
                 <a
-                  @click="fireAnalytics('external_link-' + link.name)"
                   :href="link.url"
                   class="affiliate-link"
                   target="_blank"
-                  >{{ link.name }}</a
-                >
+                  @click="fireAnalytics('external_link-' + link.name)"
+                >{{ link.name }}</a>
               </div>
             </span>
           </div>
@@ -353,35 +348,31 @@ onMounted(() => {
           <div
             v-if="getAffiliateContentItem('custom_box_1')"
             v-html="getAffiliateContentItem('custom_box_1')"
-          ></div>
+          />
           <div v-else-if="hasContactInfo">
             <div class="flex flex-col md:flex-row">
               <div
                 v-if="affiliate.contact_photo"
                 class="mr-4 w-1/3 mb-3 md:mb-0 self-center md:self-start"
               >
-                <img :src="affiliate.contact_photo" class="w-full" />
+                <img
+                  :src="affiliate.contact_photo"
+                  class="w-full"
+                >
               </div>
               <div class="text-center md:text-left">
                 <p>Contact:</p>
                 <p>
-                  <span v-if="affiliate.contact_name"
-                    >{{ affiliate.contact_name }}<br
-                  /></span>
-                  <span v-if="affiliate.contact_title"
-                    >{{ affiliate.contact_title }}<br
-                  /></span>
-                  <span v-if="affiliate.contact_phone"
-                    >Phone: {{ affiliate.contact_phone }}<br
-                  /></span>
+                  <span v-if="affiliate.contact_name">{{ affiliate.contact_name }}<br></span>
+                  <span v-if="affiliate.contact_title">{{ affiliate.contact_title }}<br></span>
+                  <span v-if="affiliate.contact_phone">Phone: {{ affiliate.contact_phone }}<br></span>
                   <span v-if="affiliate.contact_email">
                     <a
-                      @click="fireAnalytics('contact_email')"
                       class="affiliate-email"
                       :href="'mailto:' + affiliate.contact_email"
+                      @click="fireAnalytics('contact_email')"
                     >
-                      {{ affiliate.contact_email }} </a
-                    ><br />
+                      {{ affiliate.contact_email }} </a><br>
                   </span>
                 </p>
               </div>
@@ -460,12 +451,12 @@ onMounted(() => {
                 </span>
               </a>
               <a
-                @click="fireAnalytics('youtube')"
                 v-if="affiliate.youtube_url"
                 :href="affiliate.youtube_url"
                 target="_blank"
                 class="affiliate-youtube"
                 :aria-label="affiliate.name + ` YouTube Page`"
+                @click="fireAnalytics('youtube')"
               >
                 <span class="presenter-icon">
                   <CommonSvgIcon icon="youtube" />
@@ -480,8 +471,8 @@ onMounted(() => {
     <CommonModal
       :visible="showVideoModal"
       modal-size="lg"
-      @clicked="showVideoModal = false"
       class="video-dialog"
+      @clicked="showVideoModal = false"
     >
       <template #modal-title>
         <div class="p-1 pb-2">
@@ -495,13 +486,8 @@ onMounted(() => {
             :src="modalVideoUrl"
             width="640"
             height="360"
-            scrolling="no"
-            frameborder="0"
-            marginheight="0"
-            marginwidth="0"
             allowfullscreen=""
-          >
-          </iframe>
+          />
         </div>
       </template>
     </CommonModal>
@@ -509,26 +495,5 @@ onMounted(() => {
 </template>
 
 <style scoped>
-.grid-container-responsive {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-column-gap: 20px;
-  grid-row-gap: 20px;
-}
-@media (min-width: 768px) {
-  .grid-container-responsive {
-    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
-  }
-}
-.video-dialog >>> .modal-box {
-  width: 704px;
-}
-.video-frame {
-  display: block;
-  width: 640px;
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: auto;
-  padding-right: auto;
-}
+.grid-container-responsive{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media (min-width:768px){.grid-container-responsive{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.video-dialog>>>.modal-box{width:704px}.video-frame{display:block;margin-left:auto;margin-right:auto;width:640px}
 </style>