@cwa/nuxt-edge 1.0.0-29138192.e49c1a0

package/dist/runtime/templates/components/main/admin/resource-manager/_tabs/group/Group.vue

@@ -0,0 +1,34 @@
+<script setup>
+import { useCwaResourceManagerTab } from "#cwa/runtime/composables/cwa-resource-manager-tab";
+import { DEFAULT_TAB_ORDER } from "#cwa/runtime/admin/manager-tabs-resolver";
+import { useCwa } from "#imports";
+const $cwa = useCwa();
+const { exposeMeta, iri } = useCwaResourceManagerTab({
+  name: "Group",
+  order: DEFAULT_TAB_ORDER
+});
+defineExpose(exposeMeta);
+function addComponent(addAfter) {
+  if (!iri.value) {
+    return;
+  }
+  $cwa.resourcesManager.initAddResource(iri.value, addAfter, $cwa.admin.resourceStackManager.resourceStack.value);
+}
+function addStart() {
+  addComponent(false);
+}
+function addEnd() {
+  addComponent(true);
+}
+</script>
+
+<template>
+  <div class="cwa:flex cwa:gap-x-4">
+    <CwaUiFormButton @click="addStart">
+      Add to start
+    </CwaUiFormButton>
+    <CwaUiFormButton @click="addEnd">
+      Add to end
+    </CwaUiFormButton>
+  </div>
+</template>

package/dist/runtime/templates/components/main/admin/resource-manager/_tabs/group/Group.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    disabled: import("vue").Ref<boolean>;
+    name: string;
+    order?: number | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/main/admin/resource-manager/_tabs/position/DataPage.vue

@@ -0,0 +1,121 @@
+<script setup>
+import { computed, ref } from "vue";
+import { navigateTo } from "#app";
+import { useCwaResourceManagerTab } from "#cwa/runtime/composables/cwa-resource-manager-tab";
+import { DEFAULT_TAB_ORDER } from "#cwa/runtime/admin/manager-tabs-resolver";
+const loadingDynamicMetadata = ref(false);
+const { exposeMeta, resource, $cwa, iri } = useCwaResourceManagerTab({
+  name: "Data Placeholder",
+  order: DEFAULT_TAB_ORDER
+});
+defineExpose(exposeMeta);
+async function goToTemplate() {
+  if (!$cwa.resources.pageIri.value) {
+    return;
+  }
+  await navigateTo(`${$cwa.resources.pageIri.value}?cwa_force=true`);
+  $cwa.admin.toggleEdit(false);
+}
+const hasDynamicComponent = computed(() => {
+  if (!resource.value?.data?.component) {
+    return false;
+  }
+  if (!resource.value?.data?._metadata.staticComponent) {
+    return true;
+  }
+  return resource.value?.data?.component !== resource.value?.data?._metadata.staticComponent;
+});
+const availablePropsToComponentNames = computed(() => {
+  const pageData = $cwa.resources.pageData?.value;
+  if (!pageData) {
+    return {};
+  }
+  return pageData?.data?._metadata.pageDataMetadata.properties.reduce(
+    (obj, item) => {
+      obj[item.property] = item.componentShortName;
+      return obj;
+    },
+    {}
+  ) || {};
+});
+const pageDataProperty = computed(() => {
+  return resource.value?.data?.pageDataProperty;
+});
+const componentName = computed(() => {
+  if (!pageDataProperty.value) {
+    return;
+  }
+  return availablePropsToComponentNames.value?.[pageDataProperty.value];
+});
+const resourceConfig = computed(() => {
+  if (!componentName.value) {
+    return;
+  }
+  return $cwa.resourcesConfig[componentName.value];
+});
+const dynamicComponentName = computed(() => {
+  return resourceConfig.value?.name || componentName.value;
+});
+const instantAdd = computed(() => !!resourceConfig.value?.instantAdd);
+async function getApiMetadata() {
+  if (!componentName.value) {
+    throw new Error("Cannot get API Metadata when componentName is not set");
+  }
+  const apiComponents = await $cwa.getComponentMetadata(false, false);
+  if (!apiComponents) {
+    throw new Error("Could not retrieve component metadata from the API");
+  }
+  return apiComponents[componentName.value];
+}
+async function addDynamicComponent() {
+  loadingDynamicMetadata.value = true;
+  try {
+    const apiMetadata = await getApiMetadata();
+    if (!componentName.value || !apiMetadata || !iri.value || !pageDataProperty.value) {
+      return;
+    }
+    await $cwa.resourcesManager.initAddResource(iri.value, null, $cwa.admin.resourceStackManager.resourceStack.value, pageDataProperty.value);
+    await $cwa.resourcesManager.setAddResourceEventResource(componentName.value, apiMetadata.endpoint, apiMetadata.isPublishable, instantAdd.value);
+  } finally {
+    loadingDynamicMetadata.value = false;
+  }
+}
+function selectComponent() {
+  const componentIri = resource.value?.data?.component;
+  if (!componentIri) {
+    return;
+  }
+  $cwa.admin.eventBus.emit("selectResource", componentIri);
+}
+</script>
+
+<template>
+  <div>
+    <div class="cwa:flex cwa:gap-x-4 cwa:items-center">
+      <div v-if="!!resource?.data?._metadata.isDynamicPosition">
+        <CwaUiFormButton
+          v-if="hasDynamicComponent"
+          @click="selectComponent"
+        >
+          Select Component
+        </CwaUiFormButton>
+        <CwaUiFormButton
+          v-else-if="dynamicComponentName"
+          :disabled="loadingDynamicMetadata"
+          @click="addDynamicComponent"
+        >
+          Add {{ dynamicComponentName }}
+        </CwaUiFormButton>
+      </div>
+      <div class="cwa:text-sm">
+        <span class="cwa:text-stone-400">Edit this position or fallback component?</span>
+        <a
+          href="#"
+          @click.prevent="goToTemplate"
+        >
+          Go to page dynamic page
+        </a>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/templates/components/main/admin/resource-manager/_tabs/position/DataPage.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    disabled: import("vue").Ref<boolean>;
+    name: string;
+    order?: number | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/main/admin/resource-manager/_tabs/position/DynamicPage.vue

