@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

package/development/datepicker/datepicker/datepicker.component.js

@@ -0,0 +1,186 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, isServer, html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { readConfig } from "../../core/config.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { defaultDateAdapter } from "../../core/datetime.js";
+import { forceType, idReference } from "../../core/decorators.js";
+import { i18nDateChangedTo } from "../../core/i18n.js";
+import { SbbUpdateSchedulerMixin } from "../../core/mixins.js";
+import { SbbDateInputElement } from "../../date-input.js";
+import { SbbPopoverBaseElement } from "../../popover.js";
+import "../../calendar.js";
+const style = css`#status-container {
+  border: 0;
+  clip-path: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}`;
+let nextId = 0;
+let SbbDatepickerElement = (() => {
+  var _wide_accessor_storage, _input_accessor_storage, _view_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-datepicker")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbUpdateSchedulerMixin(SbbPopoverBaseElement);
+  let _wide_decorators;
+  let _wide_initializers = [];
+  let _wide_extraInitializers = [];
+  let _input_decorators;
+  let _input_initializers = [];
+  let _input_extraInitializers = [];
+  let _view_decorators;
+  let _view_initializers = [];
+  let _view_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _wide_accessor_storage);
+      __privateAdd(this, _input_accessor_storage);
+      __privateAdd(this, _view_accessor_storage);
+      __privateSet(this, _wide_accessor_storage, __runInitializers(this, _wide_initializers, false));
+      __privateSet(this, _input_accessor_storage, (__runInitializers(this, _wide_extraInitializers), __runInitializers(this, _input_initializers, null)));
+      __privateSet(this, _view_accessor_storage, (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _view_initializers, "day")));
+      this._inputAbortController = __runInitializers(this, _view_extraInitializers);
+      this._dateAdapter = readConfig().datetime?.dateAdapter ?? defaultDateAdapter;
+      this._language = new SbbLanguageController(this);
+      this._ready = false;
+      this.startUpdate();
+      this.addEventListener(SbbPopoverBaseElement.events.beforeopen, () => {
+        this.shadowRoot?.querySelector("sbb-calendar")?.resetPosition?.();
+      });
+      if (!isServer && this.hydrationRequired) {
+        this.hydrationComplete.then(() => this.requestUpdate());
+      }
+    }
+    /** If set to true, two months are displayed. */
+    get wide() {
+      return __privateGet(this, _wide_accessor_storage);
+    }
+    set wide(value) {
+      __privateSet(this, _wide_accessor_storage, value);
+    }
+    /**
+     * Reference to the sbb-date-input instance or the native input connected to the datepicker.
+     *
+     * For attribute usage, provide an id reference.
+     */
+    get input() {
+      return __privateGet(this, _input_accessor_storage);
+    }
+    set input(value) {
+      __privateSet(this, _input_accessor_storage, value);
+    }
+    /** The initial view of calendar which should be displayed on opening. */
+    get view() {
+      return __privateGet(this, _view_accessor_storage);
+    }
+    set view(value) {
+      __privateSet(this, _view_accessor_storage, value);
+    }
+    connectedCallback() {
+      this.id ||= `sbb-datepicker-${++nextId}`;
+      super.connectedCallback();
+      const formField = this.closest?.("sbb-form-field");
+      if (formField) {
+        SbbDateInputElement.resolveAssociation(this);
+        const toggle = formField.querySelector("sbb-datepicker-toggle");
+        if (toggle && !toggle.hasAttribute("datepicker")) {
+          toggle.datepicker ??= this;
+        }
+      }
+    }
+    requestUpdate(name, oldValue, options) {
+      super.requestUpdate(name, oldValue, options);
+      if (name === "input" && this.input !== oldValue) {
+        this._inputAbortController?.abort();
+        if (this.input) {
+          const { signal } = this._inputAbortController = new AbortController();
+          this.input?.addEventListener("ɵchange", () => {
+            super.requestUpdate();
+            this._updateStatus();
+          }, { signal });
+        }
+      }
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      setTimeout(() => {
+        this._ready = true;
+        this.requestUpdate();
+        this.completeUpdate();
+      });
+    }
+    _updateStatus() {
+      const status = this.shadowRoot?.getElementById("status-container");
+      if (!status) {
+        return;
+      }
+      const text = this._dateAdapter.isValid(this.input?.valueAsDate) ? `${i18nDateChangedTo[this._language.current]} ${this._dateAdapter.format(this.input.valueAsDate, {
+        weekdayStyle: "long"
+      })}` : "";
+      if (status.textContent !== text) {
+        status.textContent = text;
+      }
+    }
+    renderContent() {
+      return html`
+      <p id="status-container" role="status"></p>
+      <sbb-calendar
+        .view=${this.view}
+        .min=${this.input?.min ?? null}
+        .max=${this.input?.max ?? null}
+        .dateFilter=${this.input?.dateFilter ?? null}
+        .selected=${this.input?.valueAsDate ?? null}
+        ?wide=${this.wide}
+        @dateselected=${(d) => {
+        if (this.input) {
+          this.input.valueAsDate = d.detail;
+          this.input.dispatchEvent(new InputEvent("input", { bubbles: true, composed: true }));
+          this.input.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+          this.input.dispatchEvent(new Event("blur", { composed: true }));
+        }
+      }}
+      ></sbb-calendar>
+    `;
+    }
+    render() {
+      return isServer || this.hydrationRequired || !this._ready ? html`${nothing}` : super.render();
+    }
+  }, _wide_accessor_storage = new WeakMap(), _input_accessor_storage = new WeakMap(), _view_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _wide_decorators = [forceType(), property({ type: Boolean })];
+    _input_decorators = [idReference(), property()];
+    _view_decorators = [property()];
+    __esDecorate(_a, null, _wide_decorators, { kind: "accessor", name: "wide", static: false, private: false, access: { has: (obj) => "wide" in obj, get: (obj) => obj.wide, set: (obj, value) => {
+      obj.wide = value;
+    } }, metadata: _metadata }, _wide_initializers, _wide_extraInitializers);
+    __esDecorate(_a, null, _input_decorators, { kind: "accessor", name: "input", static: false, private: false, access: { has: (obj) => "input" in obj, get: (obj) => obj.input, set: (obj, value) => {
+      obj.input = value;
+    } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
+    __esDecorate(_a, null, _view_decorators, { kind: "accessor", name: "view", static: false, private: false, access: { has: (obj) => "view" in obj, get: (obj) => obj.view, set: (obj, value) => {
+      obj.view = value;
+    } }, metadata: _metadata }, _view_initializers, _view_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [SbbPopoverBaseElement.styles, style], _a.sbbDateInputAssociated = true, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbDatepickerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9kYXRlcGlja2VyL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgaXNTZXJ2ZXIsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlEZWNsYXJhdGlvbixcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IENhbGVuZGFyVmlldyB9IGZyb20gJy4uLy4uL2NhbGVuZGFyLnRzJztcbmltcG9ydCB7IHJlYWRDb25maWcgfSBmcm9tICcuLi8uLi9jb3JlL2NvbmZpZy50cyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLnRzJztcbmltcG9ydCB7IHR5cGUgRGF0ZUFkYXB0ZXIsIGRlZmF1bHREYXRlQWRhcHRlciB9IGZyb20gJy4uLy4uL2NvcmUvZGF0ZXRpbWUudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlLCBpZFJlZmVyZW5jZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBpMThuRGF0ZUNoYW5nZWRUbyB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi50cyc7XG5pbXBvcnQgeyBTYmJVcGRhdGVTY2hlZHVsZXJNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IHR5cGUgU2JiRGF0ZUlucHV0QXNzb2NpYXRlZCwgU2JiRGF0ZUlucHV0RWxlbWVudCB9IGZyb20gJy4uLy4uL2RhdGUtaW5wdXQudHMnO1xuaW1wb3J0IHsgU2JiUG9wb3ZlckJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vcG9wb3Zlci50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkRhdGVwaWNrZXJUb2dnbGVFbGVtZW50IH0gZnJvbSAnLi4vZGF0ZXBpY2tlci10b2dnbGUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9kYXRlcGlja2VyLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vY2FsZW5kYXIudHMnO1xuXG5sZXQgbmV4dElkID0gMDtcblxuLyoqXG4gKiBBIGRhdGVwaWNrZXIgY29tcG9uZW50IHRoYXQgYWxsb3dzIHVzZXJzIHRvIHNlbGVjdCBhIGRhdGUgZnJvbSBhIGNhbGVuZGFyIHZpZXcuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PFQ+fSBkYXRlc2VsZWN0ZWQgLSBFdmVudCBlbWl0dGVkIG9uIGRhdGUgc2VsZWN0aW9uLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZGF0ZXBpY2tlcicpXG5jbGFzcyBTYmJEYXRlcGlja2VyRWxlbWVudDxUID0gRGF0ZT5cbiAgZXh0ZW5kcyBTYmJVcGRhdGVTY2hlZHVsZXJNaXhpbihTYmJQb3BvdmVyQmFzZUVsZW1lbnQpXG4gIGltcGxlbWVudHMgU2JiRGF0ZUlucHV0QXNzb2NpYXRlZDxUPlxue1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiUG9wb3ZlckJhc2VFbGVtZW50LnN0eWxlcywgc3R5bGVdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IHNiYkRhdGVJbnB1dEFzc29jaWF0ZWQgPSB0cnVlO1xuXG4gIC8qKiBJZiBzZXQgdG8gdHJ1ZSwgdHdvIG1vbnRocyBhcmUgZGlzcGxheWVkLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3Igd2lkZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBSZWZlcmVuY2UgdG8gdGhlIHNiYi1kYXRlLWlucHV0IGluc3RhbmNlIG9yIHRoZSBuYXRpdmUgaW5wdXQgY29ubmVjdGVkIHRvIHRoZSBkYXRlcGlja2VyLlxuICAgKlxuICAgKiBGb3IgYXR0cmlidXRlIHVzYWdlLCBwcm92aWRlIGFuIGlkIHJlZmVyZW5jZS5cbiAgICovXG4gIEBpZFJlZmVyZW5jZSgpXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBpbnB1dDogU2JiRGF0ZUlucHV0RWxlbWVudDxUPiB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBUaGUgaW5pdGlhbCB2aWV3IG9mIGNhbGVuZGFyIHdoaWNoIHNob3VsZCBiZSBkaXNwbGF5ZWQgb24gb3BlbmluZy4gKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIHZpZXc6IENhbGVuZGFyVmlldyA9ICdkYXknO1xuXG4gIHByaXZhdGUgX2lucHV0QWJvcnRDb250cm9sbGVyPzogQWJvcnRDb250cm9sbGVyO1xuICBwcml2YXRlIF9kYXRlQWRhcHRlcjogRGF0ZUFkYXB0ZXI8VD4gPSByZWFkQ29uZmlnKCkuZGF0ZXRpbWU/LmRhdGVBZGFwdGVyID8/IGRlZmF1bHREYXRlQWRhcHRlcjtcbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9yZWFkeSA9IGZhbHNlO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuc3RhcnRVcGRhdGUoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoU2JiUG9wb3ZlckJhc2VFbGVtZW50LmV2ZW50cy5iZWZvcmVvcGVuLCAoKSA9PiB7XG4gICAgICB0aGlzLnNoYWRvd1Jvb3Q/LnF1ZXJ5U2VsZWN0b3IoJ3NiYi1jYWxlbmRhcicpPy5yZXNldFBvc2l0aW9uPy4oKTtcbiAgICB9KTtcbiAgICBpZiAoIWlzU2VydmVyICYmIHRoaXMuaHlkcmF0aW9uUmVxdWlyZWQpIHtcbiAgICAgIHRoaXMuaHlkcmF0aW9uQ29tcGxldGUudGhlbigoKSA9PiB0aGlzLnJlcXVlc3RVcGRhdGUoKSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHRoaXMuaWQgfHw9IGBzYmItZGF0ZXBpY2tlci0keysrbmV4dElkfWA7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIGNvbnN0IGZvcm1GaWVsZCA9IHRoaXMuY2xvc2VzdD8uKCdzYmItZm9ybS1maWVsZCcpO1xuICAgIGlmIChmb3JtRmllbGQpIHtcbiAgICAgIFNiYkRhdGVJbnB1dEVsZW1lbnQucmVzb2x2ZUFzc29jaWF0aW9uKHRoaXMpO1xuICAgICAgY29uc3QgdG9nZ2xlID1cbiAgICAgICAgZm9ybUZpZWxkLnF1ZXJ5U2VsZWN0b3I8U2JiRGF0ZXBpY2tlclRvZ2dsZUVsZW1lbnQ8VD4+KCdzYmItZGF0ZXBpY2tlci10b2dnbGUnKTtcbiAgICAgIGlmICh0b2dnbGUgJiYgIXRvZ2dsZS5oYXNBdHRyaWJ1dGUoJ2RhdGVwaWNrZXInKSkge1xuICAgICAgICB0b2dnbGUuZGF0ZXBpY2tlciA/Pz0gdGhpcztcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgcmVxdWVzdFVwZGF0ZShcbiAgICBuYW1lPzogUHJvcGVydHlLZXksXG4gICAgb2xkVmFsdWU/OiB1bmtub3duLFxuICAgIG9wdGlvbnM/OiBQcm9wZXJ0eURlY2xhcmF0aW9uLFxuICApOiB2b2lkIHtcbiAgICBzdXBlci5yZXF1ZXN0VXBkYXRlKG5hbWUsIG9sZFZhbHVlLCBvcHRpb25zKTtcbiAgICBpZiAobmFtZSA9PT0gJ2lucHV0JyAmJiB0aGlzLmlucHV0ICE9PSBvbGRWYWx1ZSkge1xuICAgICAgdGhpcy5faW5wdXRBYm9ydENvbnRyb2xsZXI/LmFib3J0KCk7XG4gICAgICBpZiAodGhpcy5pbnB1dCkge1xuICAgICAgICBjb25zdCB7IHNpZ25hbCB9ID0gKHRoaXMuX2lucHV0QWJvcnRDb250cm9sbGVyID0gbmV3IEFib3J0Q29udHJvbGxlcigpKTtcbiAgICAgICAgdGhpcy5pbnB1dD8uYWRkRXZlbnRMaXN0ZW5lcihcbiAgICAgICAgICAnybVjaGFuZ2UnLFxuICAgICAgICAgICgpID0+IHtcbiAgICAgICAgICAgIHN1cGVyLnJlcXVlc3RVcGRhdGUoKTtcbiAgICAgICAgICAgIHRoaXMuX3VwZGF0ZVN0YXR1cygpO1xuICAgICAgICAgIH0sXG4gICAgICAgICAgeyBzaWduYWwgfSxcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAvLyBXZSB3YW50IHRvIGRlbGF5IHRoZSByZW5kZXJpbmcgb2YgdGhlIGNhbGVuZGFyIHRvIGF2b2lkIGEgc2xvdyBpbml0aWFsIHJlbmRlci5cbiAgICAgIC8vIFRoZSBzbG93IHJlbmRlciBjYW4gYmUgYSBwcm9ibGVtIGlmIGEgbGFyZ2UgYW1vdW50IG9mIGRhdGVwaWNrZXJzIGFyZSByZW5kZXJlZCBhdCBvbmNlLlxuICAgICAgdGhpcy5fcmVhZHkgPSB0cnVlO1xuICAgICAgdGhpcy5yZXF1ZXN0VXBkYXRlKCk7XG4gICAgICB0aGlzLmNvbXBsZXRlVXBkYXRlKCk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVTdGF0dXMoKTogdm9pZCB7XG4gICAgY29uc3Qgc3RhdHVzID0gdGhpcy5zaGFkb3dSb290Py5nZXRFbGVtZW50QnlJZCgnc3RhdHVzLWNvbnRhaW5lcicpO1xuICAgIGlmICghc3RhdHVzKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgdGV4dCA9IHRoaXMuX2RhdGVBZGFwdGVyLmlzVmFsaWQodGhpcy5pbnB1dD8udmFsdWVBc0RhdGUpXG4gICAgICA/IGAke2kxOG5EYXRlQ2hhbmdlZFRvW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfSAke3RoaXMuX2RhdGVBZGFwdGVyLmZvcm1hdChcbiAgICAgICAgICB0aGlzLmlucHV0IS52YWx1ZUFzRGF0ZSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB3ZWVrZGF5U3R5bGU6ICdsb25nJyxcbiAgICAgICAgICB9LFxuICAgICAgICApfWBcbiAgICAgIDogJyc7XG4gICAgaWYgKHN0YXR1cy50ZXh0Q29udGVudCAhPT0gdGV4dCkge1xuICAgICAgc3RhdHVzLnRleHRDb250ZW50ID0gdGV4dDtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyQ29udGVudCgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8cCBpZD1cInN0YXR1cy1jb250YWluZXJcIiByb2xlPVwic3RhdHVzXCI+PC9wPlxuICAgICAgPHNiYi1jYWxlbmRhclxuICAgICAgICAudmlldz0ke3RoaXMudmlld31cbiAgICAgICAgLm1pbj0ke3RoaXMuaW5wdXQ/Lm1pbiA/PyBudWxsfVxuICAgICAgICAubWF4PSR7dGhpcy5pbnB1dD8ubWF4ID8/IG51bGx9XG4gICAgICAgIC5kYXRlRmlsdGVyPSR7dGhpcy5pbnB1dD8uZGF0ZUZpbHRlciA/PyBudWxsfVxuICAgICAgICAuc2VsZWN0ZWQ9JHt0aGlzLmlucHV0Py52YWx1ZUFzRGF0ZSA/PyBudWxsfVxuICAgICAgICA/d2lkZT0ke3RoaXMud2lkZX1cbiAgICAgICAgQGRhdGVzZWxlY3RlZD0keyhkOiBDdXN0b21FdmVudDxUPikgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLmlucHV0KSB7XG4gICAgICAgICAgICB0aGlzLmlucHV0LnZhbHVlQXNEYXRlID0gZC5kZXRhaWw7XG4gICAgICAgICAgICB0aGlzLmlucHV0LmRpc3BhdGNoRXZlbnQobmV3IElucHV0RXZlbnQoJ2lucHV0JywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gICAgICAgICAgICB0aGlzLmlucHV0LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjaGFuZ2UnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICAgICAgICAgIC8vIEVtaXQgYmx1ciBldmVudCB3aGVuIHZhbHVlIGlzIGNoYW5nZWQgcHJvZ3JhbW1hdGljYWxseSB0byBub3RpZnlcbiAgICAgICAgICAgIC8vIGZyYW1ld29ya3MgdGhhdCByZWx5IG9uIHRoYXQgZXZlbnQgdG8gdXBkYXRlIGZvcm0gc3RhdHVzLlxuICAgICAgICAgICAgdGhpcy5pbnB1dC5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnYmx1cicsIHsgY29tcG9zZWQ6IHRydWUgfSkpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID48L3NiYi1jYWxlbmRhcj5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGlzU2VydmVyIHx8IHRoaXMuaHlkcmF0aW9uUmVxdWlyZWQgfHwgIXRoaXMuX3JlYWR5ID8gaHRtbGAke25vdGhpbmd9YCA6IHN1cGVyLnJlbmRlcigpO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGF0ZXBpY2tlcic6IFNiYkRhdGVwaWNrZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBMEJBLElBQUksU0FBUztJQVFQLHdCQUFvQixNQUFBOzswQkFEekIsY0FBYyxnQkFBZ0IsQ0FBQzs7OztvQkFFdEIsd0JBQXdCLHFCQUFxQjs7Ozs7Ozs7OztBQUFyRCxFQUFBLG1CQUFRLFlBQThDO0FBQUEsSUE0QnRELGNBQUE7QUFDRSxZQUFBO0FBcEJGO0FBU0E7QUFHWTtBQVpJLHlCQUFBLHdCQUFBLGtCQUFBLE1BQUEsb0JBQWdCLEtBQUs7QUFTckIseUJBQUEsMEJBQUEsa0JBQUEsTUFBQSx1QkFBQSxHQUFBLGtCQUFBLE1BQUEscUJBQXVDLElBQUk7QUFHL0IseUJBQUEseUJBQUEsa0JBQUEsTUFBQSx3QkFBQSxHQUFBLGtCQUFBLE1BQUEsb0JBQXFCLEtBQUs7QUFFOUMsV0FBQSx3QkFBcUIsa0JBQUEsTUFBQSx1QkFBQTtBQUNyQixXQUFBLGVBQStCLFdBQUEsRUFBYSxVQUFVLGVBQWU7QUFDckUsV0FBQSxZQUFZLElBQUksc0JBQXNCLElBQUk7QUFDMUMsV0FBQSxTQUFTO0FBSWYsV0FBSyxZQUFBO0FBQ0wsV0FBSyxpQkFBaUIsc0JBQXNCLE9BQU8sWUFBWSxNQUFLO0FBQ2xFLGFBQUssWUFBWSxjQUFjLGNBQWMsR0FBRyxnQkFBQTtBQUFBLE1BQ2xELENBQUM7QUFDRCxVQUFJLENBQUMsWUFBWSxLQUFLLG1CQUFtQjtBQUN2QyxhQUFLLGtCQUFrQixLQUFLLE1BQU0sS0FBSyxlQUFlO0FBQUEsTUFDeEQ7QUFBQSxJQUNGO0FBQUE7QUFBQSxJQTVCQSxJQUFnQixPQUFJO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwQixJQUFnQixLQUFJLE9BQUE7QUFBQSx5QkFBQSx3QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFTcEIsSUFBZ0IsUUFBSztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUdULElBQWdCLE9BQUk7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQXBCLElBQWdCLEtBQUksT0FBQTtBQUFBLHlCQUFBLHdCQUFBO0FBQUEsSUFBQTtBQUFBLElBa0JoQixvQkFBaUI7QUFDL0IsV0FBSyxPQUFPLGtCQUFrQixFQUFFLE1BQU07QUFDdEMsWUFBTSxrQkFBQTtBQUVOLFlBQU0sWUFBWSxLQUFLLFVBQVUsZ0JBQWdCO0FBQ2pELFVBQUksV0FBVztBQUNiLDRCQUFvQixtQkFBbUIsSUFBSTtBQUMzQyxjQUFNLFNBQ0osVUFBVSxjQUE2Qyx1QkFBdUI7QUFDaEYsWUFBSSxVQUFVLENBQUMsT0FBTyxhQUFhLFlBQVksR0FBRztBQUNoRCxpQkFBTyxlQUFlO0FBQUEsUUFDeEI7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLElBRWdCLGNBQ2QsTUFDQSxVQUNBLFNBQTZCO0FBRTdCLFlBQU0sY0FBYyxNQUFNLFVBQVUsT0FBTztBQUMzQyxVQUFJLFNBQVMsV0FBVyxLQUFLLFVBQVUsVUFBVTtBQUMvQyxhQUFLLHVCQUF1QixNQUFBO0FBQzVCLFlBQUksS0FBSyxPQUFPO0FBQ2QsZ0JBQU0sRUFBRSxPQUFBLElBQVksS0FBSyx3QkFBd0IsSUFBSSxnQkFBQTtBQUNyRCxlQUFLLE9BQU8saUJBQ1YsV0FDQSxNQUFLO0FBQ0gsa0JBQU0sY0FBQTtBQUNOLGlCQUFLLGNBQUE7QUFBQSxVQUNQLEdBQ0EsRUFBRSxRQUFRO0FBQUEsUUFFZDtBQUFBLE1BQ0Y7QUFBQSxJQUNGO0FBQUEsSUFFbUIsYUFBYSxtQkFBdUM7QUFDckUsWUFBTSxhQUFhLGlCQUFpQjtBQUNwQyxpQkFBVyxNQUFLO0FBR2QsYUFBSyxTQUFTO0FBQ2QsYUFBSyxjQUFBO0FBQ0wsYUFBSyxlQUFBO0FBQUEsTUFDUCxDQUFDO0FBQUEsSUFDSDtBQUFBLElBRVEsZ0JBQWE7QUFDbkIsWUFBTSxTQUFTLEtBQUssWUFBWSxlQUFlLGtCQUFrQjtBQUNqRSxVQUFJLENBQUMsUUFBUTtBQUNYO0FBQUEsTUFDRjtBQUVBLFlBQU0sT0FBTyxLQUFLLGFBQWEsUUFBUSxLQUFLLE9BQU8sV0FBVyxJQUMxRCxHQUFHLGtCQUFrQixLQUFLLFVBQVUsT0FBTyxDQUFDLElBQUksS0FBSyxhQUFhLE9BQ2hFLEtBQUssTUFBTyxhQUNaO0FBQUEsUUFDRSxjQUFjO0FBQUEsTUFBQSxDQUNmLENBQ0YsS0FDRDtBQUNKLFVBQUksT0FBTyxnQkFBZ0IsTUFBTTtBQUMvQixlQUFPLGNBQWM7QUFBQSxNQUN2QjtBQUFBLElBQ0Y7QUFBQSxJQUVtQixnQkFBYTtBQUM5QixhQUFPO0FBQUE7QUFBQTtBQUFBLGdCQUdLLEtBQUssSUFBSTtBQUFBLGVBQ1YsS0FBSyxPQUFPLE9BQU8sSUFBSTtBQUFBLGVBQ3ZCLEtBQUssT0FBTyxPQUFPLElBQUk7QUFBQSxzQkFDaEIsS0FBSyxPQUFPLGNBQWMsSUFBSTtBQUFBLG9CQUNoQyxLQUFLLE9BQU8sZUFBZSxJQUFJO0FBQUEsZ0JBQ25DLEtBQUssSUFBSTtBQUFBLHdCQUNELENBQUMsTUFBcUI7QUFDcEMsWUFBSSxLQUFLLE9BQU87QUFDZCxlQUFLLE1BQU0sY0FBYyxFQUFFO0FBQzNCLGVBQUssTUFBTSxjQUFjLElBQUksV0FBVyxTQUFTLEVBQUUsU0FBUyxNQUFNLFVBQVUsS0FBQSxDQUFNLENBQUM7QUFDbkYsZUFBSyxNQUFNLGNBQWMsSUFBSSxNQUFNLFVBQVUsRUFBRSxTQUFTLE1BQU0sVUFBVSxLQUFBLENBQU0sQ0FBQztBQUcvRSxlQUFLLE1BQU0sY0FBYyxJQUFJLE1BQU0sUUFBUSxFQUFFLFVBQVUsS0FBQSxDQUFNLENBQUM7QUFBQSxRQUNoRTtBQUFBLE1BQ0YsQ0FBQztBQUFBO0FBQUE7QUFBQSxJQUdQO0FBQUEsSUFFbUIsU0FBTTtBQUN2QixhQUFPLFlBQVksS0FBSyxxQkFBcUIsQ0FBQyxLQUFLLFNBQVMsT0FBTyxPQUFPLEtBQUssTUFBTSxPQUFBO0FBQUEsSUFDdkY7QUFBQSxLQTNIQSx3Q0FTQSx5Q0FHWTs7d0JBZFgsYUFDQSxTQUFTLEVBQUUsTUFBTSxRQUFBLENBQVMsQ0FBQzt5QkFRM0IsZUFDQSxVQUFVO0FBSVYsdUJBQUEsQ0FBQSxVQUFVO0FBWlgsaUJBQUEsSUFBQSxNQUFBLGtCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsUUFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxVQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsTUFBSSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBSixPQUFJO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLG9CQUFBLHVCQUFBO0FBU3BCLGlCQUFBLElBQUEsTUFBQSxtQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFNBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsV0FBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLE9BQUssS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUwsUUFBSztBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxxQkFBQSx3QkFBQTtBQUdULGlCQUFBLElBQUEsTUFBQSxrQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsVUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLE1BQUksS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxvQkFBQSx1QkFBQTtBQXRCbEMsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUl5QixHQUFBLFNBQXlCLENBQUMsc0JBQXNCLFFBQVEsS0FBSyxHQUM3RCxHQUFBLHlCQUF5QixNQUw1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQ0o7OzsifQ==

package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbDatepickerButton } from '../common.ts';
+/**
+ * Combined with a `sbb-datepicker`, it can be used to move the date ahead.
+ */
+export declare class SbbDatepickerNextDayElement<T = Date> extends SbbDatepickerButton<T> {
+    static styles: CSSResultGroup;
+    protected iconName: string;
+    protected i18nOffBoundaryDay: Record<string, string>;
+    protected i18nSelectOffBoundaryDay: (currentDate: string) => Record<string, string>;
+    protected findAvailableDate(date: T): T | null;
+    private _isAfterMaxDate;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-datepicker-next-day': SbbDatepickerNextDayElement;
+    }
+}
+//# sourceMappingURL=datepicker-next-day.component.d.ts.map

package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-next-day.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker-next-day/datepicker-next-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,OAAO,EAAyB,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE1E;;GAEG;AACH,qBAEM,2BAA2B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IACxE,OAAuB,MAAM,EAAE,cAAc,CAI3C;IAEF,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA+B;IACzD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAe;IACnE,SAAS,CAAC,wBAAwB,kDAAqB;IAEvD,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI;IAmB9C,OAAO,CAAC,eAAe;CAGxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}

package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js

@@ -0,0 +1,55 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { miniButtonStyle } from "../../button/common.js";
+import { i18nNextDay, i18nSelectNextDay } from "../../core/i18n.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbDatepickerButton, datepickerButtonStyle } from "../common.js";
+let SbbDatepickerNextDayElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-datepicker-next-day")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDatepickerButton;
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      this.iconName = "chevron-small-right-small";
+      this.i18nOffBoundaryDay = i18nNextDay;
+      this.i18nSelectOffBoundaryDay = i18nSelectNextDay;
+    }
+    findAvailableDate(date) {
+      let availableDate = this.dateAdapter.addCalendarDays(date, 1);
+      if (this._isAfterMaxDate(availableDate)) {
+        return null;
+      }
+      const dateFilter = this.input.dateFilter;
+      if (dateFilter) {
+        while (!dateFilter(availableDate)) {
+          availableDate = this.dateAdapter.addCalendarDays(availableDate, 1);
+          if (this._isAfterMaxDate(availableDate)) {
+            return null;
+          }
+        }
+      }
+      return availableDate;
+    }
+    _isAfterMaxDate(date) {
+      return !!this.input.max && this.dateAdapter.compareDate(date, this.input.max) > 0;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [
+    boxSizingStyles,
+    miniButtonStyle,
+    datepickerButtonStyle
+  ], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbDatepickerNextDayElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1uZXh0LWRheS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9kYXRlcGlja2VyL2RhdGVwaWNrZXItbmV4dC1kYXkvZGF0ZXBpY2tlci1uZXh0LWRheS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBtaW5pQnV0dG9uU3R5bGUgfSBmcm9tICcuLi8uLi9idXR0b24vY29tbW9uLnRzJztcbmltcG9ydCB7IGkxOG5OZXh0RGF5LCBpMThuU2VsZWN0TmV4dERheSB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgeyBkYXRlcGlja2VyQnV0dG9uU3R5bGUsIFNiYkRhdGVwaWNrZXJCdXR0b24gfSBmcm9tICcuLi9jb21tb24udHMnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLWRhdGVwaWNrZXJgLCBpdCBjYW4gYmUgdXNlZCB0byBtb3ZlIHRoZSBkYXRlIGFoZWFkLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZGF0ZXBpY2tlci1uZXh0LWRheScpXG5jbGFzcyBTYmJEYXRlcGlja2VyTmV4dERheUVsZW1lbnQ8VCA9IERhdGU+IGV4dGVuZHMgU2JiRGF0ZXBpY2tlckJ1dHRvbjxUPiB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtcbiAgICBib3hTaXppbmdTdHlsZXMsXG4gICAgbWluaUJ1dHRvblN0eWxlLFxuICAgIGRhdGVwaWNrZXJCdXR0b25TdHlsZSxcbiAgXTtcblxuICBwcm90ZWN0ZWQgaWNvbk5hbWU6IHN0cmluZyA9ICdjaGV2cm9uLXNtYWxsLXJpZ2h0LXNtYWxsJztcbiAgcHJvdGVjdGVkIGkxOG5PZmZCb3VuZGFyeURheTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IGkxOG5OZXh0RGF5O1xuICBwcm90ZWN0ZWQgaTE4blNlbGVjdE9mZkJvdW5kYXJ5RGF5ID0gaTE4blNlbGVjdE5leHREYXk7XG5cbiAgcHJvdGVjdGVkIGZpbmRBdmFpbGFibGVEYXRlKGRhdGU6IFQpOiBUIHwgbnVsbCB7XG4gICAgbGV0IGF2YWlsYWJsZURhdGUgPSB0aGlzLmRhdGVBZGFwdGVyLmFkZENhbGVuZGFyRGF5cyhkYXRlLCAxKTtcbiAgICBpZiAodGhpcy5faXNBZnRlck1heERhdGUoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IGRhdGVGaWx0ZXIgPSB0aGlzLmlucHV0IS5kYXRlRmlsdGVyO1xuICAgIGlmIChkYXRlRmlsdGVyKSB7XG4gICAgICB3aGlsZSAoIWRhdGVGaWx0ZXIoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgICAgYXZhaWxhYmxlRGF0ZSA9IHRoaXMuZGF0ZUFkYXB0ZXIuYWRkQ2FsZW5kYXJEYXlzKGF2YWlsYWJsZURhdGUsIDEpO1xuICAgICAgICBpZiAodGhpcy5faXNBZnRlck1heERhdGUoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBhdmFpbGFibGVEYXRlO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNBZnRlck1heERhdGUoZGF0ZTogVCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuaW5wdXQhLm1heCAmJiB0aGlzLmRhdGVBZGFwdGVyLmNvbXBhcmVEYXRlKGRhdGUsIHRoaXMuaW5wdXQhLm1heCkgPiAwO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGF0ZXBpY2tlci1uZXh0LWRheSc6IFNiYkRhdGVwaWNrZXJOZXh0RGF5RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztJQWFNLCtCQUEyQixNQUFBOzswQkFEaEMsY0FBYyx5QkFBeUIsQ0FBQzs7OztvQkFDVztBQUFSLEVBQUEsbUJBQVEsWUFBc0I7QUFBQTs7QUFPOUQsV0FBQSxXQUFtQjtBQUNuQixXQUFBLHFCQUE2QztBQUM3QyxXQUFBLDJCQUEyQjtBQUFBLElBd0J2QztBQUFBLElBdEJZLGtCQUFrQixNQUFPO0FBQ2pDLFVBQUksZ0JBQWdCLEtBQUssWUFBWSxnQkFBZ0IsTUFBTSxDQUFDO0FBQzVELFVBQUksS0FBSyxnQkFBZ0IsYUFBYSxHQUFHO0FBQ3ZDLGVBQU87QUFBQSxNQUNUO0FBRUEsWUFBTSxhQUFhLEtBQUssTUFBTztBQUMvQixVQUFJLFlBQVk7QUFDZCxlQUFPLENBQUMsV0FBVyxhQUFhLEdBQUc7QUFDakMsMEJBQWdCLEtBQUssWUFBWSxnQkFBZ0IsZUFBZSxDQUFDO0FBQ2pFLGNBQUksS0FBSyxnQkFBZ0IsYUFBYSxHQUFHO0FBQ3ZDLG1CQUFPO0FBQUEsVUFDVDtBQUFBLFFBQ0Y7QUFBQSxNQUNGO0FBRUEsYUFBTztBQUFBLElBQ1Q7QUFBQSxJQUVRLGdCQUFnQixNQUFPO0FBQzdCLGFBQU8sQ0FBQyxDQUFDLEtBQUssTUFBTyxPQUFPLEtBQUssWUFBWSxZQUFZLE1BQU0sS0FBSyxNQUFPLEdBQUcsSUFBSTtBQUFBLElBQ3BGO0FBQUE7O0FBaENGLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QjtBQUFBLElBQzlDO0FBQUEsSUFDQTtBQUFBLElBQ0E7QUFBQSxFQUFBLEdBSkUsa0JBQUEsWUFBQSx1QkFBQSxHQUFzQzs7OyJ9

package/development/datepicker/datepicker-next-day.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './datepicker-next-day/datepicker-next-day.component.ts';
+//# sourceMappingURL=datepicker-next-day.d.ts.map

package/development/datepicker/datepicker-next-day.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-next-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-next-day.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wDAAwD,CAAC"}

package/development/datepicker/datepicker-next-day.js

@@ -0,0 +1,5 @@
+import { SbbDatepickerNextDayElement } from "./datepicker-next-day/datepicker-next-day.component.js";
+export {
+  SbbDatepickerNextDayElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1uZXh0LWRheS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from 'lit';
+import { SbbDatepickerButton } from '../common.ts';
+/**
+ * Combined with a `sbb-datepicker`, it can be used to move the date back.
+ */
+export declare class SbbDatepickerPreviousDayElement<T = Date> extends SbbDatepickerButton<T> {
+    static styles: CSSResultGroup;
+    protected iconName: string;
+    protected i18nOffBoundaryDay: Record<string, string>;
+    protected i18nSelectOffBoundaryDay: (currentDate: string) => Record<string, string>;
+    protected findAvailableDate(date: T): T | null;
+    private _isBeforeMinDate;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-datepicker-previous-day': SbbDatepickerPreviousDayElement;
+    }
+}
+//# sourceMappingURL=datepicker-previous-day.component.d.ts.map

package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-previous-day.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,OAAO,EAAyB,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE1E;;GAEG;AACH,qBAEM,+BAA+B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC5E,OAAuB,MAAM,EAAE,cAAc,CAI3C;IAEF,SAAS,CAAC,QAAQ,EAAE,MAAM,CAA8B;IACxD,SAAS,CAAC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAmB;IACvE,SAAS,CAAC,wBAAwB,kDAAyB;IAE3D,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI;IAmB9C,OAAO,CAAC,gBAAgB;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}

