kitchen-simulator/lib/catalog/holes/doorway-frameless/planner-element.js

It is a kitchen simulator (self-contained micro-frontend).

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var Three = _interopRequireWildcard(require("three"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var STYLE_STR0 = {
  fill: 'rgb(185, 185, 185)',
  stroke: '#494949',
  strokeWidth: '1',
  strokeMiterlimit: '2.61313'
};
var STYLE_STR0_S = {
  fill: 'rgb(185, 185, 185)',
  stroke: '#0096fd',
  strokeWidth: '1',
  strokeMiterlimit: '2.61313'
};
var STYLE_FILL2 = {
  fill: '#1183B7'
};
var STYLE_FNT0 = {
  fill: 'white',
  fontWeight: 'normal',
  fontSize: '13px',
  fontFamily: 'Proxima Nova Rg'
};
var _default = exports["default"] = {
  name: 'FrameLess Doorway',
  prototype: 'holes',
  info: {
    title: 'FrameLess Doorway',
    tag: ['doorway'],
    description: 'FrameLess Doorway',
    image: '/assets/img/svg/door/Frameless_dorway.svg',
    url: ''
  },
  properties: {
    width: {
      label: 'Width',
      type: 'length-measure',
      defaultValue: {
        length: 91.44
      }
    },
    height: {
      label: 'Height',
      type: 'length-measure',
      defaultValue: {
        length: 215
      }
    },
    altitude: {
      label: 'Altitude',
      type: 'length-measure',
      defaultValue: {
        length: 0
      }
    },
    thickness: {
      label: 'Thickness',
      type: 'length-measure',
      defaultValue: {
        length: 6
      }
    },
    flip_orizzontal: {
      label: 'Flip Door',
      type: 'checkbox',
      defaultValue: false,
      values: {
        none: false,
        yes: true
      }
    }
  },
  render2D: function render2D(element, layer, scene) {
    var flip = element.properties.get('flip_orizzontal');
    var lineWidth = 6;
    var holeWidth = element.properties.get('width').get('length');
    var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
    var length = element.properties.get('width').get('length');
    if (flip == false) {
      return /*#__PURE__*/_react["default"].createElement("g", {
        transform: "translate(".concat(-length / 2, ", 0)")
      }, /*#__PURE__*/_react["default"].createElement("rect", {
        style: rectStyle,
        x: "0",
        y: -lineWidth / 2,
        width: holeWidth,
        height: lineWidth
      }));
    } else {
      return /*#__PURE__*/_react["default"].createElement("g", {
        transform: "translate(".concat(-length / 2, ", 0)")
      }, /*#__PURE__*/_react["default"].createElement("rect", {
        style: rectStyle,
        x: "0",
        y: -lineWidth / 2,
        width: holeWidth,
        height: lineWidth
      }));
    }
  },
  render3D: function render3D(element, layer, scene) {
    return Promise.resolve(new Three.Object3D());
  }
};
module.exports = exports.default;