@drincs/pixi-vn 0.6.5 → 0.6.7

package/dist/labels/CustomTickerCanvasElementTestLabel.d.mts

@@ -1,10 +1,12 @@
 import { Ticker } from 'pixi.js';
-import { L as Label } from '../LabelProps-CmRpvUJm.mjs';
+import Label from '../classes/Label.mjs';
 import { T as TickerBase } from '../TickerBase-DKYzbzro.mjs';
 import '../types/LabelIdType.mjs';
 import '../types/StepLabelType.mjs';
 import '@drincs/pixi-vn/dist/override';
+import '../classes/LabelAbstract.mjs';
 import '../types/StepHistoryDataType.mjs';
+import '../interface/LabelProps.mjs';
 import '../types/StorageElementType.mjs';
 import '../types/TickerIdType.mjs';
 

package/dist/labels/CustomTickerCanvasElementTestLabel.d.ts

@@ -1,10 +1,12 @@
 import { Ticker } from 'pixi.js';
-import { L as Label } from '../LabelProps-CFV-zRjG.js';
+import Label from '../classes/Label.js';
 import { T as TickerBase } from '../TickerBase-3rLpDpmb.js';
 import '../types/LabelIdType.js';
 import '../types/StepLabelType.js';
 import '@drincs/pixi-vn/dist/override';
+import '../classes/LabelAbstract.js';
 import '../types/StepHistoryDataType.js';
+import '../interface/LabelProps.js';
 import '../types/StorageElementType.js';
 import '../types/TickerIdType.js';
 

package/dist/labels/CustomTickerCanvasElementTestLabel.js

@@ -568,16 +568,14 @@ function checkIfStepsIsEqual(step1, step2) {
   return step1 === step2;
 }
 
