@saooti/octopus-sdk 42.0.3 → 42.0.5

package/dist/ClassicCheckbox-CqA5WUGc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicCheckbox-CqA5WUGc.mjs","names":[],"sources":["../src/components/form/ClassicCheckbox.vue","../src/components/form/ClassicCheckbox.vue"],"sourcesContent":["<!--\n  Simple component to display a checkbox\n  Use `v-model:text-init` to bind the value.\n\n  **Slots:**\n    `after-label` : A slot to display additional elements after the label\n-->\n<template>\n  <div class=\"d-flex flex-nowrap align-items-center octopus-form-item\">\n    <div :class=\"isSwitch ? 'octopus-form-switch me-2' : ''\">\n      <input\n        :id=\"computedIdCheckbox\"\n        :checked=\"textInit\"\n        type=\"checkbox\"\n        :disabled=\"isDisabled\"\n        :title=\"displayLabel ? '' : label\"\n        :data-selenium=\"selenium\"\n        :tabindex=\"isSwitch ? '-1' : '0'\"\n        @input=\"emit('update:textInit', !textInit)\"\n        @click=\"emitClickAction\"\n      >\n      <button\n        v-if=\"isSwitch\"\n        class=\"slider btn-transparent\"\n        :title=\"label\"\n        :disabled=\"isDisabled\"\n        @click=\"clickSlider\"\n        @keydown.space.prevent=\"clickSlider\"\n      />\n    </div>\n    <label\n      class=\"c-hand\"\n      :class=\"[classLabel, displayLabel ? '' : 'd-none', isDisabled ? 'disabled' : '']\"\n      :for=\"isSwitch ? undefined : computedIdCheckbox\"\n      @click=\"clickSlider\"\n    >\n      {{ label }}\n\n      <slot name=\"after-label\" />\n    </label>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance } from 'vue';\n\n//Props \nconst props = defineProps({\n  /** The ID for the checkbox input */\n  idCheckbox: { default: \"\", type: String },\n  /** The label to display with the checkbox */\n  label: { default: \"\", type: String },\n  /** Disables input */\n  isDisabled: { default: false, type: Boolean },\n  /** The value of the checkbox */\n  textInit: { default: false, type: Boolean },\n  /** If true, displays a switch instead of a checkbox */\n  isSwitch: { default: false, type: Boolean },\n  displayLabel: { default: true, type: Boolean },\n  classLabel: { default: \"\", type: String },\n  selenium: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:textInit\", \"clickAction\"]);\n\n// Computed\nconst computedIdCheckbox = computed(() => {\n  return props.idCheckbox || 'checkbox-' + getCurrentInstance()?.uid;\n});\n\n//Methods\nfunction emitClickAction(): void {\n  emit(\"clickAction\");\n}\nfunction clickSlider() {\n  if (!props.isDisabled && props.isSwitch) {\n    emit(\"update:textInit\", !props.textInit);\n    emitClickAction();\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n\n  label.disabled {\n    color: var(--octopus-text-disabled);\n    cursor: default;\n  }\n\n  .octopus-form-switch {\n    position: relative;\n    display: inline-block;\n    width: 2rem;\n    height: 1rem;\n\n    input {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n\n    .slider {\n      position: absolute;\n      cursor: pointer;\n      inset: 0;\n      background-color: var(--octopus-secondary-darker);\n      transition: 0.4s;\n      border-radius: 1rem;\n    }\n\n    .slider::before {\n      position: absolute;\n      content: \"\";\n      height: 0.8rem;\n      width: 0.8rem;\n      left: 2px;\n      bottom: 2px;\n      background-color: white;\n      transition: 0.4s;\n      border-radius: 50%;\n    }\n\n    .slider:disabled::before {\n      background-color: var(--octopus-text-disabled);\n      opacity: 0.6;\n    }\n\n    input:checked + .slider {\n      background-color: var(--octopus-primary);\n    }\n\n    input:focus + .slider {\n      box-shadow: 0 0 1px var(--octopus-primary);\n    }\n\n    input:checked + .slider::before {\n      transform: translateX(1rem);\n    }\n\n    input:disabled + .slider {\n      cursor: default;\n      background-color: var(--octopus-secondary-darker);\n    }\n  }\n}\n</style>\n","<!--\n  Simple component to display a checkbox\n  Use `v-model:text-init` to bind the value.\n\n  **Slots:**\n    `after-label` : A slot to display additional elements after the label\n-->\n<template>\n  <div class=\"d-flex flex-nowrap align-items-center octopus-form-item\">\n    <div :class=\"isSwitch ? 'octopus-form-switch me-2' : ''\">\n      <input\n        :id=\"computedIdCheckbox\"\n        :checked=\"textInit\"\n        type=\"checkbox\"\n        :disabled=\"isDisabled\"\n        :title=\"displayLabel ? '' : label\"\n        :data-selenium=\"selenium\"\n        :tabindex=\"isSwitch ? '-1' : '0'\"\n        @input=\"emit('update:textInit', !textInit)\"\n        @click=\"emitClickAction\"\n      >\n      <button\n        v-if=\"isSwitch\"\n        class=\"slider btn-transparent\"\n        :title=\"label\"\n        :disabled=\"isDisabled\"\n        @click=\"clickSlider\"\n        @keydown.space.prevent=\"clickSlider\"\n      />\n    </div>\n    <label\n      class=\"c-hand\"\n      :class=\"[classLabel, displayLabel ? '' : 'd-none', isDisabled ? 'disabled' : '']\"\n      :for=\"isSwitch ? undefined : computedIdCheckbox\"\n      @click=\"clickSlider\"\n    >\n      {{ label }}\n\n      <slot name=\"after-label\" />\n    </label>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance } from 'vue';\n\n//Props \nconst props = defineProps({\n  /** The ID for the checkbox input */\n  idCheckbox: { default: \"\", type: String },\n  /** The label to display with the checkbox */\n  label: { default: \"\", type: String },\n  /** Disables input */\n  isDisabled: { default: false, type: Boolean },\n  /** The value of the checkbox */\n  textInit: { default: false, type: Boolean },\n  /** If true, displays a switch instead of a checkbox */\n  isSwitch: { default: false, type: Boolean },\n  displayLabel: { default: true, type: Boolean },\n  classLabel: { default: \"\", type: String },\n  selenium: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:textInit\", \"clickAction\"]);\n\n// Computed\nconst computedIdCheckbox = computed(() => {\n  return props.idCheckbox || 'checkbox-' + getCurrentInstance()?.uid;\n});\n\n//Methods\nfunction emitClickAction(): void {\n  emit(\"clickAction\");\n}\nfunction clickSlider() {\n  if (!props.isDisabled && props.isSwitch) {\n    emit(\"update:textInit\", !props.textInit);\n    emitClickAction();\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n\n  label.disabled {\n    color: var(--octopus-text-disabled);\n    cursor: default;\n  }\n\n  .octopus-form-switch {\n    position: relative;\n    display: inline-block;\n    width: 2rem;\n    height: 1rem;\n\n    input {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n\n    .slider {\n      position: absolute;\n      cursor: pointer;\n      inset: 0;\n      background-color: var(--octopus-secondary-darker);\n      transition: 0.4s;\n      border-radius: 1rem;\n    }\n\n    .slider::before {\n      position: absolute;\n      content: \"\";\n      height: 0.8rem;\n      width: 0.8rem;\n      left: 2px;\n      bottom: 2px;\n      background-color: white;\n      transition: 0.4s;\n      border-radius: 50%;\n    }\n\n    .slider:disabled::before {\n      background-color: var(--octopus-text-disabled);\n      opacity: 0.6;\n    }\n\n    input:checked + .slider {\n      background-color: var(--octopus-primary);\n    }\n\n    input:focus + .slider {\n      box-shadow: 0 0 1px var(--octopus-primary);\n    }\n\n    input:checked + .slider::before {\n      transform: translateX(1rem);\n    }\n\n    input:disabled + .slider {\n      cursor: default;\n      background-color: var(--octopus-secondary-darker);\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;EAiBd,MAAM,OAAO;EAGb,MAAM,qBAAqB,eAAe;GACxC,OAAO,MAAM,cAAc,cAAc,mBAAmB,GAAG;EACjE,CAAC;EAGD,SAAS,kBAAwB;GAC/B,KAAK,aAAa;EACpB;EACA,SAAS,cAAc;GACrB,IAAI,CAAC,MAAM,cAAc,MAAM,UAAU;IACvC,KAAK,mBAAmB,CAAC,MAAM,QAAQ;IACvC,gBAAgB;GAClB;EACF;;uBAxEE,mBAgCM,OAhCN,YAgCM,CA/BJ,mBAoBM,OAAA,EApBA,OAAK,eAAE,QAAA,WAAQ,6BAAA,EAAA,EAAA,GAAA,CACnB,mBAUC,SAAA;IATE,IAAI,mBAAA;IACJ,SAAS,QAAA;IACV,MAAK;IACJ,UAAU,QAAA;IACV,OAAO,QAAA,eAAY,KAAQ,QAAA;IAC3B,iBAAe,QAAA;IACf,UAAU,QAAA,WAAQ,OAAA;IAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAA,CAAqB,QAAA,QAAQ;IACxC,SAAO;6BAGF,QAAA,YAAA,UAAA,GADR,mBAOE,UAAA;;IALA,OAAM;IACL,OAAO,QAAA;IACP,UAAU,QAAA;IACV,SAAO;IACP,WAAO,SAAA,cAAgB,aAAW,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;kEAGvC,mBASQ,SAAA;IARN,OAAK,eAAA,CAAC,UAAQ;KACL,QAAA;KAAY,QAAA,eAAY,KAAA;KAAkB,QAAA,aAAU,aAAA;IAAA,CAAA,CAAA;IAC5D,KAAK,QAAA,WAAW,KAAA,IAAY,mBAAA;IAC5B,SAAO;uCAEL,QAAA,KAAK,IAAG,KAEX,CAAA,GAAA,WAA2B,KAAA,QAAA,aAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA"}

