@sapudex/web-components 0.111.0

package/config/dist/MediaPlayer.js

@@ -0,0 +1,105 @@
+var __decorate = (this && this.__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;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/play.js";
+import videojs from "video.js";
+import "@ui5/webcomponents-icons/dist/v5/play.svg";
+// Template
+import MediaPlayerTemplate from "./generated/templates/MediaPlayerTemplate.lit.js";
+// Styles
+import MediaPlayerCss from "./generated/themes/MediaPlayer.css";
+let UDExMediaPlayer = class UDExMediaPlayer extends UI5Element {
+    onEnterDOM() {
+        if (this._youtubeSrc || this._vimeoSrc) {
+            return;
+        }
+        const player = videojs(this.shadowRoot?.querySelector(".udex-media-player__video") || "");
+        if (this.poster) {
+            player.poster(this.poster);
+        }
+        const bigPlayButton = player.getChild("BigPlayButton")?.el_;
+        const bigPlayIcon = new Icon();
+        bigPlayIcon.name = "play";
+        bigPlayButton.appendChild(bigPlayIcon);
+        if (this.audioOnly) {
+            return;
+        }
+        player.options({
+            controlBar: {
+                pictureInPictureToggle: false,
+                subtitlesButton: true,
+                remainingTimeDisplay: true,
+            },
+        });
+    }
+    get _tracks() {
+        return this.getSlottedNodes("caption");
+    }
+    get _vimeoSrc() {
+        return this.source.includes("vimeo");
+    }
+    get _youtubeSrc() {
+        return this.source.includes("youtube");
+    }
+    get aspectRatioClass() {
+        switch (this.aspectRatio) {
+            case "16:9":
+                return "vjs-16-9";
+            case "9:16":
+                return "vjs-9-16";
+            case "4:3":
+                return "vjs-4-3";
+            case "1:1":
+                return "vjs-1-1";
+            default:
+                return "";
+        }
+    }
+};
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "source", void 0);
+__decorate([
+    property({ type: String, defaultValue: "video/mp4" })
+], UDExMediaPlayer.prototype, "type", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean, defaultValue: false })
+], UDExMediaPlayer.prototype, "audioOnly", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "poster", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true, individualSlots: true })
+], UDExMediaPlayer.prototype, "caption", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "width", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "height", void 0);
+__decorate([
+    property({ type: String, defaultValue: "16:9" })
+], UDExMediaPlayer.prototype, "aspectRatio", void 0);
+UDExMediaPlayer = __decorate([
+    customElement({
+        tag: "udex-media-player",
+        renderer: litRender,
+        styles: MediaPlayerCss,
+        template: MediaPlayerTemplate,
+    })
+], UDExMediaPlayer);
+UDExMediaPlayer.define();
+export default UDExMediaPlayer;
+//# sourceMappingURL=MediaPlayer.js.map

