aloha-vue 1.2.228 → 1.2.229

package/docs/src/views/Form/PageInput/PageInput.js

@@ -1,23 +1,24 @@
-import AInput from "../../../../../src/ui/AInput/AInput";
-import ATextarea from "../../../../../src/ui/ATextarea/ATextarea";
-
-
-export default {
-  name: "PageInput",
-  components: {
-    AInput,
-    ATextarea,
-  },
-  data() {
-    return {
-      model1: "aloha",
-      model2: "hola",
-      model3: "",
-    };
-  },
-  methods: {
-    changeModel1(arg) {
-      console.log("arg", arg);
-    },
-  },
-};
+import AInput from "../../../../../src/ui/AInput/AInput";
+import ATextarea from "../../../../../src/ui/ATextarea/ATextarea";
+
+
+export default {
+  name: "PageInput",
+  components: {
+    AInput,
+    ATextarea,
+  },
+  data() {
+    return {
+      model1: "aloha",
+      model2: "hola",
+      model3: "",
+      model4: "FakePass",
+    };
+  },
+  methods: {
+    changeModel1(arg) {
+      console.log("arg", arg);
+    },
+  },
+};

package/docs/src/views/Form/PageInput/PageInput.pug

@@ -1,36 +1,43 @@
-div
-  h1 Form element
-  h2 Input
-  a-input(
-    id="input1"
-    v-model="model1"
-    type="text"
-    label="Input 1"
-    :required="true"
-    :change="changeModel1"
-  )
-  div model1: {{ model1 }}
-  h2 Textarea
-  a-textarea(
-    id="textarea1"
-    v-model="model2"
-    type="text"
-    label="Textarea 1"
-    :required="true"
-    :is-scalable="true"
-  )
-  div model2:
-  pre {{ model2 }}
-
-  h2 Textarea 2
-    a-textarea(
-      id="textarea3"
-      v-model="model3"
-      type="text"
-      label="Textarea 2"
-      :required="true"
-    )
-    div model3:
-    pre {{ model3 }}
-
-
+div
+  h1 Form element
+  h2 Input
+  a-input(
+    id="input1"
+    v-model="model1"
+    type="text"
+    label="Input 1"
+    :required="true"
+    :change="changeModel1"
+  )
+  div model1: {{ model1 }}
+  h2 Textarea
+  a-textarea(
+    id="textarea1"
+    v-model="model2"
+    type="text"
+    label="Textarea 1"
+    :required="true"
+    :is-scalable="true"
+  )
+  div model2:
+  pre {{ model2 }}
+
+  h2 Textarea 2
+    a-textarea(
+      id="textarea3"
+      v-model="model3"
+      type="text"
+      label="Textarea 2"
+      :required="true"
+    )
+    div model3:
+    pre {{ model3 }}
+  h2 Input (Password)
+  a-input.a_pt_2(
+    id="input4"
+    v-model="model4"
+    type="password"
+    :show-password="true"
+    label="Input 4"
+    :required="true"
+  )

package/docs/src/views/PageModalWizard/compositionAPI/PropsAPI.js

@@ -471,6 +471,13 @@ export default function PropsAPI() {
       default: "_A_WIZARD_STEPS_PROGRESSBAR_TEXT_{{stepActive}}_{{stepsCount}}_{{stepActiveLabel}}_",
       required: false,
     },