package/dist/ClassicContentEditable-BSsnA6oo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicContentEditable-BSsnA6oo.mjs","names":[],"sources":["../src/components/form/ClassicContentEditable.vue","../src/components/form/ClassicContentEditable.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    ref=\"element\"\n    class=\"classic-content-editable\"\n    contenteditable\n    :placeholder=\"placeholder\"\n    @input=\"emitUpdate\"\n    @blur=\"emitUpdate\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef, watch } from 'vue';\n\n\n//Props \nconst props = defineProps({\n  tag: { default: \"span\", type: String },\n  modelValue: { default: \"\", type: String },\n  placeholder: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:modelValue\"]);\n\n//Data\nconst elementRef = useTemplateRef('element');\n\n//Watch\nwatch(()=>props.modelValue, () => {\n  const element = elementRef?.value as HTMLElement;\n  if (element.innerText !== props.modelValue) {\n    updateContent(props.modelValue);\n  }\n});\n\nonMounted(()=>updateContent(props.modelValue))\n\n//Methods\nfunction updateContent(newcontent: string) {\n  const element = elementRef?.value as HTMLElement;\n  element.innerText = newcontent;\n}\nfunction emitUpdate() {\n  const element = elementRef?.value as HTMLElement;\n  if (null !== element) {\n    emit( \"update:modelValue\",element.innerText);\n  }\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .classic-content-editable {\n  &[placeholder]:empty::before {\n    content: attr(placeholder);\n    color: var(--octopus-primary);\n  }\n\n  &[placeholder]:empty:focus::before {\n    content: \"\";\n  }\n}\n</style>\n","<template>\n  <component\n    :is=\"tag\"\n    ref=\"element\"\n    class=\"classic-content-editable\"\n    contenteditable\n    :placeholder=\"placeholder\"\n    @input=\"emitUpdate\"\n    @blur=\"emitUpdate\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef, watch } from 'vue';\n\n\n//Props \nconst props = defineProps({\n  tag: { default: \"span\", type: String },\n  modelValue: { default: \"\", type: String },\n  placeholder: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:modelValue\"]);\n\n//Data\nconst elementRef = useTemplateRef('element');\n\n//Watch\nwatch(()=>props.modelValue, () => {\n  const element = elementRef?.value as HTMLElement;\n  if (element.innerText !== props.modelValue) {\n    updateContent(props.modelValue);\n  }\n});\n\nonMounted(()=>updateContent(props.modelValue))\n\n//Methods\nfunction updateContent(newcontent: string) {\n  const element = elementRef?.value as HTMLElement;\n  element.innerText = newcontent;\n}\nfunction emitUpdate() {\n  const element = elementRef?.value as HTMLElement;\n  if (null !== element) {\n    emit( \"update:modelValue\",element.innerText);\n  }\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .classic-content-editable {\n  &[placeholder]:empty::before {\n    content: attr(placeholder);\n    color: var(--octopus-primary);\n  }\n\n  &[placeholder]:empty:focus::before {\n    content: \"\";\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,aAAa,eAAe,SAAS;EAG3C,YAAU,MAAM,kBAAkB;GAEhC,KADgB,YAAY,OAChB,cAAc,MAAM,YAC9B,cAAc,MAAM,UAAU;EAElC,CAAC;EAED,gBAAc,cAAc,MAAM,UAAU,CAAC;EAG7C,SAAS,cAAc,YAAoB;GACzC,MAAM,UAAU,YAAY;GAC5B,QAAQ,YAAY;EACtB;EACA,SAAS,aAAa;GACpB,MAAM,UAAU,YAAY;GAC5B,IAAI,SAAS,SACX,KAAM,qBAAoB,QAAQ,SAAS;EAE/C;;;;;;;;;;;;;;;;;;qBChDE,YAQE,wBAPK,OAAA,GAAG,GAAA;EACR,KAAI;EACJ,OAAM;EACN,iBAAA;EACC,aAAa,OAAA;EACb,SAAO,OAAA;EACP,QAAM,OAAA"}

package/dist/ClassicContentEditable-R2O8-zPZ.mjs

@@ -0,0 +1,52 @@
+import { createBlock, defineComponent, onMounted, openBlock, resolveDynamicComponent, useTemplateRef, watch } from "vue";
+//#endregion
+//#region src/components/form/ClassicContentEditable.vue
+var ClassicContentEditable_default = /* @__PURE__ */ defineComponent({
+	__name: "ClassicContentEditable",
+	props: {
+		tag: {
+			default: "span",
+			type: String
+		},
+		modelValue: {
+			default: "",
+			type: String
+		},
+		placeholder: {
+			default: "",
+			type: String
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const elementRef = useTemplateRef("element");
+		watch(() => props.modelValue, () => {
+			if ((elementRef?.value).innerText !== props.modelValue) updateContent(props.modelValue);
+		});
+		onMounted(() => updateContent(props.modelValue));
+		function updateContent(newcontent) {
+			const element = elementRef?.value;
+			element.innerText = newcontent;
+		}
+		function emitUpdate() {
+			const element = elementRef?.value;
+			if (null !== element) emit("update:modelValue", element.innerText);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+				ref: "element",
+				class: "classic-content-editable",
+				contenteditable: "",
+				placeholder: __props.placeholder,
+				onInput: emitUpdate,
+				onBlur: emitUpdate
+			}, null, 40, ["placeholder"]);
+		};
+	}
+});
+//#endregion
+export { ClassicContentEditable_default as default };
+
+//# sourceMappingURL=ClassicContentEditable-R2O8-zPZ.mjs.map

package/dist/ClassicContentEditable-R2O8-zPZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicContentEditable-R2O8-zPZ.mjs","names":[],"sources":["../src/components/form/ClassicContentEditable.vue","../src/components/form/ClassicContentEditable.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    ref=\"element\"\n    class=\"classic-content-editable\"\n    contenteditable\n    :placeholder=\"placeholder\"\n    @input=\"emitUpdate\"\n    @blur=\"emitUpdate\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef, watch } from 'vue';\n\n\n//Props \nconst props = defineProps({\n  tag: { default: \"span\", type: String },\n  modelValue: { default: \"\", type: String },\n  placeholder: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:modelValue\"]);\n\n//Data\nconst elementRef = useTemplateRef('element');\n\n//Watch\nwatch(()=>props.modelValue, () => {\n  const element = elementRef?.value as HTMLElement;\n  if (element.innerText !== props.modelValue) {\n    updateContent(props.modelValue);\n  }\n});\n\nonMounted(()=>updateContent(props.modelValue))\n\n//Methods\nfunction updateContent(newcontent: string) {\n  const element = elementRef?.value as HTMLElement;\n  element.innerText = newcontent;\n}\nfunction emitUpdate() {\n  const element = elementRef?.value as HTMLElement;\n  if (null !== element) {\n    emit( \"update:modelValue\",element.innerText);\n  }\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .classic-content-editable {\n  &[placeholder]:empty::before {\n    content: attr(placeholder);\n    color: var(--octopus-primary);\n  }\n\n  &[placeholder]:empty:focus::before {\n    content: \"\";\n  }\n}\n</style>\n","<template>\n  <component\n    :is=\"tag\"\n    ref=\"element\"\n    class=\"classic-content-editable\"\n    contenteditable\n    :placeholder=\"placeholder\"\n    @input=\"emitUpdate\"\n    @blur=\"emitUpdate\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef, watch } from 'vue';\n\n\n//Props \nconst props = defineProps({\n  tag: { default: \"span\", type: String },\n  modelValue: { default: \"\", type: String },\n  placeholder: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:modelValue\"]);\n\n//Data\nconst elementRef = useTemplateRef('element');\n\n//Watch\nwatch(()=>props.modelValue, () => {\n  const element = elementRef?.value as HTMLElement;\n  if (element.innerText !== props.modelValue) {\n    updateContent(props.modelValue);\n  }\n});\n\nonMounted(()=>updateContent(props.modelValue))\n\n//Methods\nfunction updateContent(newcontent: string) {\n  const element = elementRef?.value as HTMLElement;\n  element.innerText = newcontent;\n}\nfunction emitUpdate() {\n  const element = elementRef?.value as HTMLElement;\n  if (null !== element) {\n    emit( \"update:modelValue\",element.innerText);\n  }\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .classic-content-editable {\n  &[placeholder]:empty::before {\n    content: attr(placeholder);\n    color: var(--octopus-primary);\n  }\n\n  &[placeholder]:empty:focus::before {\n    content: \"\";\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,aAAa,eAAe,SAAS;EAG3C,YAAU,MAAM,kBAAkB;GAEhC,KADgB,YAAY,OAChB,cAAc,MAAM,YAC9B,cAAc,MAAM,UAAU;EAElC,CAAC;EAED,gBAAc,cAAc,MAAM,UAAU,CAAC;EAG7C,SAAS,cAAc,YAAoB;GACzC,MAAM,UAAU,YAAY;GAC5B,QAAQ,YAAY;EACtB;EACA,SAAS,aAAa;GACpB,MAAM,UAAU,YAAY;GAC5B,IAAI,SAAS,SACX,KAAM,qBAAoB,QAAQ,SAAS;EAE/C;;uBAhDE,YAQE,wBAPK,QAAA,GAAG,GAAA;IACR,KAAI;IACJ,OAAM;IACN,iBAAA;IACC,aAAa,QAAA;IACb,SAAO;IACP,QAAM"}

package/dist/ClassicCopyButton-M9AP3MKD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicCopyButton-M9AP3MKD.mjs","names":[],"sources":["../src/components/form/ClassicCopyButton.vue","../src/components/form/ClassicCopyButton.vue"],"sourcesContent":["<template>\n  <div>\n    <button\n      :class=\"classBtn\"\n      @click=\"onCopyCode(afterCopy)\"\n    >\n      {{ textDisplayed }}\n    </button>\n    <SnackBar \n      v-if=\"lazyLoadingSnackbar\" \n      ref=\"snackbar\" \n      position=\"bottom-left\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SnackBar from \"../misc/SnackBar.vue\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  text: { default: undefined, type: String },\n  textAfterCopy: { default: undefined, type: String },\n  dataToCopy: { default: undefined, type: String },\n  snackbarText: { default: undefined, type: String },\n  classBtn: { default: \"btn btn-primary w-fit-content my-3\", type: String },\n})\n\n//Data \nconst hasBeenCopied = ref(false);\nconst lazyLoadingSnackbar = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst textDisplayed = computed(() => hasBeenCopied.value ? props.textAfterCopy : props.text);\n\n//Methods\nfunction onCopyCode(callback: () => void){\n  displayHelper.onCopyCode(props.dataToCopy??\"\", callback);\n}\nfunction afterCopy(): void {\n  hasBeenCopied.value = true;\n  if (!lazyLoadingSnackbar.value) {\n    lazyLoadingSnackbar.value = true;\n    setTimeout(() => {\n      afterCopy();\n    }, 500);\n  } else {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(props.snackbarText ?? t(\"Data in clipboard\"));\n  }\n}\n</script>\n","<template>\n  <div>\n    <button\n      :class=\"classBtn\"\n      @click=\"onCopyCode(afterCopy)\"\n    >\n      {{ textDisplayed }}\n    </button>\n    <SnackBar \n      v-if=\"lazyLoadingSnackbar\" \n      ref=\"snackbar\" \n      position=\"bottom-left\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SnackBar from \"../misc/SnackBar.vue\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  text: { default: undefined, type: String },\n  textAfterCopy: { default: undefined, type: String },\n  dataToCopy: { default: undefined, type: String },\n  snackbarText: { default: undefined, type: String },\n  classBtn: { default: \"btn btn-primary w-fit-content my-3\", type: String },\n})\n\n//Data \nconst hasBeenCopied = ref(false);\nconst lazyLoadingSnackbar = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst textDisplayed = computed(() => hasBeenCopied.value ? props.textAfterCopy : props.text);\n\n//Methods\nfunction onCopyCode(callback: () => void){\n  displayHelper.onCopyCode(props.dataToCopy??\"\", callback);\n}\nfunction afterCopy(): void {\n  hasBeenCopied.value = true;\n  if (!lazyLoadingSnackbar.value) {\n    lazyLoadingSnackbar.value = true;\n    setTimeout(() => {\n      afterCopy();\n    }, 500);\n  } else {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(props.snackbarText ?? t(\"Data in clipboard\"));\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EASd,MAAM,gBAAgB,IAAI,KAAK;EAC/B,MAAM,sBAAsB,IAAI,KAAK;EACrC,MAAM,cAAc,eAAe,UAAU;EAI7C,MAAM,EAAE,MAAM,QAAQ;EAItB,MAAM,gBAAgB,eAAe,cAAc,QAAQ,MAAM,gBAAgB,MAAM,IAAI;EAG3F,SAAS,WAAW,UAAqB;GACvC,sBAAc,WAAW,MAAM,cAAY,IAAI,QAAQ;EACzD;EACA,SAAS,YAAkB;GACzB,cAAc,QAAQ;GACtB,IAAI,CAAC,oBAAoB,OAAO;IAC9B,oBAAoB,QAAQ;IAC5B,iBAAiB;KACf,UAAU;IACZ,GAAG,GAAG;GACR,OACE,CAAC,aAAa,OAAwC,KAAK,MAAM,gBAAgB,EAAE,mBAAmB,CAAC;EAE3G;;;;;;;;;;;;;;;;;;;;;;;qBC1DE,mBAYM,OAAA,MAAA,CAXJ,mBAKS,UAAA;EAJN,OAAK,eAAE,OAAA,QAAQ;EACf,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,WAAW,OAAA,SAAS;oBAEzB,OAAA,aAAa,GAAA,CAAA,GAGV,OAAA,uBAAA,UAAA,GADR,YAIE,OAAA,aAAA;;EAFA,KAAI;EACJ,UAAS"}

