@openui5/sap.ui.webc.main 1.115.1 → 1.116.0

package/src/sap/ui/webc/main/thirdparty/ColorPalettePopover.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/types/CSSColor", "./generated/templates/ColorPalettePopoverTemplate.lit", "./generated/themes/ColorPalettePopover.css", "./generated/themes/ResponsivePopoverCommon.css", "./generated/i18n/i18n-defaults", "./Button", "./Title", "./ResponsivePopover", "./ColorPalette"], function (_exports, _UI5Element, _LitRenderer, _i18nBundle, _CSSColor, _ColorPalettePopoverTemplate, _ColorPalettePopover, _ResponsivePopoverCommon, _i18nDefaults, _Button, _Title, _ResponsivePopover, _ColorPalette) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/types/CSSColor", "./generated/templates/ColorPalettePopoverTemplate.lit", "./generated/themes/ColorPalettePopover.css", "./generated/themes/ResponsivePopoverCommon.css", "./generated/i18n/i18n-defaults", "./Button", "./Title", "./ResponsivePopover", "./ColorPalette"], function (_exports, _UI5Element, _customElement, _property, _slot, _event, _LitRenderer, _i18nBundle, _CSSColor, _ColorPalettePopoverTemplate, _ColorPalettePopover, _ResponsivePopoverCommon, _i18nDefaults, _Button, _Title, _ResponsivePopover, _ColorPalette) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,6 +6,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
+  _event = _interopRequireDefault(_event);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _CSSColor = _interopRequireDefault(_CSSColor);
   _ColorPalettePopoverTemplate = _interopRequireDefault(_ColorPalettePopoverTemplate);
@@ -16,84 +20,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _ResponsivePopover = _interopRequireDefault(_ResponsivePopover);
   _ColorPalette = _interopRequireDefault(_ColorPalette);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-color-palette-popover",
