'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-0b1e2673.js');

const styleCss = ".sc-smoothly-select-demo-h{display:block}[hidden].sc-smoothly-select-demo-h{display:none}button.sc-smoothly-select-demo:focus{outline:none}";

const SmoothlySelectDemo = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.currencies = ["SEK", "EUR"];
    this.currency = "SEK";
  }
  alertf() {
    var _a;
    console.log(this.quantityElement);
    alert((_a = this.quantityElement) === null || _a === void 0 ? void 0 : _a.value);
  }
  handleSelectionChanged(event) {
    console.log("selectionChanged", event.detail);
  }
  render() {
    return [
      index.h("smoothly-select", { identifier: "currency" }, this.currencies.map(option => this.currency == option ? (index.h("option", { value: option, selected: true }, option)) : (index.h("option", { value: option }, option)))),
      index.h("smoothly-select", { identifier: "language" }, index.h("optgroup", { label: "Nordic" }, index.h("option", { value: "sv" }, "Swedish"), index.h("option", { value: "da", selected: true }, "Danish"), index.h("option", { value: "no" }, "Norwegian")), index.h("optgroup", { label: "Other" }, index.h("option", { value: "en" }, "English"))),
      index.h("smoothly-select", { identifier: "quantity", ref: e => (this.quantityElement = e) }, index.h("option", { value: "1" }, "1"), index.h("option", { value: "2" }, "2"), index.h("option", { value: "3" }, "3")),
      index.h("button", { onClick: () => this.alertf() }, "press here"),
    ];
  }
};
SmoothlySelectDemo.style = styleCss;

exports.smoothly_select_demo = SmoothlySelectDemo;
