stencil-quantum/dist/collection/components/quantum-display/quantum-display.js

Experience the quantum realm of stencil.

import { Component, Element, Prop, State } from '@stencil/core';
import { Provider } from '../../libs/provider';
import { throwQuantum } from '../../libs';
export class QuantumDisplay {
  constructor() {
    this.mapper = (val) => `${val}`;
  }
  async componentWillLoad() {
    var _a, _b, _c, _d, _e, _f;
    try {
      this.name = (_c = (_b = (_a = this.bind) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.name) !== null && _c !== void 0 ? _c : "";
      this.namespace = (_e = (_d = this.bind) === null || _d === void 0 ? void 0 : _d.namespace) !== null && _e !== void 0 ? _e : this.namespace;
      this.debug = ((_f = this.bind) === null || _f === void 0 ? void 0 : _f.debug) || this.debug;
      const provider = Provider.find(this.el, this.name, this.namespace, this.debug);
      provider.listen(val => {
        try {
          this.value = this.mapper(val);
        }
        catch (err) {
          throwQuantum(this.el, err);
        }
      }, true);
    }
    catch (err) {
      throwQuantum(this.el, err);
    }
  }
  render() {
    return this.value;
  }
  static get is() { return "quantum-display"; }
  static get properties() { return {
    "bind": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "QuantumKey<any, any>",
        "resolved": "QuantumKey<any, any>",
        "references": {
          "QuantumKey": {
            "location": "import",
            "path": "../../libs"
          }
        }
      },
      "required": true,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      }
    },
    "name": {
      "type": "string",
      "mutable": true,
      "complexType": {
        "original": "string",
        "resolved": "string | undefined",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "name",
      "reflect": true
    },
    "namespace": {
      "type": "string",
      "mutable": true,
      "complexType": {
        "original": "string",
        "resolved": "string | undefined",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "namespace",
      "reflect": true
    },
    "debug": {
      "type": "boolean",
      "mutable": true,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean | undefined",
        "references": {}
      },
      "required": false,
      "optional": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "debug",
      "reflect": true
    },
    "mapper": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "(val: any) => string",
        "resolved": "(val: any) => string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "defaultValue": "(val: any) => `${val}`"
    }
  }; }
  static get states() { return {
    "value": {}
  }; }
  static get elementRef() { return "el"; }
}