package/dist/ClassicCopyButton-y5PyWjLR.mjs

@@ -0,0 +1,69 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { t as displayHelper_default } from "./displayHelper-CpXshNzz.mjs";
+import { t as SnackBar_default } from "./SnackBar-jRnNt--Z.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, useTemplateRef } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/form/ClassicCopyButton.vue?vue&type=script&setup=true&lang.ts
+var ClassicCopyButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ClassicCopyButton",
+	props: {
+		text: {
+			default: void 0,
+			type: String
+		},
+		textAfterCopy: {
+			default: void 0,
+			type: String
+		},
+		dataToCopy: {
+			default: void 0,
+			type: String
+		},
+		snackbarText: {
+			default: void 0,
+			type: String
+		},
+		classBtn: {
+			default: "btn btn-primary w-fit-content my-3",
+			type: String
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const hasBeenCopied = ref(false);
+		const lazyLoadingSnackbar = ref(false);
+		const snackBarRef = useTemplateRef("snackbar");
+		const { t } = useI18n();
+		const textDisplayed = computed(() => hasBeenCopied.value ? props.textAfterCopy : props.text);
+		function onCopyCode(callback) {
+			displayHelper_default.onCopyCode(props.dataToCopy ?? "", callback);
+		}
+		function afterCopy() {
+			hasBeenCopied.value = true;
+			if (!lazyLoadingSnackbar.value) {
+				lazyLoadingSnackbar.value = true;
+				setTimeout(() => {
+					afterCopy();
+				}, 500);
+			} else (snackBarRef?.value).open(props.snackbarText ?? t("Data in clipboard"));
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [createElementVNode("button", {
+				class: normalizeClass(__props.classBtn),
+				onClick: _cache[0] || (_cache[0] = ($event) => onCopyCode(afterCopy))
+			}, toDisplayString(textDisplayed.value), 3), lazyLoadingSnackbar.value ? (openBlock(), createBlock(SnackBar_default, {
+				key: 0,
+				ref: "snackbar",
+				position: "bottom-left"
+			}, null, 512)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+//#region src/components/form/ClassicCopyButton.vue
+var ClassicCopyButton_exports = /* @__PURE__ */ __exportAll({ default: () => ClassicCopyButton_default });
+var ClassicCopyButton_default = ClassicCopyButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ClassicCopyButton_exports as n, ClassicCopyButton_default as t };
+
+//# sourceMappingURL=ClassicCopyButton-y5PyWjLR.mjs.map

package/dist/ClassicCopyButton-y5PyWjLR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicCopyButton-y5PyWjLR.mjs","names":[],"sources":["../src/components/form/ClassicCopyButton.vue","../src/components/form/ClassicCopyButton.vue"],"sourcesContent":["<template>\n  <div>\n    <button\n      :class=\"classBtn\"\n      @click=\"onCopyCode(afterCopy)\"\n    >\n      {{ textDisplayed }}\n    </button>\n    <SnackBar \n      v-if=\"lazyLoadingSnackbar\" \n      ref=\"snackbar\" \n      position=\"bottom-left\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SnackBar from \"../misc/SnackBar.vue\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  text: { default: undefined, type: String },\n  textAfterCopy: { default: undefined, type: String },\n  dataToCopy: { default: undefined, type: String },\n  snackbarText: { default: undefined, type: String },\n  classBtn: { default: \"btn btn-primary w-fit-content my-3\", type: String },\n})\n\n//Data \nconst hasBeenCopied = ref(false);\nconst lazyLoadingSnackbar = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst textDisplayed = computed(() => hasBeenCopied.value ? props.textAfterCopy : props.text);\n\n//Methods\nfunction onCopyCode(callback: () => void){\n  displayHelper.onCopyCode(props.dataToCopy??\"\", callback);\n}\nfunction afterCopy(): void {\n  hasBeenCopied.value = true;\n  if (!lazyLoadingSnackbar.value) {\n    lazyLoadingSnackbar.value = true;\n    setTimeout(() => {\n      afterCopy();\n    }, 500);\n  } else {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(props.snackbarText ?? t(\"Data in clipboard\"));\n  }\n}\n</script>\n","<template>\n  <div>\n    <button\n      :class=\"classBtn\"\n      @click=\"onCopyCode(afterCopy)\"\n    >\n      {{ textDisplayed }}\n    </button>\n    <SnackBar \n      v-if=\"lazyLoadingSnackbar\" \n      ref=\"snackbar\" \n      position=\"bottom-left\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SnackBar from \"../misc/SnackBar.vue\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  text: { default: undefined, type: String },\n  textAfterCopy: { default: undefined, type: String },\n  dataToCopy: { default: undefined, type: String },\n  snackbarText: { default: undefined, type: String },\n  classBtn: { default: \"btn btn-primary w-fit-content my-3\", type: String },\n})\n\n//Data \nconst hasBeenCopied = ref(false);\nconst lazyLoadingSnackbar = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst textDisplayed = computed(() => hasBeenCopied.value ? props.textAfterCopy : props.text);\n\n//Methods\nfunction onCopyCode(callback: () => void){\n  displayHelper.onCopyCode(props.dataToCopy??\"\", callback);\n}\nfunction afterCopy(): void {\n  hasBeenCopied.value = true;\n  if (!lazyLoadingSnackbar.value) {\n    lazyLoadingSnackbar.value = true;\n    setTimeout(() => {\n      afterCopy();\n    }, 500);\n  } else {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(props.snackbarText ?? t(\"Data in clipboard\"));\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EASd,MAAM,gBAAgB,IAAI,KAAK;EAC/B,MAAM,sBAAsB,IAAI,KAAK;EACrC,MAAM,cAAc,eAAe,UAAU;EAI7C,MAAM,EAAE,MAAM,QAAQ;EAItB,MAAM,gBAAgB,eAAe,cAAc,QAAQ,MAAM,gBAAgB,MAAM,IAAI;EAG3F,SAAS,WAAW,UAAqB;GACvC,sBAAc,WAAW,MAAM,cAAY,IAAI,QAAQ;EACzD;EACA,SAAS,YAAkB;GACzB,cAAc,QAAQ;GACtB,IAAI,CAAC,oBAAoB,OAAO;IAC9B,oBAAoB,QAAQ;IAC5B,iBAAiB;KACf,UAAU;IACZ,GAAG,GAAG;GACR,OACE,CAAC,aAAa,OAAwC,KAAK,MAAM,gBAAgB,EAAE,mBAAmB,CAAC;EAE3G;;uBA1DE,mBAYM,OAAA,MAAA,CAXJ,mBAKS,UAAA;IAJN,OAAK,eAAE,QAAA,QAAQ;IACf,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,WAAW,SAAS;sBAEzB,cAAA,KAAa,GAAA,CAAA,GAGV,oBAAA,SAAA,UAAA,GADR,YAIE,kBAAA;;IAFA,KAAI;IACJ,UAAS"}

package/dist/ClassicDatePicker-CS5ufjLj.mjs

@@ -0,0 +1,226 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { computed, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import dayjs from "dayjs";
+import ClockOutlineIcon from "vue-material-design-icons/ClockOutline.vue";
+import VueDatePicker from "@vuepic/vue-datepicker";
+//#region src/components/form/ClassicDatePicker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	ref: "divContainer",
+	tabindex: "0"
+};
+var _hoisted_2 = ["for"];
+var ClassicDatePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ClassicDatePicker",
+	props: {
+		id: {
+			default: void 0,
+			type: String
+		},
+		time: {
+			default: void 0,
+			type: Object
+		},
+		date: {
+			default: void 0,
+			type: Date
+		},
+		range: {
+			default: void 0,
+			type: Array
+		},
+		/** Enable maximum date limit.
+		* If `dateLimit` is not set, use current datetime. */
+		isMaxDate: {
+			default: false,
+			type: Boolean
+		},
+		/** Date limit when `isMaxDate` or `isMinDate` are set */
+		dateLimit: {
+			default: void 0,
+			type: Date
+		},
+		/** Enable minimum date limit.
+		* If `dateLimit` is not set, use current datetime. */
+		isMinDate: {
+			default: false,
+			type: Boolean
+		},
+		columnNumber: {
+			default: 1,
+			type: Number
+		},
+		displaySeconds: {
+			default: false,
+			type: Boolean
+		},
+		displayTimePicker: {
+			default: true,
+			type: Boolean
+		},
+		isTimePicker: {
+			default: false,
+			type: Boolean
+		},
+		useTeleport: {
+			default: false,
+			type: Boolean
+		},
+		templateClass: {
+			default: void 0,
+			type: String
+		},
+		readonly: {
+			default: false,
+			type: Boolean
+		},
+		maxTime: {
+			default: null,
+			type: Object
+		},
+		forceFormat: {
+			default: void 0,
+			type: String
+		},
+		monthPicker: {
+			default: false,
+			type: Boolean
+		},
+		customPosition: {
+			default: null,
+			type: Function
+		},
+		isInline: {
+			default: false,
+			type: Boolean
+		},
+		timePickerInline: {
+			default: false,
+			type: Boolean
+		},
+		label: {
+			default: void 0,
+			type: String
+		},
+		displayLabel: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["updateDate", "update:date"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const divContainerRef = useTemplateRef("divContainer");
+		const { locale } = useI18n();
+		const ariaLabels = computed(() => {
+			return {
+				input: props.date ? formatDate(props.date) : void 0,
+				day: (value) => {
+					return formatDate(value.value);
+				}
+			};
+		});
+		const modelVal = computed(() => {
+			if (props.time) return props.time;
+			if (props.range) return props.range;
+			if (props.date && props.monthPicker) return {
+				month: props.date.getMonth(),
+				year: props.date.getFullYear()
+			};
+			return props.date;
+		});
+		const format = computed(() => {
+			if (props.forceFormat) return props.forceFormat;
+			if (props.monthPicker) return "MM/yyyy";
+			let timeString = "";
+			if (props.displayTimePicker || props.isTimePicker) {
+				timeString = "HH:mm";
+				if (props.displaySeconds) timeString = "HH:mm:ss";
+			}
+			const dayString = props.isTimePicker ? timeString : "dd/MM/yyyy " + timeString;
+			return props.range ? dayString + " - " + dayString : dayString;
+		});
+		const limit = computed(() => {
+			if (props.dateLimit) return props.dateLimit;
+			return dayjs().toDate();
+		});
+		function updateValue(date) {
+			if (!props.isInline) (divContainerRef?.value)?.focus();
+			emit("updateDate", date);
+			emit("update:date", date);
+		}
+		function formatDate(value) {
+			const realMonth = value.getMonth() + 1;
+			return value.getDate() + "/" + (realMonth < 10 ? "0" : "") + realMonth + "/" + value.getFullYear();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.label && !__props.range ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				class: normalizeClass(["form-label", __props.displayLabel ? "" : "d-none"]),
+				for: "dp-input-" + __props.id
+			}, toDisplayString(__props.label), 11, _hoisted_2)) : createCommentVNode("", true), createVNode(unref(VueDatePicker), {
+				uid: __props.id,
+				"model-value": modelVal.value,
+				"time-picker": __props.isTimePicker,
+				"time-picker-inline": __props.isTimePicker && __props.timePickerInline,
+				"input-class-name": __props.templateClass,
+				clearable: false,
+				"text-input": true,
+				readonly: __props.readonly,
+				teleport: __props.useTeleport,
+				locale: unref(locale),
+				format: format.value,
+				"auto-apply": true,
+				"enable-seconds": __props.displaySeconds,
+				"max-date": __props.isMaxDate && !__props.isTimePicker ? limit.value : void 0,
+				"min-date": __props.isMinDate && !__props.isTimePicker ? limit.value : void 0,
+				range: void 0 !== __props.range,
+				"multi-calendars": __props.columnNumber > 1 ? __props.columnNumber : false,
+				inline: __props.isInline,
+				"enable-time-picker": !__props.isTimePicker ? __props.displayTimePicker : void 0,
+				"aria-labels": ariaLabels.value,
+				"max-time": __props.maxTime,
+				"month-picker": __props.monthPicker,
+				"alt-position": __props.customPosition,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => updateValue($event))
+			}, createSlots({ _: 2 }, [__props.isTimePicker ? {
+				name: "input-icon",
+				fn: withCtx(() => [createVNode(ClockOutlineIcon, {
+					size: 16,
+					class: "ms-2"
+				})]),
+				key: "0"
+			} : void 0]), 1032, [
+				"uid",
+				"model-value",
+				"time-picker",
+				"time-picker-inline",
+				"input-class-name",
+				"readonly",
+				"teleport",
+				"locale",
+				"format",
+				"enable-seconds",
+				"max-date",
+				"min-date",
+				"range",
+				"multi-calendars",
+				"inline",
+				"enable-time-picker",
+				"aria-labels",
+				"max-time",
+				"month-picker",
+				"alt-position"
+			])], 512);
+		};
+	}
+});
+//#endregion
+//#region src/components/form/ClassicDatePicker.vue
+var ClassicDatePicker_exports = /* @__PURE__ */ __exportAll({ default: () => ClassicDatePicker_default });
+var ClassicDatePicker_default = ClassicDatePicker_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ClassicDatePicker_exports as n, ClassicDatePicker_default as t };
+
+//# sourceMappingURL=ClassicDatePicker-CS5ufjLj.mjs.map

