@sapudex/web-components 0.111.0

package/dist/Carousel.js

@@ -0,0 +1,128 @@
+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 UDExCarousel_1;
+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 { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { isUp, isDown, isRight, isLeft, } from "@ui5/webcomponents-base/dist/Keys.js";
+import UI5Carousel from "@ui5/webcomponents/dist/Carousel.js";
+import { CAROUSEL_NEXT_ARROW_TEXT, CAROUSEL_PREVIOUS_ARROW_TEXT, } from "./generated/i18n/i18n-defaults.js";
+import redirectAttributes from "./utils/redirectAttributes.js";
+import CarouselTemplate from "./generated/templates/CarouselTemplate.lit.js";
+// Styles
+import CarouselCss from "./generated/themes/Carousel.css.js";
+import UDExButton from "./Button.js";
+export var CarouselNavigationPosition;
+(function (CarouselNavigationPosition) {
+    CarouselNavigationPosition["top"] = "top";
+    CarouselNavigationPosition["bottom"] = "bottom";
+})(CarouselNavigationPosition || (CarouselNavigationPosition = {}));
+/**
+ * @class
+ *
+ * @constructor
+ * @extends UI5Element
+ * @tagname udex-carousel
+ * @public
+ */
+let UDExCarousel = UDExCarousel_1 = class UDExCarousel extends UI5Element {
+    static async onDefine() {
+        UDExCarousel_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
+    }
+    get nextPageText() {
+        return UDExCarousel_1.i18nBundle.getText(CAROUSEL_NEXT_ARROW_TEXT);
+    }
+    get previousPageText() {
+        return UDExCarousel_1.i18nBundle.getText(CAROUSEL_PREVIOUS_ARROW_TEXT);
+    }
+    get carouselClass() {
+        const classes = "udex-carousel";
+        return `${classes} udex-carousel__navigation--${this.navigationPlacement}`;
+    }
+    get buttonDesign() {
+        return this.navigationPlacement === CarouselNavigationPosition.top
+            ? "Secondary"
+            : "Tertiary";
+    }
+    get showNavigationButtons() {
+        return {
+            top: this.navigationPlacement === CarouselNavigationPosition.top,
+            bottom: this.navigationPlacement === CarouselNavigationPosition.bottom,
+        };
+    }
+    get _hidePageIndicator() {
+        return this.navigationPlacement === CarouselNavigationPosition.top;
+    }
+    get _carousel() {
+        return this.shadowRoot.querySelector("[ui5-carousel]");
+    }
+    get _ui5CarouselRoot() {
+        return this._carousel?.shadowRoot?.querySelector(".ui5-carousel-root");
+    }
+    _calculateDisabledButtonsState() {
+        this.isPrevButtonDisabled = !this._carousel?.hasPrev;
+        this.isNextButtonDisabled = !this._carousel?.hasNext;
+    }
+    _prevButtonClick() {
+        if (this.isPrevButtonDisabled) {
+            return;
+        }
+        this._carousel?.navigateLeft();
+        this._ui5CarouselRoot?.focus();
+        this._calculateDisabledButtonsState();
+    }
+    _nextButtonClick() {
+        if (this.isNextButtonDisabled) {
+            return;
+        }
+        this._carousel?.navigateRight();
+        this._ui5CarouselRoot?.focus();
+        this._calculateDisabledButtonsState();
+    }
+    _onkeydown(e) {
+        if (isLeft(e) || isDown(e) || isRight(e) || isUp(e)) {
+            this._calculateDisabledButtonsState();
+        }
+    }
+    onAfterRendering() {
+        redirectAttributes(this, "carousel");
+        this._calculateDisabledButtonsState();
+    }
+};
+__decorate([
+    property({
+        type: CarouselNavigationPosition,
+        defaultValue: CarouselNavigationPosition.top,
+    })
+], UDExCarousel.prototype, "navigationPlacement", void 0);
+__decorate([
+    slot({ "default": true, type: HTMLElement, individualSlots: true })
+], UDExCarousel.prototype, "items", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], UDExCarousel.prototype, "isPrevButtonDisabled", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], UDExCarousel.prototype, "isNextButtonDisabled", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExCarousel.prototype, "accessibleName", void 0);
+UDExCarousel = UDExCarousel_1 = __decorate([
+    customElement({
+        tag: "udex-carousel",
+        renderer: litRender,
+        styles: CarouselCss,
+        template: CarouselTemplate,
+        dependencies: [UI5Carousel, UDExButton],
+    })
+], UDExCarousel);
+UDExCarousel.define();
+export default UDExCarousel;
+//# sourceMappingURL=Carousel.js.map

