import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';

const eclDateBlockEcCss = ".ecl-u-sr-only.sc-ecl-date-block-ec{border:0 !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.ecl-u-sr-only--focusable.sc-ecl-date-block-ec:active,.ecl-u-sr-only--focusable.sc-ecl-date-block-ec:focus{clip:auto !important;-webkit-clip-path:none !important;clip-path:none !important;height:auto !important;overflow:visible !important;position:static !important;white-space:normal !important;width:auto !important}.ecl-date-block.sc-ecl-date-block-ec{background-color:#004494;border-radius:0;box-shadow:none;box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;overflow:hidden;position:relative;text-align:center;width:5rem}.ecl-date-block.sc-ecl-date-block-ec::before{background-color:#fff;border-radius:50%;box-shadow:none;box-sizing:content-box;content:\"\";display:block;height:10px;left:0.75rem;position:absolute;top:-5px;width:10px}.ecl-date-block.sc-ecl-date-block-ec::after{background-color:#fff;border-radius:50%;box-shadow:none;box-sizing:content-box;content:\"\";display:block;height:10px;position:absolute;right:0.75rem;top:-5px;width:10px}.ecl-date-block__day.sc-ecl-date-block-ec{color:#fff;font:normal normal 400 1.5rem/1.75rem arial, sans-serif;font-weight:700;padding:0.5rem 0.25rem 0 0.5rem}.ecl-date-block__month.sc-ecl-date-block-ec{color:#fff;font:normal normal 400 1rem/1.25rem arial, sans-serif;padding:0 0.25rem 0.25rem 0.25rem;text-decoration:none !important;text-transform:uppercase}.ecl-date-block__year.sc-ecl-date-block-ec{background-color:#ebebeb;border-top:1px solid #cfcfcf;color:#404040;font:normal normal 400 0.875rem/1rem arial, sans-serif;padding:0.25rem}@media (min-width: 996px){.ecl-date-block.sc-ecl-date-block-ec{width:6.3rem}.ecl-date-block__day.sc-ecl-date-block-ec{padding:0.5rem 0.25rem 0 0.25rem}.ecl-date-block__month.sc-ecl-date-block-ec{padding:0 0.25rem 0.5rem 0.25rem}.ecl-date-block__year.sc-ecl-date-block-ec{padding:0.5rem 0.25rem}}.ecl-date-block__daytime.sc-ecl-date-block-ec{border:0 !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.ecl-date-block--ongoing.sc-ecl-date-block-ec{background-color:#ffd617}.ecl-date-block--ongoing.sc-ecl-date-block-ec .ecl-date-block__day.sc-ecl-date-block-ec,.ecl-date-block--ongoing.sc-ecl-date-block-ec .ecl-date-block__month.sc-ecl-date-block-ec{color:#404040}.ecl-date-block--cancelled.sc-ecl-date-block-ec{background-color:#ebebeb}.ecl-date-block--cancelled.sc-ecl-date-block-ec .ecl-date-block__day.sc-ecl-date-block-ec,.ecl-date-block--cancelled.sc-ecl-date-block-ec .ecl-date-block__month.sc-ecl-date-block-ec{color:#404040}.ecl-date-block--past.sc-ecl-date-block-ec{background-color:#fff;outline:1px solid #ebebeb;outline-offset:-1px}.ecl-date-block--past.sc-ecl-date-block-ec::before,.ecl-date-block--past.sc-ecl-date-block-ec::after{border:1px solid #ebebeb}.ecl-date-block--past.sc-ecl-date-block-ec .ecl-date-block__day.sc-ecl-date-block-ec,.ecl-date-block--past.sc-ecl-date-block-ec .ecl-date-block__month.sc-ecl-date-block-ec{color:#404040}.ecl-date-block--past.sc-ecl-date-block-ec .ecl-date-block__year.sc-ecl-date-block-ec{border-top-color:#ebebeb}";