+    {
+      name: "sub-type",
+      description: "_A_WIZARD_PROPS_SUB_TYPE_DESCRIPTION_",
+      type: "String",
+      default: undefined,
+      required: false,
+    },
     {
       name: "steps-visited",
       description: "_A_WIZARD_PROPS_STEPS_VISITED_DESCRIPTION_",

package/docs/src/views/PageWizard/PageWizard.js

@@ -1,95 +1,97 @@
-import AlohaPage from "../../global/components/AlohaPage/AlohaPage.vue";
-import AlohaTableProps from "../../global/components/AlohaTableProps/AlohaTableProps.vue";
-import AlohaTableTranslate from "../../global/components/AlohaTableTranslate/AlohaTableTranslate.vue";
-import ATranslation from "../../../../src/ATranslation/ATranslation";
-import PageWizardBasic from "./PageWizardBasic/PageWizardBasic.vue";
-import PageWizardButtons from "./PageWizardButtons/PageWizardButtons.vue";
-import PageWizardButtonsDisabled from "./PageWizardButtonsDisabled/PageWizardButtonsDisabled.vue";
-import PageWizardButtonsHide from "./PageWizardButtonsHide/PageWizardButtonsHide.vue";
-import PageWizardDemo from "./PageWizardDemo/PageWizardDemo.vue";
-import PageWizardHasFocusJump from "./PageWizardHasFocusJump/PageWizardHasFocusJump.vue";
-import PageWizardIsButtonsLoading from "./PageWizardIsButtonsLoading/PageWizardIsButtonsLoading.vue";
-import PageWizardIsControlOutside from "./PageWizardIsControlOutside/PageWizardIsControlOutside.vue";
-import PageWizardIsStepNumberVisible from "./PageWizardIsStepNumberVisible/PageWizardIsStepNumberVisible.vue";
-import PageWizardIsStepsJustified from "./PageWizardIsStepsJustified/PageWizardIsStepsJustified.vue";
-import PageWizardIsToolbar from "./PageWizardIsToolbar/PageWizardIsToolbar.vue";
-import PageWizardKeyId from "./PageWizardKeyId/PageWizardKeyId.vue";
-import PageWizardShowOnlyActiveStepMobile from "./PageWizardShowOnlyActiveStepMobile/PageWizardShowOnlyActiveStepMobile.vue";
-import PageWizardSlot from "./PageWizardSlot/PageWizardSlot.vue";
-import PageWizardSlotLabel from "./PageWizardSlotLabel/PageWizardSlotLabel.vue";
-import PageWizardSlotToolbar from "./PageWizardSlotToolbar/PageWizardSlotToolbar.vue";
-import PageWizardStepActive from "./PageWizardStepActive/PageWizardStepActive.vue";
-import PageWizardStepsErrors from "./PageWizardStepsErrors/PageWizardStepsErrors.vue";
-import PageWizardStepsWarnings from "./PageWizardStepsWarnings/PageWizardStepsWarnings.vue";
-import PageWizardType from "./PageWizardType/PageWizardType.vue";
-
-import ExposesAPI from "./compositionAPI/ExposesAPI";
-import EventsAPI from "./compositionAPI/EventsAPI";
-import PageTitleAPI from "./compositionAPI/PageTitleAPI";
-import PropsAPI from "./compositionAPI/PropsAPI";
-import SlotsAPI from "./compositionAPI/SlotsAPI";
-import TranslateAPI from "./compositionAPI/TranslateAPI";
-
-export default {
-  name: "PageWizard",
-  components: {
-    AlohaPage,
-    AlohaTableProps,
-    AlohaTableTranslate,
-    ATranslation,
-    PageWizardBasic,
-    PageWizardButtons,
-    PageWizardButtonsDisabled,
-    PageWizardButtonsHide,
-    PageWizardDemo,
-    PageWizardHasFocusJump,
-    PageWizardIsButtonsLoading,
-    PageWizardIsControlOutside,
-    PageWizardIsStepNumberVisible,
-    PageWizardIsStepsJustified,
-    PageWizardIsToolbar,
-    PageWizardKeyId,
-    PageWizardShowOnlyActiveStepMobile,
-    PageWizardSlot,
-    PageWizardSlotLabel,
-    PageWizardSlotToolbar,
-    PageWizardStepActive,
-    PageWizardStepsErrors,
-    PageWizardStepsWarnings,
-    PageWizardType,
-  },
-  setup() {
-    const {
-      pageTitle,
-    } = PageTitleAPI();
-
-    const {
-      dataProps,
-    } = PropsAPI();
-
-    const {
-      dataSlots,
-    } = SlotsAPI();
-
-    const {
-      dataExposes,
-    } = ExposesAPI();
-
-    const {
-      dataEvents,
-    } = EventsAPI();
-
-    const {
-      dataTranslate,
-    } = TranslateAPI();
-
-    return {
-      dataExposes,
-      dataEvents,
-      dataProps,
-      dataSlots,
-      dataTranslate,
-      pageTitle,
-    };
-  },
-};
+import AlohaPage from "../../global/components/AlohaPage/AlohaPage.vue";
+import AlohaTableProps from "../../global/components/AlohaTableProps/AlohaTableProps.vue";
+import AlohaTableTranslate from "../../global/components/AlohaTableTranslate/AlohaTableTranslate.vue";
+import ATranslation from "../../../../src/ATranslation/ATranslation";
+import PageWizardBasic from "./PageWizardBasic/PageWizardBasic.vue";
+import PageWizardButtons from "./PageWizardButtons/PageWizardButtons.vue";
+import PageWizardButtonsDisabled from "./PageWizardButtonsDisabled/PageWizardButtonsDisabled.vue";
+import PageWizardButtonsHide from "./PageWizardButtonsHide/PageWizardButtonsHide.vue";
+import PageWizardDemo from "./PageWizardDemo/PageWizardDemo.vue";
+import PageWizardHasFocusJump from "./PageWizardHasFocusJump/PageWizardHasFocusJump.vue";
+import PageWizardIsButtonsLoading from "./PageWizardIsButtonsLoading/PageWizardIsButtonsLoading.vue";
+import PageWizardIsControlOutside from "./PageWizardIsControlOutside/PageWizardIsControlOutside.vue";
+import PageWizardIsStepNumberVisible from "./PageWizardIsStepNumberVisible/PageWizardIsStepNumberVisible.vue";
+import PageWizardIsStepsJustified from "./PageWizardIsStepsJustified/PageWizardIsStepsJustified.vue";
+import PageWizardIsToolbar from "./PageWizardIsToolbar/PageWizardIsToolbar.vue";
+import PageWizardKeyId from "./PageWizardKeyId/PageWizardKeyId.vue";
+import PageWizardShowOnlyActiveStepMobile from "./PageWizardShowOnlyActiveStepMobile/PageWizardShowOnlyActiveStepMobile.vue";
+import PageWizardSlot from "./PageWizardSlot/PageWizardSlot.vue";
+import PageWizardSlotLabel from "./PageWizardSlotLabel/PageWizardSlotLabel.vue";
+import PageWizardSlotToolbar from "./PageWizardSlotToolbar/PageWizardSlotToolbar.vue";
+import PageWizardStepActive from "./PageWizardStepActive/PageWizardStepActive.vue";
+import PageWizardStepsErrors from "./PageWizardStepsErrors/PageWizardStepsErrors.vue";
+import PageWizardStepsWarnings from "./PageWizardStepsWarnings/PageWizardStepsWarnings.vue";
+import PageWizardSubType from "./PageWizardSubType/PageWizardSubType.vue";
+import PageWizardType from "./PageWizardType/PageWizardType.vue";
+
+import ExposesAPI from "./compositionAPI/ExposesAPI";
+import EventsAPI from "./compositionAPI/EventsAPI";
+import PageTitleAPI from "./compositionAPI/PageTitleAPI";
+import PropsAPI from "./compositionAPI/PropsAPI";
+import SlotsAPI from "./compositionAPI/SlotsAPI";
+import TranslateAPI from "./compositionAPI/TranslateAPI";
+
+export default {
+  name: "PageWizard",
+  components: {
+    AlohaPage,
+    AlohaTableProps,
+    AlohaTableTranslate,
+    ATranslation,
+    PageWizardBasic,
+    PageWizardButtons,
+    PageWizardButtonsDisabled,
+    PageWizardButtonsHide,
+    PageWizardDemo,
+    PageWizardHasFocusJump,
+    PageWizardIsButtonsLoading,
+    PageWizardIsControlOutside,
+    PageWizardIsStepNumberVisible,
+    PageWizardIsStepsJustified,
+    PageWizardIsToolbar,
+    PageWizardKeyId,
+    PageWizardShowOnlyActiveStepMobile,
+    PageWizardSlot,
+    PageWizardSlotLabel,
+    PageWizardSlotToolbar,
+    PageWizardStepActive,
+    PageWizardStepsErrors,
+    PageWizardStepsWarnings,
+    PageWizardSubType,
+    PageWizardType,
+  },
+  setup() {
+    const {
+      pageTitle,
+    } = PageTitleAPI();
+
+    const {
+      dataProps,
+    } = PropsAPI();
+
+    const {
+      dataSlots,
+    } = SlotsAPI();
+
+    const {
+      dataExposes,
+    } = ExposesAPI();
+
+    const {
+      dataEvents,
+    } = EventsAPI();
+
+    const {
+      dataTranslate,
+    } = TranslateAPI();
+
+    return {
+      dataExposes,
+      dataEvents,
+      dataProps,
+      dataSlots,
+      dataTranslate,
+      pageTitle,
+    };
+  },
+};

package/docs/src/views/PageWizard/PageWizard.pug

@@ -1,71 +1,73 @@
-aloha-page(
-  :page-title="pageTitle"
-)
-  template(
-    v-slot:body
-  )
-    a-translation(
-      tag="p"
-      html="_A_WIZARD_COMPONENT_DESCRIPTION_"
-    )
-
-    page-wizard-basic
-
-    page-wizard-type
-
-    page-wizard-buttons
-
-    page-wizard-buttons-disabled
-
-    page-wizard-buttons-hide
-
-    page-wizard-is-steps-justified
-
-    page-wizard-is-buttons-loading
-
-    page-wizard-is-toolbar
-
-    page-wizard-is-step-number-visible
-
-    page-wizard-step-active
-
-    page-wizard-steps-errors
-
-    page-wizard-steps-warnings
-
-    page-wizard-key-id
-
-    page-wizard-has-focus-jump
-
-    page-wizard-is-control-outside
-
-    page-wizard-slot-toolbar
-
-    page-wizard-slot-label
-
-    page-wizard-slot
-
-    page-wizard-show-only-active-step-mobile
-
-    page-wizard-demo
-
-    aloha-table-props(
-      :data="dataProps"
-    )
-
-    aloha-table-props(
-      table-label="Slots"
-      :data="dataSlots"
-      :columns="['name', 'description']"
-    )
-
-    aloha-table-props(
-      table-label="Events"
-      :data="dataEvents"
-      :columns="['name', 'type', 'description']"
-    )
-
-    aloha-table-translate(
-      :data="dataTranslate"
-    )
-
+aloha-page(
+  :page-title="pageTitle"
+)
+  template(
+    v-slot:body
+  )
+    a-translation(
+      tag="p"
+      html="_A_WIZARD_COMPONENT_DESCRIPTION_"
+    )
+
+    page-wizard-basic
+
+    page-wizard-type
+
+    page-wizard-sub-type
+
+    page-wizard-buttons
+
+    page-wizard-buttons-disabled
+
+    page-wizard-buttons-hide
+
+    page-wizard-is-steps-justified
+
+    page-wizard-is-buttons-loading
+
+    page-wizard-is-toolbar
+
+    page-wizard-is-step-number-visible
+
+    page-wizard-step-active
+
+    page-wizard-steps-errors
+
+    page-wizard-steps-warnings
+
+    page-wizard-key-id
+
+    page-wizard-has-focus-jump
+
+    page-wizard-is-control-outside
+
+    page-wizard-slot-toolbar
+
+    page-wizard-slot-label
+
+    page-wizard-slot
+
+    page-wizard-show-only-active-step-mobile
+
+    page-wizard-demo
+
+    aloha-table-props(
+      :data="dataProps"
+    )
+
+    aloha-table-props(
+      table-label="Slots"
+      :data="dataSlots"
+      :columns="['name', 'description']"
+    )
+
+    aloha-table-props(
+      table-label="Events"
+      :data="dataEvents"
+      :columns="['name', 'type', 'description']"
+    )
+
+    aloha-table-translate(
+      :data="dataTranslate"
+    )
+

package/docs/src/views/PageWizard/PageWizardDemo/PageWizardDemo.js

@@ -36,7 +36,7 @@ export default {
       codeJs,
     } = JsAPI();
 
-    const modelType = ref("square");
+    const modelType = ref("line");
     const modelStepName = ref("");
     const modelStepId = ref(undefined);
     const isStepsJustified = ref(true);
@@ -50,8 +50,8 @@ export default {
         value: "arrows",
       },
       {
-        label: "_A_WIZARD_TYPE_SQUARE_",
-        value: "square",
+        label: "_A_WIZARD_TYPE_LINE_",
+        value: "line",
       },
       {
         label: "_A_WIZARD_TYPE_ROUND_",

package/docs/src/views/PageWizard/PageWizardDemo/compositionAPI/JsAPI.js

@@ -19,7 +19,7 @@ export default {
     AWizard,
   },
   setup() {
-    const modelType = ref("square");
+    const modelType = ref("line");
     const modelStepName = ref("");
     const modelStepId = ref(undefined);
     const isStepsJustified = ref(true);
@@ -33,8 +33,8 @@ export default {
         value: "arrows",
       },
       {
-        label: "_A_WIZARD_TYPE_SQUARE_",
-        value: "square",
+        label: "_A_WIZARD_TYPE_LINE_",
+        value: "line",
       },
       {
         label: "_A_WIZARD_TYPE_ROUND_",

package/docs/src/views/PageWizard/PageWizardShowOnlyActiveStepMobile/PageWizardShowOnlyActiveStepMobile.js

@@ -28,7 +28,7 @@ export default {
     } = JsAPI();
 
     const showOnlyActiveStepMobile = ref(true);
-    const modelType = ref("square");
+    const modelType = ref("line");
     const types = [
       {
         label: "_A_WIZARD_TYPE_BASIC_",
@@ -39,8 +39,8 @@ export default {
         value: "arrows",
       },
       {
-        label: "_A_WIZARD_TYPE_SQUARE_",
-        value: "square",
+        label: "_A_WIZARD_TYPE_LINE_",
+        value: "line",
       },
       {
         label: "_A_WIZARD_TYPE_ROUND_",

package/docs/src/views/PageWizard/PageWizardShowOnlyActiveStepMobile/compositionAPI/JsAPI.js

@@ -16,7 +16,7 @@ export default {
   },
   setup() {
     const showOnlyActiveStepMobile = ref(true);
-    const modelType = ref("square");
+    const modelType = ref("line");
     const types = [
       {
         label: "_A_WIZARD_TYPE_BASIC_",
@@ -27,8 +27,8 @@ export default {
         value: "arrows",
       },
       {
-        label: "_A_WIZARD_TYPE_SQUARE_",
-        value: "square",
+        label: "_A_WIZARD_TYPE_LINE_",
+        value: "line",
       },
       {
         label: "_A_WIZARD_TYPE_ROUND_",

package/docs/src/views/PageWizard/PageWizardStepsErrors/PageWizardStepsErrors.js

@@ -40,8 +40,8 @@ export default {
         value: "arrows",
       },
       {
-        label: "_A_WIZARD_TYPE_SQUARE_",
-        value: "square",
+        label: "_A_WIZARD_TYPE_LINE_",
+        value: "line",
       },
       {
         label: "_A_WIZARD_TYPE_ROUND_",

package/docs/src/views/PageWizard/PageWizardStepsErrors/compositionAPI/JsAPI.js

@@ -28,8 +28,8 @@ export default {
         value: "arrows",
       },
       {
-        label: "_A_WIZARD_TYPE_SQUARE_",
-        value: "square",
+        label: "_A_WIZARD_TYPE_LINE_",
+        value: "line",
       },
       {
         label: "_A_WIZARD_TYPE_ROUND_",

package/docs/src/views/PageWizard/PageWizardStepsWarnings/PageWizardStepsWarnings.js

@@ -40,8 +40,8 @@ export default {
         value: "arrows",
       },
       {
-        label: "_A_WIZARD_TYPE_SQUARE_",
-        value: "square",
+        label: "_A_WIZARD_TYPE_LINE_",
+        value: "line",
       },
       {
         label: "_A_WIZARD_TYPE_ROUND_",

package/docs/src/views/PageWizard/PageWizardStepsWarnings/compositionAPI/JsAPI.js

@@ -28,8 +28,8 @@ export default {
         value: "arrows",
       },
       {
-        label: "_A_WIZARD_TYPE_SQUARE_",
-        value: "square",
+        label: "_A_WIZARD_TYPE_LINE_",
+        value: "line",
       },
       {
         label: "_A_WIZARD_TYPE_ROUND_",