-    managedSlots: true,
-    properties: /** @lends sap.ui.webcomponents.main.ColorPalettePopover.prototype */{
-      /**
-       * Defines whether the user can see the last used colors in the bottom of the component
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      showRecentColors: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the user can choose a custom color from a component.
-       * <b>Note:</b> In order to use this property you need to import the following module: <code>"@ui5/webcomponents/dist/features/ColorPaletteMoreColors.js"</code>
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      showMoreColors: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the user can choose the default color from a button.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      showDefaultColor: {
-        type: Boolean
-      },
-      /**
-       * Defines the default color of the component.
-       * <b>Note:</b> The default color should be a part of the ColorPalette colors</code>
-       * @type {CSSColor}
-       * @public
-       */
-      defaultColor: {
-        type: _CSSColor.default
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.main.ColorPalettePopover.prototype */{
-      /**
-       * Defines the content of the component.
-       * @type {sap.ui.webcomponents.main.IColorPaletteItem[]}
-       * @slot colors
-       * @public
-       */
-      "default": {
-        type: HTMLElement,
-        propertyName: "colors",
-        individualSlots: true
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.main.ColorPalettePopover.prototype */{
-      /**
-       * Fired when the user selects a color.
-       *
-       * @event sap.ui.webcomponents.main.ColorPalettePopover#item-click
-       * @public
-       * @param {string} color the selected color
-       */
-      "item-click": {
-        detail: {
-          color: {
-            type: String
-          }
-        }
-      }
-    }
+  var __decorate = void 0 && (void 0).__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;
   };
-
+  var ColorPalettePopover_1;
   /**
    * @class
    *
@@ -117,30 +51,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.ColorPalettePopover
-   * @extends UI5Element
+   * @alias sap.ui.webc.main.ColorPalettePopover
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-color-palette-popover
    * @public
    * @since 1.0.0-rc.16
    */
-  class ColorPalettePopover extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get styles() {
-      return [_ResponsivePopoverCommon.default, _ColorPalettePopover.default];
-    }
-    static get template() {
-      return _ColorPalettePopoverTemplate.default;
-    }
-    static get dependencies() {
-      return [_ResponsivePopover.default, _Button.default, _Title.default, _ColorPalette.default];
-    }
+  let ColorPalettePopover = ColorPalettePopover_1 = class ColorPalettePopover extends _UI5Element.default {
     static async onDefine() {
-      ColorPalettePopover.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
+      ColorPalettePopover_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
     constructor() {
       super();
@@ -152,22 +71,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     _colorPalette() {
       return this.responsivePopover.content[0].querySelector("[ui5-color-palette]");
     }
-
     /**
      * Shows the ColorPalettePopover.
      * @param {HTMLElement} opener the element that the popover is shown at
      * @public
+     * @method
+     * @name sap.ui.webc.main.ColorPalettePopover#showAt
      * @since 1.1.1
      */
     showAt(opener) {
       this._openPopover(opener);
     }
-
     /**
      * Shows the ColorPalettePopover.
      * <b>Note:</b> The method is deprecated and will be removed in future, use <code>showAt</code> instead.
      * @param {HTMLElement} opener the element that the popover is shown at
      * @public
+     * @method
+     * @name sap.ui.webc.main.ColorPalettePopover#openPopover
      * @since 1.0.0-rc.16
      * @deprecated The method is deprecated in favour of <code>showAt</code>.
      */
@@ -187,11 +108,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     closePopover() {
       this.responsivePopover.close();
     }
-    onSelectedColor(event) {
+    onSelectedColor(e) {
       this.closePopover();
-      this.fireEvent("item-click", event.detail);
+      this.fireEvent("item-click", e.detail);
     }
-
     /**
      * Returns if the component is opened.
      *
@@ -207,12 +127,49 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       return this.getSlottedNodes("colors");
     }
     get _colorPaletteTitle() {
-      return ColorPalettePopover.i18nBundle.getText(_i18nDefaults.COLORPALETTE_POPOVER_TITLE);
+      return ColorPalettePopover_1.i18nBundle.getText(_i18nDefaults.COLORPALETTE_POPOVER_TITLE);
     }
     get _cancelButtonLabel() {
-      return ColorPalettePopover.i18nBundle.getText(_i18nDefaults.COLOR_PALETTE_DIALOG_CANCEL_BUTTON);
+      return ColorPalettePopover_1.i18nBundle.getText(_i18nDefaults.COLOR_PALETTE_DIALOG_CANCEL_BUTTON);
+    }
+  };
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], ColorPalettePopover.prototype, "showRecentColors", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], ColorPalettePopover.prototype, "showMoreColors", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], ColorPalettePopover.prototype, "showDefaultColor", void 0);
+  __decorate([(0, _property.default)({
+    validator: _CSSColor.default
+  })], ColorPalettePopover.prototype, "defaultColor", void 0);
+  __decorate([(0, _slot.default)({
+    "default": true,
+    type: HTMLElement,
+    individualSlots: true
+  })], ColorPalettePopover.prototype, "colors", void 0);
+  ColorPalettePopover = ColorPalettePopover_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-color-palette-popover",
+    renderer: _LitRenderer.default,
+    styles: [_ResponsivePopoverCommon.default, _ColorPalettePopover.default],
+    template: _ColorPalettePopoverTemplate.default,
+    dependencies: [_ResponsivePopover.default, _Button.default, _Title.default, _ColorPalette.default]
+  })
+  /**
+   * Fired when the user selects a color.
+   *
+   * @event sap.ui.webc.main.ColorPalettePopover#item-click
+   * @public
+   * @param {string} color the selected color
+   */, (0, _event.default)("item-click", {
+    detail: {
+      color: {
+        type: String
+      }
     }
-  }
+  })], ColorPalettePopover);
   ColorPalettePopover.define();
   var _default = ColorPalettePopover;
   _exports.default = _default;