const eclDateBlockEuCss = ".ecl-u-sr-only.sc-ecl-date-block-eu{border:0 !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.ecl-u-sr-only--focusable.sc-ecl-date-block-eu:active,.ecl-u-sr-only--focusable.sc-ecl-date-block-eu:focus{clip:auto !important;-webkit-clip-path:none !important;clip-path:none !important;height:auto !important;overflow:visible !important;position:static !important;white-space:normal !important;width:auto !important}.ecl-date-block.sc-ecl-date-block-eu{background-color:#0e47cb;border-radius:8px;box-shadow:0 2px 4px rgba(9, 49, 142, 0.08), 0 0 10px rgba(9, 49, 142, 0.04), 0 4px 5px rgba(9, 49, 142, 0.04), 0 -4px 4px rgba(9, 49, 142, 0.04);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;overflow:hidden;position:relative;text-align:center;width:5rem}.ecl-date-block.sc-ecl-date-block-eu::before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(9, 49, 142, 0.08) inset, 0 0 10px rgba(9, 49, 142, 0.04) inset, 0 4px 5px rgba(9, 49, 142, 0.04) inset, 0 -4px 4px rgba(9, 49, 142, 0.04) inset;box-sizing:content-box;content:\"\";display:block;height:10px;left:0.75rem;position:absolute;top:-5px;width:10px}.ecl-date-block.sc-ecl-date-block-eu::after{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(9, 49, 142, 0.08) inset, 0 0 10px rgba(9, 49, 142, 0.04) inset, 0 4px 5px rgba(9, 49, 142, 0.04) inset, 0 -4px 4px rgba(9, 49, 142, 0.04) inset;box-sizing:content-box;content:\"\";display:block;height:10px;position:absolute;right:0.75rem;top:-5px;width:10px}.ecl-date-block__day.sc-ecl-date-block-eu{color:#fff;font:normal normal 400 1.5rem/1.75rem arial, sans-serif;font-weight:700;padding:0.5rem 0.25rem 0 0.5rem}.ecl-date-block__month.sc-ecl-date-block-eu{color:#fff;font:normal normal 400 1rem/1.25rem arial, sans-serif;padding:0 0.25rem 0.25rem 0.25rem;text-decoration:none !important;text-transform:uppercase}.ecl-date-block__year.sc-ecl-date-block-eu{background-color:#fff;border-top:1px solid transparent;color:#171a22;font:normal normal 400 0.875rem/1rem arial, sans-serif;padding:0.25rem}@media (min-width: 996px){.ecl-date-block.sc-ecl-date-block-eu{width:6.3rem}.ecl-date-block__day.sc-ecl-date-block-eu{padding:0.5rem 0.25rem 0 0.25rem}.ecl-date-block__month.sc-ecl-date-block-eu{padding:0 0.25rem 0.5rem 0.25rem}.ecl-date-block__year.sc-ecl-date-block-eu{padding:0.5rem 0.25rem}}.ecl-date-block__daytime.sc-ecl-date-block-eu{border:0 !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.ecl-date-block--ongoing.sc-ecl-date-block-eu{background-color:#fc0}.ecl-date-block--ongoing.sc-ecl-date-block-eu .ecl-date-block__day.sc-ecl-date-block-eu,.ecl-date-block--ongoing.sc-ecl-date-block-eu .ecl-date-block__month.sc-ecl-date-block-eu{color:#171a22}.ecl-date-block--cancelled.sc-ecl-date-block-eu{background-color:#d4d5d7}.ecl-date-block--cancelled.sc-ecl-date-block-eu .ecl-date-block__day.sc-ecl-date-block-eu,.ecl-date-block--cancelled.sc-ecl-date-block-eu .ecl-date-block__month.sc-ecl-date-block-eu{color:#171a22}.ecl-date-block--past.sc-ecl-date-block-eu{background-color:#fff;outline:1px solid transparent;outline-offset:-1px}.ecl-date-block--past.sc-ecl-date-block-eu::before,.ecl-date-block--past.sc-ecl-date-block-eu::after{border:1px solid transparent}.ecl-date-block--past.sc-ecl-date-block-eu .ecl-date-block__day.sc-ecl-date-block-eu,.ecl-date-block--past.sc-ecl-date-block-eu .ecl-date-block__month.sc-ecl-date-block-eu{color:#171a22}.ecl-date-block--past.sc-ecl-date-block-eu .ecl-date-block__year.sc-ecl-date-block-eu{border-top-color:#cfdaf5}";

const EclDateBlock$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.styleClass = '';
    this.variant = 'default';
    this.theme = 'ec';
    this.day = undefined;
    this.month = undefined;
    this.year = undefined;
    this.monthFull = undefined;
    this.dateTime = undefined;
  }
  getClass() {
    return [
      `ecl-date-block`,
      `ecl-date-block--${this.variant}`,
      this.styleClass
    ].join(' ');
  }
  render() {
    return (h("time", { class: this.getClass() }, this.dateTime ?
      h("span", { class: "ecl-date-block__daytime" }, this.dateTime) : '', this.day ?
      h("span", { class: "ecl-date-block__day", "aria-hidden": "true" }, this.day) : '', this.month ?
      h("abbr", { title: this.monthFull, class: "ecl-date-block__month", "aria-hidden": "true" }, this.month) : '', this.year ?
      h("span", { class: "ecl-date-block__year", "aria-hidden": "true" }, this.year) : ''));
  }
  static get style() { return {
    ec: eclDateBlockEcCss,
    eu: eclDateBlockEuCss
  }; }
}, [34, "ecl-date-block", {
    "styleClass": [1, "style-class"],
    "variant": [1],
    "theme": [1],
    "day": [1],
    "month": [1],
    "year": [1],
    "monthFull": [1, "month-full"],
    "dateTime": [1, "date-time"]
  }]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["ecl-date-block"];
  components.forEach(tagName => { switch (tagName) {
    case "ecl-date-block":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, EclDateBlock$1);
      }
      break;
  } });
}

const EclDateBlock = EclDateBlock$1;
const defineCustomElement = defineCustomElement$1;

export { EclDateBlock, defineCustomElement };

//# sourceMappingURL=ecl-date-block.js.map