@difizen/libro-common 0.3.4 → 1.0.0

package/es/app/typings/index.d.ts

@@ -0,0 +1,7 @@
+declare module 'file-icons-js' {
+  function getClass(filePath: string): string;
+  function getClassWithColor(filePath: string): string;
+}
+
+declare module '*.less';
+declare module '*.css';

package/es/app/view/box/index.d.ts

@@ -0,0 +1,19 @@
+import { DefaultSlotView, ViewManager } from '../../../core/index.js';
+import type { SlotViewOption } from '../../../core/index.js';
+import React from 'react';
+type Direction = 'left-to-right' | 'right-to-left' | 'top-to-bottom' | 'bottom-to-top';
+export interface BoxOption extends SlotViewOption {
+    sort?: boolean;
+    direction?: Direction;
+}
+export declare const BoxViewComponent: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+export declare class BoxSlotView extends DefaultSlotView {
+    label: React.ReactNode;
+    view: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+    sort: boolean | undefined;
+    direction: Direction;
+    protected option: BoxOption;
+    constructor(option: BoxOption, viewManager: ViewManager);
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/es/app/view/box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/view/box/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAEf,WAAW,EAGZ,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAAC;AACvF,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,sEAmB3B,CAAC;AAEH,qBAEa,WAAY,SAAQ,eAAe;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAQ;IAC9B,IAAI,uEAAoB;IAGxB,IAAI,EAAE,OAAO,GAAG,SAAS,CAAS;IAG3C,SAAS,EAAE,SAAS,CAAmB;IAEvC,UAAmB,MAAM,EAAE,SAAS,CAAC;gBAGf,MAAM,EAAE,SAAS,EAChB,WAAW,EAAE,WAAW;CAQhD"}

package/es/app/view/box/index.js

@@ -0,0 +1,76 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _dec3, _dec4, _class, _class2, _descriptor, _descriptor2;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { DefaultSlotView, view, ViewManager, ViewOption, ViewRender } from "../../../core/index.js";
+import { ViewInstance } from "../../../core/index.js";
+import { prop, useInject } from "../../../observable/index.js";
+import { BoxPanel } from "../../../react/index.js";
+import { inject, transient } from "../../../ioc/index.js";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var BoxViewComponent = /*#__PURE__*/React.forwardRef(function BoxViewComponent(_props, ref) {
+  var instance = useInject(ViewInstance);
+  var children = instance.children;
+  return /*#__PURE__*/_jsx(BoxPanel, {
+    direction: instance.direction,
+    className: instance.className || '',
+    ref: ref,
+    children: children.map(function (item) {
+      return /*#__PURE__*/_jsx(BoxPanel.Pane, {
+        flex: 1,
+        children: /*#__PURE__*/_jsx(ViewRender, {
+          view: item
+        })
+      }, item.id);
+    })
+  });
+});
+export var BoxSlotView = (_dec = transient(), _dec2 = view('box-panel-view'), _dec3 = prop(), _dec4 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_DefaultSlotView) {
+  _inherits(BoxSlotView, _DefaultSlotView);
+  var _super = _createSuper(BoxSlotView);
+  function BoxSlotView(option, viewManager) {
+    var _this;
+    _classCallCheck(this, BoxSlotView);
+    _this = _super.call(this, option, viewManager);
+    _this.label = null;
+    _this.view = BoxViewComponent;
+    _initializerDefineProperty(_this, "sort", _descriptor, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "direction", _descriptor2, _assertThisInitialized(_this));
+    _this.option = option;
+    _this.id = "box-".concat(_this.id);
+    _this.sort = option.sort;
+    _this.direction = option.direction || 'left-to-right';
+    return _this;
+  }
+  BoxSlotView = inject(ViewManager)(BoxSlotView, undefined, 1) || BoxSlotView;
+  BoxSlotView = inject(ViewOption)(BoxSlotView, undefined, 0) || BoxSlotView;
+  return _createClass(BoxSlotView);
+}(DefaultSlotView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "sort", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "direction", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return 'left-to-right';
+  }
+})), _class2)) || _class) || _class);