package/config/dist/MediaPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPlayer.js","sourceRoot":"","sources":["../src/MediaPlayer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,OAAO,MAAM,UAAU,CAAC;AAC/B,OAAO,2CAA2C,CAAC;AAEnD,WAAW;AACX,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AAEnF,SAAS;AACT,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAUhE,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAiGtC,UAAU;QACR,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,EAAE;YACtC,OAAO;SACR;QAED,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,2BAA2B,CAAC,IAAI,EAAE,CAAC,CAAC;QAE1F,IAAI,IAAI,CAAC,MAAM,EAAE;YAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAAE;QAEhD,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,GAAG,CAAC;QAC5D,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC;QAC/B,WAAW,CAAC,IAAI,GAAG,MAAM,CAAC;QAC1B,aAAa,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAEvC,IAAI,IAAI,CAAC,SAAS,EAAE;YAAE,OAAO;SAAE;QAE/B,MAAM,CAAC,OAAO,CAAC;YACb,UAAU,EAAE;gBACV,sBAAsB,EAAE,KAAK;gBAC7B,eAAe,EAAE,IAAI;gBACrB,oBAAoB,EAAE,IAAI;aAC3B;SACF,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,gBAAgB;QAClB,QAAQ,IAAI,CAAC,WAAW,EAAE;YAC1B,KAAK,MAAM;gBACT,OAAO,UAAU,CAAC;YACpB,KAAK,MAAM;gBACT,OAAO,UAAU,CAAC;YACpB,KAAK,KAAK;gBACR,OAAO,SAAS,CAAC;YACnB,KAAK,KAAK;gBACR,OAAO,SAAS,CAAC;YACnB;gBACE,OAAO,EAAE,CAAC;SACX;IACH,CAAC;CACF,CAAA;AA1IG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;+CAC3B;AAUhB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;6CACtC;AAUd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;8CAC5B;AAUf;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;kDAC3B;AAUpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;+CAC3B;AAYhB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;gDACrC;AAW7B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;8CAC5B;AAWf;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;+CAC3B;AAWhB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;oDACrB;AA/FxB,eAAe;IANpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,cAAc;QACtB,QAAQ,EAAE,mBAAmB;KAC9B,CAAC;GACI,eAAe,CAoJpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/play.js\";\nimport videojs from \"video.js\";\nimport \"@ui5/webcomponents-icons/dist/v5/play.svg\";\n\n// Template\nimport MediaPlayerTemplate from \"./generated/templates/MediaPlayerTemplate.lit.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css\";\n\nexport type AspectRatio = \"16:9\" | \"9:16\" | \"4:3\" | \"1:1\" | \"none\";\n\n@customElement({\n  tag: \"udex-media-player\",\n  renderer: litRender,\n  styles: MediaPlayerCss,\n  template: MediaPlayerTemplate,\n})\nclass UDExMediaPlayer extends UI5Element {\n  /**\n   * Defines the source of the video  or audio\n   *\n   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.source\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    source!: string;\n  /**\n   * Defines the video/audio type (examples: \"video/mp4\" for mp4, \"application/x-mpegURL\" for m3u8, \"audio/mp3\" for mp3) more information https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source\n   *\n   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.type\n   * @defaultvalue \"video/mp4\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"video/mp4\" })\n    type!: string;\n  /**\n   * Defines a title for youtube video\n   *\n   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.youtubeTitle\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    title!: string;\n  /**\n   * Defines if only audio should be played\n   *\n   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.audioOnly\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n    audioOnly!: boolean;\n  /**\n   * Defines the poster url\n   *\n   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.poster\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    poster!: string;\n  /**\n  * Placeholder for all html `track` elements to provide video subtitles.\n  * Example: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\n  * More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track\n  *\n  * @type {HTMLElement[]}\n  * @name sap.ui.webc.main.Dialog.prototype.caption\n  * @slot\n  * @public\n  */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    caption!: Array<HTMLElement>;\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @type {string}\n * @name udex.components.MediaPlayer.prototype.width\n * @defaultvalue \"\"\n * @public\n */\n  @property({ type: String, defaultValue: \"\" })\n    width!: string;\n  /**\n * Defines video height. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @type {string}\n * @name udex.components.MediaPlayer.prototype.height\n * @defaultvalue \"\"\n * @public\n */\n  @property({ type: String, defaultValue: \"\" })\n    height!: string;\n  /**\n * Defines aspect ratio of video. If set, video will be display in fluid mode.\n * Possible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"\n *\n * @type {AspectRatio}\n * @name udex.components.MediaPlayer.prototype.aspectRatio\n * @defaultvalue \"16:9\"\n * @public\n */\n  @property({ type: String, defaultValue: \"16:9\" })\n    aspectRatio!: AspectRatio;\n\n  onEnterDOM(): void {\n    if (this._youtubeSrc || this._vimeoSrc) {\n      return;\n    }\n\n    const player = videojs(this.shadowRoot?.querySelector(\".udex-media-player__video\") || \"\");\n\n    if (this.poster) { player.poster(this.poster); }\n\n    const bigPlayButton = player.getChild(\"BigPlayButton\")?.el_;\n    const bigPlayIcon = new Icon();\n    bigPlayIcon.name = \"play\";\n    bigPlayButton.appendChild(bigPlayIcon);\n\n    if (this.audioOnly) { return; }\n\n    player.options({\n      controlBar: {\n        pictureInPictureToggle: false,\n        subtitlesButton: true,\n        remainingTimeDisplay: true,\n      },\n    });\n  }\n\n  get _tracks() {\n    return this.getSlottedNodes(\"caption\");\n  }\n\n  get _vimeoSrc() {\n    return this.source.includes(\"vimeo\");\n  }\n\n  get _youtubeSrc() {\n    return this.source.includes(\"youtube\");\n  }\n\n  get aspectRatioClass() {\n    switch (this.aspectRatio) {\n    case \"16:9\":\n      return \"vjs-16-9\";\n    case \"9:16\":\n      return \"vjs-9-16\";\n    case \"4:3\":\n      return \"vjs-4-3\";\n    case \"1:1\":\n      return \"vjs-1-1\";\n    default:\n      return \"\";\n    }\n  }\n}\n\nUDExMediaPlayer.define();\n\nexport default UDExMediaPlayer;\n"]}

