@difizen/libro-common 0.3.4 → 1.0.0

package/es/core/theme/theme-app.js

@@ -0,0 +1,151 @@
+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, _dec5, _dec6, _class, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5;
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 _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 _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 { Disposable, DisposableCollection } from "../../common/index.js";
+import { contrib, inject, singleton } from "../../ioc/index.js";
+import { ApplicationContribution } from "../application/index";
+import { VariableContribution } from "./basic/variable-protocol";
+import { VariableRegistry } from "./basic/variable-registry";
+import { ColorContribution } from "./color/color-protocol";
+import { ColorRegistry } from "./color/color-registry";
+import { ThemeService } from "./theme-service";
+export var ThemeApplication = (_dec = singleton({
+  contrib: ApplicationContribution
+}), _dec2 = inject(ThemeService), _dec3 = inject(VariableRegistry), _dec4 = contrib(VariableContribution), _dec5 = inject(ColorRegistry), _dec6 = contrib(ColorContribution), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function ThemeApplication() {
+    var _this = this;
+    _classCallCheck(this, ThemeApplication);
+    this.toUpdate = new DisposableCollection();
+    // dispose action when update
+    _initializerDefineProperty(this, "themeService", _descriptor, this);
+    _initializerDefineProperty(this, "variables", _descriptor2, this);
+    _initializerDefineProperty(this, "variableContributions", _descriptor3, this);
+    _initializerDefineProperty(this, "colors", _descriptor4, this);
+    _initializerDefineProperty(this, "colorContributions", _descriptor5, this);
+    this.update = function () {
+      _this.toUpdate.dispose();
+      _this.toUpdate = new DisposableCollection();
+      _this.setThemeClassName();
+      for (var _i = 0, _arr = [].concat(_toConsumableArray(_this.colors.getCurrentCssVariables()), _toConsumableArray(_this.variables.getCurrentCssVariables())); _i < _arr.length; _i++) {
+        var cv = _arr[_i];
+        _this.setCssVariable(cv);
+      }
+    };
+  }
+  _createClass(ThemeApplication, [{
+    key: "onStart",
+    value: function onStart(application) {
+      var _this2 = this;
+      this.application = application;
+      this.application.onHostChanged(function () {
+        return _this2.update();
+      });
+      var _iterator = _createForOfIteratorHelper(this.variableContributions.getContributions()),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var contribution = _step.value;
+          contribution.registerVariables(this.variables);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      var _iterator2 = _createForOfIteratorHelper(this.colorContributions.getContributions()),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var _contribution = _step2.value;
+          _contribution.registerColors(this.colors);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      this.themeService.onDidColorThemeChange(function () {
+        return _this2.update();
+      });
+      this.variables.onDidChange(function () {
+        return _this2.update();
+      });
+      this.themeService.onDidColorThemeChange(function () {
+        return _this2.update();
+      });
+      this.colors.onDidChange(function () {
+        return _this2.update();
+      });
+      this.update();
+    }
+  }, {
+    key: "setCssVariable",
+    value: function setCssVariable(cv) {
+      var host = this.application.host;
+      if (document) {
+        document.body.style.setProperty(cv.name, cv.value);
+      }
+      if (host) {
+        host.style.setProperty(cv.name, cv.value);
+      }
+    }
+  }, {
+    key: "setThemeClassName",
+    value: function setThemeClassName() {
+      var themeClass = this.themeService.themeClassName;
+      if (document) {
+        document.body.classList.add(themeClass);
+        this.toUpdate.push(Disposable.create(function () {
+          return document.body.classList.remove(themeClass);
+        }));
+      }
+      var host = this.application.host;
+      if (host) {
+        host.classList.add(themeClass);
+        this.toUpdate.push(Disposable.create(function () {
+          return host.classList.remove(themeClass);
+        }));
+      }
+    }
+  }]);
+  return ThemeApplication;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "themeService", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "variables", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "variableContributions", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, "colors", [_dec5], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor5 = _applyDecoratedDescriptor(_class2.prototype, "colorContributions", [_dec6], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);

package/es/core/theme/theme-service.d.ts

@@ -0,0 +1,50 @@
+import type { Event } from '../../common/index.js';
+import { Emitter, Disposable } from '../../common/index.js';
+import type { StorageService } from '../common';
+import './style/theme-base.less';
+export declare const ThemeServiceSymbol: unique symbol;
+export type ThemeType = 'light' | 'dark' | 'hc';
+export type TokenValue = string | undefined;
+export interface ExtraTokens {
+    basic?: Record<string, TokenValue>;
+    color?: Record<string, TokenValue>;
+    [key: string]: Record<string, TokenValue> | undefined;
+}
+export interface Theme {
+    readonly id: string;
+    readonly type: ThemeType;
+    readonly label: string;
+    readonly description?: string;
+    readonly extraTokens?: ExtraTokens;
+}
+export interface ThemeChangeEvent {
+    readonly newTheme: Theme;
+    readonly oldTheme?: Theme | undefined;
+}
+export declare class BuiltinThemeProvider {
+    static readonly darkTheme: Theme;
+    static readonly lightTheme: Theme;
+    static readonly hcTheme: Theme;
+    static readonly themes: Theme[];
+}
+export declare class ThemeService {
+    protected themes: Record<string, Theme>;
+    protected activeTheme: Theme | undefined;
+    protected storageService: StorageService;
+    protected readonly themeChange: Emitter<ThemeChangeEvent>;
+    readonly onDidColorThemeChange: Event<ThemeChangeEvent>;
+    get themeClassName(): string;
+    constructor();
+    static get(): ThemeService;
+    startupTheme(): void;
+    register(...themes: Theme[]): Disposable;
+    protected validateActiveTheme(): void;
+    getThemes(): Theme[];
+    getTheme(themeId: string): Theme;
+    setCurrentTheme(themeId: string, tokens?: ExtraTokens): void;
+    getCurrentTheme(): Theme;
+    getActiveTheme(): Theme;
+    get defaultTheme(): Theme;
+    reset(): void;
+}
+//# sourceMappingURL=theme-service.d.ts.map

package/es/core/theme/theme-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-service.d.ts","sourceRoot":"","sources":["../../../src/core/theme/theme-service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAW,MAAM,uBAAuB,CAAC;AAKrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,yBAAyB,CAAC;AAEjC,eAAO,MAAM,kBAAkB,eAAyB,CAAC;AAEzD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5C,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC;CACvD;AACD,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;CACpC;AACD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CACvC;AACD,qBAAa,oBAAoB;IAC/B,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAI9B;IAEF,MAAM,CAAC,QAAQ,CAAC,UAAU,EAAE,KAAK,CAI/B;IAEF,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAI5B;IAEF,MAAM,CAAC,QAAQ,CAAC,MAAM,UAIpB;CACH;AAED,qBACa,YAAY;IACvB,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAM;IAE7C,SAAS,CAAC,WAAW,EAAE,KAAK,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAuB;IAC/D,SAAS,CAAC,QAAQ,CAAC,WAAW,4BAAmC;IAEjE,QAAQ,CAAC,qBAAqB,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAA0B;IAEjF,IAAI,cAAc,IAAI,MAAM,CAE3B;;IAUD,MAAM,CAAC,GAAG,IAAI,YAAY;IAW1B,YAAY;IAIZ,QAAQ,CAAC,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU;IAYxC,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAUrC,SAAS,IAAI,KAAK,EAAE;IAUpB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK;IAIhC,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,GAAE,WAAgB,GAAG,IAAI;IAkBhE,eAAe,IAAI,KAAK;IASxB,cAAc,IAAI,KAAK;IAIvB,IAAI,YAAY,IAAI,KAAK,CAExB;IAED,KAAK,IAAI,IAAI;CAGd"}

package/es/core/theme/theme-service.js

@@ -0,0 +1,181 @@
+var _BuiltinThemeProvider, _dec, _dec2, _class, _class2, _descriptor;
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 _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); }
+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 _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.'); }
+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"); } }
+import { isPromiseLike } from "../../common/index.js";
+import { Emitter, Disposable, objects } from "../../common/index.js";
+import { prop } from "../../observable/index.js";
+import { singleton } from "../../ioc/index.js";
+import { localStorageService } from "../common";
+import "./style/theme-base.less";
+export var ThemeServiceSymbol = Symbol('ThemeService');
+export var BuiltinThemeProvider = /*#__PURE__*/_createClass(function BuiltinThemeProvider() {
+  _classCallCheck(this, BuiltinThemeProvider);
+});
+_BuiltinThemeProvider = BuiltinThemeProvider;
+BuiltinThemeProvider.darkTheme = {
+  id: 'dark',
+  type: 'dark',
+  label: 'Dark (mana)'
+};
+BuiltinThemeProvider.lightTheme = {
+  id: 'light',
+  type: 'light',
+  label: 'Light (mana)'
+};
+BuiltinThemeProvider.hcTheme = {
+  id: 'hc-mana',
+  type: 'hc',
+  label: 'High Contrast (mana)'
+};
+BuiltinThemeProvider.themes = [_BuiltinThemeProvider.darkTheme, _BuiltinThemeProvider.lightTheme, _BuiltinThemeProvider.hcTheme];
+export var ThemeService = (_dec = singleton(), _dec2 = prop(), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function ThemeService() {
+    _classCallCheck(this, ThemeService);
+    this.themes = {};
+    _initializerDefineProperty(this, "activeTheme", _descriptor, this);
+    this.storageService = localStorageService;
+    this.themeChange = new Emitter();
+    this.onDidColorThemeChange = this.themeChange.event;
+    if ((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined) {
+      window.addEventListener('mana-theme-change', function (event) {
+        // this.setCurrentTheme(event.);
+      });
+    }
+  }
+  _createClass(ThemeService, [{
+    key: "themeClassName",
+    get: function get() {
+      return "mana-".concat(this.getCurrentTheme().type);
+    }
+  }, {
+    key: "startupTheme",
+    value: function startupTheme() {
+      this.activeTheme = this.getCurrentTheme();
+    }
+  }, {
+    key: "register",
+    value: function register() {
+      var _this = this;
+      for (var _len = arguments.length, themes = new Array(_len), _key = 0; _key < _len; _key++) {
+        themes[_key] = arguments[_key];
+      }
+      for (var _i = 0, _themes = themes; _i < _themes.length; _i++) {
+        var theme = _themes[_i];
+        this.themes[theme.id] = theme;
+      }
+      this.validateActiveTheme();
+      return Disposable.create(function () {
+        for (var _i2 = 0, _themes2 = themes; _i2 < _themes2.length; _i2++) {
+          var _theme = _themes2[_i2];
+          delete _this.themes[_theme.id];
+        }
+      });
+    }
+  }, {
+    key: "validateActiveTheme",
+    value: function validateActiveTheme() {
+      if (!this.activeTheme) {
+        return;
+      }
+      var themeId = this.getCurrentTheme().id;
+      if (themeId !== this.activeTheme.id) {
+        this.setCurrentTheme(themeId);
+      }
+    }
+  }, {
+    key: "getThemes",
+    value: function getThemes() {
+      var result = [];
+      for (var o in this.themes) {
+        if (Object.prototype.hasOwnProperty.call(this.themes, o)) {
+          result.push(this.themes[o]);
+        }
+      }
+      return result;
+    }
+  }, {
+    key: "getTheme",
+    value: function getTheme(themeId) {
+      return this.themes[themeId] || this.defaultTheme;
+    }
+  }, {
+    key: "setCurrentTheme",
+    value: function setCurrentTheme(themeId) {
+      var tokens = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var newTheme = this.getTheme(themeId);
+      var oldTheme = this.activeTheme;
+      if (oldTheme) {
+        if (oldTheme.id === newTheme.id && !tokens) {
+          return;
+        }
+      }
+      this.activeTheme = objects.mixin(objects.deepClone(newTheme), {
+        extraTokens: _objectSpread({}, tokens)
+      });
+      this.storageService.setData('theme', themeId);
+      this.themeChange.fire({
+        newTheme: newTheme,
+        oldTheme: oldTheme
+      });
+    }
+  }, {
+    key: "getCurrentTheme",
+    value: function getCurrentTheme() {
+      var maybeThemeId = this.storageService.getData('theme');
+      var themeId = this.defaultTheme.id;
+      if (!isPromiseLike(maybeThemeId) && maybeThemeId) {
+        themeId = maybeThemeId;
+      }
+      return this.getTheme(themeId);
+    }
+  }, {
+    key: "getActiveTheme",
+    value: function getActiveTheme() {
+      return this.activeTheme || this.getCurrentTheme();
+    }
+  }, {
+    key: "defaultTheme",
+    get: function get() {
+      return BuiltinThemeProvider.lightTheme;
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      this.setCurrentTheme(this.defaultTheme.id);
+    }
+  }], [{
+    key: "get",
+    value: function get() {
+      var global = window; // eslint-disable-line @typescript-eslint/no-explicit-any
+      if (!global[ThemeServiceSymbol]) {
+        var themeService = new ThemeService();
+        themeService.register.apply(themeService, _toConsumableArray(BuiltinThemeProvider.themes));
+        themeService.startupTheme();
+        global[ThemeServiceSymbol] = themeService;
+      }
+      return global[ThemeServiceSymbol];
+    }
+  }]);
+  return ThemeService;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "activeTheme", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);

package/es/core/toolbar/default-toolbar-item.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import type { Event } from '../../common/index.js';
+import { Emitter } from '../../common/index.js';
+import { ToolbarNode } from './toolbar-protocol';
+import type { ToolbarItem } from './toolbar-protocol';
+export declare class DefaultToolbarItem implements ToolbarItem {
+    readonly id: string;
+    readonly command: string;
+    source: ToolbarNode;
+    meta?: Record<string, any> | undefined;
+    readonly extra?: boolean | undefined;
+    readonly showLabelInline?: boolean | undefined;
+    readonly order?: string | undefined;
+    readonly group?: string | string[] | undefined;
+    protected disposedEventEmitter: Emitter<void>;
+    onDisposed: Event<void>;
+    /**
+     * Optional label for the item.
+     */
+    readonly label?: React.ReactNode | React.FC;
+    /**
+     * Optional tooltip for the item.
+     */
+    readonly tooltip?: React.ReactNode | React.FC;
+    /**
+     * Optional icon for the item.
+     */
+    readonly icon?: React.ReactNode | React.FC;
+    readonly execute?: ((...args: any[]) => any) | undefined;
+    readonly isEnabled?: ((...args: any[]) => boolean) | undefined;
+    readonly isVisible?: ((...args: any[]) => boolean) | undefined;
+    readonly isActive?: ((...args: any[]) => boolean) | undefined;
+    item: ToolbarNode;
+    constructor(item: ToolbarNode);
+    disposed?: boolean | undefined;
+    dispose(): void;
+}
+//# sourceMappingURL=default-toolbar-item.d.ts.map

package/es/core/toolbar/default-toolbar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-toolbar-item.d.ts","sourceRoot":"","sources":["../../../src/core/toolbar/default-toolbar-item.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKhD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,qBACa,kBAAmB,YAAW,WAAW;IACpD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB,MAAM,EAAE,WAAW,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;IAGvC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAGrC,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAG/C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAGpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IAE/C,SAAS,CAAC,oBAAoB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAiB;IAE9D,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAmC;IAE1D;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC;IAE5C;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC;IAE9C;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC;IAE3C,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IAC/D,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IAE9D,IAAI,EAAE,WAAW,CAAC;gBAEe,IAAI,EAAE,WAAW;IAkBlD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,OAAO;CAGR"}

package/es/core/toolbar/default-toolbar-item.js

@@ -0,0 +1,82 @@
+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, _dec5, _class, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4;
+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 _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 _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 { Emitter } from "../../common/index.js";
+import { prop } from "../../observable/index.js";
+import { inject } from "../../ioc/index.js";
+import { transient } from "../../ioc/index.js";
+import { ToolbarNode } from "./toolbar-protocol";
+export var DefaultToolbarItem = (_dec = transient(), _dec2 = prop(), _dec3 = prop(), _dec4 = prop(), _dec5 = prop(), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  /**
+   * Optional label for the item.
+   */
+
+  /**
+   * Optional tooltip for the item.
+   */
+
+  /**
+   * Optional icon for the item.
+   */
+
+  function DefaultToolbarItem(item) {
+    _classCallCheck(this, DefaultToolbarItem);
+    _initializerDefineProperty(this, "extra", _descriptor, this);
+    _initializerDefineProperty(this, "showLabelInline", _descriptor2, this);
+    _initializerDefineProperty(this, "order", _descriptor3, this);
+    _initializerDefineProperty(this, "group", _descriptor4, this);
+    this.disposedEventEmitter = new Emitter();
+    this.onDisposed = this.disposedEventEmitter.event;
+    this.item = item;
+    this.source = item;
+    this.id = item.id;
+    this.command = item.command;
+    this.extra = item.extra;
+    this.order = item.order;
+    this.label = item.label;
+    this.tooltip = item.tooltip;
+    this.icon = item.icon;
+    this.meta = item.meta;
+    this.group = item.group;
+    this.showLabelInline = item.showLabelInline;
+    this.isActive = item.isActive;
+    this.isEnabled = item.isEnabled;
+    this.isVisible = item.isVisible;
+    this.execute = item.execute;
+  }
+  DefaultToolbarItem = inject(ToolbarNode)(DefaultToolbarItem, undefined, 0) || DefaultToolbarItem;
+  _createClass(DefaultToolbarItem, [{
+    key: "dispose",
+    value: function dispose() {
+      this.disposedEventEmitter.fire();
+    }
+  }]);
+  return DefaultToolbarItem;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "extra", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "showLabelInline", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "order", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, "group", [_dec5], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);

package/es/core/toolbar/index.d.ts

@@ -0,0 +1,6 @@
+import { ManaModule } from '../module';
+export declare const CoreToolbarModule: ManaModule;
+export * from './toolbar-protocol';
+export * from './toolbar-registry';
+export * from './default-toolbar-item';
+//# sourceMappingURL=index.d.ts.map

package/es/core/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAMvC,eAAO,MAAM,iBAAiB,YAY1B,CAAC;AAEL,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}