package/dist/ClassicDatePicker-CS5ufjLj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicDatePicker-CS5ufjLj.mjs","names":[],"sources":["../src/components/form/ClassicDatePicker.vue","../src/components/form/ClassicDatePicker.vue"],"sourcesContent":["<template>\n  <div ref=\"divContainer\" tabindex=\"0\">\n    <label\n      v-if=\"label && !range\"\n      class=\"form-label\"\n      :for=\"'dp-input-'+id\"\n      :class=\"displayLabel ? '' : 'd-none'\">{{ label }}</label>\n    <VueDatePicker\n      :uid=\"id\"\n      :model-value=\"modelVal\"\n      :time-picker=\"isTimePicker\"\n      :time-picker-inline=\"isTimePicker && timePickerInline\"\n      :input-class-name=\"templateClass\"\n      :clearable=\"false\"\n      :text-input=\"true\"\n      :readonly=\"readonly\"\n      :teleport=\"useTeleport\"\n      :locale=\"locale\"\n      :format=\"format\"\n      :auto-apply=\"true\"\n      :enable-seconds=\"displaySeconds\"\n      :max-date=\"isMaxDate && !isTimePicker ? limit : undefined\"\n      :min-date=\"isMinDate && !isTimePicker ? limit : undefined\"\n      :range=\"undefined !== range\"\n      :multi-calendars=\"columnNumber > 1 ? columnNumber : false\"\n      :inline=\"isInline\"\n      :enable-time-picker=\"!isTimePicker ? displayTimePicker : undefined\"\n      :aria-labels=\"ariaLabels\"\n      :max-time=\"maxTime\"\n      :month-picker=\"monthPicker\"\n      :alt-position=\"customPosition\"\n      @update:model-value=\"updateValue($event)\"\n    >\n      <template v-if=\"isTimePicker\" #input-icon>\n        <ClockOutlineIcon :size=\"16\" class=\"ms-2\" />\n      </template>\n    </VueDatePicker>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClockOutlineIcon from \"vue-material-design-icons/ClockOutline.vue\";\nimport dayjs from \"dayjs\";\nimport VueDatePicker from \"@vuepic/vue-datepicker\";\nimport { computed, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  id:{ default: undefined, type: String },\n  time: {\n    default: undefined,\n    type: Object as () => { hours: number; minutes: number; seconds: number },\n  },\n  date: { default: undefined, type: Date },\n  range: { default: undefined, type: Array as () => Array<Date> },\n  /** Enable maximum date limit.\n   * If `dateLimit` is not set, use current datetime. */\n  isMaxDate: { default: false, type: Boolean },\n  /** Date limit when `isMaxDate` or `isMinDate` are set */\n  dateLimit: { default: undefined, type: Date },\n  /** Enable minimum date limit.\n   * If `dateLimit` is not set, use current datetime. */\n  isMinDate: { default: false, type: Boolean },\n  columnNumber: { default: 1, type: Number },\n  displaySeconds: { default: false, type: Boolean },\n  displayTimePicker: { default: true, type: Boolean },\n  isTimePicker: { default: false, type: Boolean },\n  useTeleport: { default: false, type: Boolean },\n  templateClass: { default: undefined, type: String },\n  readonly: { default: false, type: Boolean },\n  maxTime: {\n    default: null,\n    type: Object as () => {\n      hours?: number | string;\n      minutes?: number | string;\n      seconds?: number | string;\n    },\n  },\n  forceFormat: { default: undefined, type: String },\n  monthPicker: { default: false, type: Boolean },\n  customPosition: { default: null, type: Function },\n  isInline: { default: false, type: Boolean },\n  timePickerInline: { default: false, type: Boolean },\n  label: { default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits<{\n  /**\n   * Update the date\n   * @param value The new date\n   * @deprecated\n   */\n  (e: \"updateDate\", value: Date): void;\n  /**\n   * Update the date\n   * @param value The new date\n   */\n  (e: \"update:date\", value: Date): void;\n}>();\n\n//Data\nconst divContainerRef = useTemplateRef('divContainer');\n\n//Composables\nconst {locale} = useI18n();\n\n//Computed\nconst ariaLabels = computed(() => {\n  return {\n    input: props.date ? formatDate(props.date) : undefined,\n    day: (value: { value: Date }) => {\n      return formatDate(value.value);\n    },\n  };\n});\nconst modelVal = computed(() => {\n  if (props.time) {\n    return props.time;\n  }\n  if (props.range) {\n    return props.range;\n  }\n  if (props.date && props.monthPicker) {\n    return {\n      month: props.date.getMonth(),\n      year: props.date.getFullYear(),\n    };\n  }\n  return props.date;\n});\nconst format = computed(() => {\n  if (props.forceFormat) {\n    return props.forceFormat;\n  }\n  if (props.monthPicker) {\n    return \"MM/yyyy\";\n  }\n  let timeString = \"\";\n  if (props.displayTimePicker || props.isTimePicker) {\n    timeString = \"HH:mm\";\n    if (props.displaySeconds) {\n      timeString = \"HH:mm:ss\";\n    }\n  }\n  const dayString = props.isTimePicker\n    ? timeString\n    : \"dd/MM/yyyy \" + timeString;\n  return props.range ? dayString + \" - \" + dayString : dayString;\n});\nconst limit = computed(() => {\n  if (props.dateLimit) {\n    return props.dateLimit;\n  }\n  return dayjs().toDate();\n});\n\n\n//Methods\nfunction updateValue(date: Date) {\n  if (!props.isInline) {\n    (divContainerRef?.value as HTMLElement)?.focus();\n  }\n  emit(\"updateDate\", date);\n  emit(\"update:date\", date);\n}\n\nfunction formatDate(value: Date): string {\n  const realMonth = value.getMonth() + 1;\n  return (\n    value.getDate() +\n    \"/\" +\n    (realMonth < 10 ? \"0\" : \"\") +\n    realMonth +\n    \"/\" +\n    value.getFullYear()\n  );\n}\n</script>\n<style lang=\"scss\">\n@use \"@vuepic/vue-datepicker/dist/main.css\";\n\n/* stylelint-disable-next-line */\n.dp__theme_light {\n  --dp-primary-color: var(--octopus-primary);\n  --dp-time-font-size: 1rem;\n}\n</style>\n","<template>\n  <div ref=\"divContainer\" tabindex=\"0\">\n    <label\n      v-if=\"label && !range\"\n      class=\"form-label\"\n      :for=\"'dp-input-'+id\"\n      :class=\"displayLabel ? '' : 'd-none'\">{{ label }}</label>\n    <VueDatePicker\n      :uid=\"id\"\n      :model-value=\"modelVal\"\n      :time-picker=\"isTimePicker\"\n      :time-picker-inline=\"isTimePicker && timePickerInline\"\n      :input-class-name=\"templateClass\"\n      :clearable=\"false\"\n      :text-input=\"true\"\n      :readonly=\"readonly\"\n      :teleport=\"useTeleport\"\n      :locale=\"locale\"\n      :format=\"format\"\n      :auto-apply=\"true\"\n      :enable-seconds=\"displaySeconds\"\n      :max-date=\"isMaxDate && !isTimePicker ? limit : undefined\"\n      :min-date=\"isMinDate && !isTimePicker ? limit : undefined\"\n      :range=\"undefined !== range\"\n      :multi-calendars=\"columnNumber > 1 ? columnNumber : false\"\n      :inline=\"isInline\"\n      :enable-time-picker=\"!isTimePicker ? displayTimePicker : undefined\"\n      :aria-labels=\"ariaLabels\"\n      :max-time=\"maxTime\"\n      :month-picker=\"monthPicker\"\n      :alt-position=\"customPosition\"\n      @update:model-value=\"updateValue($event)\"\n    >\n      <template v-if=\"isTimePicker\" #input-icon>\n        <ClockOutlineIcon :size=\"16\" class=\"ms-2\" />\n      </template>\n    </VueDatePicker>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClockOutlineIcon from \"vue-material-design-icons/ClockOutline.vue\";\nimport dayjs from \"dayjs\";\nimport VueDatePicker from \"@vuepic/vue-datepicker\";\nimport { computed, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  id:{ default: undefined, type: String },\n  time: {\n    default: undefined,\n    type: Object as () => { hours: number; minutes: number; seconds: number },\n  },\n  date: { default: undefined, type: Date },\n  range: { default: undefined, type: Array as () => Array<Date> },\n  /** Enable maximum date limit.\n   * If `dateLimit` is not set, use current datetime. */\n  isMaxDate: { default: false, type: Boolean },\n  /** Date limit when `isMaxDate` or `isMinDate` are set */\n  dateLimit: { default: undefined, type: Date },\n  /** Enable minimum date limit.\n   * If `dateLimit` is not set, use current datetime. */\n  isMinDate: { default: false, type: Boolean },\n  columnNumber: { default: 1, type: Number },\n  displaySeconds: { default: false, type: Boolean },\n  displayTimePicker: { default: true, type: Boolean },\n  isTimePicker: { default: false, type: Boolean },\n  useTeleport: { default: false, type: Boolean },\n  templateClass: { default: undefined, type: String },\n  readonly: { default: false, type: Boolean },\n  maxTime: {\n    default: null,\n    type: Object as () => {\n      hours?: number | string;\n      minutes?: number | string;\n      seconds?: number | string;\n    },\n  },\n  forceFormat: { default: undefined, type: String },\n  monthPicker: { default: false, type: Boolean },\n  customPosition: { default: null, type: Function },\n  isInline: { default: false, type: Boolean },\n  timePickerInline: { default: false, type: Boolean },\n  label: { default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits<{\n  /**\n   * Update the date\n   * @param value The new date\n   * @deprecated\n   */\n  (e: \"updateDate\", value: Date): void;\n  /**\n   * Update the date\n   * @param value The new date\n   */\n  (e: \"update:date\", value: Date): void;\n}>();\n\n//Data\nconst divContainerRef = useTemplateRef('divContainer');\n\n//Composables\nconst {locale} = useI18n();\n\n//Computed\nconst ariaLabels = computed(() => {\n  return {\n    input: props.date ? formatDate(props.date) : undefined,\n    day: (value: { value: Date }) => {\n      return formatDate(value.value);\n    },\n  };\n});\nconst modelVal = computed(() => {\n  if (props.time) {\n    return props.time;\n  }\n  if (props.range) {\n    return props.range;\n  }\n  if (props.date && props.monthPicker) {\n    return {\n      month: props.date.getMonth(),\n      year: props.date.getFullYear(),\n    };\n  }\n  return props.date;\n});\nconst format = computed(() => {\n  if (props.forceFormat) {\n    return props.forceFormat;\n  }\n  if (props.monthPicker) {\n    return \"MM/yyyy\";\n  }\n  let timeString = \"\";\n  if (props.displayTimePicker || props.isTimePicker) {\n    timeString = \"HH:mm\";\n    if (props.displaySeconds) {\n      timeString = \"HH:mm:ss\";\n    }\n  }\n  const dayString = props.isTimePicker\n    ? timeString\n    : \"dd/MM/yyyy \" + timeString;\n  return props.range ? dayString + \" - \" + dayString : dayString;\n});\nconst limit = computed(() => {\n  if (props.dateLimit) {\n    return props.dateLimit;\n  }\n  return dayjs().toDate();\n});\n\n\n//Methods\nfunction updateValue(date: Date) {\n  if (!props.isInline) {\n    (divContainerRef?.value as HTMLElement)?.focus();\n  }\n  emit(\"updateDate\", date);\n  emit(\"update:date\", date);\n}\n\nfunction formatDate(value: Date): string {\n  const realMonth = value.getMonth() + 1;\n  return (\n    value.getDate() +\n    \"/\" +\n    (realMonth < 10 ? \"0\" : \"\") +\n    realMonth +\n    \"/\" +\n    value.getFullYear()\n  );\n}\n</script>\n<style lang=\"scss\">\n@use \"@vuepic/vue-datepicker/dist/main.css\";\n\n/* stylelint-disable-next-line */\n.dp__theme_light {\n  --dp-primary-color: var(--octopus-primary);\n  --dp-time-font-size: 1rem;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAyCd,MAAM,OAAO;EAeb,MAAM,kBAAkB,eAAe,cAAc;EAGrD,MAAM,EAAC,WAAU,QAAQ;EAGzB,MAAM,aAAa,eAAe;GAChC,OAAO;IACL,OAAO,MAAM,OAAO,WAAW,MAAM,IAAI,IAAI,KAAA;IAC7C,MAAM,UAA2B;KAC/B,OAAO,WAAW,MAAM,KAAK;IAC/B;GACF;EACF,CAAC;EACD,MAAM,WAAW,eAAe;GAC9B,IAAI,MAAM,MACR,OAAO,MAAM;GAEf,IAAI,MAAM,OACR,OAAO,MAAM;GAEf,IAAI,MAAM,QAAQ,MAAM,aACtB,OAAO;IACL,OAAO,MAAM,KAAK,SAAS;IAC3B,MAAM,MAAM,KAAK,YAAY;GAC/B;GAEF,OAAO,MAAM;EACf,CAAC;EACD,MAAM,SAAS,eAAe;GAC5B,IAAI,MAAM,aACR,OAAO,MAAM;GAEf,IAAI,MAAM,aACR,OAAO;GAET,IAAI,aAAa;GACjB,IAAI,MAAM,qBAAqB,MAAM,cAAc;IACjD,aAAa;IACb,IAAI,MAAM,gBACR,aAAa;GAEjB;GACA,MAAM,YAAY,MAAM,eACpB,aACA,gBAAgB;GACpB,OAAO,MAAM,QAAQ,YAAY,QAAQ,YAAY;EACvD,CAAC;EACD,MAAM,QAAQ,eAAe;GAC3B,IAAI,MAAM,WACR,OAAO,MAAM;GAEf,OAAO,MAAM,EAAE,OAAO;EACxB,CAAC;EAID,SAAS,YAAY,MAAY;GAC/B,IAAI,CAAC,MAAM,UACT,CAAC,iBAAiB,QAAuB,MAAM;GAEjD,KAAK,cAAc,IAAI;GACvB,KAAK,eAAe,IAAI;EAC1B;EAEA,SAAS,WAAW,OAAqB;GACvC,MAAM,YAAY,MAAM,SAAS,IAAI;GACrC,OACE,MAAM,QAAQ,IACd,OACC,YAAY,KAAK,MAAM,MACxB,YACA,MACA,MAAM,YAAY;EAEtB;;uBAlLE,mBAoCM,OApCN,YAoCM,CAlCI,QAAA,SAAK,CAAK,QAAA,SAAA,UAAA,GADlB,mBAI2D,SAAA;;IAFzD,OAAK,eAAA,CAAC,cAEE,QAAA,eAAY,KAAA,QAAA,CAAA;IADnB,KAAG,cAAc,QAAA;sBACuB,QAAA,KAAK,GAAA,IAAA,UAAA,KAAA,mBAAA,IAAA,IAAA,GAChD,YA6BgB,MAAA,aAAA,GAAA;IA5Bb,KAAK,QAAA;IACL,eAAa,SAAA;IACb,eAAa,QAAA;IACb,sBAAoB,QAAA,gBAAgB,QAAA;IACpC,oBAAkB,QAAA;IAClB,WAAW;IACX,cAAY;IACZ,UAAU,QAAA;IACV,UAAU,QAAA;IACV,QAAQ,MAAA,MAAA;IACR,QAAQ,OAAA;IACR,cAAY;IACZ,kBAAgB,QAAA;IAChB,YAAU,QAAA,aAAS,CAAK,QAAA,eAAe,MAAA,QAAQ,KAAA;IAC/C,YAAU,QAAA,aAAS,CAAK,QAAA,eAAe,MAAA,QAAQ,KAAA;IAC/C,OAAO,KAAA,MAAc,QAAA;IACrB,mBAAiB,QAAA,eAAY,IAAO,QAAA,eAAY;IAChD,QAAQ,QAAA;IACR,sBAAkB,CAAG,QAAA,eAAe,QAAA,oBAAoB,KAAA;IACxD,eAAa,WAAA;IACb,YAAU,QAAA;IACV,gBAAc,QAAA;IACd,gBAAc,QAAA;IACd,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,YAAY,MAAM;6BAEvB,QAAA,eAAA;UAAe;sBACe,CAA5C,YAA4C,kBAAA;KAAzB,MAAM;KAAI,OAAM"}