package/config/dist/MessageStrip.d.ts

@@ -0,0 +1,100 @@
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import MessageStrip from "@ui5/webcomponents/dist/MessageStrip.js";
+export declare enum MessageStripDesign {
+    /**
+     * Message should be just an information
+     * @public
+     */
+    Information = "Information",
+    /**
+     * Message is a success message
+     * @public
+     */
+    Positive = "Positive",
+    /**
+     * Message is an error
+     * @public
+     */
+    Negative = "Negative",
+    /**
+     * Message is a warning
+     * @public
+     */
+    Warning = "Warning",
+    /**
+     * Message is an action
+     * @public
+     */
+    Action = "Action"
+}
+export declare enum UdexMessageStripStatusType {
+    Icon = "Icon",
+    Text = "Text",
+    None = "None"
+}
+type textStatusType = Record<Exclude<MessageStripDesign, "Action">, string>;
+/**
+ * @class
+ *
+ * @constructor
+ * @alias udex.components.UDExMessageStrip
+ * @extends sap.ui.webc.main.MessageStrip
+ * @tagname udex-message-strip
+ * @public
+ */
+declare class UDExMessageStrip extends MessageStrip {
+    /**
+     * Defines the component type.
+     *
+     * @type {MessageStripDesign}
+     * @name udex.components.UDExMessageStrip.prototype.design
+     * @public
+     */
+    design: `${MessageStripDesign}`;
+    /**
+     * Defines the component Status Type.
+     *
+     * @type {UdexMessageStripStatusType}
+     * @name udex.components.UDExMessageStrip.prototype.statusType
+     * @public
+     */
+    statusType: `${UdexMessageStripStatusType}`;
+    /**
+     * Defines whether the MessageStrip renders close button.
+     *
+     * @type {boolean}
+     * @name udex.components.UDExMessageStrip.prototype.hideCloseButton
+     * @public
+     */
+    hideCloseButton: boolean;
+    /**
+     * Defines display the icon for the Message Strip.
+     *
+     * @type {boolean}
+     * @name udex.components.UDExMessageStrip.prototype.hideIcon
+     * @private
+     */
+    hideIcon: boolean;
+    /**
+     * Defines the content of the component.
+     *
+     * @type {Node}
+     * @name udex.components.UDExMessageStrip.prototype.default
+     * @slot
+     * @public
+     */
+    default: Node;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
+    getTranslation(text: I18nText): string;
+    textStatusTypeMapping(): textStatusType;
+    onBeforeRendering(): void;
+    onAfterRendering(): void;
+    isDesignAction(): boolean;
+    get showTextStatus(): boolean;
+    get textStatus(): string | undefined;
+    get _closeButtonText(): string;
+    _closeClick(): void;
+}
+export default UDExMessageStrip;

package/config/dist/MessageStrip.js