@@ -0,0 +1,52 @@
+<script setup>
+import { onMounted } from "vue";
+import { useCwaResourceManagerTab } from "#cwa/runtime/composables/cwa-resource-manager-tab";
+import { DEFAULT_TAB_ORDER } from "#cwa/runtime/admin/manager-tabs-resolver";
+import { useCwaResourceModel } from "#cwa/runtime/composables/cwa-resource-model";
+import { useCwaSelect } from "#cwa/runtime/composables/cwa-select";
+import {
+  useDynamicPositionSelectOptions
+} from "#cwa/runtime/templates/components/main/admin/_common/useDynamicPositionSelectOptions";
+const { exposeMeta, iri, $cwa, resource } = useCwaResourceManagerTab({
+  name: "Dynamic Component",
+  order: DEFAULT_TAB_ORDER
+});
+const { getOptions } = useDynamicPositionSelectOptions($cwa);
+const { model } = useCwaResourceModel(iri, "pageDataProperty", {
+  debounceTime: 0
+});
+const select = useCwaSelect(model);
+select.options.value = [{
+  label: "Loading...",
+  value: void 0
+}];
+async function loadOps() {
+  select.options.value = await getOptions();
+}
+async function addFallbackComponent() {
+  if (!iri.value) {
+    return;
+  }
+  await $cwa.resourcesManager.initAddResource(iri.value, null, $cwa.admin.resourceStackManager.resourceStack.value);
+}
+onMounted(() => {
+  loadOps();
+});
+defineExpose(exposeMeta);
+</script>
+
+<template>
+  <div>
+    <div class="cwa:flex cwa:gap-x-4 cwa:items-center">
+      <CwaUiFormSelect
+        v-model="select.model.value"
+        :options="select.options.value"
+      />
+      <div v-if="!resource?.data?.component">
+        <CwaUiFormButton @click="addFallbackComponent">
+          Add Fallback Component
+        </CwaUiFormButton>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/templates/components/main/admin/resource-manager/_tabs/position/DynamicPage.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    disabled: import("vue").Ref<boolean>;
+    name: string;
+    order?: number | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/main/admin/resource-manager/cta/CurrentResourceCta.vue