-// src/classes/Label.ts
-var Label = class {
+// src/classes/LabelAbstract.ts
+var LabelAbstract = class {
   /**
    * @param id is the id of the label
-   * @param steps is the list of steps that the label will perform
    * @param props is the properties of the label
    */
-  constructor(id, steps, props) {
+  constructor(id, props) {
     this._id = id;
-    this._steps = steps;
     this._onStepStart = props == null ? void 0 : props.onStepStart;
     this._onLoadStep = props == null ? void 0 : props.onLoadStep;
     this._onStepEnd = props == null ? void 0 : props.onStepEnd;
@@ -589,17 +587,6 @@ var Label = class {
   get id() {
     return this._id;
   }
-  /**
-   * Get the steps of the label.
-   * This class should be extended and the steps method should be overridden.
-   * Every time you update this list will also be updated when the other game versions load.
-   */
-  get steps() {
-    if (typeof this._steps === "function") {
-      return this._steps();
-    }
-    return this._steps;
-  }
   /**
    * Get the corresponding steps number
    * @param externalSteps
@@ -650,6 +637,28 @@ var Label = class {
   }
 };
 
+// src/classes/Label.ts
+var Label = class extends LabelAbstract {
+  /**
+   * @param id is the id of the label
+   * @param steps is the list of steps that the label will perform
+   * @param props is the properties of the label
+   */
+  constructor(id, steps, props) {
+    super(id, props);
+    this._steps = steps;
+  }
+  /**
+   * Get the steps of the label.
+   */
+  get steps() {
+    if (typeof this._steps === "function") {
+      return this._steps();
+    }
+    return this._steps;
+  }
+};
+
 // src/classes/CloseLabel.ts
 var CLOSE_LABEL_ID = "__close-label-id__";
 function newCloseLabel(choiseIndex) {
@@ -661,6 +670,106 @@ function newCloseLabel(choiseIndex) {
 // src/types/CloseType.ts
 var Close = "close";
 
+// src/classes/ChoiceMenuOption.ts
+var ChoiceMenuOption = class {
+  /**
+   * @param text Text to be displayed in the menu
+   * @param label Label to be opened when the option is selected or the id of the label
+   * @param props Properties to be passed to the label and olther parameters that you can use when get all the choice menu options. It be converted to a JSON string, so it cannot contain functions or classes.
+   * @param type Type of the label to be opened. @default "call"
+   */
+  constructor(text, label, props, type = "call") {
+    /**
+     * Properties to be passed to the label and olther parameters that you can use when get all the choice menu options.
+     * @example
+     * ```tsx
+     * setChoiceMenuOptions([
+     *     new ChoiceMenuOption("Hello", helloLabel, { disabled: true }),
+     * ])
+     * return <List>
+     *     {getChoiceMenuOptions()?.map((item, index) => {
+     *         return (
+     *             <ChoiceButton
+     *                 disabled={item.props.disabled}
+     *                 onClick={() => {
+     *                     afterSelectChoice(item)
+     *                 }}
+     *             >
+     *                 {item.text}
+     *             </ChoiceButton>
+     *         )
+     *     })}
+     * </List>
+     * ```
+     */
+    this.props = {};
+    this.text = text;
+    this._label = label;
+    this.type = type;
+    if (props) {
+      this.props = props;
+    }
+  }
+  /**
+   * Label to be opened when the option is selected
+   */
+  get label() {
+    let label = this._label;
+    if (typeof label === "string") {
+      let res = getLabelById(label);
+      if (res) {
+        label = res;
+      } else {
+        console.error(`Label ${label} not found, so it will be closed`);
+        label = newCloseLabel();
+      }
+    }
+    return label;
+  }
+};
+var ChoiceMenuOptionClose = class {
+  /**
+   * @param text Text to be displayed in the menu
+   * @param closeCurrentLabel If true, the current label will be closed. @default false
+   */
+  constructor(text, closeCurrentLabel = false) {
+    /**
+     * Label to be opened when the option is selected
+     */
+    this.label = newCloseLabel();
+    /**
+     * Type of the label to be opened
+     */
+    this.type = Close;
+    /**
+     * Properties to be passed to the label and olther parameters that you can use when get all the choice menu options.
+     * @example
+     * ```tsx
+     * setChoiceMenuOptions([
+     *     new ChoiceMenuOption("Hello", helloLabel, { disabled: true }),
+     * ])
+     * return <List>
+     *     {getChoiceMenuOptions()?.map((item, index) => {
+     *         return (
+     *             <ChoiceButton
+     *                 disabled={item.props.disabled}
+     *                 onClick={() => {
+     *                     afterSelectChoice(item)
+     *                 }}
+     *             >
+     *                 {item.text}
+     *             </ChoiceButton>
+     *         )
+     *     })}
+     * </List>
+     * ```
+     */
+    this.props = {};
+    this.text = text;
+    this.closeCurrentLabel = closeCurrentLabel;
+  }
+};
+
 // src/functions/DialogueUtility.ts
 function setDialogue(props) {
   let text = "";
@@ -695,13 +804,9 @@ function getChoiceMenuOptions() {
     d.forEach((option, index) => {
       if (option.type === Close) {
         let itemLabel = newCloseLabel(index);
-        options.push({
-          text: option.text,
-          label: itemLabel,
-          type: Close,
-          closeCurrentLabel: option.closeCurrentLabel,
-          props: {}
-        });
+        let choice = new ChoiceMenuOptionClose(option.text, option.closeCurrentLabel);
+        choice.label = itemLabel;
+        options.push(choice);
         return;
       }
       let label = getLabelById(option.label);
@@ -710,9 +815,7 @@ function getChoiceMenuOptions() {
           onStepStart: label.onStepStart,
           choiseIndex: index
         });
-        options.push(__spreadProps(__spreadValues({}, option), {
-          label: itemLabel
-        }));
+        options.push(new ChoiceMenuOption(option.text, itemLabel, option.props, option.type));
       }
     });
     return options;