package/dist/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../src/Carousel.ts"],"names":[],"mappings":"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","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 { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isUp,\n  isDown,\n  isRight,\n  isLeft,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UI5Carousel from \"@ui5/webcomponents/dist/Carousel.js\";\nimport {\n  CAROUSEL_NEXT_ARROW_TEXT,\n  CAROUSEL_PREVIOUS_ARROW_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport redirectAttributes from \"./utils/redirectAttributes.js\";\n\nimport CarouselTemplate from \"./generated/templates/CarouselTemplate.lit.js\";\n\n// Styles\nimport CarouselCss from \"./generated/themes/Carousel.css.js\";\nimport UDExButton from \"./Button.js\";\n\nexport enum CarouselNavigationPosition {\n  top = \"top\",\n  bottom = \"bottom\",\n}\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-carousel\n * @public\n */\n@customElement({\n  tag: \"udex-carousel\",\n  renderer: litRender,\n  styles: CarouselCss,\n  template: CarouselTemplate,\n  dependencies: [UI5Carousel, UDExButton],\n})\nclass UDExCarousel extends UI5Element {\n  /**\n   * Defines the position of the navigation.\n   * <br><br>\n   * Available options are:\n   * <ul>\n   * <li><code>top</code> - the navigation button are placed above the component.</li>\n   * <li><code>bottom</code> - the navigation button arrows are placed below the component.</li>\n   * </ul>\n   *\n   * @public\n   */\n  @property({\n    type: CarouselNavigationPosition,\n    defaultValue: CarouselNavigationPosition.top,\n  })\n    navigationPlacement!: `${CarouselNavigationPosition}`;\n\n  /**\n   * Defines the content of the component.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ \"default\": true, type: HTMLElement, individualSlots: true })\n    items!: Array<HTMLElement>;\n\n  /**\n   * Defines the prev button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isPrevButtonDisabled!: boolean;\n\n  /**\n   * Defines the next button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isNextButtonDisabled!: boolean;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default ''\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    accessibleName!: string;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExCarousel.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  get nextPageText() {\n    return UDExCarousel.i18nBundle.getText(CAROUSEL_NEXT_ARROW_TEXT);\n  }\n\n  get previousPageText() {\n    return UDExCarousel.i18nBundle.getText(CAROUSEL_PREVIOUS_ARROW_TEXT);\n  }\n\n  get carouselClass(): string {\n    const classes = \"udex-carousel\";\n\n    return `${classes} udex-carousel__navigation--${this.navigationPlacement}`;\n  }\n\n  get buttonDesign() {\n    return this.navigationPlacement === CarouselNavigationPosition.top\n      ? \"Secondary\"\n      : \"Tertiary\";\n  }\n\n  get showNavigationButtons() {\n    return {\n      top: this.navigationPlacement === CarouselNavigationPosition.top,\n      bottom: this.navigationPlacement === CarouselNavigationPosition.bottom,\n    };\n  }\n\n  get _hidePageIndicator() {\n    return this.navigationPlacement === CarouselNavigationPosition.top;\n  }\n\n  get _carousel() {\n    return this.shadowRoot!.querySelector<UI5Carousel>(\"[ui5-carousel]\");\n  }\n\n  get _ui5CarouselRoot(): HTMLElement | null | undefined {\n    return this._carousel?.shadowRoot?.querySelector(\".ui5-carousel-root\");\n  }\n\n  _calculateDisabledButtonsState() {\n    this.isPrevButtonDisabled = !this._carousel?.hasPrev;\n    this.isNextButtonDisabled = !this._carousel?.hasNext;\n  }\n\n  _prevButtonClick() {\n    if (this.isPrevButtonDisabled) {\n      return;\n    }\n\n    this._carousel?.navigateLeft();\n    this._ui5CarouselRoot?.focus();\n    this._calculateDisabledButtonsState();\n  }\n\n  _nextButtonClick() {\n    if (this.isNextButtonDisabled) {\n      return;\n    }\n\n    this._carousel?.navigateRight();\n    this._ui5CarouselRoot?.focus();\n    this._calculateDisabledButtonsState();\n  }\n\n  _onkeydown(e: KeyboardEvent) {\n    if (isLeft(e) || isDown(e) || isRight(e) || isUp(e)) {\n      this._calculateDisabledButtonsState();\n    }\n  }\n\n  onAfterRendering() {\n    redirectAttributes(this, \"carousel\");\n\n    this._calculateDisabledButtonsState();\n  }\n}\n\nUDExCarousel.define();\n\nexport default UDExCarousel;\n"]}