package/dist/ClassicDatePicker-DWVn4oHu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicDatePicker-DWVn4oHu.mjs","names":[],"sources":["../src/components/form/ClassicDatePicker.vue","../src/components/form/ClassicDatePicker.vue"],"sourcesContent":["<template>\n  <div ref=\"divContainer\" tabindex=\"0\">\n    <label\n      v-if=\"label && !range\"\n      class=\"form-label\"\n      :for=\"'dp-input-'+id\"\n      :class=\"displayLabel ? '' : 'd-none'\">{{ label }}</label>\n    <VueDatePicker\n      :uid=\"id\"\n      :model-value=\"modelVal\"\n      :time-picker=\"isTimePicker\"\n      :time-picker-inline=\"isTimePicker && timePickerInline\"\n      :input-class-name=\"templateClass\"\n      :clearable=\"false\"\n      :text-input=\"true\"\n      :readonly=\"readonly\"\n      :teleport=\"useTeleport\"\n      :locale=\"locale\"\n      :format=\"format\"\n      :auto-apply=\"true\"\n      :enable-seconds=\"displaySeconds\"\n      :max-date=\"isMaxDate && !isTimePicker ? limit : undefined\"\n      :min-date=\"isMinDate && !isTimePicker ? limit : undefined\"\n      :range=\"undefined !== range\"\n      :multi-calendars=\"columnNumber > 1 ? columnNumber : false\"\n      :inline=\"isInline\"\n      :enable-time-picker=\"!isTimePicker ? displayTimePicker : undefined\"\n      :aria-labels=\"ariaLabels\"\n      :max-time=\"maxTime\"\n      :month-picker=\"monthPicker\"\n      :alt-position=\"customPosition\"\n      @update:model-value=\"updateValue($event)\"\n    >\n      <template v-if=\"isTimePicker\" #input-icon>\n        <ClockOutlineIcon :size=\"16\" class=\"ms-2\" />\n      </template>\n    </VueDatePicker>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClockOutlineIcon from \"vue-material-design-icons/ClockOutline.vue\";\nimport dayjs from \"dayjs\";\nimport VueDatePicker from \"@vuepic/vue-datepicker\";\nimport { computed, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  id:{ default: undefined, type: String },\n  time: {\n    default: undefined,\n    type: Object as () => { hours: number; minutes: number; seconds: number },\n  },\n  date: { default: undefined, type: Date },\n  range: { default: undefined, type: Array as () => Array<Date> },\n  /** Enable maximum date limit.\n   * If `dateLimit` is not set, use current datetime. */\n  isMaxDate: { default: false, type: Boolean },\n  /** Date limit when `isMaxDate` or `isMinDate` are set */\n  dateLimit: { default: undefined, type: Date },\n  /** Enable minimum date limit.\n   * If `dateLimit` is not set, use current datetime. */\n  isMinDate: { default: false, type: Boolean },\n  columnNumber: { default: 1, type: Number },\n  displaySeconds: { default: false, type: Boolean },\n  displayTimePicker: { default: true, type: Boolean },\n  isTimePicker: { default: false, type: Boolean },\n  useTeleport: { default: false, type: Boolean },\n  templateClass: { default: undefined, type: String },\n  readonly: { default: false, type: Boolean },\n  maxTime: {\n    default: null,\n    type: Object as () => {\n      hours?: number | string;\n      minutes?: number | string;\n      seconds?: number | string;\n    },\n  },\n  forceFormat: { default: undefined, type: String },\n  monthPicker: { default: false, type: Boolean },\n  customPosition: { default: null, type: Function },\n  isInline: { default: false, type: Boolean },\n  timePickerInline: { default: false, type: Boolean },\n  label: { default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits<{\n  /**\n   * Update the date\n   * @param value The new date\n   * @deprecated\n   */\n  (e: \"updateDate\", value: Date): void;\n  /**\n   * Update the date\n   * @param value The new date\n   */\n  (e: \"update:date\", value: Date): void;\n}>();\n\n//Data\nconst divContainerRef = useTemplateRef('divContainer');\n\n//Composables\nconst {locale} = useI18n();\n\n//Computed\nconst ariaLabels = computed(() => {\n  return {\n    input: props.date ? formatDate(props.date) : undefined,\n    day: (value: { value: Date }) => {\n      return formatDate(value.value);\n    },\n  };\n});\nconst modelVal = computed(() => {\n  if (props.time) {\n    return props.time;\n  }\n  if (props.range) {\n    return props.range;\n  }\n  if (props.date && props.monthPicker) {\n    return {\n      month: props.date.getMonth(),\n      year: props.date.getFullYear(),\n    };\n  }\n  return props.date;\n});\nconst format = computed(() => {\n  if (props.forceFormat) {\n    return props.forceFormat;\n  }\n  if (props.monthPicker) {\n    return \"MM/yyyy\";\n  }\n  let timeString = \"\";\n  if (props.displayTimePicker || props.isTimePicker) {\n    timeString = \"HH:mm\";\n    if (props.displaySeconds) {\n      timeString = \"HH:mm:ss\";\n    }\n  }\n  const dayString = props.isTimePicker\n    ? timeString\n    : \"dd/MM/yyyy \" + timeString;\n  return props.range ? dayString + \" - \" + dayString : dayString;\n});\nconst limit = computed(() => {\n  if (props.dateLimit) {\n    return props.dateLimit;\n  }\n  return dayjs().toDate();\n});\n\n\n//Methods\nfunction updateValue(date: Date) {\n  if (!props.isInline) {\n    (divContainerRef?.value as HTMLElement)?.focus();\n  }\n  emit(\"updateDate\", date);\n  emit(\"update:date\", date);\n}\n\nfunction formatDate(value: Date): string {\n  const realMonth = value.getMonth() + 1;\n  return (\n    value.getDate() +\n    \"/\" +\n    (realMonth < 10 ? \"0\" : \"\") +\n    realMonth +\n    \"/\" +\n    value.getFullYear()\n  );\n}\n</script>\n<style lang=\"scss\">\n@use \"@vuepic/vue-datepicker/dist/main.css\";\n\n/* stylelint-disable-next-line */\n.dp__theme_light {\n  --dp-primary-color: var(--octopus-primary);\n  --dp-time-font-size: 1rem;\n}\n</style>\n","<template>\n  <div ref=\"divContainer\" tabindex=\"0\">\n    <label\n      v-if=\"label && !range\"\n      class=\"form-label\"\n      :for=\"'dp-input-'+id\"\n      :class=\"displayLabel ? '' : 'd-none'\">{{ label }}</label>\n    <VueDatePicker\n      :uid=\"id\"\n      :model-value=\"modelVal\"\n      :time-picker=\"isTimePicker\"\n      :time-picker-inline=\"isTimePicker && timePickerInline\"\n      :input-class-name=\"templateClass\"\n      :clearable=\"false\"\n      :text-input=\"true\"\n      :readonly=\"readonly\"\n      :teleport=\"useTeleport\"\n      :locale=\"locale\"\n      :format=\"format\"\n      :auto-apply=\"true\"\n      :enable-seconds=\"displaySeconds\"\n      :max-date=\"isMaxDate && !isTimePicker ? limit : undefined\"\n      :min-date=\"isMinDate && !isTimePicker ? limit : undefined\"\n      :range=\"undefined !== range\"\n      :multi-calendars=\"columnNumber > 1 ? columnNumber : false\"\n      :inline=\"isInline\"\n      :enable-time-picker=\"!isTimePicker ? displayTimePicker : undefined\"\n      :aria-labels=\"ariaLabels\"\n      :max-time=\"maxTime\"\n      :month-picker=\"monthPicker\"\n      :alt-position=\"customPosition\"\n      @update:model-value=\"updateValue($event)\"\n    >\n      <template v-if=\"isTimePicker\" #input-icon>\n        <ClockOutlineIcon :size=\"16\" class=\"ms-2\" />\n      </template>\n    </VueDatePicker>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClockOutlineIcon from \"vue-material-design-icons/ClockOutline.vue\";\nimport dayjs from \"dayjs\";\nimport VueDatePicker from \"@vuepic/vue-datepicker\";\nimport { computed, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  id:{ default: undefined, type: String },\n  time: {\n    default: undefined,\n    type: Object as () => { hours: number; minutes: number; seconds: number },\n  },\n  date: { default: undefined, type: Date },\n  range: { default: undefined, type: Array as () => Array<Date> },\n  /** Enable maximum date limit.\n   * If `dateLimit` is not set, use current datetime. */\n  isMaxDate: { default: false, type: Boolean },\n  /** Date limit when `isMaxDate` or `isMinDate` are set */\n  dateLimit: { default: undefined, type: Date },\n  /** Enable minimum date limit.\n   * If `dateLimit` is not set, use current datetime. */\n  isMinDate: { default: false, type: Boolean },\n  columnNumber: { default: 1, type: Number },\n  displaySeconds: { default: false, type: Boolean },\n  displayTimePicker: { default: true, type: Boolean },\n  isTimePicker: { default: false, type: Boolean },\n  useTeleport: { default: false, type: Boolean },\n  templateClass: { default: undefined, type: String },\n  readonly: { default: false, type: Boolean },\n  maxTime: {\n    default: null,\n    type: Object as () => {\n      hours?: number | string;\n      minutes?: number | string;\n      seconds?: number | string;\n    },\n  },\n  forceFormat: { default: undefined, type: String },\n  monthPicker: { default: false, type: Boolean },\n  customPosition: { default: null, type: Function },\n  isInline: { default: false, type: Boolean },\n  timePickerInline: { default: false, type: Boolean },\n  label: { default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits<{\n  /**\n   * Update the date\n   * @param value The new date\n   * @deprecated\n   */\n  (e: \"updateDate\", value: Date): void;\n  /**\n   * Update the date\n   * @param value The new date\n   */\n  (e: \"update:date\", value: Date): void;\n}>();\n\n//Data\nconst divContainerRef = useTemplateRef('divContainer');\n\n//Composables\nconst {locale} = useI18n();\n\n//Computed\nconst ariaLabels = computed(() => {\n  return {\n    input: props.date ? formatDate(props.date) : undefined,\n    day: (value: { value: Date }) => {\n      return formatDate(value.value);\n    },\n  };\n});\nconst modelVal = computed(() => {\n  if (props.time) {\n    return props.time;\n  }\n  if (props.range) {\n    return props.range;\n  }\n  if (props.date && props.monthPicker) {\n    return {\n      month: props.date.getMonth(),\n      year: props.date.getFullYear(),\n    };\n  }\n  return props.date;\n});\nconst format = computed(() => {\n  if (props.forceFormat) {\n    return props.forceFormat;\n  }\n  if (props.monthPicker) {\n    return \"MM/yyyy\";\n  }\n  let timeString = \"\";\n  if (props.displayTimePicker || props.isTimePicker) {\n    timeString = \"HH:mm\";\n    if (props.displaySeconds) {\n      timeString = \"HH:mm:ss\";\n    }\n  }\n  const dayString = props.isTimePicker\n    ? timeString\n    : \"dd/MM/yyyy \" + timeString;\n  return props.range ? dayString + \" - \" + dayString : dayString;\n});\nconst limit = computed(() => {\n  if (props.dateLimit) {\n    return props.dateLimit;\n  }\n  return dayjs().toDate();\n});\n\n\n//Methods\nfunction updateValue(date: Date) {\n  if (!props.isInline) {\n    (divContainerRef?.value as HTMLElement)?.focus();\n  }\n  emit(\"updateDate\", date);\n  emit(\"update:date\", date);\n}\n\nfunction formatDate(value: Date): string {\n  const realMonth = value.getMonth() + 1;\n  return (\n    value.getDate() +\n    \"/\" +\n    (realMonth < 10 ? \"0\" : \"\") +\n    realMonth +\n    \"/\" +\n    value.getFullYear()\n  );\n}\n</script>\n<style lang=\"scss\">\n@use \"@vuepic/vue-datepicker/dist/main.css\";\n\n/* stylelint-disable-next-line */\n.dp__theme_light {\n  --dp-primary-color: var(--octopus-primary);\n  --dp-time-font-size: 1rem;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAyCd,MAAM,OAAO;EAeb,MAAM,kBAAkB,eAAe,cAAc;EAGrD,MAAM,EAAC,WAAU,QAAQ;EAGzB,MAAM,aAAa,eAAe;GAChC,OAAO;IACL,OAAO,MAAM,OAAO,WAAW,MAAM,IAAI,IAAI,KAAA;IAC7C,MAAM,UAA2B;KAC/B,OAAO,WAAW,MAAM,KAAK;IAC/B;GACF;EACF,CAAC;EACD,MAAM,WAAW,eAAe;GAC9B,IAAI,MAAM,MACR,OAAO,MAAM;GAEf,IAAI,MAAM,OACR,OAAO,MAAM;GAEf,IAAI,MAAM,QAAQ,MAAM,aACtB,OAAO;IACL,OAAO,MAAM,KAAK,SAAS;IAC3B,MAAM,MAAM,KAAK,YAAY;GAC/B;GAEF,OAAO,MAAM;EACf,CAAC;EACD,MAAM,SAAS,eAAe;GAC5B,IAAI,MAAM,aACR,OAAO,MAAM;GAEf,IAAI,MAAM,aACR,OAAO;GAET,IAAI,aAAa;GACjB,IAAI,MAAM,qBAAqB,MAAM,cAAc;IACjD,aAAa;IACb,IAAI,MAAM,gBACR,aAAa;GAEjB;GACA,MAAM,YAAY,MAAM,eACpB,aACA,gBAAgB;GACpB,OAAO,MAAM,QAAQ,YAAY,QAAQ,YAAY;EACvD,CAAC;EACD,MAAM,QAAQ,eAAe;GAC3B,IAAI,MAAM,WACR,OAAO,MAAM;GAEf,OAAO,MAAM,EAAE,OAAO;EACxB,CAAC;EAID,SAAS,YAAY,MAAY;GAC/B,IAAI,CAAC,MAAM,UACT,CAAC,iBAAiB,QAAuB,MAAM;GAEjD,KAAK,cAAc,IAAI;GACvB,KAAK,eAAe,IAAI;EAC1B;EAEA,SAAS,WAAW,OAAqB;GACvC,MAAM,YAAY,MAAM,SAAS,IAAI;GACrC,OACE,MAAM,QAAQ,IACd,OACC,YAAY,KAAK,MAAM,MACxB,YACA,MACA,MAAM,YAAY;EAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CClLO,KAAI;CAAe,UAAS;;;;qBAAjC,mBAoCM,OApCN,YAoCM,CAlCI,OAAA,SAAK,CAAK,OAAA,SAAA,UAAA,GADlB,mBAI2D,SAAA;;EAFzD,OAAK,eAAA,CAAC,cAEE,OAAA,eAAY,KAAA,QAAA,CAAA;EADnB,KAAG,cAAc,OAAA;oBACuB,OAAA,KAAK,GAAA,IAAA,UAAA,KAAA,mBAAA,QAAA,IAAA,GAChD,YA6BgB,OAAA,kBAAA;EA5Bb,KAAK,OAAA;EACL,eAAa,OAAA;EACb,eAAa,OAAA;EACb,sBAAoB,OAAA,gBAAgB,OAAA;EACpC,oBAAkB,OAAA;EAClB,WAAW;EACX,cAAY;EACZ,UAAU,OAAA;EACV,UAAU,OAAA;EACV,QAAQ,OAAA;EACR,QAAQ,OAAA;EACR,cAAY;EACZ,kBAAgB,OAAA;EAChB,YAAU,OAAA,aAAS,CAAK,OAAA,eAAe,OAAA,QAAQ,KAAA;EAC/C,YAAU,OAAA,aAAS,CAAK,OAAA,eAAe,OAAA,QAAQ,KAAA;EAC/C,OAAO,KAAA,MAAc,OAAA;EACrB,mBAAiB,OAAA,eAAY,IAAO,OAAA,eAAY;EAChD,QAAQ,OAAA;EACR,sBAAkB,CAAG,OAAA,eAAe,OAAA,oBAAoB,KAAA;EACxD,eAAa,OAAA;EACb,YAAU,OAAA;EACV,gBAAc,OAAA;EACd,gBAAc,OAAA;EACd,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAY,MAAM;2BAEvB,OAAA,eAAA;QAAe;oBACe,CAA5C,YAA4C,OAAA,qBAAA;GAAzB,MAAM;GAAI,OAAM"}