package/es/app/view/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './loading';
+//# sourceMappingURL=index.d.ts.map

package/es/app/view/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/view/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/es/app/view/components/index.js

@@ -0,0 +1 @@
+export * from "./loading";

package/es/app/view/components/loading/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+export declare function Loading(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/es/app/view/components/loading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app/view/components/loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,wBAAgB,OAAO,4CAEtB"}

package/es/app/view/components/loading/index.js

@@ -0,0 +1,7 @@
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Loading() {
+  return /*#__PURE__*/_jsx("div", {
+    className: "mana-loading"
+  });
+}

package/es/app/view/components/loading/index.less

@@ -0,0 +1,10 @@
+.mana-loading {
+  background: var(--mana-editor-background);
+  background-image: var(--mana-preload);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 200px;
+  background-attachment: fixed;
+  height: 100%;
+  width: 100%;
+}

package/es/app/view/flex/index.d.ts

@@ -0,0 +1,16 @@
+import { DefaultSlotView, ViewManager } from '../../../core/index.js';
+import type { SlotViewOption } from '../../../core/index.js';
+import React from 'react';
+import './index.less';
+export interface FlexOption extends SlotViewOption {
+    sort?: boolean;
+}
+export declare const FlexViewComponent: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+export declare class FlexSlotView extends DefaultSlotView {
+    label: React.ReactNode;
+    view: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+    sort: boolean | undefined;
+    protected option: FlexOption;
+    constructor(option: FlexOption, viewManager: ViewManager);
+}
+//# sourceMappingURL=index.d.ts.map

package/es/app/view/flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/view/flex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAEf,WAAW,EAGZ,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,sEAe5B,CAAC;AAEH,qBAEa,YAAa,SAAQ,eAAe;IACtC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAQ;IAC9B,IAAI,uEAAqB;IAGzB,IAAI,EAAE,OAAO,GAAG,SAAS,CAAS;IAE3C,UAAmB,MAAM,EAAE,UAAU,CAAC;gBAGhB,MAAM,EAAE,UAAU,EACjB,WAAW,EAAE,WAAW;CAOhD"}

package/es/app/view/flex/index.js

@@ -0,0 +1,67 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _dec3, _class, _class2, _descriptor;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { DefaultSlotView, view, ViewManager, ViewOption, ViewRender } from "../../../core/index.js";
+import { ViewInstance } from "../../../core/index.js";
+import { prop, useInject } from "../../../observable/index.js";
+import { inject, transient } from "../../../ioc/index.js";
+import cls from 'classnames';
+import React from 'react';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var FlexViewComponent = /*#__PURE__*/React.forwardRef(function FlexViewComponent(_props, ref) {
+  var instance = useInject(ViewInstance);
+  var children = instance.children;
+  return /*#__PURE__*/_jsx("div", {
+    className: cls('mana-flex', instance.className),
+    ref: ref,
+    children: children.map(function (item) {
+      return /*#__PURE__*/_jsx("div", {
+        className: 'mana-flex-item',
+        children: /*#__PURE__*/_jsx(ViewRender, {
+          view: item
+        })
+      }, item.id);
+    })
+  });
+});
+export var FlexSlotView = (_dec = transient(), _dec2 = view('flex-view'), _dec3 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_DefaultSlotView) {
+  _inherits(FlexSlotView, _DefaultSlotView);
+  var _super = _createSuper(FlexSlotView);
+  function FlexSlotView(option, viewManager) {
+    var _this;
+    _classCallCheck(this, FlexSlotView);
+    _this = _super.call(this, option, viewManager);
+    _this.label = null;
+    _this.view = FlexViewComponent;
+    _initializerDefineProperty(_this, "sort", _descriptor, _assertThisInitialized(_this));
+    _this.option = option;
+    _this.id = "flex-".concat(_this.id);
+    _this.sort = option.sort;
+    return _this;
+  }
+  FlexSlotView = inject(ViewManager)(FlexSlotView, undefined, 1) || FlexSlotView;
+  FlexSlotView = inject(ViewOption)(FlexSlotView, undefined, 0) || FlexSlotView;
+  return _createClass(FlexSlotView);
+}(DefaultSlotView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "sort", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+})), _class2)) || _class) || _class);

