@beeq/core 1.12.0 → 1.12.2-beta.0

package/dist/beeq/{p-258e890f.entry.js.map → p-9a78587d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["bqStepsCss","BqSteps","stepElem","dividerColor","orientation","size","type","checkPropValues","validatePropValue","STEPS_ORIENTATION","this","el","STEPS_SIZE","STEPS_TYPE","setStepItemProps","componentDidLoad","setCurrentStepItem","newCurrentStep","currentStep","bqSteps","find","step","status","slot","querySelector","assignedElements","flatten","filter","tagName","toLowerCase","forEach","bqStepElem","isLast","lastStepItem","at","render","_jsx","class","part","role","ref","div","children"],"sources":["../../packages/beeq/src/components/steps/scss/bq-steps.scss?tag=bq-steps&encapsulation=shadow","../../packages/beeq/src/components/steps/bq-steps.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Steps styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-steps.variables';\n\n:host {\n  @apply box-border inline-flex;\n}\n\n:host([orientation='vertical']) {\n  @apply flex bs-full;\n}\n","import { Component, Element, Method, Prop, Watch } from '@stencil/core';\n\nimport { validatePropValue } from '../../shared/utils';\nimport type { TStepsOrientation, TStepsSize, TStepsType } from './bq-steps.types';\nimport { STEPS_ORIENTATION, STEPS_SIZE, STEPS_TYPE } from './bq-steps.types';\n\n/**\n * The Steps Component is a UI element used to display a series of steps or stages in a process or task.\n * It is used to guide users through a process or task and to indicate their progress.\n *\n * @example How to use it\n * ```html\n * <bq-steps divider-color=\"stroke--primary\" type=\"dot\" size=\"medium\">\n *   <bq-step-item status=\"completed\"> ... </bq-step-item>\n *   <bq-step-item status=\"error\"> ... </bq-step-item>\n *   <bq-step-item status=\"current\"> ... </bq-step-item>\n *   <bq-step-item status=\"default\"> ... </bq-step-item>\n * </bq-steps>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/896b66-stepper\n * @status stable\n *\n * @dependency bq-divider\n *\n * @attr {string} divider-color - The color of the line that connects the steps. It should be a valid declarative color token.\n * @attr {\"horizontal\" | \"vertical\"} orientation - The orientation of the steps\n * @attr {\"medium\" | \"small\"} size - The size of the steps\n * @attr {\"numeric\" | \"icon\" | \"dot\"} type - The type of prefix element to use on the step items\n *\n * @slot - The step items\n *\n * @part container - The container wrapper of the Steps component\n * @part divider-base - The base wrapper of the divider component\n * @part divider-dash-start - The dash start wrapper of the divider component\n * @part divider-dash-end - The dash end wrapper of the divider component\n *\n * @cssprop --bq-steps--divider-color - Divider color\n * @cssprop --bq-steps--gap - Gap between steps\n */\n@Component({\n  tag: 'bq-steps',\n  styleUrl: './scss/bq-steps.scss',\n  shadow: true,\n})\nexport class BqSteps {\n  // Own Properties\n  // ====================\n\n  private stepElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqStepsElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** The color of the line that connects the steps. It should be a valid declarative color token. */\n  @Prop({ reflect: true }) dividerColor: string = 'stroke--primary';\n\n  /** The orientation of the steps */\n  @Prop({ reflect: true }) orientation: TStepsOrientation = 'horizontal';\n\n  /** The size of the steps */\n  @Prop({ reflect: true }) size: TStepsSize = 'medium';\n\n  /** The type of prefix element to use on the step items */\n  @Prop({ reflect: true }) type: TStepsType;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('dividerColor')\n  @Watch('orientation')\n  @Watch('type')\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(STEPS_ORIENTATION, 'horizontal', this.el, 'orientation');\n    validatePropValue(STEPS_SIZE, 'medium', this.el, 'size');\n    validatePropValue(STEPS_TYPE, 'numeric', this.el, 'type');\n\n    this.setStepItemProps();\n  }\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.setStepItemProps();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Set the current step item.\n   * @param newCurrentStep - The step item to set as current.\n   */\n  @Method()\n  async setCurrentStepItem(newCurrentStep: HTMLBqStepItemElement): Promise<void> {\n    // Ideally, only one step item should be current.\n    // So we change the status of the current step item to default.\n    const currentStep = this.bqSteps.find((step: HTMLBqStepItemElement) => step.status === 'current');\n    if (currentStep) currentStep.status = 'default';\n    // And then we set the status of the new current step item to current.\n    newCurrentStep.status = 'current';\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private get bqSteps(): HTMLBqStepItemElement[] {\n    if (!this.stepElem) return [];\n\n    const slot = this.stepElem.querySelector('slot');\n    return [...slot.assignedElements({ flatten: true })].filter(\n      (el: HTMLBqStepItemElement) => el.tagName.toLowerCase() === 'bq-step-item',\n    ) as [HTMLBqStepItemElement];\n  }\n\n  private setStepItemProps = () => {\n    this.bqSteps.forEach((bqStepElem: HTMLBqStepItemElement) => {\n      bqStepElem.isLast = bqStepElem === this.lastStepItem;\n      bqStepElem.dividerColor = this.dividerColor;\n      bqStepElem.orientation = this.orientation;\n      bqStepElem.size = this.size;\n      bqStepElem.type = this.type;\n    });\n  };\n\n  private get lastStepItem(): HTMLBqStepItemElement | undefined {\n    return this.bqSteps.at(-1);\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        class={{\n          'relative inline-flex items-start justify-between': true,\n          'is-full flex-row': this.orientation === 'horizontal',\n          'bs-full flex-col': this.orientation === 'vertical',\n        }}\n        part=\"container\"\n        role=\"list\"\n        ref={(div) => {\n          this.stepElem = div;\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;qKAAA,MAAMA,EAAa,IAAM,2xnB,MC6CZC,EAAO,M,yBAIVC,S,wBAeiBC,aAAuB,kBAGvBC,YAAiC,aAGjCC,KAAmB,SAGnBC,KASzB,eAAAC,GACEC,EAAkBC,EAAmB,aAAcC,KAAKC,GAAI,eAC5DH,EAAkBI,EAAY,SAAUF,KAAKC,GAAI,QACjDH,EAAkBK,EAAY,UAAWH,KAAKC,GAAI,QAElDD,KAAKI,kB,CAUP,gBAAAC,GACEL,KAAKI,kB,CAkBP,wBAAME,CAAmBC,GAGvB,MAAMC,EAAcR,KAAKS,QAAQC,MAAMC,GAAgCA,EAAKC,SAAW,YACvF,GAAIJ,EAAaA,EAAYI,OAAS,UAEtCL,EAAeK,OAAS,S,CAQ1B,WAAYH,GACV,IAAKT,KAAKR,SAAU,MAAO,GAE3B,MAAMqB,EAAOb,KAAKR,SAASsB,cAAc,QACzC,MAAO,IAAID,EAAKE,iBAAiB,CAAEC,QAAS,QAASC,QAClDhB,GAA8BA,EAAGiB,QAAQC,gBAAkB,gB,CAIxDf,iBAAmB,KACzBJ,KAAKS,QAAQW,SAASC,IACpBA,EAAWC,OAASD,IAAerB,KAAKuB,aACxCF,EAAW5B,aAAeO,KAAKP,aAC/B4B,EAAW3B,YAAcM,KAAKN,YAC9B2B,EAAW1B,KAAOK,KAAKL,KACvB0B,EAAWzB,KAAOI,KAAKJ,IAAI,GAC3B,EAGJ,gBAAY2B,GACV,OAAOvB,KAAKS,QAAQe,IAAG,E,CAOzB,MAAAC,GACE,OACEC,EACE,OAAAC,MAAO,CACL,mDAAoD,KACpD,mBAAoB3B,KAAKN,cAAgB,aACzC,mBAAoBM,KAAKN,cAAgB,YAE3CkC,KAAK,YACLC,KAAK,OACLC,IAAMC,IACJ/B,KAAKR,SAAWuC,CAAG,EAGrBC,SAAAN,EAAA,uDACI,2C","ignoreList":[]}
+{"version":3,"names":["bqStepsCss","BqSteps","stepElem","dividerColor","orientation","size","type","checkPropValues","validatePropValue","STEPS_ORIENTATION","this","el","STEPS_SIZE","STEPS_TYPE","setStepItemProps","componentDidLoad","setCurrentStepItem","newCurrentStep","currentStep","bqSteps","find","step","status","slot","querySelector","assignedElements","flatten","filter","tagName","toLowerCase","forEach","bqStepElem","isLast","lastStepItem","at","render","_jsx","class","part","role","ref","div","children"],"sources":["../../packages/beeq/src/components/steps/scss/bq-steps.scss?tag=bq-steps&encapsulation=shadow","../../packages/beeq/src/components/steps/bq-steps.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Steps styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-steps.variables';\n\n:host {\n  @apply box-border inline-flex;\n}\n\n:host([orientation='vertical']) {\n  @apply flex bs-full;\n}\n","import { Component, Element, Method, Prop, Watch } from '@stencil/core';\n\nimport { validatePropValue } from '../../shared/utils';\nimport type { TStepsOrientation, TStepsSize, TStepsType } from './bq-steps.types';\nimport { STEPS_ORIENTATION, STEPS_SIZE, STEPS_TYPE } from './bq-steps.types';\n\n/**\n * The Steps Component is a UI element used to display a series of steps or stages in a process or task.\n * It is used to guide users through a process or task and to indicate their progress.\n *\n * @example How to use it\n * ```html\n * <bq-steps divider-color=\"stroke--primary\" type=\"dot\" size=\"medium\">\n *   <bq-step-item status=\"completed\"> ... </bq-step-item>\n *   <bq-step-item status=\"error\"> ... </bq-step-item>\n *   <bq-step-item status=\"current\"> ... </bq-step-item>\n *   <bq-step-item status=\"default\"> ... </bq-step-item>\n * </bq-steps>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/896b66-stepper\n * @status stable\n *\n * @dependency bq-divider\n *\n * @attr {string} divider-color - The color of the line that connects the steps. It should be a valid declarative color token.\n * @attr {\"horizontal\" | \"vertical\"} orientation - The orientation of the steps\n * @attr {\"medium\" | \"small\"} size - The size of the steps\n * @attr {\"numeric\" | \"icon\" | \"dot\"} type - The type of prefix element to use on the step items\n *\n * @slot - The step items\n *\n * @part container - The container wrapper of the Steps component\n * @part divider-base - The base wrapper of the divider component\n * @part divider-dash-start - The dash start wrapper of the divider component\n * @part divider-dash-end - The dash end wrapper of the divider component\n *\n * @cssprop --bq-steps--divider-color - Divider color\n * @cssprop --bq-steps--gap - Gap between steps\n */\n@Component({\n  tag: 'bq-steps',\n  styleUrl: './scss/bq-steps.scss',\n  shadow: true,\n})\nexport class BqSteps {\n  // Own Properties\n  // ====================\n\n  private stepElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqStepsElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** The color of the line that connects the steps. It should be a valid declarative color token. */\n  @Prop({ reflect: true }) dividerColor: string = 'stroke--primary';\n\n  /** The orientation of the steps */\n  @Prop({ reflect: true }) orientation: TStepsOrientation = 'horizontal';\n\n  /** The size of the steps */\n  @Prop({ reflect: true }) size: TStepsSize = 'medium';\n\n  /** The type of prefix element to use on the step items */\n  @Prop({ reflect: true }) type: TStepsType;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('dividerColor')\n  @Watch('orientation')\n  @Watch('type')\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(STEPS_ORIENTATION, 'horizontal', this.el, 'orientation');\n    validatePropValue(STEPS_SIZE, 'medium', this.el, 'size');\n    validatePropValue(STEPS_TYPE, 'numeric', this.el, 'type');\n\n    this.setStepItemProps();\n  }\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.setStepItemProps();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Set the current step item.\n   * @param newCurrentStep - The step item to set as current.\n   */\n  @Method()\n  async setCurrentStepItem(newCurrentStep: HTMLBqStepItemElement): Promise<void> {\n    // Ideally, only one step item should be current.\n    // So we change the status of the current step item to default.\n    const currentStep = this.bqSteps.find((step: HTMLBqStepItemElement) => step.status === 'current');\n    if (currentStep) currentStep.status = 'default';\n    // And then we set the status of the new current step item to current.\n    newCurrentStep.status = 'current';\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private get bqSteps(): HTMLBqStepItemElement[] {\n    if (!this.stepElem) return [];\n\n    const slot = this.stepElem.querySelector('slot');\n    return [...slot.assignedElements({ flatten: true })].filter(\n      (el: HTMLBqStepItemElement) => el.tagName.toLowerCase() === 'bq-step-item',\n    ) as [HTMLBqStepItemElement];\n  }\n\n  private setStepItemProps = () => {\n    this.bqSteps.forEach((bqStepElem: HTMLBqStepItemElement) => {\n      bqStepElem.isLast = bqStepElem === this.lastStepItem;\n      bqStepElem.dividerColor = this.dividerColor;\n      bqStepElem.orientation = this.orientation;\n      bqStepElem.size = this.size;\n      bqStepElem.type = this.type;\n    });\n  };\n\n  private get lastStepItem(): HTMLBqStepItemElement | undefined {\n    return this.bqSteps.at(-1);\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        class={{\n          'relative inline-flex items-start justify-between': true,\n          'is-full flex-row': this.orientation === 'horizontal',\n          'bs-full flex-col': this.orientation === 'vertical',\n        }}\n        part=\"container\"\n        role=\"list\"\n        ref={(div) => {\n          this.stepElem = div;\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,MAAMA,aAAa,MAAM;;MC6CZC,IAAO;;;;;;EAIVC;;;;;;;;;;EAeiBC,aAAuB;;EAGvBC,YAAiC;;EAGjCC,KAAmB;;EAGnBC;;;EASzB,eAAAC;IACEC,EAAkBC,GAAmB,cAAcC,KAAKC,IAAI;IAC5DH,EAAkBI,GAAY,UAAUF,KAAKC,IAAI;IACjDH,EAAkBK,GAAY,WAAWH,KAAKC,IAAI;IAElDD,KAAKI;;;;;;;;EAUP,gBAAAC;IACEL,KAAKI;;;;;;;;;;;;;;EAkBP,wBAAME,CAAmBC;;;IAGvB,MAAMC,IAAcR,KAAKS,QAAQC,MAAMC,KAAgCA,EAAKC,WAAW;IACvF,IAAIJ,GAAaA,EAAYI,SAAS;;QAEtCL,EAAeK,SAAS;;;;;;EAQ1B,WAAYH;IACV,KAAKT,KAAKR,UAAU,OAAO;IAE3B,MAAMqB,IAAOb,KAAKR,SAASsB,cAAc;IACzC,OAAO,KAAID,EAAKE,iBAAiB;MAAEC,SAAS;SAASC,QAClDhB,KAA8BA,EAAGiB,QAAQC,kBAAkB;;EAIxDf,iBAAmB;IACzBJ,KAAKS,QAAQW,SAASC;MACpBA,EAAWC,SAASD,MAAerB,KAAKuB;MACxCF,EAAW5B,eAAeO,KAAKP;MAC/B4B,EAAW3B,cAAcM,KAAKN;MAC9B2B,EAAW1B,OAAOK,KAAKL;MACvB0B,EAAWzB,OAAOI,KAAKJ;AAAI;AAC3B;EAGJ,gBAAY2B;IACV,OAAOvB,KAAKS,QAAQe,IAAG;;;;;EAOzB,MAAAC;IACE,OACEC,EACE;MAAAC,OAAO;QACL,oDAAoD;QACpD,oBAAoB3B,KAAKN,gBAAgB;QACzC,oBAAoBM,KAAKN,gBAAgB;;MAE3CkC,MAAK;MACLC,MAAK;MACLC,KAAMC;QACJ/B,KAAKR,WAAWuC;AAAG;MAGrBC,UAAAN,EAAA;OACI","ignoreList":[]}

package/dist/beeq/p-B4sM1t6Z.js

@@ -2,5 +2,12 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-const e=()=>typeof window!=="undefined"&&typeof document!=="undefined";export{e as i};
+/**
+ * Checks if the code is running on the client side.
+ * @returns {boolean} True if running on the client side, false otherwise.
+ */
+const isClient = () => typeof window !== "undefined" && typeof document !== "undefined";
+
+export { isClient as i };
+//# sourceMappingURL=p-B4sM1t6Z.js.map
 //# sourceMappingURL=p-B4sM1t6Z.js.map

package/dist/beeq/p-BNvWMggA.js

@@ -2,5 +2,27 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{i as r}from"./p-BRbYDZoo.js";import{i as t}from"./p-lysmVw2n.js";const a=a=>{if(t(a)&&r(a)){try{return Array.from(JSON.parse(String(a)))}catch(r){throw new Error(`Failed to parse string to array. Input must be a valid JSON array string. Details: ${r.message}`)}}return Array.isArray(a)?a:[]};export{a as s};
+import { i as r } from "./p-BRbYDZoo.js";
+
+import { i as t } from "./p-lysmVw2n.js";
+
+/**
+ * Converts a string or array to an array.
+ *
+ * @param {string | string[]} value - The value to convert.
+ * @return {string[]} The converted array.
+ * @throws {Error} If the input string is not a valid JSON array
+ */ const stringToArray = a => {
+  if (t(a) && r(a)) {
+    try {
+      return Array.from(JSON.parse(String(a)));
+    } catch (r) {
+      throw new Error(`Failed to parse string to array. Input must be a valid JSON array string. Details: ${r.message}`);
+    }
+  }
+  return Array.isArray(a) ? a : [];
+};
+
+export { stringToArray as s };
+//# sourceMappingURL=p-BNvWMggA.js.map
 //# sourceMappingURL=p-BNvWMggA.js.map

package/dist/beeq/p-BRMw_HGf.js

@@ -2,5 +2,12 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-const o=["numeric","icon","dot"];const a=["medium","small"];const s=["horizontal","vertical"];export{s as S,a,o as b};
+const o = [ "numeric", "icon", "dot" ];
+
+const a = [ "medium", "small" ];
+
+const s = [ "horizontal", "vertical" ];
+
+export { s as S, a, o as b };
+//# sourceMappingURL=p-BRMw_HGf.js.map
 //# sourceMappingURL=p-BRMw_HGf.js.map

package/dist/beeq/p-BRbYDZoo.js

@@ -2,5 +2,14 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{i as o}from"./p-lysmVw2n.js";const s=s=>o(s)?s.length!==0:Boolean(s);export{s as i};
+import { i as o } from "./p-lysmVw2n.js";
+
+/**
+ * Check is a value is not falsy
+ * @param value the value to be checked
+ * @returns {boolean} the value is not falsy
+ */ const isDefined = s => o(s) ? s.length !== 0 : Boolean(s);
+
+export { isDefined as i };
+//# sourceMappingURL=p-BRbYDZoo.js.map
 //# sourceMappingURL=p-BRbYDZoo.js.map

package/dist/beeq/p-BcPwGxIn.js

@@ -2,5 +2,13 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-const n=n=>n===null||n===undefined;export{n as i};
+/**
+ * Check if the value is null or undefined
+ * @param value the value to be checked
+ * @returns {boolean} the value is null or undefined
+ */
+const isNil = n => n === null || n === undefined;
+
+export { isNil as i };
+//# sourceMappingURL=p-BcPwGxIn.js.map
 //# sourceMappingURL=p-BcPwGxIn.js.map

package/dist/beeq/p-BsSDkLU5.js

@@ -2,5 +2,30 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-const r=(r,t=0,e="forward")=>{let n=t;do{n=o(n,r.length,e);if(n===t){break}}while(r[n].disabled);return r[n]};const o=(r,o,t)=>{const e=r+(t==="forward"?1:-1);return(o+e)%o};export{r as g};
+/**
+ * Gets the next element that is not disabled
+ *
+ * @param {Array} elements - The array to search in
+ * @param {number} startAt - Position to start at
+ * @param {string} direction - The direction to look on
+ * @returns {Element} Next available element
+ */
+const getNextElement = (r, o = 0, t = "forward") => {
+  let e = o;
+  do {
+    e = getNextIndex(e, r.length, t);
+    if (e === o) {
+      break;
+    }
+  } while (r[e].disabled);
+  return r[e];
+};
+
+const getNextIndex = (r, o, t) => {
+  const e = r + (t === "forward" ? 1 : -1);
+  return (o + e) % o;
+};
+
+export { getNextElement as g };
+//# sourceMappingURL=p-BsSDkLU5.js.map
 //# sourceMappingURL=p-BsSDkLU5.js.map

package/dist/beeq/p-BtYhUEAn.js

@@ -0,0 +1,9 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+const globalScripts = () => {};
+
+export { globalScripts as g };
+//# sourceMappingURL=p-BtYhUEAn.js.map
+//# sourceMappingURL=p-BtYhUEAn.js.map

package/dist/beeq/p-BtYhUEAn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-BtYhUEAn.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;;;AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}

package/dist/beeq/p-C33fRBEf.js

@@ -2,5 +2,155 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-var n=n=>{n=typeof n;return n==="object"||n==="function"};var t=(t,r,...f)=>{if(typeof t==="string"){t=i(t)}let o=null;let u=null;let c=false;let a=false;const s=[];const v=l=>{for(let r=0;r<l.length;r++){o=l[r];if(Array.isArray(o)){v(o)}else if(o!=null&&typeof o!=="boolean"){if(c=typeof t!=="function"&&!n(o)){o=String(o)}if(c&&a){s[s.length-1].t+=o}else{s.push(c?e(null,o):o)}a=c}}};v(f);if(r){if(r.key){u=r.key}{const n=r.className||r.class;if(n){r.class=typeof n!=="object"?n:Object.keys(n).filter((t=>n[t])).join(" ")}}}if(typeof t==="function"){return t(r===null?{}:r,s,l)}const y=e(t,null);y.l=r;if(s.length>0){y.i=s}{y.o=u}return y};var e=(n,t)=>{const e={u:0,v:n,t:t!=null?t:null,$:null,i:null};{e.l=null}{e.o=null}return e};var l={forEach:(n,t)=>n.map(r).forEach(t),map:(n,t)=>n.map(r).map(t).map(f)};var r=n=>({vattrs:n.l,vchildren:n.i,vkey:n.o,vname:n.p,vtag:n.v,vtext:n.t});var f=n=>{if(typeof n.vtag==="function"){const e={...n.vattrs};if(n.vkey){e.key=n.vkey}if(n.vname){e.name=n.vname}return t(n.vtag,e,...n.vchildren||[])}const l=e(n.vtag,n.vtext);l.l=n.vattrs;l.i=n.vchildren;l.o=n.vkey;l.p=n.vname;return l};function i(n){return n}function o(n,e,l){const r=e||{};const{children:f,...i}=r;let o=i;if(l!==void 0&&!("key"in i)){o={...i,key:l}}if(o&&Object.keys(o).length===0){o=null}if(f!==void 0){if(Array.isArray(f)){return t(n,o,...f)}if(typeof f==="object"&&f!==null&&"u"in f){return t(n,o,f)}return t(n,o,f)}return t(n,o)}function u(n,t,e){return o(n,t,e)}export{o as a,u as j};
+/*
+ Stencil Client Platform v4.41.3 | MIT Licensed | https://stenciljs.com
+ */
+var isComplexType = n => {
+  n = typeof n;
+  return n === "object" || n === "function";
+};
+
+// src/runtime/vdom/h.ts
+var h = (t, e, ...r) => {
+  if (typeof t === "string") {
+    t = transformTag(t);
+  }
+  let l = null;
+  let f = null;
+  let o = false;
+  let i = false;
+  const u = [];
+  const walk = n => {
+    for (let e = 0; e < n.length; e++) {
+      l = n[e];
+      if (Array.isArray(l)) {
+        walk(l);
+      } else if (l != null && typeof l !== "boolean") {
+        if (o = typeof t !== "function" && !isComplexType(l)) {
+          l = String(l);
+        }
+        if (o && i) {
+          u[u.length - 1]._$$text$$_ += l;
+        } else {
+          u.push(o ? newVNode(null, l) : l);
+        }
+        i = o;
+      }
+    }
+  };
+  walk(r);
+  if (e) {
+    if (e.key) {
+      f = e.key;
+    }
+    {
+      const n = e.className || e.class;
+      if (n) {
+        e.class = typeof n !== "object" ? n : Object.keys(n).filter((t => n[t])).join(" ");
+      }
+    }
+  }
+  if (typeof t === "function") {
+    return t(e === null ? {} : e, u, n);
+  }
+  const s = newVNode(t, null);
+  s._$$attrs$$_ = e;
+  if (u.length > 0) {
+    s._$$children$$_ = u;
+  }
+  {
+    s._$$key$$_ = f;
+  }
+  return s;
+};
+
+var newVNode = (n, t) => {
+  const e = {
+    _$$flags$$_: 0,
+    _$$tag$$_: n,
+    // Normalize undefined to null to prevent rendering "undefined" as text
+    _$$text$$_: t != null ? t : null,
+    _$$elm$$_: null,
+    _$$children$$_: null
+  };
+  {
+    e._$$attrs$$_ = null;
+  }
+  {
+    e._$$key$$_ = null;
+  }
+  return e;
+};
+
+var n = {
+  forEach: (n, t) => n.map(convertToPublic).forEach(t),
+  map: (n, t) => n.map(convertToPublic).map(t).map(convertToPrivate)
+};
+
+var convertToPublic = n => ({
+  vattrs: n._$$attrs$$_,
+  vchildren: n._$$children$$_,
+  vkey: n._$$key$$_,
+  vname: n._$$name$$_,
+  vtag: n._$$tag$$_,
+  vtext: n._$$text$$_
+});
+
+var convertToPrivate = n => {
+  if (typeof n.vtag === "function") {
+    const t = {
+      ...n.vattrs
+    };
+    if (n.vkey) {
+      t.key = n.vkey;
+    }
+    if (n.vname) {
+      t.name = n.vname;
+    }
+    return h(n.vtag, t, ...n.vchildren || []);
+  }
+  const t = newVNode(n.vtag, n.vtext);
+  t._$$attrs$$_ = n.vattrs;
+  t._$$children$$_ = n.vchildren;
+  t._$$key$$_ = n.vkey;
+  t._$$name$$_ = n.vname;
+  return t;
+};
+
+function transformTag(n) {
+  return n;
+}
+
+// src/runtime/vdom/jsx-runtime.ts
+function jsx(n, t, e) {
+  const r = t || {};
+  const {children: l, ...f} = r;
+  let o = f;
+  if (e !== void 0 && !("key" in f)) {
+    o = {
+      ...f,
+      key: e
+    };
+  }
+  if (o && Object.keys(o).length === 0) {
+    o = null;
+  }
+  if (l !== void 0) {
+    if (Array.isArray(l)) {
+      return h(n, o, ...l);
+    }
+    if (typeof l === "object" && l !== null && "_$$flags$$_" in l) {
+      return h(n, o, l);
+    }
+    return h(n, o, l);
+  }
+  return h(n, o);
+}
+
+function jsxs(n, t, e) {
+  return jsx(n, t, e);
+}
+
+export { jsx as a, jsxs as j };
+//# sourceMappingURL=p-C33fRBEf.js.map
 //# sourceMappingURL=p-C33fRBEf.js.map

package/dist/beeq/p-CCNjsDdb.js

@@ -2,5 +2,92 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{i as o}from"./p-B4sM1t6Z.js";const s={lockCount:0,config:{debug:false,bodyClassName:"bq-body--scroll-lock"}};const c=o=>{if(!s.config.debug)return;console.log(`[BEEQ ScrollLock] ${o}`)};const r=o=>{const c=o?"add":"remove";document.body.classList[c](s.config.bodyClassName)};const t=o=>{s.config={...s.config,...o}};const l=()=>s.lockCount;const n=()=>s.lockCount>0;const e=()=>{if(!o())return;s.lockCount++;if(s.lockCount!==1)return;r(true);c(`Body scroll locked (count: ${s.lockCount})`)};const u=()=>{if(!o())return;if(s.lockCount===0)return;s.lockCount=Math.max(0,s.lockCount-1);if(s.lockCount!==0)return;r(false);c(`Body scroll unlocked (count: ${s.lockCount})`)};const f=()=>{if(!o())return;if(s.lockCount===0)return;s.lockCount=0;r(false);c("All body scroll locks forcefully removed")};export{t as c,f,l as g,n as i,e as l,u};
+import { i as o } from "./p-B4sM1t6Z.js";
+
+/**
+ * Global state for scroll lock management
+ */ const s = {
+  lockCount: 0,
+  // The lockCount tracks how many components or floating overlays currently need the scroll to be locked.
+  config: {
+    debug: false,
+    bodyClassName: "bq-body--scroll-lock"
+  }
+};
+
+/**
+ * Logs debug messages when debug mode is enabled
+ *
+ * @param message - The debug message to log
+ */ const logDebug = o => {
+  if (!s.config.debug) return;
+  console.log(`[BEEQ ScrollLock] ${o}`);
+};
+
+/**
+ * Applies or removes scroll lock CSS class
+ *
+ * @param shouldLock - Whether to apply or remove the scroll lock class
+ */ const toggleScrollLockClass = o => {
+  const c = o ? "add" : "remove";
+  document.body.classList[c](s.config.bodyClassName);
+};
+
+/**
+ * Configure the scroll lock behavior
+ *
+ * @param config - Partial configuration object to override defaults
+ */ const configureScrollLock = o => {
+  s.config = {
+    ...s.config,
+    ...o
+  };
+};
+
+/**
+ * Gets current scroll lock count
+ */ const getScrollLockCount = () => s.lockCount;
+
+/**
+ * Check if body scroll is currently locked
+ */ const isBodyScrollLocked = () => s.lockCount > 0;
+
+/**
+ * Locks body scroll with reference counting
+ * Multiple calls require the same number of unlockBodyScroll() calls
+ */ const lockBodyScroll = () => {
+  if (!o()) return;
+  s.lockCount++;
+  // Only apply lock on first request
+    if (s.lockCount !== 1) return;
+  toggleScrollLockClass(true);
+  logDebug(`Body scroll locked (count: ${s.lockCount})`);
+};
+
+/**
+ * Unlocks body scroll with reference counting
+ * Safe to call even when not locked
+ */ const unlockBodyScroll = () => {
+  if (!o()) return;
+  if (s.lockCount === 0) return;
+  s.lockCount = Math.max(0, s.lockCount - 1);
+  // Only remove lock when all requests are cleared
+    if (s.lockCount !== 0) return;
+  toggleScrollLockClass(false);
+  logDebug(`Body scroll unlocked (count: ${s.lockCount})`);
+};
+
+/**
+ * Force unlock all body scroll locks (cleanup utility)
+ * Useful for cleanup scenarios or error recovery
+ */ const forceUnlockAllBodyScroll = () => {
+  if (!o()) return;
+  if (s.lockCount === 0) return;
+  s.lockCount = 0;
+  toggleScrollLockClass(false);
+  logDebug("All body scroll locks forcefully removed");
+};
+
+export { configureScrollLock as c, forceUnlockAllBodyScroll as f, getScrollLockCount as g, isBodyScrollLocked as i, lockBodyScroll as l, unlockBodyScroll as u };
+//# sourceMappingURL=p-CCNjsDdb.js.map
 //# sourceMappingURL=p-CCNjsDdb.js.map

package/dist/beeq/p-CVw85-WU.js

@@ -2,5 +2,68 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{i as t}from"./p-BcPwGxIn.js";const e=(t,e,...n)=>{const s=()=>t(...n);if(e===0){const t=setTimeout(s,e);return()=>clearTimeout(t)}else{let t;const n=performance.now();const o=()=>cancelAnimationFrame(t);const c=r=>{const i=r-n;o();if(i<e){t=requestAnimationFrame(c)}else{s()}};t=requestAnimationFrame(c);return o}};const n=(n,s=0,o=false)=>{let c;function r(...r){c?.();const i=this;function a(t,e,...n){t.apply(e,n)}if(o&&t(c)){n.apply(i,r)}c=e(a,s,n,i,...r)}return Object.assign(r,{cancel:()=>{c?.()}})};export{n as d,e as s};
+import { i as e } from "./p-BcPwGxIn.js";
+
+/**
+ * Implements setTimeout using requestAnimationFrame. Uses setTimeout if wait is 0.
+ *
+ * @param {Function} func - The function to timeout.
+ * @param {Number} wait - The number of milliseconds to delay.
+ * @param {Any[]} args - The arguments of func.
+ * @returns {void}
+ */ const setRafTimeout = (e, n, ...t) => {
+  const invokeFunc = () => e(...t);
+  if (n === 0) {
+    const e = setTimeout(invokeFunc, n);
+    return () => clearTimeout(e);
+  } else {
+    let e;
+    const t = performance.now();
+    const cancel = () => cancelAnimationFrame(e);
+    const handleRequestAnimationFrame = o => {
+      const c = o - t;
+      cancel();
+      if (c < n) {
+        e = requestAnimationFrame(handleRequestAnimationFrame);
+      } else {
+        invokeFunc();
+      }
+    };
+    e = requestAnimationFrame(handleRequestAnimationFrame);
+    return cancel;
+  }
+};
+
+/**
+ * Creates a debounced function that delays invoking func until after wait milliseconds have elapsed
+ * since the last time the debounced function was invoked.
+ *
+ * @param {Function} func - The function to debounce.
+ * @param {Number} wait - The number of milliseconds to delay.
+ * @param {Boolean} immediate - If `true`, the function triggers immediately and then waits for the interval before being called again.
+ * @return {Function} The new debounced function.
+ */ const debounce = (n, t = 0, o = false) => {
+  let c;
+  function debounceHandler(...r) {
+    c?.();
+    // We're doing this on purpose to capture and preserve the `this` context
+    // biome-ignore lint/complexity/noUselessThisAlias: <see above>
+        const s = this;
+    function timeoutHandler(e, n, ...t) {
+      e.apply(n, t);
+    }
+    if (o && e(c)) {
+      n.apply(s, r);
+    }
+    c = setRafTimeout(timeoutHandler, t, n, s, ...r);
+  }
+  return Object.assign(debounceHandler, {
+    cancel: () => {
+      c?.();
+    }
+  });
+};
+
+export { debounce as d, setRafTimeout as s };
+//# sourceMappingURL=p-CVw85-WU.js.map
 //# sourceMappingURL=p-CVw85-WU.js.map

package/dist/beeq/p-Cau9SvT4.js

@@ -2,5 +2,16 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-const t=(t,a=Number.MIN_SAFE_INTEGER,e=Number.MAX_SAFE_INTEGER)=>Math.min(Math.max(a,t),e);export{t as c};
+/**
+ * Restricts value to a specified interval [min, max]
+ *
+ * @param value - value
+ * @param min  - lower end of the interval
+ * @param max  - upper end of the interval
+ * @returns  - value in interval [min, max]
+ */
+const clamp = (t, a = Number.MIN_SAFE_INTEGER, e = Number.MAX_SAFE_INTEGER) => Math.min(Math.max(a, t), e);
+
+export { clamp as c };
+//# sourceMappingURL=p-Cau9SvT4.js.map
 //# sourceMappingURL=p-Cau9SvT4.js.map