package/dist/ClassicEmojiPicker-BJeHH_oM.mjs

@@ -0,0 +1,74 @@
+import { t as useResizePhone } from "./useResizePhone-CpfFUmfV.mjs";
+import { t as ClassicPopover_default } from "./ClassicPopover-Bk5kf37e.mjs";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import EmoticonExcitedOutlineIcon from "vue-material-design-icons/EmoticonExcitedOutline.vue";
+import data from "emoji-mart-vue-fast/data/all.json";
+import "emoji-mart-vue-fast/css/emoji-mart.css";
+import { EmojiIndex, Picker } from "emoji-mart-vue-fast/src";
+//#region src/components/form/ClassicEmojiPicker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "classic-emoji-picker"
+};
+var _hoisted_2 = ["id", "title"];
+//#endregion
+//#region src/components/form/ClassicEmojiPicker.vue
+var ClassicEmojiPicker_default = /* @__PURE__ */ defineComponent({
+	__name: "ClassicEmojiPicker",
+	props: {
+		popoverRelativeClass: {
+			default: void 0,
+			type: String
+		},
+		isTopPosition: {
+			default: false,
+			type: Boolean
+		},
+		id: {
+			default: "",
+			type: String
+		}
+	},
+	emits: ["emojiSelected"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const emojiIndex = new EmojiIndex(data);
+		const { t } = useI18n();
+		const { isPhone } = useResizePhone();
+		return (_ctx, _cache) => {
+			return !unref(isPhone) ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+				id: "emoji-picker-dropdown" + __props.id,
+				ref: "emojiButton",
+				class: "btn btn-transparent d-flex align-items-center justify-content-center",
+				title: unref(t)("Pick your emoji")
+			}, [createVNode(EmoticonExcitedOutlineIcon, { size: 34 })], 8, _hoisted_2), createVNode(ClassicPopover_default, {
+				target: "emoji-picker-dropdown" + __props.id,
+				"only-click": true,
+				"is-fixed": true,
+				"is-top-layer": __props.isTopPosition,
+				"top-pos": __props.isTopPosition,
+				"relative-class": __props.popoverRelativeClass,
+				"popover-class": __props.isTopPosition ? "popover-z-index" : ""
+			}, {
+				default: withCtx(() => [createVNode(unref(Picker), {
+					data: unref(emojiIndex),
+					title: unref(t)("Pick your emoji"),
+					emoji: "point_up",
+					onSelect: _cache[0] || (_cache[0] = ($event) => emit("emojiSelected", $event.native))
+				}, null, 8, ["data", "title"])]),
+				_: 1
+			}, 8, [
+				"target",
+				"is-top-layer",
+				"top-pos",
+				"relative-class",
+				"popover-class"
+			])])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { ClassicEmojiPicker_default as default };
+
+//# sourceMappingURL=ClassicEmojiPicker-BJeHH_oM.mjs.map