package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js

@@ -0,0 +1,55 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { miniButtonStyle } from "../../button/common.js";
+import { i18nPreviousDay, i18nSelectPreviousDay } from "../../core/i18n.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbDatepickerButton, datepickerButtonStyle } from "../common.js";
+let SbbDatepickerPreviousDayElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-datepicker-previous-day")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDatepickerButton;
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      this.iconName = "chevron-small-left-small";
+      this.i18nOffBoundaryDay = i18nPreviousDay;
+      this.i18nSelectOffBoundaryDay = i18nSelectPreviousDay;
+    }
+    findAvailableDate(date) {
+      let availableDate = this.dateAdapter.addCalendarDays(date, -1);
+      if (this._isBeforeMinDate(availableDate)) {
+        return null;
+      }
+      const dateFilter = this.input.dateFilter;
+      if (dateFilter) {
+        while (!dateFilter(availableDate)) {
+          availableDate = this.dateAdapter.addCalendarDays(availableDate, -1);
+          if (this._isBeforeMinDate(availableDate)) {
+            return null;
+          }
+        }
+      }
+      return availableDate;
+    }
+    _isBeforeMinDate(date) {
+      return !!this.input.min && this.dateAdapter.compareDate(date, this.input.min) < 0;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [
+    boxSizingStyles,
+    miniButtonStyle,
+    datepickerButtonStyle
+  ], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbDatepickerPreviousDayElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1wcmV2aW91cy1kYXkuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGF0ZXBpY2tlci9kYXRlcGlja2VyLXByZXZpb3VzLWRheS9kYXRlcGlja2VyLXByZXZpb3VzLWRheS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBtaW5pQnV0dG9uU3R5bGUgfSBmcm9tICcuLi8uLi9idXR0b24vY29tbW9uLnRzJztcbmltcG9ydCB7IGkxOG5QcmV2aW91c0RheSwgaTE4blNlbGVjdFByZXZpb3VzRGF5IH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IGRhdGVwaWNrZXJCdXR0b25TdHlsZSwgU2JiRGF0ZXBpY2tlckJ1dHRvbiB9IGZyb20gJy4uL2NvbW1vbi50cyc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBhIGBzYmItZGF0ZXBpY2tlcmAsIGl0IGNhbiBiZSB1c2VkIHRvIG1vdmUgdGhlIGRhdGUgYmFjay5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWRhdGVwaWNrZXItcHJldmlvdXMtZGF5JylcbmNsYXNzIFNiYkRhdGVwaWNrZXJQcmV2aW91c0RheUVsZW1lbnQ8VCA9IERhdGU+IGV4dGVuZHMgU2JiRGF0ZXBpY2tlckJ1dHRvbjxUPiB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtcbiAgICBib3hTaXppbmdTdHlsZXMsXG4gICAgbWluaUJ1dHRvblN0eWxlLFxuICAgIGRhdGVwaWNrZXJCdXR0b25TdHlsZSxcbiAgXTtcblxuICBwcm90ZWN0ZWQgaWNvbk5hbWU6IHN0cmluZyA9ICdjaGV2cm9uLXNtYWxsLWxlZnQtc21hbGwnO1xuICBwcm90ZWN0ZWQgaTE4bk9mZkJvdW5kYXJ5RGF5OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0gaTE4blByZXZpb3VzRGF5O1xuICBwcm90ZWN0ZWQgaTE4blNlbGVjdE9mZkJvdW5kYXJ5RGF5ID0gaTE4blNlbGVjdFByZXZpb3VzRGF5O1xuXG4gIHByb3RlY3RlZCBmaW5kQXZhaWxhYmxlRGF0ZShkYXRlOiBUKTogVCB8IG51bGwge1xuICAgIGxldCBhdmFpbGFibGVEYXRlID0gdGhpcy5kYXRlQWRhcHRlci5hZGRDYWxlbmRhckRheXMoZGF0ZSwgLTEpO1xuICAgIGlmICh0aGlzLl9pc0JlZm9yZU1pbkRhdGUoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IGRhdGVGaWx0ZXIgPSB0aGlzLmlucHV0IS5kYXRlRmlsdGVyO1xuICAgIGlmIChkYXRlRmlsdGVyKSB7XG4gICAgICB3aGlsZSAoIWRhdGVGaWx0ZXIoYXZhaWxhYmxlRGF0ZSkpIHtcbiAgICAgICAgYXZhaWxhYmxlRGF0ZSA9IHRoaXMuZGF0ZUFkYXB0ZXIuYWRkQ2FsZW5kYXJEYXlzKGF2YWlsYWJsZURhdGUsIC0xKTtcbiAgICAgICAgaWYgKHRoaXMuX2lzQmVmb3JlTWluRGF0ZShhdmFpbGFibGVEYXRlKSkge1xuICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIGF2YWlsYWJsZURhdGU7XG4gIH1cblxuICBwcml2YXRlIF9pc0JlZm9yZU1pbkRhdGUoZGF0ZTogVCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuaW5wdXQhLm1pbiAmJiB0aGlzLmRhdGVBZGFwdGVyLmNvbXBhcmVEYXRlKGRhdGUsIHRoaXMuaW5wdXQhLm1pbikgPCAwO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGF0ZXBpY2tlci1wcmV2aW91cy1kYXknOiBTYmJEYXRlcGlja2VyUHJldmlvdXNEYXlFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0lBYU0sbUNBQStCLE1BQUE7OzBCQURwQyxjQUFjLDZCQUE2QixDQUFDOzs7O29CQUNXO0FBQVIsRUFBQSxtQkFBUSxZQUFzQjtBQUFBOztBQU9sRSxXQUFBLFdBQW1CO0FBQ25CLFdBQUEscUJBQTZDO0FBQzdDLFdBQUEsMkJBQTJCO0FBQUEsSUF3QnZDO0FBQUEsSUF0Qlksa0JBQWtCLE1BQU87QUFDakMsVUFBSSxnQkFBZ0IsS0FBSyxZQUFZLGdCQUFnQixNQUFNLEVBQUU7QUFDN0QsVUFBSSxLQUFLLGlCQUFpQixhQUFhLEdBQUc7QUFDeEMsZUFBTztBQUFBLE1BQ1Q7QUFFQSxZQUFNLGFBQWEsS0FBSyxNQUFPO0FBQy9CLFVBQUksWUFBWTtBQUNkLGVBQU8sQ0FBQyxXQUFXLGFBQWEsR0FBRztBQUNqQywwQkFBZ0IsS0FBSyxZQUFZLGdCQUFnQixlQUFlLEVBQUU7QUFDbEUsY0FBSSxLQUFLLGlCQUFpQixhQUFhLEdBQUc7QUFDeEMsbUJBQU87QUFBQSxVQUNUO0FBQUEsUUFDRjtBQUFBLE1BQ0Y7QUFFQSxhQUFPO0FBQUEsSUFDVDtBQUFBLElBRVEsaUJBQWlCLE1BQU87QUFDOUIsYUFBTyxDQUFDLENBQUMsS0FBSyxNQUFPLE9BQU8sS0FBSyxZQUFZLFlBQVksTUFBTSxLQUFLLE1BQU8sR0FBRyxJQUFJO0FBQUEsSUFDcEY7QUFBQTs7QUFoQ0YsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCO0FBQUEsSUFDOUM7QUFBQSxJQUNBO0FBQUEsSUFDQTtBQUFBLEVBQUEsR0FKRSxrQkFBQSxZQUFBLHVCQUFBLEdBQTBDOzs7In0=

package/development/datepicker/datepicker-previous-day.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './datepicker-previous-day/datepicker-previous-day.component.ts';
+//# sourceMappingURL=datepicker-previous-day.d.ts.map

package/development/datepicker/datepicker-previous-day.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-previous-day.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-previous-day.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gEAAgE,CAAC"}

package/development/datepicker/datepicker-previous-day.js

@@ -0,0 +1,5 @@
+import { SbbDatepickerPreviousDayElement } from "./datepicker-previous-day/datepicker-previous-day.component.js";
+export {
+  SbbDatepickerPreviousDayElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1wcmV2aW91cy1kYXkuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts

@@ -0,0 +1,21 @@
+import { CSSResultGroup, PropertyDeclaration } from 'lit';
+import { SbbDatepickerButtonBase } from '../common.ts';
+import { SbbDatepickerElement } from '../datepicker.ts';
+/**
+ * Combined with a `sbb-datepicker`, it can be used to select a date from a `sbb-calendar`.
+ */
+export declare class SbbDatepickerToggleElement<T = Date> extends SbbDatepickerButtonBase<T> {
+    static styles: CSSResultGroup;
+    protected iconName: string;
+    /** Datepicker reference. */
+    accessor datepicker: SbbDatepickerElement<T> | null;
+    constructor();
+    connectedCallback(): void;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-datepicker-toggle': SbbDatepickerToggleElement;
+    }
+}
+//# sourceMappingURL=datepicker-toggle.component.d.ts.map

package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/datepicker/datepicker-toggle/datepicker-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAO/D,OAAO,EAAyB,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D;;GAEG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,IAAI,CAAE,SAAQ,uBAAuB,CAAC,CAAC,CAAC;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAI3C;IAEF,UAAmB,QAAQ,SAAoB;IAE/C,4BAA4B;IAC5B,SAEgB,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAQ;;IAelD,iBAAiB,IAAI,IAAI;IASzB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;CAQR;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js

@@ -0,0 +1,80 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, property } from "lit/decorators.js";
+import { miniButtonStyle } from "../../button/common.js";
+import { idReference } from "../../core/decorators.js";
+import { i18nShowCalendar } from "../../core/i18n.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbDatepickerButtonBase, datepickerButtonStyle } from "../common.js";
+let SbbDatepickerToggleElement = (() => {
+  var _datepicker_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-datepicker-toggle")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDatepickerButtonBase;
+  let _datepicker_decorators;
+  let _datepicker_initializers = [];
+  let _datepicker_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _datepicker_accessor_storage);
+      this.iconName = "calendar-small";
+      __privateSet(this, _datepicker_accessor_storage, __runInitializers(this, _datepicker_initializers, null));
+      __runInitializers(this, _datepicker_extraInitializers);
+      this.addEventListener?.("click", () => {
+        if (!this.datepicker?.isOpen) {
+          this.datepicker?.open();
+        }
+      });
+    }
+    /** Datepicker reference. */
+    get datepicker() {
+      return __privateGet(this, _datepicker_accessor_storage);
+    }
+    set datepicker(value) {
+      __privateSet(this, _datepicker_accessor_storage, value);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.internals.ariaLabel = i18nShowCalendar[this.language.current];
+      const formField = this.closest?.("sbb-form-field");
+      if (formField && !this.hasAttribute("datepicker")) {
+        this.datepicker ??= formField.querySelector("sbb-datepicker");
+      }
+    }
+    requestUpdate(name, oldValue, options) {
+      super.requestUpdate(name, oldValue, options);
+      if (name === "datepicker" && this.datepicker && this.datepicker.trigger !== this) {
+        this.datepicker.trigger = this;
+      } else if (!name && this.hasUpdated) {
+        this.internals.ariaLabel = i18nShowCalendar[this.language.current];
+      }
+    }
+  }, _datepicker_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _datepicker_decorators = [idReference(), property()];
+    __esDecorate(_a, null, _datepicker_decorators, { kind: "accessor", name: "datepicker", static: false, private: false, access: { has: (obj) => "datepicker" in obj, get: (obj) => obj.datepicker, set: (obj, value) => {
+      obj.datepicker = value;
+    } }, metadata: _metadata }, _datepicker_initializers, _datepicker_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [
+    boxSizingStyles,
+    miniButtonStyle,
+    datepickerButtonStyle
+  ], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbDatepickerToggleElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGF0ZXBpY2tlci9kYXRlcGlja2VyLXRvZ2dsZS9kYXRlcGlja2VyLXRvZ2dsZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgUHJvcGVydHlEZWNsYXJhdGlvbiB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgbWluaUJ1dHRvblN0eWxlIH0gZnJvbSAnLi4vLi4vYnV0dG9uL2NvbW1vbi50cyc7XG5pbXBvcnQgeyBpZFJlZmVyZW5jZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBpMThuU2hvd0NhbGVuZGFyIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IGRhdGVwaWNrZXJCdXR0b25TdHlsZSwgU2JiRGF0ZXBpY2tlckJ1dHRvbkJhc2UgfSBmcm9tICcuLi9jb21tb24udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJEYXRlcGlja2VyRWxlbWVudCB9IGZyb20gJy4uL2RhdGVwaWNrZXIudHMnO1xuXG4vKipcbiAqIENvbWJpbmVkIHdpdGggYSBgc2JiLWRhdGVwaWNrZXJgLCBpdCBjYW4gYmUgdXNlZCB0byBzZWxlY3QgYSBkYXRlIGZyb20gYSBgc2JiLWNhbGVuZGFyYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWRhdGVwaWNrZXItdG9nZ2xlJylcbmNsYXNzIFNiYkRhdGVwaWNrZXJUb2dnbGVFbGVtZW50PFQgPSBEYXRlPiBleHRlbmRzIFNiYkRhdGVwaWNrZXJCdXR0b25CYXNlPFQ+IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICBtaW5pQnV0dG9uU3R5bGUsXG4gICAgZGF0ZXBpY2tlckJ1dHRvblN0eWxlLFxuICBdO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBpY29uTmFtZSA9ICdjYWxlbmRhci1zbWFsbCc7XG5cbiAgLyoqIERhdGVwaWNrZXIgcmVmZXJlbmNlLiAqL1xuICBAaWRSZWZlcmVuY2UoKVxuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgYWNjZXNzb3IgZGF0ZXBpY2tlcjogU2JiRGF0ZXBpY2tlckVsZW1lbnQ8VD4gfCBudWxsID0gbnVsbDtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoKSA9PiB7XG4gICAgICBpZiAoaW1wb3J0Lm1ldGEuZW52LkRFViAmJiAhdGhpcy5kYXRlcGlja2VyKSB7XG4gICAgICAgIGNvbnNvbGUud2Fybignc2JiLWRhdGVwaWNrZXItdG9nZ2xlOiBObyBkYXRlcGlja2VyIGNvbm5lY3RlZC4nKTtcbiAgICAgICAgY29uc29sZS5sb2codGhpcyk7XG4gICAgICB9XG4gICAgICBpZiAoIXRoaXMuZGF0ZXBpY2tlcj8uaXNPcGVuKSB7XG4gICAgICAgIHRoaXMuZGF0ZXBpY2tlcj8ub3BlbigpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYUxhYmVsID0gaTE4blNob3dDYWxlbmRhclt0aGlzLmxhbmd1YWdlLmN1cnJlbnRdO1xuICAgIGNvbnN0IGZvcm1GaWVsZCA9IHRoaXMuY2xvc2VzdD8uKCdzYmItZm9ybS1maWVsZCcpO1xuICAgIGlmIChmb3JtRmllbGQgJiYgIXRoaXMuaGFzQXR0cmlidXRlKCdkYXRlcGlja2VyJykpIHtcbiAgICAgIHRoaXMuZGF0ZXBpY2tlciA/Pz0gZm9ybUZpZWxkLnF1ZXJ5U2VsZWN0b3I8U2JiRGF0ZXBpY2tlckVsZW1lbnQ8VD4+KCdzYmItZGF0ZXBpY2tlcicpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSByZXF1ZXN0VXBkYXRlKFxuICAgIG5hbWU/OiBQcm9wZXJ0eUtleSxcbiAgICBvbGRWYWx1ZT86IHVua25vd24sXG4gICAgb3B0aW9ucz86IFByb3BlcnR5RGVjbGFyYXRpb24sXG4gICk6IHZvaWQge1xuICAgIHN1cGVyLnJlcXVlc3RVcGRhdGUobmFtZSwgb2xkVmFsdWUsIG9wdGlvbnMpO1xuICAgIGlmIChuYW1lID09PSAnZGF0ZXBpY2tlcicgJiYgdGhpcy5kYXRlcGlja2VyICYmIHRoaXMuZGF0ZXBpY2tlci50cmlnZ2VyICE9PSB0aGlzKSB7XG4gICAgICB0aGlzLmRhdGVwaWNrZXIudHJpZ2dlciA9IHRoaXM7XG4gICAgfSBlbHNlIGlmICghbmFtZSAmJiB0aGlzLmhhc1VwZGF0ZWQpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9IGkxOG5TaG93Q2FsZW5kYXJbdGhpcy5sYW5ndWFnZS5jdXJyZW50XTtcbiAgICB9XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1kYXRlcGlja2VyLXRvZ2dsZSc6IFNiYkRhdGVwaWNrZXJUb2dnbGVFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7SUFlTSw4QkFBMEIsTUFBQTs7MEJBRC9CLGNBQWMsdUJBQXVCLENBQUM7Ozs7b0JBQ1k7Ozs7QUFBUixFQUFBLG1CQUFRLFlBQTBCO0FBQUEsSUFjM0UsY0FBQTtBQUNFLFlBQUE7QUFIRjtBQUxtQixXQUFBLFdBQVc7QUFLZCx5QkFBQSw4QkFBQSxrQkFBQSxNQUFBLDBCQUE2QyxJQUFJOztBQUkvRCxXQUFLLG1CQUFtQixTQUFTLE1BQUs7QUFLcEMsWUFBSSxDQUFDLEtBQUssWUFBWSxRQUFRO0FBQzVCLGVBQUssWUFBWSxLQUFBO0FBQUEsUUFDbkI7QUFBQSxNQUNGLENBQUM7QUFBQSxJQUNGO0FBQUE7QUFBQSxJQWJELElBQWdCLGFBQVU7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTFCLElBQWdCLFdBQVUsT0FBQTtBQUFBLHlCQUFBLDhCQUFBO0FBQUEsSUFBQTtBQUFBLElBZVYsb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFVBQVUsWUFBWSxpQkFBaUIsS0FBSyxTQUFTLE9BQU87QUFDakUsWUFBTSxZQUFZLEtBQUssVUFBVSxnQkFBZ0I7QUFDakQsVUFBSSxhQUFhLENBQUMsS0FBSyxhQUFhLFlBQVksR0FBRztBQUNqRCxhQUFLLGVBQWUsVUFBVSxjQUF1QyxnQkFBZ0I7QUFBQSxNQUN2RjtBQUFBLElBQ0Y7QUFBQSxJQUVnQixjQUNkLE1BQ0EsVUFDQSxTQUE2QjtBQUU3QixZQUFNLGNBQWMsTUFBTSxVQUFVLE9BQU87QUFDM0MsVUFBSSxTQUFTLGdCQUFnQixLQUFLLGNBQWMsS0FBSyxXQUFXLFlBQVksTUFBTTtBQUNoRixhQUFLLFdBQVcsVUFBVTtBQUFBLE1BQzVCLFdBQVcsQ0FBQyxRQUFRLEtBQUssWUFBWTtBQUNuQyxhQUFLLFVBQVUsWUFBWSxpQkFBaUIsS0FBSyxTQUFTLE9BQU87QUFBQSxNQUNuRTtBQUFBLElBQ0Y7QUFBQSxLQW5DQTs7OEJBRkMsZUFDQSxVQUFVO0FBQ1gsaUJBQUEsSUFBQSxNQUFBLHdCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsY0FBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxnQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLFlBQVUsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVYsYUFBVTtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSwwQkFBQSw2QkFBQTtBQVo1QixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUI7QUFBQSxJQUM5QztBQUFBLElBQ0E7QUFBQSxJQUNBO0FBQUEsRUFBQSxHQUpFLGtCQUFBLFlBQUEsdUJBQUEsR0FBcUM7OzsifQ==

package/development/datepicker/datepicker-toggle.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './datepicker-toggle/datepicker-toggle.component.ts';
+//# sourceMappingURL=datepicker-toggle.d.ts.map

package/development/datepicker/datepicker-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-toggle.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker-toggle.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oDAAoD,CAAC"}

package/development/datepicker/datepicker-toggle.js

@@ -0,0 +1,5 @@
+import { SbbDatepickerToggleElement } from "./datepicker-toggle/datepicker-toggle.component.js";
+export {
+  SbbDatepickerToggleElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci10b2dnbGUuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/datepicker/datepicker.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './datepicker/datepicker.component.ts';
+//# sourceMappingURL=datepicker.d.ts.map

package/development/datepicker/datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../src/elements/datepicker/datepicker.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC"}

package/development/datepicker/datepicker.js

@@ -0,0 +1,5 @@
+import { SbbDatepickerElement } from "./datepicker/datepicker.component.js";
+export {
+  SbbDatepickerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

package/development/datepicker-button-BDlxIp9r.js

@@ -0,0 +1,9 @@
+import { css } from "lit";
+const datepickerButton = css`.sbb-action-base {
+  margin: auto;
+  -webkit-tap-highlight-color: transparent;
+}`;
+export {
+  datepickerButton as d
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1idXR0b24tQkRseElwOXIuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OzsifQ==

package/development/datepicker.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @entrypoint
+ */
+export * from './datepicker/datepicker.ts';
+export * from './datepicker/datepicker-next-day.ts';
+export * from './datepicker/datepicker-previous-day.ts';
+export * from './datepicker/datepicker-toggle.ts';
+export * from './datepicker/common.ts';
+//# sourceMappingURL=datepicker.d.ts.map

package/development/datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/elements/datepicker.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC"}

package/development/datepicker.js

@@ -0,0 +1,16 @@
+import { SbbDatepickerElement } from "./datepicker/datepicker/datepicker.component.js";
+import { SbbDatepickerNextDayElement } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
+import { SbbDatepickerPreviousDayElement } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
+import { SbbDatepickerToggleElement } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
+import { SbbDatepickerButton, SbbDatepickerButtonBase } from "./datepicker/common/datepicker-button.js";
+import { d } from "./datepicker-button-BDlxIp9r.js";
+export {
+  SbbDatepickerButton,
+  SbbDatepickerButtonBase,
+  SbbDatepickerElement,
+  SbbDatepickerNextDayElement,
+  SbbDatepickerPreviousDayElement,
+  SbbDatepickerToggleElement,
+  d as datepickerButtonStyle
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OzsifQ==