package/dist/Checkbox.d.ts

@@ -0,0 +1,23 @@
+import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-checkbox</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/Checkbox.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends CheckBox
+ * @tagname udex-checkbox
+ * @public
+ */
+declare class UDExCheckbox extends CheckBox {
+}
+export default UDExCheckbox;

package/dist/Checkbox.js

@@ -0,0 +1,44 @@
+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 customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
+// Styles
+import checkboxCss from "@ui5/webcomponents/dist/generated/themes/CheckBox.css.js";
+import CheckboxCss from "./generated/themes/Checkbox.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-checkbox</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/Checkbox.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends CheckBox
+ * @tagname udex-checkbox
+ * @public
+ */
+let UDExCheckbox = class UDExCheckbox extends CheckBox {
+};
+UDExCheckbox = __decorate([
+    customElement({
+        tag: "udex-checkbox",
+        renderer: litRender,
+        styles: [checkboxCss, CheckboxCss],
+        dependencies: [CheckBox],
+    })
+], UDExCheckbox);
+UDExCheckbox.define();
+export default UDExCheckbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAE3D,SAAS;AACT,OAAO,WAAW,MAAM,0DAA0D,CAAC;AACnF,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAE7D;;;;;;;;;;;;;;;;;;GAkBG;AAOH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,QAAQ;CAClC,CAAA;AADK,YAAY;IANjB,aAAa,CAAC;QACb,GAAG,EAAE,eAAe;QACpB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;QAClC,YAAY,EAAE,CAAC,QAAQ,CAAC;KACzB,CAAC;GACI,YAAY,CACjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport CheckBox from \"@ui5/webcomponents/dist/CheckBox.js\";\n\n// Styles\nimport checkboxCss from \"@ui5/webcomponents/dist/generated/themes/CheckBox.css.js\";\nimport CheckboxCss from \"./generated/themes/Checkbox.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-checkbox</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/Checkbox.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends CheckBox\n * @tagname udex-checkbox\n * @public\n */\n@customElement({\n  tag: \"udex-checkbox\",\n  renderer: litRender,\n  styles: [checkboxCss, CheckboxCss],\n  dependencies: [CheckBox],\n})\nclass UDExCheckbox extends CheckBox {\n}\n\nUDExCheckbox.define();\n\nexport default UDExCheckbox;\n"]}

package/dist/ControlButton.d.ts

