@yamato-daiwa/frontend-vue 0.2.0 → 0.3.0-alpha.2

package/Source/GUI_Components/Controls/Validatables/TextBox/TextBox.vue.ts

@@ -1,260 +0,0 @@
-/* ─── Assets ─────────────────────────────────────────────────────────────────────────────────────────────────────── */
-import componentVueTemplate from "./TextBox.vue.pug";
-
-/* ─── GUI Components ─────────────────────────────────────────────────────────────────────────────────────────────── */
-import InputtableControl from "../InputtableControl";
-import ValidatableControlShell from "../../ValidatableControlShell/ValidatableControlShell.vue";
-
-/* ─── Framework ──────────────────────────────────────────────────────────────────────────────────────────────────── */
-import {
-  ComponentBase as VueComponentConfiguration,
-  Prop as VueProperty
-} from "vue-facing-decorator";
-import {
-  isElementOfEnumeration,
-  isNonEmptyString,
-  isNonNegativeInteger,
-  type ElementOfPseudoEnumeration
-} from "@yamato-daiwa/es-extensions";
-
-/* ─── Utils ──────────────────────────────────────────────────────────────────────────────────────────────────────── */
-import YDF_ComponentsCoordinator from "../../../YDF_ComponentsCoordinator";
-import OptionalButNotNullableVueProperty from "../../../_Decorators/OptionalButNotNullableVueProperty";
-import validateVuePropertyAndLogIfInvalid from "../../../_Utils/validateVuePropertyAndLogIfInvalid";
-
-
-@VueComponentConfiguration({
-  name: TextBox.CSS_NAMESPACE,
-  template: componentVueTemplate,
-  components: {
-    ValidatableControlShell
-  }
-})
-class TextBox extends InputtableControl {
-
-  /* ━━━ Static Fields ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  public static CSS_NAMESPACE: string = "TextBox--YDF";
-
-  public static HTML_Types: TextBox.HTML_Types = {
-    regular: "text",
-    email: "email",
-    number: "number",
-    password: "password",
-    phoneNumber: "tel",
-    URI: "url"
-  };
-
-
-  /* ━━━ Component Common Properties ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  @VueProperty({
-    type: String,
-    default: TextBox.HTML_Types.regular,
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: (rawValue: string): boolean => isElementOfEnumeration(rawValue, TextBox.HTML_Types),
-      message: "Must be the element of `TextBox.HTML_Types` enumeration."
-    })
-  })
-  @OptionalButNotNullableVueProperty
-  protected HTML_Type!: ElementOfPseudoEnumeration<TextBox.HTML_Types>;
-
-  @VueProperty({
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: isNonEmptyString,
-      message: "If string specified it must be non-empty"
-    })
-  })
-  @OptionalButNotNullableVueProperty
-  protected readonly placeholder?: string;
-
-  /** @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill */
-  @VueProperty({
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: isNonEmptyString,
-      message: "If string specified it must be non-empty"
-    })
-  })
-  @OptionalButNotNullableVueProperty
-  protected readonly autocomplete?: string;
-
-
-  /* ─── Multi Line Mode ──────────────────────────────────────────────────────────────────────────────────────────── */
-  @VueProperty({ type: Boolean, default: false })
-  @OptionalButNotNullableVueProperty
-  protected readonly multiline!: boolean;
-
-  @VueProperty({ type: Boolean, default: true })
-  @OptionalButNotNullableVueProperty
-  protected readonly autoResizingForMultilineMode!: boolean;
-
-
-  /* ─── Invalid Value Prevention ─────────────────────────────────────────────────────────────────────────────────── */
-  @VueProperty({
-    type: Number,
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: isNonNegativeInteger,
-      message: "If specified must be the positive integer or 0"
-    })
-  })
-  @OptionalButNotNullableVueProperty
-  protected readonly minimalCharactersCount?: number | null;
-
-  @VueProperty({
-    type: Number,
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: isNonNegativeInteger,
-      message: "If specified must be the positive integer or 0"
-    })
-  })
-  @OptionalButNotNullableVueProperty
-  protected readonly maximalCharactersCount?: number | null;
-
-  @VueProperty({
-    type: Number,
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: isNonNegativeInteger,
-      message: "If specified must be the positive integer or 0"
-    })
-  })
-  @OptionalButNotNullableVueProperty
-  protected readonly minimalNumericValue?: number | null;
-
-  @VueProperty({
-    type: Number,
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: isNonNegativeInteger,
-      message: "If specified must be the positive integer or 0"
-    })
-  })
-  @OptionalButNotNullableVueProperty
-  protected readonly maximalNumericValue?: number | null;
-
-
-  /* ━━━ Theming ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  public static readonly Themes: ValidatableControlShell.Themes = { regular: "REGULAR" };
-
-  @VueProperty({
-    type: String,
-    default: ValidatableControlShell.Themes.regular,
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: (rawValue: string): boolean => isElementOfEnumeration(rawValue, ValidatableControlShell.Themes),
-      message:
-          "Must be the one among values of `ValidatableControlShell.Themes` associative array including the ones " +
-            "defined via `ValidatableControlShell.defineThemes()`."
-    })
-  })
-  @OptionalButNotNullableVueProperty
-  protected readonly theme!: string;
-
-  public static defineThemes(themesNames: ReadonlyArray<string>): typeof ValidatableControlShell {
-    return YDF_ComponentsCoordinator.defineThemes(themesNames, ValidatableControlShell);
-  }
-
-  public static areThemesCSS_ClassesCommon: boolean = YDF_ComponentsCoordinator.areThemesCSS_ClassesCommon;
-
-  public static considerThemesAsCommon(): void {
-    ValidatableControlShell.areThemesCSS_ClassesCommon = true;
-  }
-
-  @VueProperty({ type: Boolean, default: ValidatableControlShell.areThemesCSS_ClassesCommon })
-  @OptionalButNotNullableVueProperty
-  private readonly areThemesCSS_ClassesCommon!: boolean;
-
-
-  /* ─── Geometry ─────────────────────────────────────────────────────────────────────────────────────────────────── */
-  public static readonly GeometricVariations: ValidatableControlShell.GeometricVariations = {
-    regular: "REGULAR",
-    small: "SMALL"
-  };
-
-  @VueProperty({
-    type: String,
-    default: ValidatableControlShell.GeometricVariations.regular,
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: (rawValue: string): boolean => isElementOfEnumeration(rawValue, ValidatableControlShell.GeometricVariations),
-      message:
-          "Must be the one among values of `ValidatableControlShell.GeometricVariations` associative array including the ones " +
-            "defined via `ValidatableControlShell.defineGeometricVariations()`."
-    })
-  })
-  @OptionalButNotNullableVueProperty
-  protected readonly geometricVariation!: string;
-
-  public static defineGeometricVariations(geometricVariationsNames: ReadonlyArray<string>): typeof ValidatableControlShell {
-    return YDF_ComponentsCoordinator.defineGeometricVariations(geometricVariationsNames, ValidatableControlShell);
-  }
-
-
-  /* ─── Decoration ───────────────────────────────────────────────────────────────────────────────────────────────── */
-  public static readonly DecorativeVariations: ValidatableControlShell.DecorativeVariations = {
-    regular: "REGULAR"
-  };
-
-  @VueProperty({
-    type: String,
-    default: ValidatableControlShell.DecorativeVariations.regular,
-    validator: validateVuePropertyAndLogIfInvalid({
-      checker: (rawValue: string): boolean => isElementOfEnumeration(rawValue, ValidatableControlShell.DecorativeVariations),
-      message:
-        "Must be the one among values of `ValidatableControlShell.DecorativeVariations` associative array including the ones " +
-          "defined via `ValidatableControlShell.defineDecorativeVariations()`."
-    })
-  })
-  protected readonly decorativeVariation!: string;
-
-  public static defineDecorativeVariations(decorativeVariationsNames: ReadonlyArray<string>): typeof ValidatableControlShell {
-    return YDF_ComponentsCoordinator.defineDecorativeVariations(decorativeVariationsNames, ValidatableControlShell);
-  }
-
-
-  /* ━━━ CSS Classes ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  protected get rootElementModifierCSS_Classes(): ReadonlyArray<string> {
-    return YDF_ComponentsCoordinator.generateRootElementModifierCSS_Classes({
-      CSS_Namespace: TextBox.CSS_NAMESPACE,
-      activeTheme: this.theme,
-      allThemes: TextBox.Themes,
-      areThemesCSS_ClassesCommon: this.areThemesCSS_ClassesCommon,
-      activeGeometricVariation: this.geometricVariation,
-      allGeometricVariations: TextBox.GeometricVariations,
-      activeDecorativeVariation: this.decorativeVariation,
-      allDecorativeVariations: TextBox.DecorativeVariations,
-      other: [
-        ...this.multiline ? [ `${ TextBox.CSS_NAMESPACE }__Multiline` ] : [],
-        ...this.disabled ? [ `${ TextBox.CSS_NAMESPACE }__DisabledState` ] : []
-      ]
-    });
-  }
-
-}
-
-
-namespace TextBox {
-
-  export type HTML_Types = Readonly<{
-    regular: "text";
-    email: "email";
-    number: "number";
-    password: "password";
-    phoneNumber: "tel";
-    URI: "url";
-  }>;
-
-  export type Themes = {
-    readonly regular: "REGULAR";
-    [themeName: string]: string;
-  };
-
-  export type GeometricVariations = {
-    readonly regular: "REGULAR";
-    readonly small: "SMALL";
-    [geometricVariationName: string]: string;
-  };
-
-  export type DecorativeVariations = {
-    readonly regular: "REGULAR";
-    [decorativeVariationName: string]: string;
-  };
-
-}
-
-
-export default TextBox;

package/Source/GUI_Components/Controls/Validatables/ValidatableControl.ts

@@ -1,259 +0,0 @@
-/* eslint-disable @typescript-eslint/member-ordering -- The secondary members has been organized to the end of the class. */
-
-import type { InputtedValueValidation } from "@yamato-daiwa/frontend";
-import type { ComponentPublicInstance as VueComponentPublicInstance } from "vue";
-import {
-  Logger,
-  UnexpectedEventError,
-  isArbitraryObject,
-  isUndefined,
-  isFunctionLike
-} from "@yamato-daiwa/es-extensions";
-import VueComponentNotFoundError from "../../_Errors/VueComponentNotFound/VueComponentNotFoundError";
-
-
-interface ValidatableControl {
-
-  highlightInvalidInput: () => this;
-
-  getRootElementOffsetCoordinates: () => Element;
-
-  focus: () => this;
-
-  resetValidityHighlightingStateToInitial: () => ValidatableControl.RootElementOffsetCoordinates;
-
-}
-
-
-namespace ValidatableControl {
-
-  export type RootElementOffsetCoordinates = Readonly<{ top: number; left: number; }>;
-
-  export function isValidatableControl(potentialValidatableControl: unknown): potentialValidatableControl is ValidatableControl {
-    return isArbitraryObject(potentialValidatableControl) &&
-        isFunctionLike(potentialValidatableControl.highlightInvalidInput) &&
-        isFunctionLike(potentialValidatableControl.getRootElementOffsetCoordinates) &&
-        isFunctionLike(potentialValidatableControl.focus) &&
-        isFunctionLike(potentialValidatableControl.resetValidityHighlightingStateToInitial);
-  }
-
-  export function getValidatableControlInstanceByVueReferenceID(
-    compoundParameter: Readonly<{
-      parentVueComponentInstance: VueComponentPublicInstance;
-      vueReferenceID: string;
-    }>
-  ): ValidatableControl | null;
-
-  export function getValidatableControlInstanceByVueReferenceID(
-    compoundParameter: Readonly<{
-      parentVueComponentInstance: VueComponentPublicInstance;
-      vueReferenceID: string;
-      mustThrowErrorIsNotFoundOrNotValidatableControl: true;
-    }>
-  ): ValidatableControl;
-
-  export function getValidatableControlInstanceByVueReferenceID(
-    compoundParameter: Readonly<{
-      parentVueComponentInstance: VueComponentPublicInstance;
-      vueReferenceID: string;
-      mustThrowErrorIsNotFoundOrNotValidatableControl?: true;
-    }>
-  ): ValidatableControl | null {
-
-    const potentialValidatableControl: unknown = compoundParameter.parentVueComponentInstance.
-        $refs[compoundParameter.vueReferenceID];
-
-    if (isUndefined(potentialValidatableControl)) {
-
-      if (compoundParameter.mustThrowErrorIsNotFoundOrNotValidatableControl === true) {
-        Logger.throwErrorAndLog({
-          errorInstance: new VueComponentNotFoundError({ vueReferenceID: compoundParameter.vueReferenceID }),
-          title: VueComponentNotFoundError.localization.defaultTitle,
-          occurrenceLocation: "ValidatableControl.getValidatableControlInstanceByVueReferenceID(compoundParameter)"
-        });
-      }
-
-
-      return null;
-
-   }
-
-
-    if (!isValidatableControl(potentialValidatableControl)) {
-
-      if (compoundParameter.mustThrowErrorIsNotFoundOrNotValidatableControl === true) {
-        Logger.throwErrorAndLog({
-          errorType: "VueReferenceValueIsNotValidatableControl",
-          title: "Vue reference value is not validatable control",
-          description:
-              `The Vue reference "${ compoundParameter.vueReferenceID }" is not referring to the component implementing ` +
-                "the \"ValidatableControl\" interface.",
-          occurrenceLocation: "ValidatableControl.getValidatableControlInstanceByVueReferenceID(compoundParameter)"
-        });
-      }
-
-
-      return null;
-
-    }
-
-
-    return potentialValidatableControl;
-
-  }
-
-
-  export class Payload<ValidValue, InvalidValue, Validation extends InputtedValueValidation> {
-
-    public readonly ID: string;
-    public readonly VUE_REFERENCE_ID: string;
-
-    public readonly value: ValidValue | InvalidValue;
-    public readonly validation: Validation;
-    public readonly lastChangeSourceID?: string;
-
-    private readonly validationResult: InputtedValueValidation.Result;
-
-
-    public static createInitialInstance<ValidValue, InvalidValue, Validation extends InputtedValueValidation>(
-      compoundParameter: Readonly<{
-        initialValue: ValidValue | InvalidValue;
-        validation: Validation;
-        vueReferenceID?: string;
-      }>
-    ): Payload<ValidValue, InvalidValue, Validation> {
-      return new Payload<ValidValue, InvalidValue, Validation>({
-        value: compoundParameter.initialValue,
-        validation: compoundParameter.validation,
-        vueReferenceID: compoundParameter.vueReferenceID
-      });
-    }
-
-
-    private constructor(
-      {
-        ID,
-        vueReferenceID,
-        value,
-        validation,
-        summarizingValidationErrorsMessages = [],
-        lastChangeSourceID
-      }: Readonly<{
-
-        /** @description Immutable for each instance. */
-        value: ValidValue | InvalidValue;
-        validation: Validation;
-
-        summarizingValidationErrorsMessages?: ReadonlyArray<string>;
-        lastChangeSourceID?: string;
-
-        /** @description Need to be kept when creating the new instance based on outdated one. */
-        ID?: string;
-        vueReferenceID?: string;
-
-      }>
-    ) {
-
-      this.ID = ID ?? Payload.generateSelfID();
-      this.VUE_REFERENCE_ID = vueReferenceID ?? Payload.generateAssociatedComponentVueReferenceID();
-
-      this.value = value;
-      this.validation = validation;
-      this.lastChangeSourceID = lastChangeSourceID;
-
-      if (summarizingValidationErrorsMessages.length === 0) {
-        this.validationResult = validation.validate(this.value);
-      } else {
-
-        const validationResult: InputtedValueValidation.Result = validation.validate(this.value);
-
-        const validationErrorsMessages: ReadonlyArray<string> = [
-          ...validationResult.isValid ? [] : validationResult.errorsMessages, ...summarizingValidationErrorsMessages
-        ];
-
-        this.validationResult = {
-          errorsMessages: validationErrorsMessages,
-          isValid: validationErrorsMessages.length === 0
-        };
-
-      }
-
-    }
-
-    public getComponentInstance(ownerComponent: VueComponentPublicInstance): ValidatableControl {
-      return getValidatableControlInstanceByVueReferenceID({
-        vueReferenceID: this.VUE_REFERENCE_ID,
-        parentVueComponentInstance: ownerComponent,
-        mustThrowErrorIsNotFoundOrNotValidatableControl: true
-      });
-    }
-
-    public get validationErrorsMessages(): Array<string> {
-      return this.validationResult.isValid ? [] : [ ...this.validationResult.errorsMessages ];
-    }
-
-    public get isInvalid(): boolean {
-      return !this.validationResult.isValid;
-    }
-
-
-    public getExpectedToBeValidValue(): ValidValue {
-
-      if (this.isInvalid) {
-        Logger.throwErrorAndLog({
-          errorInstance: new UnexpectedEventError(
-            "Contrary os expectations, the value of the validatable control payload is still invalid."
-          ),
-          title: UnexpectedEventError.localization.defaultTitle,
-          occurrenceLocation: "ValidatableControl.Payload.getExpectedToBeValidValue()"
-        });
-      }
-
-
-      /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions, @typescript-eslint/no-unsafe-type-assertion --
-      * In this case, we are guarantee the ValidValue by "this.isInvalid" check */
-      return this.value as ValidValue;
-
-    }
-
-    public updateImmutably(
-      {
-        newValue
-      }: {
-        newValue: ValidValue | InvalidValue;
-      }
-    ): Payload<ValidValue, InvalidValue, Validation> {
-      return new Payload<ValidValue, InvalidValue, Validation>({
-        value: newValue,
-        validation: this.validation
-      });
-    }
-
-
-    /* ━━━ Routines ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-    /* ─── IDs generating ─────────────────────────────────────────────────────────────────────────────────────────── */
-    protected static counterForSelfID_Generating: number = 0;
-
-    protected static generateSelfID(): string {
-      Payload.counterForSelfID_Generating++;
-      return `${ Payload.counterForSelfID_Generating }`;
-    }
-
-    protected static counterForAssociatedComponentVueReferenceID_Generating: number = 0;
-
-    protected static generateAssociatedComponentVueReferenceID(): string {
-      Payload.counterForAssociatedComponentVueReferenceID_Generating++;
-      return `VALIDATABLE_CONTROL-${ Payload.counterForAssociatedComponentVueReferenceID_Generating }`;
-    }
-
-  }
-
-
-  export function VModelChecker(rawVModel: unknown, valueChecker: (rawValue: unknown) => boolean): boolean {
-    return isArbitraryObject(rawVModel) ? valueChecker(rawVModel.value) : false;
-  }
-
-}
-
-
-export default ValidatableControl;