@@ -0,0 +1,99 @@
+<script setup>
+import { computed, ref } from "vue";
+import { DateTime } from "luxon";
+import {
+  CwaResourceTypes,
+  getPublishedResourceState,
+  getResourceTypeFromIri
+} from "#cwa/runtime/resources/resource-utils";
+import { useCwa } from "#cwa/runtime/composables/cwa";
+const props = defineProps({
+  currentIri: { type: String, required: true },
+  resource: { type: Object, required: true }
+});
+const $cwa = useCwa();
+const publishing = ref(false);
+const publishedState = computed(() => {
+  if (!props.currentIri || !props.resource) {
+    return;
+  }
+  return getPublishedResourceState({ data: props.resource });
+});
+const resourceType = computed(() => {
+  return props.currentIri ? getResourceTypeFromIri(props.currentIri) : void 0;
+});
+const buttonLabel = computed(() => {
+  if (publishedState.value !== false) {
+    return;
+  }
+  return "Publish";
+});
+const buttonOptions = computed(() => {
+  const ops = [];
+  if (!$cwa.resources.isDataPage.value || $cwa.admin.resourceStackManager.isEditingLayout.value) {
+    if (resourceType.value === CwaResourceTypes.COMPONENT_POSITION || resourceType.value === CwaResourceTypes.COMPONENT) {
+      ops.push([
+        {
+          label: "Add Before",
+          value: "add-before"
+        },
+        {
+          label: "Add After",
+          value: "add-after"
+        }
+      ]);
+    } else if (resourceType.value === CwaResourceTypes.COMPONENT_GROUP) {
+      ops.push([
+        {
+          label: "Add to Start",
+          value: "add-before"
+        },
+        {
+          label: "Add to End",
+          value: "add-after"
+        }
+      ]);
+    }
+  }
+  if (resourceType.value === CwaResourceTypes.COMPONENT) {
+    ops.push({ label: "Clone", value: "clone" });
+  }
+  return ops;
+});
+async function publishResource() {
+  publishing.value = true;
+  await $cwa.resourcesManager.updateResource({
+    endpoint: props.currentIri,
+    data: {
+      publishedAt: DateTime.local().toUTC().toISO()
+    }
+  });
+  publishing.value = false;
+}
+function handleManagerCtaClick(value) {
+  if (!value) {
+    buttonLabel.value === "Publish" && publishResource();
+    return;
+  }
+  if (typeof value === "string") {
+    if (["add-before", "add-after"].includes(value)) {
+      const addAfter = value === "add-after";
+      $cwa.resourcesManager.initAddResource(props.currentIri, addAfter, $cwa.admin.resourceStackManager.resourceStack.value);
+    }
+    if (value === "clone") {
+    }
+  }
+}
+</script>
+
+<template>
+  <CwaUiFormButton
+    color="grey"
+    button-class="cwa:min-w-[100px]"
+    :options="buttonOptions"
+    :disabled="publishing"
+    @click="handleManagerCtaClick"
+  >
+    {{ buttonLabel }}
+  </CwaUiFormButton>
+</template>

package/dist/runtime/templates/components/main/admin/resource-manager/cta/CurrentResourceCta.vue.d.ts