package/es/core/toolbar/index.js

@@ -0,0 +1,20 @@
+import { ManaModule } from "../module";
+import { DefaultToolbarItem } from "./default-toolbar-item";
+import { ToolbarNode, ToolbarItemFactory } from "./toolbar-protocol";
+import { ToolbarRegistry, ToolbarContribution } from "./toolbar-registry";
+export var CoreToolbarModule = ManaModule.create().contribution(ToolbarContribution).register(DefaultToolbarItem, ToolbarRegistry).register({
+  token: ToolbarItemFactory,
+  useDynamic: function useDynamic(ctx) {
+    return function (item) {
+      var child = ctx.container.createChild();
+      child.register({
+        token: ToolbarNode,
+        useValue: item
+      });
+      return child.get(DefaultToolbarItem);
+    };
+  }
+});
+export * from "./toolbar-protocol";
+export * from "./toolbar-registry";
+export * from "./default-toolbar-item";

package/es/core/toolbar/toolbar-protocol.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+import type { Event, Disposable } from '../../common/index.js';
+import type { CommandHandler } from '../command';
+/**
+ * Instance of toolbar
+ * Use this token to get the toolbar instance when customizing elements on the toolbar.
+ */
+export declare const ToolbarInstance: unique symbol;
+/**
+ * Factory for instantiating toolbars.
+ */
+export declare const ToolbarItemFactory: unique symbol;
+export interface ToolbarItemFactory {
+    (item: ToolbarNode): ToolbarItem;
+}
+export declare const ToolbarNode: unique symbol;
+type Partial<T> = {
+    [P in keyof T]?: T[P] | undefined;
+};
+export type ToolbarNode = BaseToolbarNode & Partial<CommandHandler>;
+export interface BaseToolbarNode {
+    /**
+     * The unique ID of the toolbar item.
+     */
+    readonly id: string;
+    /**
+     * The command to execute.
+     */
+    readonly command: string;
+    /**
+     * Priority among the items. Can be negative. The smaller the number the left-most the item will be placed in the toolbar. It is `0` by default.
+     */
+    /**
+     * show in the `...` dropdown
+     */
+    readonly extra?: boolean | undefined;
+    /**
+     * The order to display toolbar item inline or in the `...` dropdown.
+     */
+    readonly order?: string | undefined;
+    /**
+     * When extra, group means that the item will be located in a submenu(s) of the `...` dropdown.
+     * The submenu's title is named by the name in group, e.g. ['menu', 'submenu'].
+     */
+    readonly group?: string | string[] | undefined;
+    /**
+     * Optional label for the item.
+     */
+    readonly label?: React.ReactNode | React.FC;
+    /**
+     * Optional tooltip for the item.
+     */
+    readonly tooltip?: React.ReactNode | React.FC;
+    /**
+     * Optional icon for the item.
+     */
+    readonly icon?: React.ReactNode | React.FC;
+    /**
+     * Show toolbar item label inline.
+     */
+    readonly showLabelInline?: boolean | undefined;
+    /**
+     * Custom meta data for the item.
+     */
+    meta?: Record<string, any> | undefined;
+}
+export interface ToolbarItem extends ToolbarNode, Disposable {
+    source: ToolbarNode;
+    onDisposed: Event<void>;
+}
+export declare namespace ToolbarItem {
+    function isDefinition(arg: Record<string, any> | undefined): arg is ToolbarNode;
+    function is(arg: Record<string, any> | undefined): arg is ToolbarItem;
+    function getGroupKey(record: ToolbarItem): string;
+}
+export {};
+//# sourceMappingURL=toolbar-protocol.d.ts.map

package/es/core/toolbar/toolbar-protocol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-protocol.d.ts","sourceRoot":"","sources":["../../../src/core/toolbar/toolbar-protocol.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,eAAe,eAA4B,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,kBAAkB,eAA+B,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW,CAAC;CAClC;AACD,eAAO,MAAM,WAAW,eAAkC,CAAC;AAE3D,KAAK,OAAO,CAAC,CAAC,IAAI;KACf,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;CAClC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AACpE,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAGH;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC;IAE5C;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC;IAE9C;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC;IAE3C;;OAEG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;CACxC;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,UAAU;IAC1D,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;CACzB;AAED,yBAAiB,WAAW,CAAC;IAC3B,SAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GACnC,GAAG,IAAI,WAAW,CAOpB;IACD,SAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,GAAG,IAAI,WAAW,CAE3E;IAED,SAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAQvD;CACF"}