package/dist/ClassicEmojiPicker-BJeHH_oM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicEmojiPicker-BJeHH_oM.mjs","names":[],"sources":["../src/components/form/ClassicEmojiPicker.vue","../src/components/form/ClassicEmojiPicker.vue"],"sourcesContent":["<template>\n  <div v-if=\"!isPhone\" class=\"classic-emoji-picker\">\n    <button\n      :id=\"'emoji-picker-dropdown'+id\"\n      ref=\"emojiButton\"\n      class=\"btn btn-transparent d-flex align-items-center justify-content-center\"\n      :title=\"t('Pick your emoji')\"\n    >\n      <EmoticonExcitedOutlineIcon :size=\"34\" />\n    </button>\n    <ClassicPopover\n      :target=\"'emoji-picker-dropdown'+id\"\n      :only-click=\"true\"\n      :is-fixed=\"true\"\n      :is-top-layer=\"isTopPosition\"\n      :top-pos=\"isTopPosition\"\n      :relative-class=\"popoverRelativeClass\"\n      :popover-class=\"isTopPosition?'popover-z-index':''\"\n    >\n      <Picker\n        :data=\"emojiIndex\"\n        :title=\"t('Pick your emoji')\"\n        emoji=\"point_up\"\n        @select=\"emit('emojiSelected', $event.native)\"\n      />\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport EmoticonExcitedOutlineIcon from \"vue-material-design-icons/EmoticonExcitedOutline.vue\";\nimport ClassicPopover from \"../misc/ClassicPopover.vue\";\nimport data from \"emoji-mart-vue-fast/data/all.json\";\nimport \"emoji-mart-vue-fast/css/emoji-mart.css\";\nimport { Picker, EmojiIndex } from \"emoji-mart-vue-fast/src\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  popoverRelativeClass: { default: undefined, type: String },\n  isTopPosition: { default: false, type: Boolean },\n  id: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"emojiSelected\"]);\n\n//Data \nconst emojiIndex = new EmojiIndex(data);\n\n//Composables\nconst { t } = useI18n();\nconst { isPhone } = useResizePhone();\n</script>\n\n","<template>\n  <div v-if=\"!isPhone\" class=\"classic-emoji-picker\">\n    <button\n      :id=\"'emoji-picker-dropdown'+id\"\n      ref=\"emojiButton\"\n      class=\"btn btn-transparent d-flex align-items-center justify-content-center\"\n      :title=\"t('Pick your emoji')\"\n    >\n      <EmoticonExcitedOutlineIcon :size=\"34\" />\n    </button>\n    <ClassicPopover\n      :target=\"'emoji-picker-dropdown'+id\"\n      :only-click=\"true\"\n      :is-fixed=\"true\"\n      :is-top-layer=\"isTopPosition\"\n      :top-pos=\"isTopPosition\"\n      :relative-class=\"popoverRelativeClass\"\n      :popover-class=\"isTopPosition?'popover-z-index':''\"\n    >\n      <Picker\n        :data=\"emojiIndex\"\n        :title=\"t('Pick your emoji')\"\n        emoji=\"point_up\"\n        @select=\"emit('emojiSelected', $event.native)\"\n      />\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport EmoticonExcitedOutlineIcon from \"vue-material-design-icons/EmoticonExcitedOutline.vue\";\nimport ClassicPopover from \"../misc/ClassicPopover.vue\";\nimport data from \"emoji-mart-vue-fast/data/all.json\";\nimport \"emoji-mart-vue-fast/css/emoji-mart.css\";\nimport { Picker, EmojiIndex } from \"emoji-mart-vue-fast/src\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  popoverRelativeClass: { default: undefined, type: String },\n  isTopPosition: { default: false, type: Boolean },\n  id: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"emojiSelected\"]);\n\n//Data \nconst emojiIndex = new EmojiIndex(data);\n\n//Composables\nconst { t } = useI18n();\nconst { isPhone } = useResizePhone();\n</script>\n\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CA,MAAM,OAAO;EAGb,MAAM,aAAa,IAAI,WAAW,IAAI;EAGtC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,YAAY,eAAe;;WApDrB,MAAA,OAAA,KAAA,UAAA,GAAZ,mBAyBM,OAzBN,YAyBM,CAxBJ,mBAOS,UAAA;IANN,IAAE,0BAA0B,QAAA;IAC7B,KAAI;IACJ,OAAM;IACL,OAAO,MAAA,CAAA,EAAC,iBAAA;OAET,YAAyC,4BAAA,EAAZ,MAAM,GAAE,CAAA,CAAA,GAAA,GAAA,UAAA,GAEvC,YAeiB,wBAAA;IAdd,QAAM,0BAA0B,QAAA;IAChC,cAAY;IACZ,YAAU;IACV,gBAAc,QAAA;IACd,WAAS,QAAA;IACT,kBAAgB,QAAA;IAChB,iBAAe,QAAA,gBAAa,oBAAA;;2BAO3B,CALF,YAKE,MAAA,MAAA,GAAA;KAJC,MAAM,MAAA,UAAA;KACN,OAAO,MAAA,CAAA,EAAC,iBAAA;KACT,OAAM;KACL,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAO,MAAM"}