@@ -0,0 +1,7 @@
+import { type CwaResource } from '#cwa/runtime/resources/resource-utils';
+type __VLS_Props = {
+    currentIri: string;
+    resource: CwaResource;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/templates/components/main/admin/resource-manager/cta/NewResourceCta.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { computed, ref } from "vue";
+import { consola } from "consola";
+import { useCwa } from "#cwa/runtime/composables/cwa";
+const props = defineProps({
+  currentIri: { type: String, required: true },
+  resource: { type: Object, required: true }
+});
+const $cwa = useCwa();
+const addingMeta = computed(() => props.resource?._metadata.adding);
+const isPublishable = computed(() => addingMeta.value?.isPublishable);
+const isAdding = ref(false);
+const buttonLabel = computed(() => {
+  return isPublishable.value ? "Add Draft" : "Add";
+});
+const buttonOptions = computed(() => {
+  const ops = [];
+  ops.push({ label: "Discard", value: "add-discard" });
+  if (isPublishable.value) {
+    ops.push({ label: "Add and Publish", value: "add-publish" });
+  }
+  return ops;
+});
+async function addResourceAction(publish) {
+  isAdding.value = true;
+  try {
+    await $cwa.resourcesManager.addResourceAction(publish);
+    $cwa.admin.emptyStack();
+  } catch (e) {
+    consola.error(e);
+  }
+  isAdding.value = false;
+}
+async function handleManagerCtaClick(value) {
+  if (!value) {
+    await addResourceAction(buttonLabel.value !== "Add Draft");
+    return;
+  }
+  if (value === "add-discard") {
+    await $cwa.resourcesManager.confirmDiscardAddingResource() && $cwa.admin.emptyStack();
+    return;
+  }
+  if (value === "add-publish") {
+    await addResourceAction(true);
+  }
+}
+</script>
+
+<template>
+  <CwaUiFormButton
+    color="grey"
+    button-class="cwa:min-w-[100px]"
+    :options="buttonOptions"
+    :disabled="isAdding"
+    @click="handleManagerCtaClick"
+  >
+    {{ buttonLabel }}
+  </CwaUiFormButton>
+</template>

package/dist/runtime/templates/components/main/admin/resource-manager/cta/NewResourceCta.vue.d.ts

@@ -0,0 +1,7 @@
+import type { CwaResource } from '#cwa/runtime/resources/resource-utils';
+type __VLS_Props = {
+    currentIri: string;
+    resource: CwaResource;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/templates/components/main/admin/resource-manager/cta/ResourceManagerCtaButton.vue

@@ -0,0 +1,28 @@
+<template>
+  <template v-if="isAddingNew">
+    <NewResourceCta
+      v-if="resource && currentIri"
+      :current-iri="currentIri"
+      :resource="resource"
+    />
+  </template>
+  <CurrentResourceCta
+    v-else-if="resource && currentIri"
+    :current-iri="currentIri"
+    :resource="resource"
+  />
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { useCwa } from "#cwa/runtime/composables/cwa";
+import { NEW_RESOURCE_IRI } from "#cwa/runtime/storage/stores/resources/state";
+import NewResourceCta from "#cwa/runtime/templates/components/main/admin/resource-manager/cta/NewResourceCta.vue";
+import CurrentResourceCta from "#cwa/runtime/templates/components/main/admin/resource-manager/cta/CurrentResourceCta.vue";
+const $cwa = useCwa();
+const currentIri = $cwa.admin.resourceStackManager.currentIri;
+const isAddingNew = computed(() => {
+  return currentIri.value === NEW_RESOURCE_IRI;
+});
+const resource = computed(() => currentIri.value ? $cwa.resources.getResource(currentIri.value).value?.data : void 0);
+</script>

package/dist/runtime/templates/components/main/admin/resource-manager/cta/ResourceManagerCtaButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/main/auth/ForgotPasswordPage.vue

@@ -0,0 +1,55 @@
+<template>
+  <AuthTemplate
+    :error="error"
+    :submitting="submitting"
+    :submit-button-text="success ? 'Back to Login' : 'Reset Password'"
+    @submit="$emit('submit')"
+  >
+    <div v-if="success">
+      <h1 class="cwa:font-bold cwa:text-xl cwa:mb-2">
+        Please check your inbox
+      </h1>
+      <p>We've sent you an email with a link to reset your password</p>
+    </div>
+    <template v-else>
+      <InputField
+        v-model="credentials.username"
+        label="Username or Email"
+        name="username"
+        type="text"
+        autocomplete="username"
+        :required="true"
+      />
+      <div class="cwa:flex cwa:items-center cwa:justify-between">
+        <slot>
+          <AuthPageLink
+            link-to="/login"
+            link-text="< Back to login"
+          />
+        </slot>
+      </div>
+    </template>
+  </AuthTemplate>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import AuthTemplate from "./_parts/AuthTemplate.vue";
+import InputField from "./_parts/InputField.vue";
+import AuthPageLink from "./_parts/AuthPageLink.vue";
+const props = defineProps({
+  submitting: { type: Boolean, required: true },
+  modelValue: { type: Object, required: true },
+  error: { type: String, required: false },
+  success: { type: Boolean, required: true }
+});
+const emit = defineEmits(["submit", "update:modelValue"]);
+const credentials = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    emit("update:modelValue", newValue);
+  }
+});
+</script>