@@ -0,0 +1,145 @@
+var __decorate = (this && this.__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 UDExMessageStrip_1;
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import { getI18nBundle, } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import MessageStrip from "@ui5/webcomponents/dist/MessageStrip.js";
+import { MESSAGE_STRIP_CLOSE_BUTTON, MESSAGE_STRIP_ERROR, MESSAGE_STRIP_INFORMATION, MESSAGE_STRIP_SUCCESS, MESSAGE_STRIP_WARNING, } from "./generated/i18n/i18n-defaults.js";
+import MessageStripTemplate from "./generated/templates/MessageStripTemplate.lit.js"; // Styles
+import MessageStripCss from "./generated/themes/MessageStrip.css.js";
+import redirectAttributes from "./utils/redirectAttributes.js";
+export var MessageStripDesign;
+(function (MessageStripDesign) {
+    /**
+     * Message should be just an information
+     * @public
+     */
+    MessageStripDesign["Information"] = "Information";
+    /**
+     * Message is a success message
+     * @public
+     */
+    MessageStripDesign["Positive"] = "Positive";
+    /**
+     * Message is an error
+     * @public
+     */
+    MessageStripDesign["Negative"] = "Negative";
+    /**
+     * Message is a warning
+     * @public
+     */
+    MessageStripDesign["Warning"] = "Warning";
+    /**
+     * Message is an action
+     * @public
+     */
+    MessageStripDesign["Action"] = "Action";
+})(MessageStripDesign || (MessageStripDesign = {}));
+export var UdexMessageStripStatusType;
+(function (UdexMessageStripStatusType) {
+    UdexMessageStripStatusType["Icon"] = "Icon";
+    UdexMessageStripStatusType["Text"] = "Text";
+    UdexMessageStripStatusType["None"] = "None";
+})(UdexMessageStripStatusType || (UdexMessageStripStatusType = {}));
+/**
+ * @class
+ *
+ * @constructor
+ * @alias udex.components.UDExMessageStrip
+ * @extends sap.ui.webc.main.MessageStrip
+ * @tagname udex-message-strip
+ * @public
+ */
+let UDExMessageStrip = UDExMessageStrip_1 = class UDExMessageStrip extends MessageStrip {
+    static async onDefine() {
+        UDExMessageStrip_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
+    }
+    getTranslation(text) {
+        return UDExMessageStrip_1.i18nBundle.getText(text);
+    }
+    textStatusTypeMapping() {
+        return {
+            Information: this.getTranslation(MESSAGE_STRIP_INFORMATION),
+            Positive: this.getTranslation(MESSAGE_STRIP_SUCCESS),
+            Negative: this.getTranslation(MESSAGE_STRIP_ERROR),
+            Warning: this.getTranslation(MESSAGE_STRIP_WARNING),
+        };
+    }
+    onBeforeRendering() {
+        if (this.isDesignAction()
+            || this.statusType !== UdexMessageStripStatusType.Icon) {
+            this.hideIcon = true;
+        }
+    }
+    onAfterRendering() {
+        redirectAttributes(this, "message-strip");
+    }
+    isDesignAction() {
+        return this.design === MessageStripDesign.Action;
+    }
+    get showTextStatus() {
+        return (this.statusType === UdexMessageStripStatusType.Text
+            && !this.isDesignAction());
+    }
+    get textStatus() {
+        if (this.design !== MessageStripDesign.Action) {
+            return this.textStatusTypeMapping()[this.design];
+        }
+    }
+    get _closeButtonText() {
+        return this.getTranslation(MESSAGE_STRIP_CLOSE_BUTTON);
+    }
+    _closeClick() {
+        this.fireEvent("close");
+    }
+};
+__decorate([
+    property({
+        type: MessageStripDesign,
+        defaultValue: MessageStripDesign.Action,
+    })
+    // @ts-ignore comment
+], UDExMessageStrip.prototype, "design", void 0);
+__decorate([
+    property({
+        type: UdexMessageStripStatusType,
+        defaultValue: UdexMessageStripStatusType.Icon,
+    })
+], UDExMessageStrip.prototype, "statusType", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExMessageStrip.prototype, "hideCloseButton", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExMessageStrip.prototype, "hideIcon", void 0);
+__decorate([
+    slot({ type: Node })
+], UDExMessageStrip.prototype, "default", void 0);
+UDExMessageStrip = UDExMessageStrip_1 = __decorate([
+    customElement({
+        tag: "udex-message-strip",
+        renderer: litRender,
+        styles: MessageStripCss,
+        template: MessageStripTemplate,
+    })
+    /**
+     * Fired when the close button is pressed either with a
+     * click/tap or by using the Enter or Space key.
+     *
+     * @public
+     */
+    ,
+    event("close")
+], UDExMessageStrip);
+UDExMessageStrip.define();
+export default UDExMessageStrip;
+//# sourceMappingURL=MessageStrip.js.map

package/config/dist/MessageStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStrip.js","sourceRoot":"","sources":["../src/MessageStrip.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  getI18nBundle,\n  I18nText,\n} from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport MessageStrip from \"@ui5/webcomponents/dist/MessageStrip.js\";\nimport {\n  MESSAGE_STRIP_CLOSE_BUTTON,\n  MESSAGE_STRIP_ERROR,\n  MESSAGE_STRIP_INFORMATION,\n  MESSAGE_STRIP_SUCCESS,\n  MESSAGE_STRIP_WARNING,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport MessageStripTemplate from \"./generated/templates/MessageStripTemplate.lit.js\"; // Styles\nimport MessageStripCss from \"./generated/themes/MessageStrip.css.js\";\nimport redirectAttributes from \"./utils/redirectAttributes.js\";\n\nexport enum MessageStripDesign {\n  /**\n   * Message should be just an information\n   * @public\n   */\n  Information = \"Information\",\n  /**\n   * Message is a success message\n   * @public\n   */\n  Positive = \"Positive\",\n  /**\n   * Message is an error\n   * @public\n   */\n  Negative = \"Negative\",\n  /**\n   * Message is a warning\n   * @public\n   */\n  Warning = \"Warning\",\n  /**\n   * Message is an action\n   * @public\n   */\n  Action = \"Action\",\n}\n\nexport enum UdexMessageStripStatusType {\n  Icon = \"Icon\",\n  Text = \"Text\",\n  None = \"None\",\n}\n\ntype textStatusType = Record<Exclude<MessageStripDesign, \"Action\">, string>;\n\n/**\n * @class\n *\n * @constructor\n * @alias udex.components.UDExMessageStrip\n * @extends sap.ui.webc.main.MessageStrip\n * @tagname udex-message-strip\n * @public\n */\n@customElement({\n  tag: \"udex-message-strip\",\n  renderer: litRender,\n  styles: MessageStripCss,\n  template: MessageStripTemplate,\n})\n/**\n * Fired when the close button is pressed either with a\n * click/tap or by using the Enter or Space key.\n *\n * @public\n */\n@event(\"close\")\nclass UDExMessageStrip extends MessageStrip {\n  /**\n   * Defines the component type.\n   *\n   * @type {MessageStripDesign}\n   * @name udex.components.UDExMessageStrip.prototype.design\n   * @public\n   */\n  @property({\n    type: MessageStripDesign,\n    defaultValue: MessageStripDesign.Action,\n  })\n  // @ts-ignore comment\n    design!: `${MessageStripDesign}`;\n\n  /**\n   * Defines the component Status Type.\n   *\n   * @type {UdexMessageStripStatusType}\n   * @name udex.components.UDExMessageStrip.prototype.statusType\n   * @public\n   */\n  @property({\n    type: UdexMessageStripStatusType,\n    defaultValue: UdexMessageStripStatusType.Icon,\n  })\n    statusType!: `${UdexMessageStripStatusType}`;\n\n  /**\n   * Defines whether the MessageStrip renders close button.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExMessageStrip.prototype.hideCloseButton\n   * @public\n   */\n  @property({ type: Boolean })\n    hideCloseButton!: boolean;\n\n  /**\n   * Defines display the icon for the Message Strip.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExMessageStrip.prototype.hideIcon\n   * @private\n   */\n  @property({ type: Boolean })\n    hideIcon!: boolean;\n\n  /**\n   * Defines the content of the component.\n   *\n   * @type {Node}\n   * @name udex.components.UDExMessageStrip.prototype.default\n   * @slot\n   * @public\n   */\n  @slot({ type: Node }) default!: Node;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExMessageStrip.i18nBundle = await getI18nBundle(\n      \"sap-ui-webcomponents-bundle\",\n    );\n  }\n\n  getTranslation(text: I18nText): string {\n    return UDExMessageStrip.i18nBundle.getText(text);\n  }\n\n  textStatusTypeMapping(): textStatusType {\n    return {\n      Information: this.getTranslation(MESSAGE_STRIP_INFORMATION),\n      Positive: this.getTranslation(MESSAGE_STRIP_SUCCESS),\n      Negative: this.getTranslation(MESSAGE_STRIP_ERROR),\n      Warning: this.getTranslation(MESSAGE_STRIP_WARNING),\n    };\n  }\n\n  onBeforeRendering() {\n    if (\n      this.isDesignAction()\n      || this.statusType !== UdexMessageStripStatusType.Icon\n    ) {\n      this.hideIcon = true;\n    }\n  }\n\n  onAfterRendering() {\n    redirectAttributes(this, \"message-strip\");\n  }\n\n  isDesignAction() {\n    return this.design === MessageStripDesign.Action;\n  }\n\n  get showTextStatus() {\n    return (\n      this.statusType === UdexMessageStripStatusType.Text\n      && !this.isDesignAction()\n    );\n  }\n\n  get textStatus(): string | undefined {\n    if (this.design !== MessageStripDesign.Action) {\n      return this.textStatusTypeMapping()[this.design];\n    }\n  }\n\n  get _closeButtonText() {\n    return this.getTranslation(MESSAGE_STRIP_CLOSE_BUTTON);\n  }\n\n  _closeClick() {\n    this.fireEvent(\"close\");\n  }\n}\n\nUDExMessageStrip.define();\n\nexport default UDExMessageStrip;\n"]}

