@openremote/or-mwc-components 1.0.3 → 1.2.0-snapshot.20240512160221

package/README.md

@@ -1,14 +1,15 @@
-# @openremote/or-input  \<or-input\>
+# @openremote/or-mwc-* \<or-mwc-*\>
 [![NPM Version][npm-image]][npm-url]
 [![Linux Build][travis-image]][travis-url]
 [![Test Coverage][coveralls-image]][coveralls-url]
 
-Web Component for displaying an input control.
+Web components wrapper for `MDC` web UI components, the standard `MWC` components are not complete, and they have a
+horrible icon font dependency (hopefully this will removed) whereas we use `SVG` based icon sets.
 
 ## Install
 ```bash
-npm i @openremote/or-input
-yarn add @openremote/or-input
+npm i @openremote/or-mwc-components
+yarn add @openremote/or-mwc-components
 ```
 
 ## Usage
@@ -24,7 +25,7 @@ Internet Explorer 11 is also supported.
 [GNU AGPL](https://www.gnu.org/licenses/agpl-3.0.en.html)
 
 [npm-image]: https://img.shields.io/npm/v/live-xxx.svg
-[npm-url]: https://npmjs.org/package/@openremote/or-input
+[npm-url]: https://npmjs.org/package/@openremote/or-mwc-components
 [travis-image]: https://img.shields.io/travis/live-js/live-xxx/master.svg
 [travis-url]: https://travis-ci.org/live-js/live-xxx
 [coveralls-image]: https://img.shields.io/coveralls/live-js/live-xxx/master.svg

package/{dist → lib}/or-mwc-dialog.d.ts

@@ -1,15 +1,7 @@
-import { LitElement, TemplateResult, PropertyValues } from "lit-element";
+import { LitElement, PropertyValues, TemplateResult } from "lit";
 import { MDCDialog } from "@material/dialog";
 import "@openremote/or-translate";
-import "@openremote/or-input";
-export interface DialogConfig {
-    title?: TemplateResult | string;
-    content?: TemplateResult;
-    actions?: DialogAction[];
-    avatar?: boolean;
-    styles?: TemplateResult | string;
-    dismissAction?: DialogActionBase | null;
-}
+import "./or-mwc-input";
 export interface DialogActionBase {
     actionName: string;
     action?: (dialog: OrMwcDialog) => void;
@@ -33,13 +25,19 @@ declare global {
         [OrMwcDialogClosedEvent.NAME]: OrMwcDialogClosedEvent;
     }
 }
-export declare function showDialog(config: DialogConfig, hostElement?: HTMLElement): OrMwcDialog;
+export declare function showErrorDialog(errorMessage: string, hostElement?: HTMLElement): Promise<boolean>;
+export declare function showOkCancelDialog(title: string, content: string | TemplateResult, okText?: string, hostElement?: HTMLElement): Promise<boolean>;
+export declare function showOkDialog(title: string, content: string | TemplateResult, okText?: string, hostElement?: HTMLElement): Promise<boolean>;
+export declare function showDialog<T extends OrMwcDialog>(dialog: T, hostElement?: HTMLElement): T;
 export declare class OrMwcDialog extends LitElement {
-    static get styles(): import("lit-element").CSSResult[];
-    set config(config: DialogConfig);
-    dialogTitle?: string | TemplateResult;
-    dialogContent?: TemplateResult;
-    dialogActions?: DialogAction[];
+    /**
+     * Can be set by apps to control where in the DOM dialogs are added
+     */
+    static DialogHostElement: HTMLElement;
+    static get styles(): import("lit").CSSResult[];
+    heading?: string | TemplateResult;
+    content?: TemplateResult | (() => TemplateResult);
+    actions?: DialogAction[];
     dismissAction: DialogActionBase | null | undefined;
     avatar?: boolean;
     styles?: TemplateResult | string;
@@ -47,11 +45,17 @@ export declare class OrMwcDialog extends LitElement {
     protected _mdcElem: HTMLElement;
     protected _mdcComponent?: MDCDialog;
     get isOpen(): boolean;
-    set isOpen(isOpen: boolean);
+    setOpen(isOpen: boolean): OrMwcDialog;
+    setHeading(heading: TemplateResult | string | undefined): OrMwcDialog;
+    setContent(content: TemplateResult | (() => TemplateResult) | undefined): OrMwcDialog;
+    setActions(actions: DialogAction[] | undefined): OrMwcDialog;
+    setDismissAction(action: DialogActionBase | null | undefined): OrMwcDialog;
+    setStyles(styles: string | TemplateResult | undefined): OrMwcDialog;
+    setAvatar(avatar: boolean | undefined): OrMwcDialog;
     open(): void;
     close(action?: string): void;
     disconnectedCallback(): void;
-    protected render(): TemplateResult;
+    protected render(): TemplateResult<1>;
     protected updated(_changedProperties: PropertyValues): void;
     protected _onDialogOpened(): void;
     protected _onDialogClosed(action?: string): void;

package/lib/or-mwc-dialog.js

@@ -0,0 +1,78 @@
+var __decorate=this&&this.__decorate||function(t,e,o,i){var n,s=arguments.length,a=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(a=(s<3?n(a):s>3?n(e,o,a):n(e,o))||a);return s>3&&a&&Object.defineProperty(e,o,a),a},__awaiter=this&&this.__awaiter||function(t,e,o,i){return new(o||(o=Promise))((function(n,s){function a(t){try{c(i.next(t))}catch(t){s(t)}}function r(t){try{c(i.throw(t))}catch(t){s(t)}}function c(t){var e;t.done?n(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(a,r)}c((i=i.apply(t,e||[])).next())}))};import{css,html,LitElement,unsafeCSS}from"lit";import{customElement,property,query}from"lit/decorators.js";import{MDCDialog}from"@material/dialog";import"@openremote/or-translate";import"./or-mwc-input";import{InputType}from"./or-mwc-input";import{i18next}from"@openremote/or-translate";import{Util}from"@openremote/core";const dialogStyle=require("@material/dialog/dist/mdc.dialog.css"),listStyle=require("@material/list/dist/mdc.list.css");export class OrMwcDialogOpenedEvent extends CustomEvent{constructor(){super(OrMwcDialogOpenedEvent.NAME,{bubbles:!0,composed:!0})}}OrMwcDialogOpenedEvent.NAME="or-mwc-dialog-opened";export class OrMwcDialogClosedEvent extends CustomEvent{constructor(t){super(OrMwcDialogClosedEvent.NAME,{detail:t,bubbles:!0,composed:!0})}}OrMwcDialogClosedEvent.NAME="or-mwc-dialog-closed";export function showErrorDialog(t,e){return __awaiter(this,void 0,void 0,(function*(){return showOkDialog("error",html`
+                <div>
+                    <p><or-translate value="errorOccurred"></or-translate>
+                    ${t?html`
+                        :</p>
+                        <p>
+                            <or-translate value="error"></or-translate>
+                            <span> = </span> 
+                            <or-translate .value="${t}"></or-translate>
+                    `:""}
+                    </p>
+                </div>`,void 0,e)}))}export function showOkCancelDialog(t,e,o,i){return __awaiter(this,void 0,void 0,(function*(){const n=new Util.Deferred;return showDialog((new OrMwcDialog).setContent("string"==typeof e?html`<p>${e}</p>`:e).setActions([{actionName:"cancel",content:"cancel",default:!0,action:()=>n.resolve(!1)},{actionName:"ok",content:o||i18next.t("ok"),action:()=>n.resolve(!0)}]).setHeading(t).setStyles(html`
+                    <style>
+                        .mdc-dialog__content {
+                            white-space: pre-wrap
+                        }
+                    </style>
+                `),i),yield n.promise}))}export function showOkDialog(t,e,o,i){return __awaiter(this,void 0,void 0,(function*(){const n=new Util.Deferred;return showDialog((new OrMwcDialog).setContent("string"==typeof e?html`<p>${e}</p>`:e).setActions([{actionName:"ok",default:!0,content:o||i18next.t("ok"),action:()=>n.resolve(!0)}]).setHeading(t),i),yield n.promise}))}export function showDialog(t,e){return e||(e=OrMwcDialog.DialogHostElement||document.body),t.setOpen(!0),t.addEventListener(OrMwcDialogOpenedEvent.NAME,(t=>{t.stopPropagation()})),t.addEventListener(OrMwcDialogClosedEvent.NAME,(e=>{e.stopPropagation(),window.setTimeout((()=>{t.parentElement&&t.parentElement.removeChild(t)}),0)})),e.append(t),t}const style=css`
+    :host {
+        position: relative;
+    }
+
+    .dialog-container {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .dialog-container > * {
+        flex: 1 1 0;
+    }
+    
+    .mdc-list {
+        padding: 0 24px
+    }
+
+    .mdc-dialog .mdc-dialog__surface {
+        outline: none;
+    }
+    
+    @media (min-width: 1280px) {
+        .mdc-dialog .mdc-dialog__surface {
+            max-width: 1024px;
+        }
+    }
+`;let OrMwcDialog=class extends LitElement{constructor(){super(...arguments),this._open=!1}static get styles(){return[css`${unsafeCSS(dialogStyle)}`,css`${unsafeCSS(listStyle)}`,style]}get isOpen(){return!!this._mdcComponent&&this._mdcComponent.isOpen}setOpen(t){return this._open=!0,this}setHeading(t){return this.heading=t,this}setContent(t){return this.content=t,this}setActions(t){return this.actions=t,this}setDismissAction(t){return this.dismissAction=t,this}setStyles(t){return this.styles=t,this}setAvatar(t){return this.avatar=t,this}open(){this._mdcElem&&!this._mdcComponent&&(this._mdcComponent=new MDCDialog(this._mdcElem),this._mdcComponent.scrimClickAction=this.dismissAction||null===this.dismissAction?"close":""),this._mdcComponent&&this._mdcComponent.open()}close(t){this._mdcComponent&&this._mdcComponent.close(t)}disconnectedCallback(){super.disconnectedCallback(),this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0)}render(){return html`
+            ${"string"==typeof this.styles?html`<style>${this.styles}</style>`:this.styles||""}
+            
+            <div id="dialog"
+                class="mdc-dialog"
+                role="alertdialog"
+                aria-modal="true"
+                aria-labelledby="dialog-title"
+                aria-describedby="dialog-content"
+                @MDCDialog:opened="${()=>this._onDialogOpened()}"
+                @MDCDialog:closed="${t=>this._onDialogClosed(t.detail.action)}">
+                <div class="mdc-dialog__container">
+                    <div class="mdc-dialog__surface" tabindex="0">
+						${"string"==typeof this.heading?html`<h2 class="mdc-dialog__title" id="dialog-title"><or-translate value="${this.heading}"></or-translate></h2>`:this.heading?html`<span class="mdc-dialog__title" id="dialog-title">${this.heading}</span>`:""}
+                        ${this.content?html` 
+                            <div class="dialog-container mdc-dialog__content" id="dialog-content">
+                                ${"function"==typeof this.content?this.content():this.content}
+                            </div>
+                            <footer class="mdc-dialog__actions">
+                                ${this.actions?this.actions.map((t=>html`
+                                    <div class="mdc-button mdc-dialog__button" ?data-mdc-dialog-button-default="${t.default}" data-mdc-dialog-action="${t.disabled?void 0:t.actionName}">
+                                        ${"string"==typeof t.content?html`<or-mwc-input .type="${InputType.BUTTON}" @or-mwc-input-changed="${t=>{t.currentTarget.disabled&&t.stopPropagation()}}" .disabled="${t.disabled}" .label="${t.content}"></or-mwc-input>`:t.content}
+                                    </div>`)):""}
+                            </footer>
+                        `:html`
+                            <ul class="mdc-list ${this.avatar?"mdc-list--avatar-list":""}">
+                                ${this.actions?this.actions.map(((t,e)=>html`<li class="mdc-list-item" data-mdc-dialog-action="${t.actionName}"><span class="mdc-list-item__text">${t.content}</span></li>`)):""}
+                            </ul>
+                        `}
+                    </div>
+                </div>
+                <div class="mdc-dialog__scrim"></div>
+            </div>
+        `}updated(t){super.updated(t),t.has("_open")&&this._open&&this.open()}_onDialogOpened(){this.dispatchEvent(new OrMwcDialogOpenedEvent)}_onDialogClosed(t){if("close"===t&&this.dismissAction&&this.dismissAction.action)this.dismissAction.action(this);else if(t&&this.actions){const e=this.actions.find((e=>e.actionName===t));e&&e.action&&e.action(this)}this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0),this.dispatchEvent(new OrMwcDialogClosedEvent(t))}};__decorate([property({type:String})],OrMwcDialog.prototype,"heading",void 0),__decorate([property({type:Object,attribute:!1})],OrMwcDialog.prototype,"content",void 0),__decorate([property({type:Array,attribute:!1})],OrMwcDialog.prototype,"actions",void 0),__decorate([property({type:Object,attribute:!1})],OrMwcDialog.prototype,"dismissAction",void 0),__decorate([property({type:Boolean})],OrMwcDialog.prototype,"avatar",void 0),__decorate([property()],OrMwcDialog.prototype,"styles",void 0),__decorate([property({attribute:!1})],OrMwcDialog.prototype,"_open",void 0),__decorate([query("#dialog")],OrMwcDialog.prototype,"_mdcElem",void 0),OrMwcDialog=__decorate([customElement("or-mwc-dialog")],OrMwcDialog);export{OrMwcDialog};

package/lib/or-mwc-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"or-mwc-dialog.js","sourceRoot":"","sources":["../src/or-mwc-dialog.ts"],"names":[],"mappings":"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"}

package/{dist → lib}/or-mwc-drawer.d.ts

@@ -1,11 +1,11 @@
-import { LitElement, TemplateResult } from "lit-element";
+import { LitElement, TemplateResult } from "lit";
 import { MDCDrawer } from "@material/drawer";
 export declare class OrMwcDrawerChangedEvent extends CustomEvent<boolean> {
     static readonly NAME = "or-mwc-drawer-changed";
     constructor(value: boolean);
 }
 export declare class OrMwcDrawer extends LitElement {
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResult[];
     header: TemplateResult;
     dismissible: boolean;
     rightSided: boolean;
@@ -17,7 +17,7 @@ export declare class OrMwcDrawer extends LitElement {
     protected drawer?: MDCDrawer;
     toggle(): void;
     disconnectedCallback(): void;
-    protected render(): TemplateResult;
+    protected render(): TemplateResult<1>;
     protected updated(): void;
     protected dispatchChangedEvent(value: boolean): void;
     protected firstUpdated(): void;

package/lib/or-mwc-drawer.js

@@ -0,0 +1,10 @@
+var __decorate=this&&this.__decorate||function(e,r,t,a){var s,o=arguments.length,d=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,r,t,a);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(d=(o<3?s(d):o>3?s(r,t,d):s(r,t))||d);return o>3&&d&&Object.defineProperty(r,t,d),d};import{css,html,LitElement,unsafeCSS}from"lit";import{customElement,property,query}from"lit/decorators.js";import{MDCDrawer}from"@material/drawer";import{classMap}from"lit/directives/class-map.js";const drawerStyle=require("@material/drawer/dist/mdc.drawer.css");export class OrMwcDrawerChangedEvent extends CustomEvent{constructor(e){super(OrMwcDrawerChangedEvent.NAME,{detail:e,bubbles:!0,composed:!0})}}OrMwcDrawerChangedEvent.NAME="or-mwc-drawer-changed";let OrMwcDrawer=class extends LitElement{constructor(){super(...arguments),this.dismissible=!1,this.rightSided=!1,this.transparent=!1,this.open=!1}static get styles(){return[css`${unsafeCSS(drawerStyle)}`,css`
+      .transparent{
+        background: none;
+      }`]}toggle(){this.open=!this.open}disconnectedCallback(){super.disconnectedCallback(),this.drawer&&(this.drawer.destroy(),this.drawer=void 0)}render(){const e=!this.dismissible,r={"mdc-drawer--dismissible":this.dismissible,"mdc-drawer--modal":e,transparent:this.transparent};return html`
+      <aside class="mdc-drawer ${classMap(r)}" dir="${this.rightSided?"rtl":"ltr"}">
+        ${this.header}
+        <div class="mdc-drawer__content" dir="ltr">
+          <slot></slot>
+        </div>
+      </aside>`}updated(){this.drawer.open!==this.open&&(this.drawer.open=this.open)}dispatchChangedEvent(e){this.dispatchEvent(new OrMwcDrawerChangedEvent(e))}firstUpdated(){this.drawer=MDCDrawer.attachTo(this.drawerElement),this.drawer.listen("MDCDrawer:opened",(()=>{this.dispatchChangedEvent(!0)})),this.drawer.listen("MDCDrawer:closed",(()=>{this.dispatchChangedEvent(!1)})),this.appContent&&this.appContent.classList.add("mdc-drawer-app-content"),this.topBar&&this.topBar.classList.add("mdc-top-app-bar")}};__decorate([property({attribute:!1})],OrMwcDrawer.prototype,"header",void 0),__decorate([property({type:Boolean})],OrMwcDrawer.prototype,"dismissible",void 0),__decorate([property({type:Boolean})],OrMwcDrawer.prototype,"rightSided",void 0),__decorate([property({type:Boolean})],OrMwcDrawer.prototype,"transparent",void 0),__decorate([property({type:Boolean})],OrMwcDrawer.prototype,"open",void 0),__decorate([property({attribute:!1})],OrMwcDrawer.prototype,"appContent",void 0),__decorate([property({attribute:!1})],OrMwcDrawer.prototype,"topBar",void 0),__decorate([query(".mdc-drawer")],OrMwcDrawer.prototype,"drawerElement",void 0),OrMwcDrawer=__decorate([customElement("or-mwc-drawer")],OrMwcDrawer);export{OrMwcDrawer};

package/lib/or-mwc-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"or-mwc-drawer.js","sourceRoot":"","sources":["../src/or-mwc-drawer.ts"],"names":[],"mappings":"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"}

package/lib/or-mwc-input.d.ts

@@ -0,0 +1,145 @@
+import { LitElement, PropertyValues, TemplateResult } from "lit";
+import { MDCComponent } from "@material/base";
+import "@openremote/or-icon";
+import { AssetDescriptor, NameHolder, ValueDescriptor, ValueDescriptorHolder, ValueFormat, ValueHolder } from "@openremote/model";
+export declare class OrInputChangedEvent extends CustomEvent<OrInputChangedEventDetail> {
+    static readonly NAME = "or-mwc-input-changed";
+    constructor(value?: any, previousValue?: any, enterPressed?: boolean);
+}
+export interface OrInputChangedEventDetail {
+    value?: any;
+    previousValue?: any;
+    enterPressed?: boolean;
+}
+declare global {
+    export interface HTMLElementEventMap {
+        [OrInputChangedEvent.NAME]: OrInputChangedEvent;
+    }
+}
+export declare enum InputType {
+    BUTTON = "button",
+    BUTTON_TOGGLE = "button-toggle",
+    BUTTON_MOMENTARY = "button-momentary",
+    CHECKBOX = "checkbox",
+    CHECKBOX_LIST = "checkbox-list",
+    COLOUR = "color",
+    DATE = "date",
+    DATETIME = "datetime-local",
+    EMAIL = "email",
+    JSON = "json",
+    JSON_OBJECT = "json-object",
+    MONTH = "month",
+    NUMBER = "number",
+    BIG_INT = "big-int",
+    PASSWORD = "password",
+    RADIO = "radio",
+    SWITCH = "switch",
+    RANGE = "range",
+    TELEPHONE = "tel",
+    TEXT = "text",
+    TEXTAREA = "textarea",
+    TIME = "time",
+    URL = "url",
+    WEEK = "week",
+    SELECT = "select",
+    LIST = "list",
+    CRON = "cron",
+    DURATION = "duration",
+    DURATION_TIME = "duration-time",
+    DURATION_PERIOD = "duration-period"
+}
+export interface ValueInputProviderOptions {
+    label?: string;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    compact?: boolean;
+    rounded?: boolean;
+    outlined?: boolean;
+    comfortable?: boolean;
+    resizeVertical?: boolean;
+    inputType?: InputType;
+}
+export interface ValueInputProvider {
+    templateFunction: ValueInputTemplateFunction;
+    supportsHelperText: boolean;
+    supportsLabel: boolean;
+    supportsSendButton: boolean;
+    validator?: () => boolean;
+}
+export type ValueInputTemplateFunction = ((value: any, focused: boolean, loading: boolean, sending: boolean, error: boolean, helperText: string | undefined) => TemplateResult | PromiseLike<TemplateResult>) | undefined;
+export type ValueInputProviderGenerator = (assetDescriptor: AssetDescriptor | string, valueHolder: NameHolder & ValueHolder<any> | undefined, valueHolderDescriptor: ValueDescriptorHolder | undefined, valueDescriptor: ValueDescriptor, valueChangeNotifier: (value: OrInputChangedEventDetail | undefined) => void, options: ValueInputProviderOptions) => ValueInputProvider;
+export declare const getValueHolderInputTemplateProvider: ValueInputProviderGenerator;
+export declare class OrMwcInput extends LitElement {
+    static get styles(): import("lit").CSSResult[];
+    focused?: boolean;
+    value?: any;
+    type?: InputType;
+    name?: String;
+    readonly: boolean;
+    required: boolean;
+    max?: any;
+    min?: any;
+    step?: number;
+    checked: boolean;
+    indeterminate: boolean;
+    maxLength?: number;
+    minLength?: number;
+    rows?: number;
+    cols?: number;
+    multiple: boolean;
+    pattern?: string;
+    placeHolder?: string;
+    options?: any[] | any;
+    autoSelect?: boolean;
+    searchProvider?: (search?: string) => Promise<[any, string][]>;
+    icon?: string;
+    iconColor?: string;
+    iconOn?: string;
+    iconTrailing?: string;
+    compact: boolean;
+    comfortable: boolean;
+    raised: boolean;
+    action: boolean;
+    unElevated: boolean;
+    outlined: boolean;
+    rounded: boolean;
+    format?: ValueFormat;
+    disableSliderNumberInput: boolean;
+    fullWidth: boolean;
+    helperText?: string;
+    helperPersistent: boolean;
+    validationMessage?: string;
+    autoValidate: boolean;
+    charCounter: boolean;
+    label?: string;
+    disabled: boolean;
+    continuous: boolean;
+    resizeVertical: boolean;
+    get nativeValue(): any;
+    protected _mdcComponent?: MDCComponent<any>;
+    protected _mdcComponent2?: MDCComponent<any>;
+    protected _selectedIndex: number;
+    protected _menuObserver?: IntersectionObserver;
+    protected _tempValue: any;
+    protected isUiValid: boolean;
+    searchableValue?: string;
+    protected errorMessage?: string;
+    disconnectedCallback(): void;
+    protected shouldUpdate(_changedProperties: PropertyValues): boolean;
+    focus(): void;
+    protected render(): TemplateResult | undefined;
+    protected _getFormat(): ValueFormat | undefined;
+    update(_changedProperties: PropertyValues): void;
+    firstUpdated(_changedProperties: PropertyValues): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    protected renderOutlined(labelTemplate: TemplateResult | undefined): TemplateResult<1>;
+    setCustomValidity(msg: string | undefined): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    protected onValueChange(elem: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | undefined, newValue: any | undefined, enterPressed?: boolean): void;
+    get valid(): boolean;
+    get currentValue(): any;
+    protected resolveOptions(options: any[] | undefined): [any, string][] | undefined;
+    protected getSelectedTextValue(options?: [string, string][] | undefined): string;
+}