package/dist/runtime/templates/components/main/auth/ForgotPasswordPage.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    submitting: boolean;
+    modelValue: {
+        username: string;
+    };
+    error?: string;
+    success: boolean;
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/main/auth/LoginPage.vue

@@ -0,0 +1,60 @@
+<template>
+  <AuthTemplate
+    :submitting="submitting"
+    :submit-button-text="submitButtonText"
+    :error="error"
+    @submit="$emit('submit')"
+  >
+    <slot name="header" />
+    <InputField
+      v-model="credentials.username"
+      label="Username or Email"
+      name="username"
+      type="text"
+      autocomplete="username"
+      :required="true"
+    />
+    <InputField
+      v-model="credentials.password"
+      label="Password"
+      name="password"
+      type="password"
+      autocomplete="current-password"
+      :required="true"
+    />
+    <slot name="footer">
+      <div class="cwa:flex cwa:items-center cwa:justify-between">
+        <AuthPageLink
+          link-to="/"
+          link-text="< Back to home"
+        />
+        <AuthPageLink
+          link-to="/forgot-password"
+          link-text="Forgot your password?"
+        />
+      </div>
+    </slot>
+  </AuthTemplate>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import AuthTemplate from "./_parts/AuthTemplate.vue";
+import InputField from "./_parts/InputField.vue";
+import AuthPageLink from "./_parts/AuthPageLink.vue";
+const emit = defineEmits(["submit", "update:modelValue"]);
+const props = defineProps({
+  submitButtonText: { type: String, required: true },
+  submitting: { type: Boolean, required: true },
+  modelValue: { type: Object, required: true },
+  error: { type: String, required: false }
+});
+const credentials = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    emit("update:modelValue", newValue);
+  }
+});
+</script>

package/dist/runtime/templates/components/main/auth/LoginPage.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    submitButtonText: string;
+    submitting: boolean;
+    modelValue: {
+        username: string;
+        password: string;
+    };
+    error?: string;
+};
+declare var __VLS_9: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_9) => any;
+} & {
+    footer?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/main/auth/ResetPasswordPage.vue

@@ -0,0 +1,59 @@
+<template>
+  <AuthTemplate
+    :error="inputErrors?.form || error"
+    :submitting="submitting"
+    :submit-button-text="success ? 'Go to Login' : 'Reset Password'"
+    @submit="emitSubmit"
+  >
+    <div v-if="success">
+      <h1 class="cwa:font-bold cwa:text-xl cwa:mb-2">
+        Password Reset
+      </h1>
+      <p>You have successfully reset your password.</p>
+    </div>
+    <template v-else>
+      <InputField
+        v-model="passwords.first"
+        label="Enter new password"
+        name="firstPassword"
+        type="password"
+        autocomplete="new-password"
+        :errors="inputErrors?.password"
+        :required="true"
+      />
+      <InputField
+        v-model="passwords.second"
+        label="Repeat new password"
+        name="secondPassword"
+        type="password"
+        autocomplete="new-password"
+        :required="true"
+      />
+    </template>
+  </AuthTemplate>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import AuthTemplate from "./_parts/AuthTemplate.vue";
+import InputField from "./_parts/InputField.vue";
+const props = defineProps({
+  submitting: { type: Boolean, required: true },
+  modelValue: { type: Object, required: true },
+  error: { type: [String, null], required: true },
+  inputErrors: { type: Object, required: false },
+  success: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:modelValue", "submit"]);
+function emitSubmit() {
+  emit("submit");
+}
+const passwords = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    emit("update:modelValue", newValue);
+  }
+});
+</script>