package/config/dist/Modal.d.ts

@@ -0,0 +1,70 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+export declare enum ModalType {
+    default = "default",
+    basic = "basic"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>udex-modal</code> component is a demo component that displays some text.
+ *
+ * @constructor
+ * @alias modal.components.UDExModal
+ * @extends sap.ui.webc.main.UI5Element
+ * @tagname udex-modal
+ * @public
+ */
+declare class UDExModal extends UI5Element {
+    /**
+    * Defines the content of the Popup.
+    * @type {HTMLElement[]}
+    * @name sap.ui.webc.main.Popup.prototype.default
+    * @slot content
+    * @public
+    */
+    content: Array<HTMLElement>;
+    /**
+    * Defines the header HTML Element.
+    *
+    * @type {HTMLElement[]}
+    * @name sap.ui.webc.main.Dialog.prototype.header
+    * @slot
+    * @public
+    */
+    header: Array<HTMLElement>;
+    /**
+    * Defines the footer HTML Element.
+    *
+    * @type {HTMLElement[]}
+    * @name sap.ui.webc.main.Dialog.prototype.footer
+    * @slot
+    * @public
+    */
+    footer: Array<HTMLElement>;
+    /**
+    * Defines modal display type
+    * <br><br>
+    * <b>Note:</b> The <code>basic</code> type is simplified version of styling.
+    *
+    * @name udex.components.UDExModal.prototype.type
+    * @public
+    * @type { ModalType }
+    * @defaultValue "default"
+    */
+    type: ModalType;
+    /**
+    * Indicates if the element is open
+    * @public
+    * @type {boolean}
+    * @name udex.components.UDExModal.prototype.open
+    * @defaultvalue false
+    * @since 1.2.0
+    */
+    open: boolean;
+    get headerSlot(): boolean;
+    get footerSlot(): boolean;
+    onAfterRendering(): void;
+}
+export default UDExModal;

package/config/dist/Modal.js

@@ -0,0 +1,73 @@
+var __decorate = (this && this.__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;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Dialog from "@ui5/webcomponents/dist/Dialog.js";
+// Template
+import ModalTemplate from "./generated/templates/ModalTemplate.lit.js";
+// Styles
+import ModalCss from "./generated/themes/Modal.css.js";
+import redirectAttributes from "./utils/redirectAttributes.js";
+export var ModalType;
+(function (ModalType) {
+    ModalType["default"] = "default";
+    ModalType["basic"] = "basic";
+})(ModalType || (ModalType = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>udex-modal</code> component is a demo component that displays some text.
+ *
+ * @constructor
+ * @alias modal.components.UDExModal
+ * @extends sap.ui.webc.main.UI5Element
+ * @tagname udex-modal
+ * @public
+ */
+let UDExModal = class UDExModal extends UI5Element {
+    get headerSlot() {
+        return !!this.header.length;
+    }
+    get footerSlot() {
+        return !!this.footer.length;
+    }
+    onAfterRendering() {
+        redirectAttributes(this, "modal");
+    }
+};
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], UDExModal.prototype, "content", void 0);
+__decorate([
+    slot()
+], UDExModal.prototype, "header", void 0);
+__decorate([
+    slot()
+], UDExModal.prototype, "footer", void 0);
+__decorate([
+    property({ defaultValue: ModalType.default })
+], UDExModal.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExModal.prototype, "open", void 0);
+UDExModal = __decorate([
+    customElement({
+        tag: "udex-modal",
+        renderer: litRender,
+        styles: ModalCss,
+        template: ModalTemplate,
+        dependencies: [Dialog],
+    })
+], UDExModal);
+UDExModal.define();
+export default UDExModal;
+//# sourceMappingURL=Modal.js.map

package/config/dist/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAEvD,WAAW;AACX,OAAO,aAAa,MAAM,4CAA4C,CAAC;AAEvE,SAAS;AACT,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAE/D,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,4BAAe,CAAA;AACjB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED;;;;;;;;;;;;GAYG;AAQH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAyDhC,IAAI,UAAU;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC9B,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC9B,CAAC;IAED,gBAAgB;QACd,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACpC,CAAC;CACF,CAAA;AA3DG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CACd;AAW7B;IADD,IAAI,EAAE;yCACuB;AAW5B;IADD,IAAI,EAAE;yCACuB;AAa5B;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,CAAC,OAAO,EAAE,CAAC;uCAC3B;AAWjB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACX;AAvDb,SAAS;IAPd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,aAAa;QACvB,YAAY,EAAE,CAAC,MAAM,CAAC;KACvB,CAAC;GACI,SAAS,CAoEd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Dialog from \"@ui5/webcomponents/dist/Dialog.js\";\n\n// Template\nimport ModalTemplate from \"./generated/templates/ModalTemplate.lit.js\";\n\n// Styles\nimport ModalCss from \"./generated/themes/Modal.css.js\";\nimport redirectAttributes from \"./utils/redirectAttributes.js\";\n\nexport enum ModalType {\n  default = \"default\",\n  basic = \"basic\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-modal</code> component is a demo component that displays some text.\n *\n * @constructor\n * @alias modal.components.UDExModal\n * @extends sap.ui.webc.main.UI5Element\n * @tagname udex-modal\n * @public\n */\n@customElement({\n  tag: \"udex-modal\",\n  renderer: litRender,\n  styles: ModalCss,\n  template: ModalTemplate,\n  dependencies: [Dialog],\n})\nclass UDExModal extends UI5Element {\n  /**\n  * Defines the content of the Popup.\n  * @type {HTMLElement[]}\n  * @name sap.ui.webc.main.Popup.prototype.default\n  * @slot content\n  * @public\n  */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: Array<HTMLElement>;\n\n  /**\n  * Defines the header HTML Element.\n  *\n  * @type {HTMLElement[]}\n  * @name sap.ui.webc.main.Dialog.prototype.header\n  * @slot\n  * @public\n  */\n  @slot()\n    header!: Array<HTMLElement>;\n\n  /**\n  * Defines the footer HTML Element.\n  *\n  * @type {HTMLElement[]}\n  * @name sap.ui.webc.main.Dialog.prototype.footer\n  * @slot\n  * @public\n  */\n  @slot()\n    footer!: Array<HTMLElement>;\n\n  /**\n  * Defines modal display type\n  * <br><br>\n  * <b>Note:</b> The <code>basic</code> type is simplified version of styling.\n  *\n  * @name udex.components.UDExModal.prototype.type\n  * @public\n  * @type { ModalType }\n  * @defaultValue \"default\"\n  */\n  @property({ defaultValue: ModalType.default })\n    type!: ModalType;\n\n  /**\n  * Indicates if the element is open\n  * @public\n  * @type {boolean}\n  * @name udex.components.UDExModal.prototype.open\n  * @defaultvalue false\n  * @since 1.2.0\n  */\n  @property({ type: Boolean })\n    open!: boolean;\n\n  get headerSlot(): boolean {\n    return !!this.header.length;\n  }\n\n  get footerSlot(): boolean {\n    return !!this.footer.length;\n  }\n\n  onAfterRendering() {\n    redirectAttributes(this, \"modal\");\n  }\n}\n\nUDExModal.define();\n\nexport default UDExModal;\n"]}