package/es/app/view/flex/index.less

@@ -0,0 +1,3 @@
+.mana-flex {
+  display: flex;
+}

package/es/app/view/header/header-view.d.ts

@@ -0,0 +1,12 @@
+import { DefaultSlotView } from '../../../core/index.js';
+import * as React from 'react';
+import './index.less';
+export declare enum HeaderArea {
+    left = "mana-header-left",
+    right = "mana-header-right",
+    middle = "mana-header-middle"
+}
+export declare class HeaderView extends DefaultSlotView {
+    view: React.ForwardRefExoticComponent<any>;
+}
+//# sourceMappingURL=header-view.d.ts.map

package/es/app/view/header/header-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-view.d.ts","sourceRoot":"","sources":["../../../../src/app/view/header/header-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAc,MAAM,wBAAwB,CAAC;AAGrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,CAAC;AAEtB,oBAAY,UAAU;IACpB,IAAI,qBAAqB;IACzB,KAAK,sBAAsB;IAC3B,MAAM,uBAAuB;CAC9B;AAoBD,qBAEa,UAAW,SAAQ,eAAe;IACpC,IAAI,uCAAmB;CACjC"}

package/es/app/view/header/header-view.js

@@ -0,0 +1,68 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _class;
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { DefaultSlotView, view, Slot } from "../../../core/index.js";
+import { BoxPanel } from "../../../react/index.js";
+import { singleton } from "../../../ioc/index.js";
+import * as React from 'react';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var HeaderArea = /*#__PURE__*/function (HeaderArea) {
+  HeaderArea["left"] = "mana-header-left";
+  HeaderArea["right"] = "mana-header-right";
+  HeaderArea["middle"] = "mana-header-middle";
+  return HeaderArea;
+}({});
+var HeaderComponent = /*#__PURE__*/React.forwardRef(function HeaderComponent(_props, ref) {
+  return /*#__PURE__*/_jsxs(BoxPanel, {
+    direction: "left-to-right",
+    className: 'mana-header',
+    ref: ref,
+    children: [/*#__PURE__*/_jsx(BoxPanel.Pane, {
+      flex: 1,
+      className: 'mana-header-left',
+      children: /*#__PURE__*/_jsx(Slot, {
+        name: HeaderArea.left
+      })
+    }), /*#__PURE__*/_jsx(BoxPanel.Pane, {
+      flex: 1,
+      className: 'mana-header-middle',
+      children: /*#__PURE__*/_jsx(Slot, {
+        name: HeaderArea.middle
+      })
+    }), /*#__PURE__*/_jsx(BoxPanel.Pane, {
+      flex: 1,
+      className: 'mana-header-right',
+      children: /*#__PURE__*/_jsx(Slot, {
+        name: HeaderArea.right
+      })
+    })]
+  });
+});
+export var HeaderView = (_dec = singleton(), _dec2 = view('header-view'), _dec(_class = _dec2(_class = /*#__PURE__*/function (_DefaultSlotView) {
+  _inherits(HeaderView, _DefaultSlotView);
+  var _super = _createSuper(HeaderView);
+  function HeaderView() {
+    var _this;
+    _classCallCheck(this, HeaderView);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.view = HeaderComponent;
+    return _this;
+  }
+  return _createClass(HeaderView);
+}(DefaultSlotView)) || _class) || _class);

package/es/app/view/header/index.d.ts

@@ -0,0 +1,4 @@
+import { ManaModule } from '../../../core/index.js';
+export * from './header-view.js';
+export declare const HeaderModule: ManaModule;
+//# sourceMappingURL=index.d.ts.map

package/es/app/view/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/view/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAC;AAI1E,cAAc,kBAAkB,CAAC;AAEjC,eAAO,MAAM,YAAY,YAiBxB,CAAC"}

package/es/app/view/header/index.js