package/Source/GUI_Components/OverflowSafeSingleLineLabel.vue

@@ -1,25 +0,0 @@
-<template lang="pug">
-
-component.OverflowSafeSingleLineLabel(
-  :is="rootElementTag"
-)
-  span.OverflowSafeSingleLineLabel-TextWithIncreasedLineHeight
-    slot
-
-</template>
-
-
-<script lang="ts">
-
-  import { Component as VueComponentOptions, Vue as VueComponent, Prop as VueProperty } from "vue-facing-decorator";
-
-
-  @VueComponentOptions({ name: "OverflowSafeSingleLineLabel--YDF" })
-  export default class OverflowSafeSingleLineLabel extends VueComponent {
-
-    @VueProperty({ type: String, default: "div" })
-    protected readonly rootElementTag!: string;
-
-  }
-
-</script>

package/Source/GUI_Components/ThemesShowcase.vue

@@ -1,118 +0,0 @@
-<template lang="pug">
-
-ul.ThemesShowcase--YDF
-
-  li(
-    v-for="(themeValue, themeKey) of themes"
-    :key="`THEME-${ themeKey }`"
-  )
-
-    span.ThemesShowcase--YDF-Label {{ themeKeyLabelPrefix }}{{ themeKey }}
-
-    ul.ThemesShowcase--YDF-ChildList
-
-      li(
-        v-for="(geometricVariationValue, geometricVariationKey) of geometricVariations"
-        :key="`GEOMETRIC_VARIATION-${ themeKey }-${ geometricVariationKey }`"
-      )
-
-        span.ThemesShowcase--YDF-Label {{ geometricVariationLabelPrefix }}{{ geometricVariationKey }}
-
-        component.ThemesShowcase--YDF-ChildList(
-          :is="decorativeVariationsWrapperTag"
-          :class="decorativeVariationsWrapperAdditionalCSS_Classes"
-        )
-
-          template(
-            v-for="(decorativeVariationValue, decorativeVariationKey) of decorativeVariations"
-            :key="`DECORATIVE_VARIATION-${ themeKey }-${ decorativeVariationKey }`"
-          )
-
-            li(
-              v-if="decorativeVariationsWrapperTag === 'ul'"
-            )
-
-              span.ThemesShowcase--YDF-Label {{ decorativeVariationLabelPrefix }}{{ decorativeVariationKey }}
-
-              slot(
-                :theme="{ key: themeKey, value: themeValue }"
-                :geometricVariation="{ key: geometricVariationKey, value: geometricVariationValue }"
-                :decorativeVariation="{ key: decorativeVariationKey, value: decorativeVariationValue }"
-              )
-
-            template(
-              v-else
-            )
-
-              slot(
-                :theme="{ key: themeKey, value: themeValue }"
-                :geometricVariation="{ key: geometricVariationKey, value: geometricVariationValue }"
-                :decorativeVariation="{ key: decorativeVariationKey, value: decorativeVariationValue }"
-              )
-
-</template>
-
-
-<script lang="ts">
-
-  import { Component as VueComponentOptions, Vue as VueComponent, Prop as VueProperty } from "vue-facing-decorator";
-
-
-  @VueComponentOptions({
-    name: "ThemesShowcase--YDF"
-  })
-  export default class ThemesShowcase extends VueComponent {
-
-    @VueProperty({
-      type: Object,
-      required: true
-    })
-    protected readonly themes!: Readonly<{ [themeKey: string]: string; }>;
-
-    @VueProperty({
-      type: String,
-      required: false
-    })
-    protected readonly themeKeyLabelPrefix?: string;
-
-
-    @VueProperty({
-      type: Object,
-      required: true
-    })
-    protected readonly geometricVariations!: Readonly<{ [themeKey: string]: string; }>;
-
-    @VueProperty({
-      type: String,
-      required: false
-    })
-    protected readonly geometricVariationLabelPrefix?: string;
-
-
-    @VueProperty({
-      type: Object,
-      required: true
-    })
-    protected readonly decorativeVariations!: Readonly<{ [themeKey: string]: string; }>;
-
-    @VueProperty({
-      type: String,
-      required: false
-    })
-    protected readonly decorativeVariationLabelPrefix?: string;
-
-    @VueProperty({
-      type: String,
-      default: "ul"
-    })
-    protected readonly decorativeVariationsWrapperTag!: string;
-
-    @VueProperty({
-      type: Array,
-      required: false
-    })
-    protected readonly decorativeVariationsWrapperAdditionalCSS_Classes?: ReadonlyArray<string>;
-
-  }
-
-</script>