package/config/dist/Pagination.d.ts

@@ -0,0 +1,107 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/nav-back.js";
+import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import "@ui5/webcomponents-icons/dist/open-command-field.js";
+import "@ui5/webcomponents-icons/dist/close-command-field.js";
+interface Page {
+    value: number;
+    active: boolean;
+}
+export declare enum PaginationType {
+    full = "full",
+    short = "short"
+}
+export declare enum DisplayType {
+    desktop = "desktop",
+    mobile = "mobile"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>udex-pagination</code> component is a pagination component used to navigate thought the pages.
+ *
+ * @constructor
+ * @alias udex.components.UDExPagination
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-pagination
+ * @public
+ */
+declare class UDExPagination extends UI5Element {
+    /**
+     * Defines number of pages.
+     * @name udex.components.UDExPagination.prototype.pages
+     * @public
+     * @type { sap.ui.webc.base.types.Integer }
+     */
+    pages?: number;
+    /**
+     * Defines type of pagination.
+     * @name udex.components.UDExPagination.prototype.type
+     * @public
+     * @type { PaginationType }
+     * @defaultValue "full"
+     */
+    type?: PaginationType;
+    /**
+     * Define display purpose.
+     * @name udex.components.UDExPagination.prototype.display
+     * @public
+     * @type { DisplayType }
+     * @defaultValue "desktop"
+     */
+    display?: DisplayType;
+    /**
+     * Define if arrow icons for last and first page are visible.
+     * @name udex.components.UDExPagination.prototype.absoluteNavigation
+     * @public
+     * @type { boolean }
+     * @defaultValue "desktop"
+     */
+    absoluteNavigation: boolean;
+    /**
+     * Current index of pagination page.
+     * @private
+     * @type { number }
+     * @defaultValue 0
+     */
+    _currentPageIndex: number;
+    /**
+     * Defines direction of the input.
+     *
+     * @type {string}
+     * @name sap.ui.webc.udex.TextField.prototype.direction
+     * @private
+     */
+    _direction?: string;
+    _pages: Page[];
+    _previousPageElement?: HTMLElement;
+    _mobileDisplayNumber: number;
+    static i18nBundle: I18nBundle;
+    constructor();
+    get nextButtonDisbled(): boolean;
+    get prevButtonDisbled(): boolean;
+    get typeFull(): boolean;
+    get typeShort(): boolean;
+    get shortTextStart(): string;
+    get shortTextEnd(): string;
+    get shortTextSeparator(): string;
+    get pagination(): Page[];
+    get paginationClass(): string;
+    static onDefine(): Promise<void>;
+    setActive(element: HTMLElement): void;
+    setNextPage(e: Event): void;
+    setPrevPage(e: Event): void;
+    setFirstPage(e: Event): void;
+    setLastPage(e: Event): void;
+    setupMobilePages(pages: number): Page[];
+    setupDesktopPages(pages: number): Page[];
+    setupPages(pages?: number): Page[];
+    onPageClick(e: Event): void;
+    emitChangeEvent(): void;
+    onAfterRendering(): void;
+}
+export default UDExPagination;