@@ -0,0 +1,39 @@
+import Button from "@ui5/webcomponents/dist/Button.js";
+export declare enum ControlButtonSize {
+    Small = "Small",
+    Medium = "Medium",
+    Large = "Large"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-control-button</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/ControlButton.js";</code>
+ *
+ * @constructor
+ * @extends Button
+ * @public
+ */
+declare class UDExControlButton extends Button {
+    /**
+     * Defines the size of the button.
+     *
+     * @default "Medium"
+     * @public
+     */
+    size: `${ControlButtonSize}`;
+    /**
+     * Determines whether the component is displayed as read-only.
+     * @default false
+     * @public
+     */
+    readonly: boolean;
+}
+export default UDExControlButton;

package/dist/ControlButton.js

@@ -0,0 +1,53 @@
+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 customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+// Styles
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import ControlButtonCss from "./generated/themes/ControlButton.css.js";
+export var ControlButtonSize;
+(function (ControlButtonSize) {
+    ControlButtonSize["Small"] = "Small";
+    ControlButtonSize["Medium"] = "Medium";
+    ControlButtonSize["Large"] = "Large";
+})(ControlButtonSize || (ControlButtonSize = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-control-button</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/ControlButton.js";</code>
+ *
+ * @constructor
+ * @extends Button
+ * @public
+ */
+let UDExControlButton = class UDExControlButton extends Button {
+};
+__decorate([
+    property({ type: ControlButtonSize, defaultValue: ControlButtonSize.Medium })
+], UDExControlButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExControlButton.prototype, "readonly", void 0);
+UDExControlButton = __decorate([
+    customElement({
+        tag: "udex-control-button",
+        renderer: litRender,
+        styles: [Button.styles, ControlButtonCss],
+    })
+], UDExControlButton);
+UDExControlButton.define();
+export default UDExControlButton;
+//# sourceMappingURL=ControlButton.js.map

package/dist/ControlButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.js","sourceRoot":"","sources":["../src/ControlButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAEvD,SAAS;AACT,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAEvE,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,oCAAe,CAAA;IACf,sCAAiB,CAAA;IACjB,oCAAe,CAAA;AACjB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B;AAED;;;;;;;;;;;;;;;;GAgBG;AAMH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,MAAM;CAiBrC,CAAA;AATG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,YAAY,EAAE,iBAAiB,CAAC,MAAM,EAAE,CAAC;+CAC9C;AAQ9B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACP;AAhBjB,iBAAiB;IALtB,aAAa,CAAC;QACb,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC;KAC1C,CAAC;GACI,iBAAiB,CAiBtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\n\n// Styles\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport ControlButtonCss from \"./generated/themes/ControlButton.css.js\";\n\nexport enum ControlButtonSize {\n  Small = \"Small\",\n  Medium = \"Medium\",\n  Large = \"Large\",\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-control-button</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/ControlButton.js\";</code>\n *\n * @constructor\n * @extends Button\n * @public\n */\n@customElement({\n  tag: \"udex-control-button\",\n  renderer: litRender,\n  styles: [Button.styles, ControlButtonCss],\n})\nclass UDExControlButton extends Button {\n  /**\n   * Defines the size of the button.\n   *\n   * @default \"Medium\"\n   * @public\n   */\n  @property({ type: ControlButtonSize, defaultValue: ControlButtonSize.Medium })\n    size!: `${ControlButtonSize}`;\n\n  /**\n   * Determines whether the component is displayed as read-only.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n}\n\nUDExControlButton.define();\n\nexport default UDExControlButton;\n"]}

package/dist/CountrySelector.d.ts

@@ -0,0 +1,163 @@
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import SearchableListBaseTemplate from "./generated/templates/SearchableListBaseTemplate.lit.js";
+import Search from "./Search.js";
+import UDExDropdown from "./Dropdown.js";
+import { Country } from "./data/CountryListISO3166.js";
+import UDExSearchableListBase from "./SearchableListBase.js";
+import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-country-selector</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/CountrySelector.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends UDExSearchableListBase
+ * @tagname udex-country-selector
+ * @public
+ */
+declare class CountrySelector extends UDExSearchableListBase {
+    /**
+     * Defines label text for the input field.
+     *
+     * @default ""
+     * @public
+     */
+    label?: string;
+    /**
+     * Defines the accessible ARIA name of the component.
+     *
+     * @default ""
+     * @public
+     */
+    accessibleName: string;
+    /**
+     * Receives id (or many ids) of the elements that label the component.
+     * @default ""
+     * @public
+     */
+    accessibleNameRef: string;
+    /**
+     * Defines whether the component is required.
+     *
+     * @default false
+     * @public
+     */
+    required: boolean;
+    /**
+     * Allows control over the width.
+     *
+     * @public
+     */
+    width?: string;
+    /**
+     * Allows control over the height.
+     *
+     * @public
+     */
+    height?: string;
+    /**
+     * Defines whether the component is in disabled state.
+     * <br><br>
+     * <b>Note:</b> A disabled component is completely noninteractive.
+     *
+     * @default false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines whether the component is read-only.
+     * <br><br>
+     * <b>Note:</b> A read-only component is not editable,
+     * but still provides visual feedback upon user interaction.
+     *
+     * @default false
+     * @public
+     */
+    readonly: boolean;
+    /**
+     * Defines whether the component is display-only.
+     * <br><br>
+     * <b>Note:</b> A display-only component is not editable,
+     * but still provides visual feedback upon user interaction, input border is not visible.
+     *
+     * @default false
+     * @public
+     */
+    displayonly: boolean;
+    /**
+     * Allows to define the initially preselected country.
+     *
+     * @default ""
+     * @public
+     */
+    preselectedCountry: string;
+    /**
+     * Allows to define the list of blocked country.
+     *
+     * @default ""
+     * @public
+     */
+    blockedCountryCodes?: string;
+    /**
+     * Defines the placeholder of the search.
+     *
+     * @default ""
+     * @public
+     */
+    searchPlaceholder: string;
+    /**
+     *
+     * @public
+     */
+    hideFlagImages?: boolean;
+    _open?: boolean;
+    countryList: Country[];
+    selectedCountry: Country;
+    _dropdown: UDExDropdown;
+    _search: Search;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
+    constructor();
+    onBeforeRendering(): void;
+    onAfterRendering(): void;
+    _dropdownBeforeOpen(): void;
+    _dropdownAfterClose(): void;
+    _dropdownAfterOpen(): void;
+    _dropdownBeforeClose(): void;
+    get searchableList(): object;
+    static get searchableListBaseTemplate(): typeof SearchableListBaseTemplate;
+    get ariaControls(): string | null | undefined;
+    get holderWidth(): string;
+    get selectedCountryFlagX(): string;
+    get selectedCountryFlagY(): string;
+    get selectedCountryName(): string;
+    get countrySelectorClasses(): string;
+    get countrySelectorTriggerClasses(): string;
+    get showFlagImages(): boolean;
+    get isOpenerDisabled(): boolean;
+    getItemTemplate(country: Country): string | undefined;
+    getCountryLabel(countryName: string, localName?: string): string;
+    handleItemPress(e: CustomEvent): void;
+    handleKeyDown(e: CustomEvent): void;
+    onValueSearch(searchValue: string): void;
+    handleTriggerClick(): void;
+    isLetterKey(key: string): boolean;
+    handleValueSearch(e: CustomEvent): void;
+    handleSubmitSearch(): void;
+    handleResetSearch(): void;
+    prepareCountrySelectorItems(): void;
+    getSearch(): Search;
+    getDropdown(): UDExDropdown;
+    getInput(): UDExDropdown;
+    get effectiveAriaLabel(): string;
+}
+export default CountrySelector;