package/dist/ClassicEmojiPicker-EQy5H_zL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicEmojiPicker-EQy5H_zL.mjs","names":[],"sources":["../src/components/form/ClassicEmojiPicker.vue","../src/components/form/ClassicEmojiPicker.vue"],"sourcesContent":["<template>\n  <div v-if=\"!isPhone\" class=\"classic-emoji-picker\">\n    <button\n      :id=\"'emoji-picker-dropdown'+id\"\n      ref=\"emojiButton\"\n      class=\"btn btn-transparent d-flex align-items-center justify-content-center\"\n      :title=\"t('Pick your emoji')\"\n    >\n      <EmoticonExcitedOutlineIcon :size=\"34\" />\n    </button>\n    <ClassicPopover\n      :target=\"'emoji-picker-dropdown'+id\"\n      :only-click=\"true\"\n      :is-fixed=\"true\"\n      :is-top-layer=\"isTopPosition\"\n      :top-pos=\"isTopPosition\"\n      :relative-class=\"popoverRelativeClass\"\n      :popover-class=\"isTopPosition?'popover-z-index':''\"\n    >\n      <Picker\n        :data=\"emojiIndex\"\n        :title=\"t('Pick your emoji')\"\n        emoji=\"point_up\"\n        @select=\"emit('emojiSelected', $event.native)\"\n      />\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport EmoticonExcitedOutlineIcon from \"vue-material-design-icons/EmoticonExcitedOutline.vue\";\nimport ClassicPopover from \"../misc/ClassicPopover.vue\";\nimport data from \"emoji-mart-vue-fast/data/all.json\";\nimport \"emoji-mart-vue-fast/css/emoji-mart.css\";\nimport { Picker, EmojiIndex } from \"emoji-mart-vue-fast/src\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  popoverRelativeClass: { default: undefined, type: String },\n  isTopPosition: { default: false, type: Boolean },\n  id: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"emojiSelected\"]);\n\n//Data \nconst emojiIndex = new EmojiIndex(data);\n\n//Composables\nconst { t } = useI18n();\nconst { isPhone } = useResizePhone();\n</script>\n\n","<template>\n  <div v-if=\"!isPhone\" class=\"classic-emoji-picker\">\n    <button\n      :id=\"'emoji-picker-dropdown'+id\"\n      ref=\"emojiButton\"\n      class=\"btn btn-transparent d-flex align-items-center justify-content-center\"\n      :title=\"t('Pick your emoji')\"\n    >\n      <EmoticonExcitedOutlineIcon :size=\"34\" />\n    </button>\n    <ClassicPopover\n      :target=\"'emoji-picker-dropdown'+id\"\n      :only-click=\"true\"\n      :is-fixed=\"true\"\n      :is-top-layer=\"isTopPosition\"\n      :top-pos=\"isTopPosition\"\n      :relative-class=\"popoverRelativeClass\"\n      :popover-class=\"isTopPosition?'popover-z-index':''\"\n    >\n      <Picker\n        :data=\"emojiIndex\"\n        :title=\"t('Pick your emoji')\"\n        emoji=\"point_up\"\n        @select=\"emit('emojiSelected', $event.native)\"\n      />\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport EmoticonExcitedOutlineIcon from \"vue-material-design-icons/EmoticonExcitedOutline.vue\";\nimport ClassicPopover from \"../misc/ClassicPopover.vue\";\nimport data from \"emoji-mart-vue-fast/data/all.json\";\nimport \"emoji-mart-vue-fast/css/emoji-mart.css\";\nimport { Picker, EmojiIndex } from \"emoji-mart-vue-fast/src\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  popoverRelativeClass: { default: undefined, type: String },\n  isTopPosition: { default: false, type: Boolean },\n  id: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"emojiSelected\"]);\n\n//Data \nconst emojiIndex = new EmojiIndex(data);\n\n//Composables\nconst { t } = useI18n();\nconst { isPhone } = useResizePhone();\n</script>\n\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CA,MAAM,OAAO;EAGb,MAAM,aAAa,IAAI,WAAW,IAAI;EAGtC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,YAAY,eAAe;;;;;;;;;;;;;;;;;;;;;;;CCpDZ,OAAM;;;;SAAf,OAAA,WAAA,UAAA,GAAZ,mBAyBM,OAzBN,YAyBM,CAxBJ,mBAOS,UAAA;EANN,IAAE,0BAA0B,OAAA;EAC7B,KAAI;EACJ,OAAM;EACL,OAAO,OAAA,EAAC,iBAAA;KAET,YAAyC,OAAA,+BAAA,EAAZ,MAAM,GAAE,CAAA,CAAA,GAAA,GAAA,UAAA,GAEvC,YAeiB,OAAA,mBAAA;EAdd,QAAM,0BAA0B,OAAA;EAChC,cAAY;EACZ,YAAU;EACV,gBAAc,OAAA;EACd,WAAS,OAAA;EACT,kBAAgB,OAAA;EAChB,iBAAe,OAAA,gBAAa,oBAAA;;yBAO3B,CALF,YAKE,OAAA,WAAA;GAJC,MAAM,OAAA;GACN,OAAO,OAAA,EAAC,iBAAA;GACT,OAAM;GACL,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,iBAAkB,OAAO,MAAM"}

package/dist/ClassicHelpButton-B6jXpEKT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicHelpButton-B6jXpEKT.mjs","names":[],"sources":["../src/components/misc/ClassicHelpButton.vue","../src/components/misc/ClassicHelpButton.vue"],"sourcesContent":["<!--\n    A simple component to display a help button that shows its message when\n    hovered.\n\n    Usage: \n        <ClassicHelpButton>This is my help message</ClassicHelpButton>\n-->\n<template>\n    <button\n        :id=\"computedId\"\n        class=\"btn-transparent\"\n    >\n        <!-- Button icon -->\n        <HelpCircleIcon :fill-color=\"color\" :size=\"iconSize\" />\n\n        <!-- Tooltip -->\n        <ClassicPopover\n            :target=\"computedId\"\n            popover-class=\"help-popover\"\n            :relative-class=\"inModal ? 'octopus-modal' : relativeClass\"\n        >\n            <div class=\"content\">\n                <slot />\n            </div>\n        </ClassicPopover>\n    </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance } from 'vue';\n\nimport HelpCircleIcon from \"vue-material-design-icons/HelpCircle.vue\";\nimport ClassicPopover from './ClassicPopover.vue';\n\nconst { colored, small } = defineProps<{\n    colored?: boolean;\n    /** Automatically sets relative class to octopus-modal */\n    inModal?: boolean;\n    /** Make the popover relative (userful when in page-element) */\n    relativeClass?: string;\n    /** Make the icon smaller if true *(default: false)* */\n    small?: boolean;\n}>();\n\n/** The color to use for the icon */\nconst color = computed(() => {\n    if (colored) {\n        return \"var(--octopus-primary-darker)\";\n    } else {\n        return \"black\";\n    }\n});\n\n/** The internal ID for the elements */\nconst computedId = computed(() => {\n    return 'popover-' + getCurrentInstance()?.uid;\n});\n\n/** The size of the icon, according to the props */\nconst iconSize = computed(() => {\n    if (small) {\n        return 24;\n    } else {\n        return 30;\n    }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.content {\n    font: revert;\n    font-size: 18px !important;\n    text-align: start;\n}\n\n.help-popover {\n    background-color: var(--octopus-secondary-lighter);\n    max-width: 60%;\n}\n</style>\n","<!--\n    A simple component to display a help button that shows its message when\n    hovered.\n\n    Usage: \n        <ClassicHelpButton>This is my help message</ClassicHelpButton>\n-->\n<template>\n    <button\n        :id=\"computedId\"\n        class=\"btn-transparent\"\n    >\n        <!-- Button icon -->\n        <HelpCircleIcon :fill-color=\"color\" :size=\"iconSize\" />\n\n        <!-- Tooltip -->\n        <ClassicPopover\n            :target=\"computedId\"\n            popover-class=\"help-popover\"\n            :relative-class=\"inModal ? 'octopus-modal' : relativeClass\"\n        >\n            <div class=\"content\">\n                <slot />\n            </div>\n        </ClassicPopover>\n    </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance } from 'vue';\n\nimport HelpCircleIcon from \"vue-material-design-icons/HelpCircle.vue\";\nimport ClassicPopover from './ClassicPopover.vue';\n\nconst { colored, small } = defineProps<{\n    colored?: boolean;\n    /** Automatically sets relative class to octopus-modal */\n    inModal?: boolean;\n    /** Make the popover relative (userful when in page-element) */\n    relativeClass?: string;\n    /** Make the icon smaller if true *(default: false)* */\n    small?: boolean;\n}>();\n\n/** The color to use for the icon */\nconst color = computed(() => {\n    if (colored) {\n        return \"var(--octopus-primary-darker)\";\n    } else {\n        return \"black\";\n    }\n});\n\n/** The internal ID for the elements */\nconst computedId = computed(() => {\n    return 'popover-' + getCurrentInstance()?.uid;\n});\n\n/** The size of the icon, according to the props */\nconst iconSize = computed(() => {\n    if (small) {\n        return 24;\n    } else {\n        return 30;\n    }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.content {\n    font: revert;\n    font-size: 18px !important;\n    text-align: start;\n}\n\n.help-popover {\n    background-color: var(--octopus-secondary-lighter);\n    max-width: 60%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA6Cc,eAAe;IACzB,IAAI,QAAA,SACA,OAAO;SAEP,OAAO;GAEf,CAAA;eAGmB,eAAe;IAC9B,OAAO,aAAa,mBAAmB,GAAG;GAC9C,CAAA;aAGiB,eAAe;IAC5B,IAAI,QAAA,OACA,OAAO;SAEP,OAAO;GAEf,CAAA;;;;;;;;;;;;;;;mBC5CiB,OAAM,UAAS;;qBAb5B,mBAiBS,UAAA;EAhBJ,IAAI,OAAA;EACL,OAAM;;EAEN,mBAAA,eAAA;EACA,YAAuD,OAAA,mBAAA;GAAtC,cAAY,OAAA;GAAQ,MAAM,OAAA;;EAE3C,mBAAA,WAAA;EACA,YAQiB,OAAA,mBAAA;GAPZ,QAAQ,OAAA;GACT,iBAAc;GACb,kBAAgB,OAAA,UAAO,kBAAqB,OAAA;;0BAIvC,CAFN,mBAEM,OAFN,YAEM,CADF,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA"}