'use strict';

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

const index$1 = require('./index-df541290.js');
const index = require('./index-b7493032.js');
require('./_commonjsHelpers-10109b76.js');

const sv = {
  " number": "nummer",
  " reference": "referens",
  customer: "kund",
  order: "order",
  subscription: "prenumerations",
  " ID": "-ID",
  "Updating subscription number...": "Uppdaterar prenumerationsnummer...",
  "Failed to update subscription number.": "Kunde inte uppdatera prenumerationsnummer.",
  "Updated subscription number.": "Prenummerationsnummer uppdaterat.",
};

function create(language) {
  return index.dist.create({
    sv,
  }, language);
}

const styleCss = ".sc-ig-number-details-h{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;padding:1em;padding-left:4.5em}[hidden].sc-ig-number-details-h{display:none}dt.sc-ig-number-details{font-weight:bold;text-align:left;margin-bottom:.2em}dt.sc-ig-number-details::first-letter{text-transform:capitalize}smoothly-display.sc-ig-number-details,ig-display-edit.sc-ig-number-details{text-align:left;margin:0;width:35%}section.sc-ig-number-details{width:50%}";

const IntergiroNumberDetails = class {
  constructor(hostRef) {
    index$1.registerInstance(this, hostRef);
    this.numberUpdated = index$1.createEvent(this, "numberUpdated", 7);
  }
  componentWillLoad() {
    this.t = create(this.element);
  }
  render() {
    return [
      this.number && (index$1.h("section", null, index$1.h("dt", null, (this.name ? this.t(this.name) : "") + this.t(" number")), this.name == "subscription" ? (index$1.h("ig-display-edit", { name: "number", value: this.number, onChanged: (e) => this.numberUpdated.emit(e.detail) })) : (index$1.h("smoothly-display", null, this.number)))),
      this.identifier && (index$1.h("section", null, index$1.h("dt", null, this.name ? this.t(this.name) + this.t(" ID") : "ID"), index$1.h("smoothly-display", null, this.identifier))),
      this.reference && (index$1.h("section", null, index$1.h("dt", null, (this.name ? this.t(this.name) : "") + this.t(" reference")), index$1.h("smoothly-display", null, this.reference))),
    ];
  }
  get element() { return index$1.getElement(this); }
};
IntergiroNumberDetails.style = styleCss;

exports.ig_number_details = IntergiroNumberDetails;