@@ -0,0 +1,23 @@
+import { ManaModule, createSlotPreference } from "../../../core/index.js";
+import { HeaderView, HeaderArea } from "./header-view.js";
+import { FlexSlotView } from "../flex/index.js";
+export * from "./header-view.js";
+export var HeaderModule = ManaModule.create().register(HeaderView, createSlotPreference({
+  slot: HeaderArea.right,
+  view: FlexSlotView,
+  options: {
+    sort: true
+  }
+}), createSlotPreference({
+  slot: HeaderArea.left,
+  view: FlexSlotView,
+  options: {
+    sort: true
+  }
+}), createSlotPreference({
+  slot: HeaderArea.middle,
+  view: FlexSlotView,
+  options: {
+    sort: true
+  }
+}));

package/es/app/view/header/index.less

@@ -0,0 +1,43 @@
+.mana-header {
+  width: 100%;
+  height: 100%;
+  border-bottom: 1px solid var(--mana-menubar-border);
+  background: var(--mana-menubar-background);
+
+  .mana-flex {
+    height: 100%;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .mana-header-left {
+    .mana-flex {
+      .mana-flex-item {
+        margin-right: 8px;
+      }
+    }
+  }
+
+  .mana-header-middle {
+    .mana-flex {
+      justify-content: center;
+
+      .mana-flex-item {
+        margin-right: 8px;
+      }
+    }
+  }
+
+  .mana-header-right {
+    padding: 0 12px;
+
+    .mana-flex {
+      justify-content: flex-start;
+      flex-direction: row-reverse;
+
+      .mana-flex-item {
+        margin-left: 8px;
+      }
+    }
+  }
+}

package/es/app/view/index.d.ts

@@ -0,0 +1,8 @@
+import { ManaModule } from '../../core/index.js';
+export * from './components';
+export * from './box';
+export * from './tab';
+export * from './flex';
+export * from './header';
+export declare const DefaultViewModule: ManaModule;
+//# sourceMappingURL=index.d.ts.map

package/es/app/view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app/view/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AAEzB,eAAO,MAAM,iBAAiB,YAEL,CAAC"}

package/es/app/view/index.js

@@ -0,0 +1,11 @@
+import { TabSlotView, SideTabView, CardTabView } from "./tab";
+import { BoxSlotView } from "./box";
+import { ManaModule } from "../../core/index.js";
+import { FlexSlotView } from "./flex";
+import { HeaderModule } from "./header";
+export * from "./components";
+export * from "./box";
+export * from "./tab";
+export * from "./flex";
+export * from "./header";
+export var DefaultViewModule = ManaModule.create().register(TabSlotView, SideTabView, CardTabView, BoxSlotView, FlexSlotView).dependOn(HeaderModule);

package/es/app/view/tab/card-tab-view.d.ts

@@ -0,0 +1,13 @@
+import { ViewManager } from '../../../core/index.js';
+import type { TabsProps } from '../../../react/index.js';
+import type { TabOption } from './tab-view.js';
+import { TabSlotView } from './tab-view.js';
+export interface CardTabOption extends TabOption {
+    tabPosition?: TabsProps['tabPosition'];
+}
+export declare class CardTabView extends TabSlotView {
+    protected option: CardTabOption;
+    constructor(option: CardTabOption, manager: ViewManager);
+    getTabProps(): TabsProps;
+}
+//# sourceMappingURL=card-tab-view.d.ts.map

package/es/app/view/tab/card-tab-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-tab-view.d.ts","sourceRoot":"","sources":["../../../../src/app/view/tab/card-tab-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,WAAW,EAAc,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAIzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACxC;AAED,qBAEa,WAAY,SAAQ,WAAW;IAC1C,UAAmB,MAAM,EAAE,aAAa,CAAC;gBAEnB,MAAM,EAAE,aAAa,EACpB,OAAO,EAAE,WAAW;IAOlC,WAAW,IAAI,SAAS;CAQlC"}

package/es/app/view/tab/card-tab-view.js

@@ -0,0 +1,49 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _class;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { view, ViewManager, ViewOption } from "../../../core/index.js";
+import { inject, transient } from "../../../ioc/index.js";
+import cls from 'classnames';
+import { TabSlotView } from "./tab-view.js";
+export var CardTabView = (_dec = transient(), _dec2 = view('card-tab-view'), _dec(_class = _dec2(_class = /*#__PURE__*/function (_TabSlotView) {
+  _inherits(CardTabView, _TabSlotView);
+  var _super = _createSuper(CardTabView);
+  function CardTabView(option, manager) {
+    var _this;
+    _classCallCheck(this, CardTabView);
+    _this = _super.call(this, option, manager);
+    _this.option = option;
+    _this.id = "card-".concat(_this.id);
+    _this.className = cls('card-tab-view', _this.className);
+    return _this;
+  }
+  CardTabView = inject(ViewManager)(CardTabView, undefined, 1) || CardTabView;
+  CardTabView = inject(ViewOption)(CardTabView, undefined, 0) || CardTabView;
+  _createClass(CardTabView, [{
+    key: "getTabProps",
+    value: function getTabProps() {
+      var baseProps = _get(_getPrototypeOf(CardTabView.prototype), "getTabProps", this).call(this);
+      return _objectSpread(_objectSpread({}, baseProps), {}, {
+        type: 'card',
+        tabPosition: this.option.tabPosition || 'top'
+      });
+    }
+  }]);
+  return CardTabView;
+}(TabSlotView)) || _class) || _class);

package/es/app/view/tab/index.d.ts

@@ -0,0 +1,4 @@
+export * from './tab-view';
+export * from './side-tab-view';
+export * from './card-tab-view';
+//# sourceMappingURL=index.d.ts.map

package/es/app/view/tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/view/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/es/app/view/tab/index.js

@@ -0,0 +1,3 @@
+export * from "./tab-view";
+export * from "./side-tab-view";
+export * from "./card-tab-view";

package/es/app/view/tab/index.less

@@ -0,0 +1,70 @@
+.mana-tab-view-container {
+  height: 100%;
+
+  .mana-tabs {
+    height: 100%;
+  }
+}
+
+.mana-tabs-tab-active {
+  .mana-tab-title {
+    .mana-tab-close {
+      opacity: 1;
+      color: var(--mana-ant-color-icon-hover);
+    }
+  }
+}
+
+.mana-tab-side-title {
+  display: flex;
+  align-items: center;
+
+  .mana-tab-icon {
+    display: flex;
+    color: var(--mana-ant-color-icon);
+    align-items: center;
+  }
+}
+
+.mana-tab-side-pane {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  .mana-tab-side-pane-header {
+    display: flex;
+    flex: none;
+    align-items: center;
+    height: 32px;
+    margin-left: 12px;
+  }
+
+  .mana-tab-side-pane-content {
+    flex: auto;
+  }
+}
+
+.mana-tab-title {
+  display: flex;
+  align-items: center;
+
+  .mana-tab-icon {
+    color: var(--mana-ant-color-icon);
+    display: flex;
+    align-items: center;
+    margin-right: 6px;
+  }
+
+  .mana-tab-close {
+    padding: 2px;
+    font-size: 12px;
+    border-radius: 2px;
+    cursor: pointer;
+    opacity: 0;
+
+    &:hover {
+      background: var(--mana-tab-inactiveBackground);
+      opacity: 1;
+    }
+  }
+}

package/es/app/view/tab/side-tab-view.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import type { View } from '../../../core/index.js';
+import { ViewManager } from '../../../core/index.js';
+import type { TabsProps } from '../../../react/index.js';
+import type { TabOption } from './tab-view.js';
+import { TabSlotView } from './tab-view.js';
+export interface SideTabOption extends TabOption {
+    tabPosition?: TabsProps['tabPosition'];
+    showTitle?: boolean;
+    activeToggable?: boolean;
+    contentToggable?: boolean;
+}
+export declare class SideTabView extends TabSlotView {
+    showTitle: boolean;
+    protected option: SideTabOption;
+    constructor(option: SideTabOption, manager: ViewManager);
+    onTabClick: (key: string) => void;
+    getTabProps(): TabsProps;
+    protected renderTab(item: View): import("react/jsx-runtime").JSX.Element;
+    renderTabContent(item: View): JSX.Element;
+    renderTabToolbar(): import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=side-tab-view.d.ts.map