bromcom-ui 2.7.36-rc.11 → 2.7.36-rc.12

package/dist/collection/components/molecules/stepper/stepper.js

@@ -1,484 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, Element, Event, h, Host, Listen, Method, Prop, Watch } from '@stencil/core';
-import cs from 'classnames';
-import snq from 'snq';
-import { IsLoad } from '../../../decorators/is-load-decorator';
-import { JsonParse } from '../../../decorators/json-parse-decarator';
-import { Generate } from '../../../helper/generate';
-import Bcm from '../../../models/bcm';
-import { StepperHeaderTemplate } from '../../../templates/step-template';
-import { getChildElements } from '../../../utils/utils';
-import stepperStates from '../states/stepper-states';
-export class BcmStepper {
-  constructor() {
-    this.hidden = false;
-    this._id = Generate.UID();
-    this.direction = Bcm.Direction.horizontal;
-    this.linear = false;
-    this.size = Bcm.Size.medium;
-    this.icon = false;
-    this.active = 1;
-    this.data = [];
-    this.tick = {};
-  }
-  async dataChanged() {
-    this.initState();
-  }
-  componentDidLoad() {
-    this.initState();
-  }
-  disconnectedCallback() {
-    stepperStates.removeState(this._id);
-  }
-  async initState() {
-    const { _id, data, direction, linear, size, icon, active, el } = this;
-    const steps = data.length > 0 ? data : this.getSlotElements();
-    await stepperStates.setValue({
-      id: _id,
-      el,
-      direction,
-      linear,
-      size,
-      icon,
-      active,
-      steps,
-    });
-    this.markForCheck();
-  }
-  componentDidRender() {
-    this.setSteps(this.getItems());
-  }
-  setSteps(steps) {
-    const slots = getChildElements(this.el, 'bcm-step');
-    if (slots.length > 0) {
-      slots.forEach((item, index) => {
-        const step = steps.find(step => !item.headerHidden && step.id === item.id);
-        if (step) {
-          Generate.setAttributes(item, Object.assign({ title: '', status: step.status || 'default', disabled: step.disabled || false, valid: step.valid || true, loading: step.loading || false, index: step.index || index, active: step.active || false, innerHtml: step.innerHtml || '' }, (item.hidden == true && { headerHidden: true })));
-          if ((item.hidden = false)) {
-            item.removeAttribute('hidden');
-          }
-        }
-      });
-    }
-  }
-  markForCheck() {
-    this.tick = Generate.UID();
-  }
-  handleChangeBcmHidden() {
-    this.initState();
-  }
-  getActiveIndex() {
-    return stepperStates.getActiveIndex(this._id);
-  }
-  getSlotElements() {
-    return snq(() => getChildElements(this.el, 'bcm-step'), []);
-  }
-  async onStepChange(index) {
-    if (index) {
-      stepperStates.changeActiveStep(this._id, index);
-      this.bcmStepChange.emit(index);
-    }
-    this.markForCheck();
-    return Promise.resolve(index);
-  }
-  async prev() {
-    const index = this.getActiveIndex();
-    if (index > 1) {
-      await this.onStepChange(index - 1);
-    }
-    return Promise.resolve(this.getActiveIndex());
-  }
-  async next(idx) {
-    const index = idx || this.getActiveIndex();
-    const step = await this.getCurrentStep();
-    const lastStep = this.getItems()[this.getItems().length - 1];
-    if (step.valid) {
-      this.linear && lastStep.id != step.id && (step.status = 'success');
-      if (index < this.getItems().length) {
-        await this.onStepChange(index + 1);
-      }
-    }
-    else {
-      step.status = 'error';
-    }
-    return Promise.resolve(this.getActiveIndex());
-  }
-  async setActive(index) {
-    if (!index)
-      return;
-    if (this.linear) {
-      const prevStepIsValid = this.getItems()
-        .filter(item => item.index < index)
-        .map(item => ({
-        id: item.id,
-        status: item.status,
-        disabled: item.disabled,
-      }))
-        .every(item => !item.disabled && (item.status === 'success' || item.status === 'default'));
-      if (prevStepIsValid) {
-        await this.next(index - 1);
-      }
-    }
-    else {
-      stepperStates.setActiveIndex(this._id, index);
-      await this.next(index - 1);
-    }
-  }
-  async reset() {
-    await this.onStepChange(1);
-    stepperStates.stepperReset(this._id);
-    return Promise.resolve(this.getActiveIndex());
-  }
-  async getCurrentStep() {
-    return snq(() => getChildElements(this.el, 'bcm-step[active="true"]')[0], null);
-  }
-  async getSteps() {
-    return Promise.resolve(this.getItems());
-  }
-  getItems() {
-    return snq(() => { var _a; return (_a = stepperStates.getValue(this._id).steps) === null || _a === void 0 ? void 0 : _a.filter(item => !item.headerHidden); }, []);
-  }
-  render() {
-    const { hidden, direction, linear, size } = this;
-    const hostClasses = cs('bcm-stepper', 'bcm-stepper__direction-' + direction, 'bcm-stepper__size-' + size, {
-      'bcm-stepper__linear': linear,
-      hidden,
-    });
-    const lineClasses = item => cs('bcm-stepper__header-line', `bcm-stepper__header-line--${(item === null || item === void 0 ? void 0 : item.disabled) ? 'disabled' : (item === null || item === void 0 ? void 0 : item.status) === 'error' ? 'default' : item === null || item === void 0 ? void 0 : item.status}`);
-    const items = this.getItems();
-    return (h(Host, { class: hostClasses },
-      h("span", { hidden: true, id: `bcm-stepper__steps-${this._id}` },
-        h("slot", null)),
-      h("main", null,
-        h("header", { class: "bcm-stepper__header" }, items === null || items === void 0 ? void 0 : items.map((item, index) => [
-          h(StepperHeaderTemplate, Object.assign({}, item, { stepChange: step => this.onStepChange(step) })),
-          items.length > index + 1 && h("div", { class: lineClasses(item) }),
-        ])),
-        h("section", { class: "bcm-stepper__body" }, this.data && this.data.length > 0 ? items === null || items === void 0 ? void 0 : items.map(item => h("bcm-step", Object.assign({}, item))) : h("slot", null)))));
-  }
-  static get is() { return "bcm-stepper"; }
-  static get originalStyleUrls() { return {
-    "$": ["stepper.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["stepper.css"]
-  }; }
-  static get properties() { return {
-    "hidden": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "_id": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "id",
-      "reflect": true,
-      "defaultValue": "Generate.UID()"
-    },
-    "direction": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DirectionTypes",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {
-          "DirectionTypes": {
-            "location": "import",
-            "path": "../../../models/bcm-types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "direction",
-      "reflect": false,
-      "defaultValue": "Bcm.Direction.horizontal"
-    },
-    "linear": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "linear",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "size": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "SizeTypes",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "SizeTypes": {
-            "location": "import",
-            "path": "../../../models/bcm-types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "Bcm.Size.medium"
-    },
-    "icon": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "active": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "1"
-    },
-    "data": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "any[]",
-        "resolved": "any[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "tick": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "{}",
-        "resolved": "{}",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "{}"
-    }
-  }; }
-  static get events() { return [{
-      "method": "bcmStepChange",
-      "name": "bcm-step-change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "prev": {
-      "complexType": {
-        "signature": "() => Promise<any>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<any>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "next": {
-      "complexType": {
-        "signature": "(idx?: number) => Promise<any>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<any>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "setActive": {
-      "complexType": {
-        "signature": "(index: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "reset": {
-      "complexType": {
-        "signature": "() => Promise<any>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<any>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "getCurrentStep": {
-      "complexType": {
-        "signature": "() => Promise<any>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<any>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "getSteps": {
-      "complexType": {
-        "signature": "() => Promise<any[]>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<any[]>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "data",
-      "methodName": "dataChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "bcm-change-hidden",
-      "method": "handleChangeBcmHidden",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}
-__decorate([
-  IsLoad()
-], BcmStepper.prototype, "el", void 0);
-__decorate([
-  JsonParse('data')
-], BcmStepper.prototype, "data", void 0);