@expressivecss/expressive 0.12.0 → 0.14.1

package/src/sass/utilities/_shapes.scss

@@ -0,0 +1,164 @@
+@use "sass:list";
+@use "sass:math";
+@use "../abstracts" as *;
+
+// Shapes. `.shape-<name>` cuts any element to one of twenty rounded shapes:
+// an <img>, a <video>, a button, a card. The set follows M3 Expressive's
+// shape library; the names are ours.
+//
+//   <img class="shape-scallop-6" src="..." alt="...">
+//   <button class="icon-button filled shape-spark" aria-label="Favorite">
+//
+// Each shape is an SVG path in a 100-unit box, drawn as a mask. A mask scales
+// with the element and keeps the curves smooth at any size, which a
+// `clip-path: polygon()` only does with hundreds of points. The path stretches
+// to the element's box, so the shapes are drawn for a square one; images and
+// videos are made square and cropped with `object-fit: cover`.
+//
+// A mask also clips the element's outline, so a focused shape draws the ring
+// inside its own edge: the mask cuts the 2px gap and `::after` paints the 3px
+// band. `contain: paint` makes the element the band's containing block without
+// touching `position`, which a component (a halfway FAB) may already own. An
+// <img> has no `::after`, so a focusable image shows the gap alone.
+
+// Each shape is a polygon whose corners are cut by quadratic curves. The
+// corner takes `$round` of each edge next to it: 0 keeps the point, 0.5 runs
+// the curve from one edge's midpoint to the next, so a polygon rounded at 0.5
+// throughout is a smooth closed curve. `$round` is a list cycled over the
+// points, so a star can round its tips and valleys differently.
+
+// One decimal of a 100-unit box is a tenth of a percent - under half a pixel
+// on a 400px image.
+@function _n($v) {
+  @return math.div(math.round($v * 10), 10);
+}
+
+@function _xy($p) {
+  @return "#{_n(list.nth($p, 1))} #{_n(list.nth($p, 2))}";
+}
+
+@function _toward($p, $q, $t) {
+  @return (list.nth($p, 1) + (list.nth($q, 1) - list.nth($p, 1)) * $t)
+    (list.nth($p, 2) + (list.nth($q, 2) - list.nth($p, 2)) * $t);
+}
+
+// $count points on a circle round the box centre, clockwise from $start
+// (y points down, so -90deg is the top). $radii is cycled: (40 30) is a star,
+// (40 40 25) puts two points on every lobe of a clover. $sx and $sy stretch
+// the result before $turn rotates it.
+@function _polar($count, $radii, $start: -90deg, $sx: 1, $sy: 1, $turn: 0deg) {
+  $pts: ();
+  @for $i from 0 through $count - 1 {
+    $a: $start + math.div(360deg * $i, $count);
+    $r: list.nth($radii, $i % list.length($radii) + 1);
+    $x: $r * math.cos($a) * $sx;
+    $y: $r * math.sin($a) * $sy;
+    $pts: list.append(
+      $pts,
+      (50 + $x * math.cos($turn) - $y * math.sin($turn))
+        (50 + $x * math.sin($turn) + $y * math.cos($turn)),
+      comma
+    );
+  }
+  @return $pts;
+}
+
+@function _path($pts, $round) {
+  $n: list.length($pts);
+  $d: "";
+  $end: null;
+  @for $i from 1 through $n {
+    $p: list.nth($pts, $i);
+    $r: list.nth($round, ($i - 1) % list.length($round) + 1);
+    $move: "L";
+    @if $i == 1 { $move: "M"; }
+    @if $r == 0 {
+      $d: $d + $move + _xy($p);
+      $end: _xy($p);
+    } @else {
+      $prev: list.nth($pts, $n);
+      @if $i > 1 { $prev: list.nth($pts, $i - 1); }
+      $next: list.nth($pts, 1);
+      @if $i < $n { $next: list.nth($pts, $i + 1); }
+      $a: _xy(_toward($p, $prev, $r));
+      @if $a != $end { $d: $d + $move + $a; }
+      $end: _xy(_toward($p, $next, $r));
+      $d: $d + "Q" + _xy($p) + " " + $end;
+    }
+  }
+  @return $d + "Z";
+}
+
+@function _mask($pts, $round) {
+  @return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='#{_path($pts, $round)}'/%3E%3C/svg%3E");
+}
+
+// name: (points, rounding). The M3 shape each one follows:
+//   pebble oval, bean pill, peak triangle, dart arrow, slice fan, kite diamond,
+//   cell clamshell, crest pentagon, facet gem, spark very sunny, seal sunny,
+//   scallop-N N-sided cookie, bloom-N N-leaf clover, spike burst, flare soft burst.
+$_shapes: (
+  pebble: (_polar(8, 65.5, -90deg, 1, 0.6, -45deg), 0.5),
+  bean: (_polar(4, 74.5, -45deg, 1, 0.78, -45deg), 0.5),
+  peak: ((50 -6, 108.6 95, -8.6 95), 0.22),
+  dart: ((50 -6, 107 99, 50 80, -7 99), (0.3 0.3 0.5 0.3)),
+  slice: ((0 0, 100 0, 100 100, 0 100), (0.16 0.84 0.16 0.16)),
+  kite: ((50 -6.2, 97.2 50, 50 106.2, 2.8 50), 0.22),
+  cell: ((22 11, 78 11, 104 50, 78 89, 22 89, -4 50), 0.3),
+  crest: (_polar(5, 53, -90deg), 0.22),
+  facet: (_polar(7, 53, -90deg), 0.3),
+  spark: (_polar(16, (52 38)), (0.3 0.5)),
+  seal: (_polar(16, (52 44)), (0.42 0.5)),
+  scallop-4: (_polar(8, (68 32), -45deg), 0.5),
+  scallop-6: (_polar(12, (53.9 44.1)), 0.5),
+  scallop-7: (_polar(14, (54.2 45.4)), 0.5),
+  scallop-9: (_polar(18, (53 46.2)), 0.5),
+  scallop-12: (_polar(24, (52 45.8)), 0.5),
+  bloom-4: (_polar(16, (54 57 54 38), -67.5deg), (0.5 0.5 0.5 0.25)),
+  bloom-8: (_polar(24, (51 51 40), -97.5deg), (0.5 0.5 0.3)),
+  spike: (_polar(24, (50 34)), 0),
+  flare: (_polar(20, (51.5 36.6)), (0.18 0.3)),
+);
+
+%shape {
+  contain: paint;
+  mask: var(--shape-mask) center / 100% 100% no-repeat;
+
+  &:is(img, video, canvas) {
+    aspect-ratio: 1;
+    height: auto;
+    object-fit: cover;
+  }
+
+  // The ring: the outline's 3px band and 2px gap, drawn inside the edge.
+  &:focus-visible {
+    mask:
+      var(--shape-mask) center / calc(100% - 10px) calc(100% - 10px) no-repeat,
+      var(--shape-mask) center / 100% 100% no-repeat,
+      var(--shape-mask) center / calc(100% - 6px) calc(100% - 6px) no-repeat;
+    mask-composite: add, exclude;
+  }
+
+  &:focus-visible::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background-color: var(--md-sys-color-secondary);
+    pointer-events: none;
+    mask:
+      var(--shape-mask) center / 100% 100% no-repeat exclude,
+      var(--shape-mask) center / calc(100% - 6px) calc(100% - 6px) no-repeat;
+
+    @media (forced-colors: active) {
+      forced-color-adjust: none;
+      background-color: Highlight;
+    }
+  }
+}
+
+@each $name, $shape in $_shapes {
+  .shape-#{$name} {
+    @extend %shape;
+    --shape-mask: #{_mask(list.nth($shape, 1), list.nth($shape, 2))};
+  }
+}

package/dist/js/chunks/chunk-3VOK6J7U.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/tabs.ts"],
-  "sourcesContent": ["import { Carousel } from './carousel';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport interface TabsOptions extends BaseOptions {\n  /**\n   * Transition duration in milliseconds.\n   * @default 300\n   */\n  duration: number;\n  /**\n   * Callback for when a new tab content is shown.\n   * @default null\n   */\n  onShow: (newContent: Element) => void;\n  /**\n   * Set to true to enable swipeable tabs.\n   * This also uses the responsiveThreshold option.\n   * @default false\n   */\n  swipeable: boolean;\n  /**\n   * The maximum width of the screen, in pixels,\n   * where the swipeable functionality initializes.\n   * @default infinity\n   */\n  responsiveThreshold: number;\n}\n\nconst _defaults: TabsOptions = {\n  duration: 300,\n  onShow: null,\n  swipeable: false,\n  responsiveThreshold: Infinity // breakpoint for swipeable\n};\n\nexport class Tabs extends Component<TabsOptions> {\n  _tabLinks: NodeListOf<HTMLAnchorElement>;\n  _index: number;\n  _indicator: HTMLElement;\n  _tabWidth: number;\n  _tabsWidth: number;\n  _tabsCarousel: Carousel;\n  _activeTabLink: HTMLAnchorElement;\n  _content: HTMLElement;\n  private _originalPanels = new Map<HTMLElement, { display: string; priority: string; active: boolean; carousel: boolean; marker?: Comment }>();\n  private _originalLinks = new Map<HTMLAnchorElement, { active: boolean; current: string | null }>();\n\n  constructor(el: HTMLElement, options: Partial<TabsOptions>) {\n    super(el, options, Tabs);\n    this.el['Expressive_Tabs'] = this;\n\n    this.options = {\n      ...Tabs.defaults,\n      ...options\n    };\n\n    this._tabLinks = this._queryTabLinks();\n    this._tabLinks.forEach(link => {\n      this._originalLinks.set(link, { active: link.classList.contains('active'), current: link.getAttribute('aria-current') });\n      if (link.hasAttribute('target')) return;\n      const panel = link.hash && document.getElementById(link.hash.slice(1));\n      if (panel) this._originalPanels.set(panel, {\n        display: panel.style.display, priority: panel.style.getPropertyPriority('display'),\n        active: panel.classList.contains('active'), carousel: panel.classList.contains('carousel-item')\n      });\n    });\n    this.options.swipeable &&= window.innerWidth <= this.options.responsiveThreshold;\n    this._index = 0;\n    this._setupActiveTabLink();\n    if (this.options.swipeable) {\n      this._setupSwipeableTabs();\n    } else {\n      this._setupNormalTabs();\n    }\n    // Setup tabs indicator after content to ensure accurate widths\n    this._setTabsAndTabWidth();\n    this._createIndicator();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): TabsOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Tabs.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<TabsOptions>): Tabs;\n  /**\n   * Initializes instances of Tabs.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<TabsOptions>): Tabs[];\n  /**\n   * Initializes instances of Tabs.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<TabsOptions> = {}\n  ): Tabs | Tabs[] {\n    return super.init(els, options, Tabs);\n  }\n\n  static getInstance(el: HTMLElement): Tabs {\n    return el['Expressive_Tabs'];\n  }\n\n  destroy() {\n    this._removeEventHandlers();\n    this._indicator.remove();\n    if (this.options.swipeable) {\n      this._teardownSwipeableTabs();\n    }\n    this._originalPanels.forEach((original, panel) => {\n      panel.style.setProperty('display', original.display, original.priority);\n      panel.classList.toggle('active', original.active);\n      panel.classList.toggle('carousel-item', original.carousel);\n      if (!panel.className) panel.removeAttribute('class');\n    });\n    this._originalLinks.forEach((original, link) => {\n      link.classList.toggle('active', original.active);\n      if (original.current === null) link.removeAttribute('aria-current');\n      else link.setAttribute('aria-current', original.current);\n    });\n    this.el['Expressive_Tabs'] = undefined;\n  }\n\n  /**\n   * The index of tab that is currently shown.\n   */\n  get index() {\n    return this._index;\n  }\n\n  _setupEventHandlers() {\n    window.addEventListener('resize', this._handleWindowResize);\n    this.el.addEventListener('click', this._handleTabClick);\n  }\n\n  _removeEventHandlers() {\n    window.removeEventListener('resize', this._handleWindowResize);\n    this.el.removeEventListener('click', this._handleTabClick);\n  }\n\n  _handleWindowResize = () => {\n    this._setTabsAndTabWidth();\n    if (this._tabWidth !== 0 && this._tabsWidth !== 0) {\n      this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + 'px';\n      this._indicator.style.right = this._calcRightPos(this._activeTabLink) + 'px';\n    }\n  };\n\n  _queryTabLinks() {\n    return this.el.querySelectorAll<HTMLAnchorElement>(\n      ':scope > a, :scope > .tab > a'\n    );\n  }\n\n  _handleTabClick = (e: MouseEvent) => {\n    const target = e.target as Element | null;\n    if (!target) return;\n    const tabLink = target.closest('a') as HTMLAnchorElement | null;\n    if (!tabLink || !Array.from(this._tabLinks).includes(tabLink)) return;\n\n    const tab = tabLink.parentElement;\n    const disabled =\n      tabLink.classList.contains('disabled') ||\n      tabLink.getAttribute('aria-disabled') === 'true' ||\n      tab?.classList.contains('disabled');\n    if (disabled) {\n      e.preventDefault();\n      return;\n    }\n    // Act as regular link if target attribute is specified.\n    if (tabLink.hasAttribute('target')) return;\n    if (this.options.swipeable) {\n      const panel = tabLink.hash && document.getElementById(tabLink.hash.slice(1));\n      const index = this._tabsCarousel.images.indexOf(panel as HTMLElement);\n      if (index >= 0) this._tabsCarousel.set(index);\n      e.preventDefault();\n      return;\n    }\n    const _oldContent = this._content;\n    this._tabLinks = this._queryTabLinks();\n    // Moves the class and aria-current together, off the old tab and onto this\n    // one - they used to be able to disagree.\n    const prevIndex = this._index;\n    this._setActiveTabLink(tabLink);\n\n    // Swap content\n    if (this._content) {\n      this._content.style.display = 'block';\n      this._content.classList.add('active');\n      if (typeof this.options.onShow === 'function')\n        this.options.onShow.call(this, this._content);\n      if (_oldContent && _oldContent !== this._content) {\n        _oldContent.style.display = 'none';\n        _oldContent.classList.remove('active');\n      }\n    }\n    // Update widths after content is swapped (scrollbar bugfix)\n    this._setTabsAndTabWidth();\n    this._animateIndicator(prevIndex);\n    e.preventDefault();\n  };\n\n  _createIndicator() {\n    const tag = this.el.tagName === 'UL' || this.el.tagName === 'OL' ? 'li' : 'span';\n    const indicator = document.createElement(tag);\n    indicator.classList.add('indicator');\n    this.el.appendChild(indicator);\n    this._indicator = indicator;\n    this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + 'px';\n    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + 'px';\n  }\n\n  /**\n   * Which tab is current, for the eye and for assistive technology.\n   *\n   * The class alone is a colour. `aria-current` is the part a screen reader\n   * reads, and because tabs are navigation rather than a tablist (rule 2 -\n   * there is no keyboard model here to back a tablist), \"current\" is exactly\n   * the right word for it. Its *value* changes as the user clicks, which makes\n   * maintaining it the component's job, not the author's - see CONTEXT.md on\n   * static semantics versus dynamic state. Writing it once in the markup and\n   * never moving it left the old tab announcing itself as current.\n   */\n  private _setActiveTabLink(tabLink: HTMLAnchorElement) {\n    Array.from(this._tabLinks).forEach((a: HTMLAnchorElement) => {\n      a.classList.remove('active');\n      a.removeAttribute('aria-current');\n    });\n    this._activeTabLink = tabLink;\n    tabLink.classList.add('active');\n    tabLink.setAttribute('aria-current', 'page');\n    this._index = Array.from(this._tabLinks).indexOf(tabLink);\n    this._content = tabLink.hasAttribute('target') ? null : document.getElementById(tabLink.hash.slice(1));\n  }\n\n  _setupActiveTabLink() {\n    // If the location.hash matches one of the links, use that as the active tab.\n    this._activeTabLink = Array.from(this._tabLinks).find(\n      (a: HTMLAnchorElement) => a.getAttribute('href') === location.hash\n    );\n    // If no match is found, use the first link or any with class 'active' as the initial active tab.\n    if (!this._activeTabLink) {\n      let activeTabLink = this.el.querySelector('a.active');\n      if (!activeTabLink) {\n        activeTabLink = this._tabLinks[0];\n      }\n      this._activeTabLink = activeTabLink as HTMLAnchorElement;\n    }\n    this._setActiveTabLink(this._activeTabLink);\n\n    this._originalPanels.forEach((_, panel) => panel.classList.toggle('active', panel === this._content));\n  }\n\n  _setupSwipeableTabs() {\n    const tabsContent = [];\n    this._tabLinks.forEach((a) => {\n      if (a.hash && !a.hasAttribute('target')) {\n        const currContent = document.getElementById(a.hash.slice(1));\n        if (!currContent) return;\n        currContent.classList.add('carousel-item');\n        tabsContent.push(currContent);\n      }\n    });\n\n    // Create Carousel-Wrapper around Tab-Contents\n    const tabsWrapper = document.createElement('div');\n    tabsWrapper.classList.add('tabs-content', 'carousel', 'flat');\n\n    // Wrap around\n    tabsContent[0].parentElement.insertBefore(tabsWrapper, tabsContent[0]);\n    tabsContent.forEach((tabContent) => {\n      const marker = document.createComment('');\n      tabContent.before(marker);\n      this._originalPanels.get(tabContent).marker = marker;\n      tabsWrapper.appendChild(tabContent);\n      tabContent.style.display = '';\n    });\n\n    this._tabsCarousel = Carousel.init(tabsWrapper, {\n      fullWidth: true,\n      noWrap: true,\n      duration: this.options.duration,\n      onCycleTo: (item) => {\n        const prevIndex = this._index;\n        this._setActiveTabLink(Array.from(this._tabLinks).find(a => !a.hasAttribute('target') && a.hash === '#' + item.id));\n        this._setTabsAndTabWidth();\n        this._animateIndicator(prevIndex);\n        if (typeof this.options.onShow === 'function')\n          this.options.onShow.call(this, this._content);\n      }\n    });\n  }\n\n  _teardownSwipeableTabs() {\n    const tabsWrapper = this._tabsCarousel.el;\n    this._tabsCarousel.destroy();\n    this._originalPanels.forEach((original, panel) => original.marker?.replaceWith(panel));\n    tabsWrapper.remove();\n  }\n\n  _setupNormalTabs() {\n    // Hide Tabs Content\n    Array.from(this._tabLinks).forEach((a) => {\n      if (a === this._activeTabLink || a.hasAttribute('target')) return;\n      if (a.hash) {\n        const currContent = document.getElementById(a.hash.slice(1));\n        if (currContent) currContent.style.display = 'none';\n      }\n    });\n  }\n\n  _setTabsAndTabWidth() {\n    this._tabsWidth = this.el.getBoundingClientRect().width;\n    this._tabWidth = Math.max(this._tabsWidth, this.el.scrollWidth) / this._tabLinks.length;\n  }\n\n  _calcRightPos(el) {\n    return Math.ceil(this._tabsWidth - el.offsetLeft - el.getBoundingClientRect().width);\n  }\n\n  _calcLeftPos(el) {\n    return Math.floor(el.offsetLeft);\n  }\n\n  /**\n   * Recalculate tab indicator position. This is useful when\n   * the indicator position is not correct.\n   */\n  updateTabIndicator() {\n    this._setTabsAndTabWidth();\n    this._animateIndicator(this._index);\n  }\n\n  _animateIndicator(prevIndex) {\n    let leftDelay = 0,\n      rightDelay = 0;\n\n    const isMovingLeftOrStaying = this._index - prevIndex >= 0;\n    if (isMovingLeftOrStaying) leftDelay = 90;\n    else rightDelay = 90;\n\n    // in v1: easeOutQuad\n    this._indicator.style.transition = `\n      left ${this.options.duration}ms ease-out ${leftDelay}ms,\n      right ${this.options.duration}ms ease-out ${rightDelay}ms`;\n\n    this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + 'px';\n    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + 'px';\n  }\n\n  /**\n   * Show tab content that corresponds to the tab with the id.\n   * @param tabId The id of the tab that you want to switch to.\n   */\n  select(tabId: string) {\n    const tab = Array.from(this._tabLinks).find(\n      (a: HTMLAnchorElement) => a.getAttribute('href') === '#' + tabId\n    );\n    if (tab) (<HTMLAnchorElement>tab).click();\n  }\n}\n"],
-  "mappings": ";;;;;;;;AA4BA,IAAM,YAAyB;AAAA,EAC7B,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,qBAAqB;AAAA;AACvB;AAEO,IAAM,OAAN,MAAM,cAAa,UAAuB;AAAA,EAY/C,YAAY,IAAiB,SAA+B;AA/C9D;AAgDI,UAAM,IAAI,SAAS,KAAI;AAJzB,SAAQ,kBAAkB,oBAAI,IAA8G;AAC5I,SAAQ,iBAAiB,oBAAI,IAAoE;AAwGjG,+BAAsB,MAAM;AAC1B,WAAK,oBAAoB;AACzB,UAAI,KAAK,cAAc,KAAK,KAAK,eAAe,GAAG;AACjD,aAAK,WAAW,MAAM,OAAO,KAAK,aAAa,KAAK,cAAc,IAAI;AACtE,aAAK,WAAW,MAAM,QAAQ,KAAK,cAAc,KAAK,cAAc,IAAI;AAAA,MAC1E;AAAA,IACF;AAQA,2BAAkB,CAAC,MAAkB;AACnC,YAAM,SAAS,EAAE;AACjB,UAAI,CAAC,OAAQ;AACb,YAAM,UAAU,OAAO,QAAQ,GAAG;AAClC,UAAI,CAAC,WAAW,CAAC,MAAM,KAAK,KAAK,SAAS,EAAE,SAAS,OAAO,EAAG;AAE/D,YAAM,MAAM,QAAQ;AACpB,YAAM,WACJ,QAAQ,UAAU,SAAS,UAAU,KACrC,QAAQ,aAAa,eAAe,MAAM,UAC1C,KAAK,UAAU,SAAS,UAAU;AACpC,UAAI,UAAU;AACZ,UAAE,eAAe;AACjB;AAAA,MACF;AAEA,UAAI,QAAQ,aAAa,QAAQ,EAAG;AACpC,UAAI,KAAK,QAAQ,WAAW;AAC1B,cAAM,QAAQ,QAAQ,QAAQ,SAAS,eAAe,QAAQ,KAAK,MAAM,CAAC,CAAC;AAC3E,cAAM,QAAQ,KAAK,cAAc,OAAO,QAAQ,KAAoB;AACpE,YAAI,SAAS,EAAG,MAAK,cAAc,IAAI,KAAK;AAC5C,UAAE,eAAe;AACjB;AAAA,MACF;AACA,YAAM,cAAc,KAAK;AACzB,WAAK,YAAY,KAAK,eAAe;AAGrC,YAAM,YAAY,KAAK;AACvB,WAAK,kBAAkB,OAAO;AAG9B,UAAI,KAAK,UAAU;AACjB,aAAK,SAAS,MAAM,UAAU;AAC9B,aAAK,SAAS,UAAU,IAAI,QAAQ;AACpC,YAAI,OAAO,KAAK,QAAQ,WAAW;AACjC,eAAK,QAAQ,OAAO,KAAK,MAAM,KAAK,QAAQ;AAC9C,YAAI,eAAe,gBAAgB,KAAK,UAAU;AAChD,sBAAY,MAAM,UAAU;AAC5B,sBAAY,UAAU,OAAO,QAAQ;AAAA,QACvC;AAAA,MACF;AAEA,WAAK,oBAAoB;AACzB,WAAK,kBAAkB,SAAS;AAChC,QAAE,eAAe;AAAA,IACnB;AAhKE,SAAK,GAAG,iBAAiB,IAAI;AAE7B,SAAK,UAAU;AAAA,MACb,GAAG,MAAK;AAAA,MACR,GAAG;AAAA,IACL;AAEA,SAAK,YAAY,KAAK,eAAe;AACrC,SAAK,UAAU,QAAQ,UAAQ;AAC7B,WAAK,eAAe,IAAI,MAAM,EAAE,QAAQ,KAAK,UAAU,SAAS,QAAQ,GAAG,SAAS,KAAK,aAAa,cAAc,EAAE,CAAC;AACvH,UAAI,KAAK,aAAa,QAAQ,EAAG;AACjC,YAAM,QAAQ,KAAK,QAAQ,SAAS,eAAe,KAAK,KAAK,MAAM,CAAC,CAAC;AACrE,UAAI,MAAO,MAAK,gBAAgB,IAAI,OAAO;AAAA,QACzC,SAAS,MAAM,MAAM;AAAA,QAAS,UAAU,MAAM,MAAM,oBAAoB,SAAS;AAAA,QACjF,QAAQ,MAAM,UAAU,SAAS,QAAQ;AAAA,QAAG,UAAU,MAAM,UAAU,SAAS,eAAe;AAAA,MAChG,CAAC;AAAA,IACH,CAAC;AACD,eAAK,SAAQ,cAAb,GAAa,YAAc,OAAO,cAAc,KAAK,QAAQ;AAC7D,SAAK,SAAS;AACd,SAAK,oBAAoB;AACzB,QAAI,KAAK,QAAQ,WAAW;AAC1B,WAAK,oBAAoB;AAAA,IAC3B,OAAO;AACL,WAAK,iBAAiB;AAAA,IACxB;AAEA,SAAK,oBAAoB;AACzB,SAAK,iBAAiB;AACtB,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEA,WAAW,WAAwB;AACjC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBA,OAAO,KACL,KACA,UAAgC,CAAC,GAClB;AACf,WAAO,MAAM,KAAK,KAAK,SAAS,KAAI;AAAA,EACtC;AAAA,EAEA,OAAO,YAAY,IAAuB;AACxC,WAAO,GAAG,iBAAiB;AAAA,EAC7B;AAAA,EAEA,UAAU;AACR,SAAK,qBAAqB;AAC1B,SAAK,WAAW,OAAO;AACvB,QAAI,KAAK,QAAQ,WAAW;AAC1B,WAAK,uBAAuB;AAAA,IAC9B;AACA,SAAK,gBAAgB,QAAQ,CAAC,UAAU,UAAU;AAChD,YAAM,MAAM,YAAY,WAAW,SAAS,SAAS,SAAS,QAAQ;AACtE,YAAM,UAAU,OAAO,UAAU,SAAS,MAAM;AAChD,YAAM,UAAU,OAAO,iBAAiB,SAAS,QAAQ;AACzD,UAAI,CAAC,MAAM,UAAW,OAAM,gBAAgB,OAAO;AAAA,IACrD,CAAC;AACD,SAAK,eAAe,QAAQ,CAAC,UAAU,SAAS;AAC9C,WAAK,UAAU,OAAO,UAAU,SAAS,MAAM;AAC/C,UAAI,SAAS,YAAY,KAAM,MAAK,gBAAgB,cAAc;AAAA,UAC7D,MAAK,aAAa,gBAAgB,SAAS,OAAO;AAAA,IACzD,CAAC;AACD,SAAK,GAAG,iBAAiB,IAAI;AAAA,EAC/B;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,QAAQ;AACV,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,sBAAsB;AACpB,WAAO,iBAAiB,UAAU,KAAK,mBAAmB;AAC1D,SAAK,GAAG,iBAAiB,SAAS,KAAK,eAAe;AAAA,EACxD;AAAA,EAEA,uBAAuB;AACrB,WAAO,oBAAoB,UAAU,KAAK,mBAAmB;AAC7D,SAAK,GAAG,oBAAoB,SAAS,KAAK,eAAe;AAAA,EAC3D;AAAA,EAUA,iBAAiB;AACf,WAAO,KAAK,GAAG;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAkDA,mBAAmB;AACjB,UAAM,MAAM,KAAK,GAAG,YAAY,QAAQ,KAAK,GAAG,YAAY,OAAO,OAAO;AAC1E,UAAM,YAAY,SAAS,cAAc,GAAG;AAC5C,cAAU,UAAU,IAAI,WAAW;AACnC,SAAK,GAAG,YAAY,SAAS;AAC7B,SAAK,aAAa;AAClB,SAAK,WAAW,MAAM,OAAO,KAAK,aAAa,KAAK,cAAc,IAAI;AACtE,SAAK,WAAW,MAAM,QAAQ,KAAK,cAAc,KAAK,cAAc,IAAI;AAAA,EAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaQ,kBAAkB,SAA4B;AACpD,UAAM,KAAK,KAAK,SAAS,EAAE,QAAQ,CAAC,MAAyB;AAC3D,QAAE,UAAU,OAAO,QAAQ;AAC3B,QAAE,gBAAgB,cAAc;AAAA,IAClC,CAAC;AACD,SAAK,iBAAiB;AACtB,YAAQ,UAAU,IAAI,QAAQ;AAC9B,YAAQ,aAAa,gBAAgB,MAAM;AAC3C,SAAK,SAAS,MAAM,KAAK,KAAK,SAAS,EAAE,QAAQ,OAAO;AACxD,SAAK,WAAW,QAAQ,aAAa,QAAQ,IAAI,OAAO,SAAS,eAAe,QAAQ,KAAK,MAAM,CAAC,CAAC;AAAA,EACvG;AAAA,EAEA,sBAAsB;AAEpB,SAAK,iBAAiB,MAAM,KAAK,KAAK,SAAS,EAAE;AAAA,MAC/C,CAAC,MAAyB,EAAE,aAAa,MAAM,MAAM,SAAS;AAAA,IAChE;AAEA,QAAI,CAAC,KAAK,gBAAgB;AACxB,UAAI,gBAAgB,KAAK,GAAG,cAAc,UAAU;AACpD,UAAI,CAAC,eAAe;AAClB,wBAAgB,KAAK,UAAU,CAAC;AAAA,MAClC;AACA,WAAK,iBAAiB;AAAA,IACxB;AACA,SAAK,kBAAkB,KAAK,cAAc;AAE1C,SAAK,gBAAgB,QAAQ,CAAC,GAAG,UAAU,MAAM,UAAU,OAAO,UAAU,UAAU,KAAK,QAAQ,CAAC;AAAA,EACtG;AAAA,EAEA,sBAAsB;AACpB,UAAM,cAAc,CAAC;AACrB,SAAK,UAAU,QAAQ,CAAC,MAAM;AAC5B,UAAI,EAAE,QAAQ,CAAC,EAAE,aAAa,QAAQ,GAAG;AACvC,cAAM,cAAc,SAAS,eAAe,EAAE,KAAK,MAAM,CAAC,CAAC;AAC3D,YAAI,CAAC,YAAa;AAClB,oBAAY,UAAU,IAAI,eAAe;AACzC,oBAAY,KAAK,WAAW;AAAA,MAC9B;AAAA,IACF,CAAC;AAGD,UAAM,cAAc,SAAS,cAAc,KAAK;AAChD,gBAAY,UAAU,IAAI,gBAAgB,YAAY,MAAM;AAG5D,gBAAY,CAAC,EAAE,cAAc,aAAa,aAAa,YAAY,CAAC,CAAC;AACrE,gBAAY,QAAQ,CAAC,eAAe;AAClC,YAAM,SAAS,SAAS,cAAc,EAAE;AACxC,iBAAW,OAAO,MAAM;AACxB,WAAK,gBAAgB,IAAI,UAAU,EAAE,SAAS;AAC9C,kBAAY,YAAY,UAAU;AAClC,iBAAW,MAAM,UAAU;AAAA,IAC7B,CAAC;AAED,SAAK,gBAAgB,SAAS,KAAK,aAAa;AAAA,MAC9C,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,UAAU,KAAK,QAAQ;AAAA,MACvB,WAAW,CAAC,SAAS;AACnB,cAAM,YAAY,KAAK;AACvB,aAAK,kBAAkB,MAAM,KAAK,KAAK,SAAS,EAAE,KAAK,OAAK,CAAC,EAAE,aAAa,QAAQ,KAAK,EAAE,SAAS,MAAM,KAAK,EAAE,CAAC;AAClH,aAAK,oBAAoB;AACzB,aAAK,kBAAkB,SAAS;AAChC,YAAI,OAAO,KAAK,QAAQ,WAAW;AACjC,eAAK,QAAQ,OAAO,KAAK,MAAM,KAAK,QAAQ;AAAA,MAChD;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,yBAAyB;AACvB,UAAM,cAAc,KAAK,cAAc;AACvC,SAAK,cAAc,QAAQ;AAC3B,SAAK,gBAAgB,QAAQ,CAAC,UAAU,UAAU,SAAS,QAAQ,YAAY,KAAK,CAAC;AACrF,gBAAY,OAAO;AAAA,EACrB;AAAA,EAEA,mBAAmB;AAEjB,UAAM,KAAK,KAAK,SAAS,EAAE,QAAQ,CAAC,MAAM;AACxC,UAAI,MAAM,KAAK,kBAAkB,EAAE,aAAa,QAAQ,EAAG;AAC3D,UAAI,EAAE,MAAM;AACV,cAAM,cAAc,SAAS,eAAe,EAAE,KAAK,MAAM,CAAC,CAAC;AAC3D,YAAI,YAAa,aAAY,MAAM,UAAU;AAAA,MAC/C;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,sBAAsB;AACpB,SAAK,aAAa,KAAK,GAAG,sBAAsB,EAAE;AAClD,SAAK,YAAY,KAAK,IAAI,KAAK,YAAY,KAAK,GAAG,WAAW,IAAI,KAAK,UAAU;AAAA,EACnF;AAAA,EAEA,cAAc,IAAI;AAChB,WAAO,KAAK,KAAK,KAAK,aAAa,GAAG,aAAa,GAAG,sBAAsB,EAAE,KAAK;AAAA,EACrF;AAAA,EAEA,aAAa,IAAI;AACf,WAAO,KAAK,MAAM,GAAG,UAAU;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,qBAAqB;AACnB,SAAK,oBAAoB;AACzB,SAAK,kBAAkB,KAAK,MAAM;AAAA,EACpC;AAAA,EAEA,kBAAkB,WAAW;AAC3B,QAAI,YAAY,GACd,aAAa;AAEf,UAAM,wBAAwB,KAAK,SAAS,aAAa;AACzD,QAAI,sBAAuB,aAAY;AAAA,QAClC,cAAa;AAGlB,SAAK,WAAW,MAAM,aAAa;AAAA,aAC1B,KAAK,QAAQ,QAAQ,eAAe,SAAS;AAAA,cAC5C,KAAK,QAAQ,QAAQ,eAAe,UAAU;AAExD,SAAK,WAAW,MAAM,OAAO,KAAK,aAAa,KAAK,cAAc,IAAI;AACtE,SAAK,WAAW,MAAM,QAAQ,KAAK,cAAc,KAAK,cAAc,IAAI;AAAA,EAC1E;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,OAAe;AACpB,UAAM,MAAM,MAAM,KAAK,KAAK,SAAS,EAAE;AAAA,MACrC,CAAC,MAAyB,EAAE,aAAa,MAAM,MAAM,MAAM;AAAA,IAC7D;AACA,QAAI,IAAK,CAAoB,IAAK,MAAM;AAAA,EAC1C;AACF;",
-  "names": []
-}

package/dist/js/chunks/chunk-CKQP6P76.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/tooltip.ts"],
-  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipOptions extends BaseOptions {\n  /**\n   * Delay time before tooltip disappears.\n   * @default 200\n   */\n  exitDelay: number;\n  /**\n   * Delay time before tooltip appears.\n   * @default 0\n   */\n  enterDelay: number;\n  /**\n   * Element Id for the tooltip.\n   * @default \"\"\n   */\n  tooltipId?: string;\n  /**\n   * Text string for the tooltip.\n   * @default \"\"\n   */\n  text: string;\n  /**\n   * Set distance tooltip appears away from its activator\n   * excluding transitionMovement.\n   * @default 4\n   */\n  margin: number;\n  /**\n   * Enter transition duration.\n   * @default 300\n   */\n  inDuration: number;\n  /**\n   * Opacity of the tooltip.\n   * @default 1\n   */\n  opacity: number;\n  /**\n   * Exit transition duration.\n   * @default 250\n   */\n  outDuration: number;\n  /**\n   * Set the direction of the tooltip.\n   * @default 'bottom'\n   */\n  position: TooltipPosition;\n  /**\n   * Amount in px that the tooltip moves during its transition.\n   * @default 10\n   */\n  transitionMovement: number;\n}\n\nconst _defaults: TooltipOptions = {\n  exitDelay: 200,\n  enterDelay: 0,\n  text: '',\n  margin: 4,\n  inDuration: 250,\n  outDuration: 200,\n  position: 'bottom' as TooltipPosition,\n  transitionMovement: 10,\n  opacity: 1\n};\n\nexport class Tooltip extends Component<TooltipOptions> {\n  /**\n   * If tooltip is open.\n   */\n  isOpen: boolean;\n  /**\n   * If tooltip is hovered.\n   */\n  isHovered: boolean;\n  /**\n   * If tooltip is focused.\n   */\n  isFocused: boolean;\n  tooltipEl: HTMLElement;\n  private _exitDelayTimeout: ReturnType<typeof setTimeout>;\n  private _enterDelayTimeout: ReturnType<typeof setTimeout>;\n  private _animationTimeout: ReturnType<typeof setTimeout>;\n  private _originalContent: {\n    el: HTMLElement;\n    marker: Comment;\n    display: string;\n    priority: string;\n    hidden: string | null;\n    contentClass: boolean;\n  };\n  xMovement: number;\n  yMovement: number;\n\n  constructor(el: HTMLElement, options: Partial<TooltipOptions>) {\n    super(el, options, Tooltip);\n    this.el['Expressive_Tooltip'] = this;\n\n    this.options = {\n      ...Tooltip.defaults,\n      ...this._getAttributeOptions(),\n      ...options\n    };\n\n    this.isOpen = false;\n    this.isHovered = false;\n    this.isFocused = false;\n    this._appendTooltipEl();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): TooltipOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Tooltip.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<TooltipOptions>): Tooltip;\n  /**\n   * Initializes instances of Tooltip.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<TooltipOptions>): Tooltip[];\n  /**\n   * Initializes instances of Tooltip.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<TooltipOptions> = {}\n  ): Tooltip | Tooltip[] {\n    return super.init(els, options, Tooltip);\n  }\n\n  static getInstance(el: HTMLElement): Tooltip {\n    return el['Expressive_Tooltip'];\n  }\n\n  destroy() {\n    clearTimeout(this._enterDelayTimeout);\n    clearTimeout(this._exitDelayTimeout);\n    clearTimeout(this._animationTimeout);\n    this.isOpen = false;\n    this.isHovered = false;\n    this.isFocused = false;\n    const descriptions = this.el.getAttribute('aria-describedby')?.split(/\\s+/);\n    if (descriptions?.includes(this.tooltipEl.id)) {\n      const remaining = descriptions.filter(id => id && id !== this.tooltipEl.id).join(' ');\n      if (remaining) this.el.setAttribute('aria-describedby', remaining);\n      else this.el.removeAttribute('aria-describedby');\n    }\n    if (this._originalContent) {\n      const { el, marker, display, priority, hidden, contentClass } = this._originalContent;\n      el.style.setProperty('display', display, priority);\n      if (hidden === null) el.removeAttribute('hidden');\n      else el.setAttribute('hidden', hidden);\n      el.classList.toggle('tooltip-content', contentClass);\n      if (!el.className) el.removeAttribute('class');\n      marker.replaceWith(el);\n      this._originalContent = null;\n    }\n    this.tooltipEl.remove();\n    this._removeEventHandlers();\n    this.el['Expressive_Tooltip'] = undefined;\n  }\n\n  _appendTooltipEl() {\n    this.tooltipEl = document.createElement('div');\n    this.tooltipEl.classList.add('tooltip');\n    this.tooltipEl.id = `tooltip-${Utils.guid()}`;\n    this.tooltipEl.setAttribute('role', 'tooltip');\n    this.el.setAttribute('aria-describedby', [this.el.getAttribute('aria-describedby'), this.tooltipEl.id].filter(Boolean).join(' '));\n\n    const tooltipContentEl = this.options.tooltipId\n      ? Utils.getElementById(this.el, this.options.tooltipId)\n      : document.createElement('div');\n    if (this.options.tooltipId) {\n      this.tooltipEl.classList.add('rich');\n      const marker = document.createComment('');\n      tooltipContentEl.before(marker);\n      this._originalContent = {\n        el: tooltipContentEl, marker,\n        display: tooltipContentEl.style.display,\n        priority: tooltipContentEl.style.getPropertyPriority('display'),\n        hidden: tooltipContentEl.getAttribute('hidden'),\n        contentClass: tooltipContentEl.classList.contains('tooltip-content')\n      };\n      tooltipContentEl.removeAttribute('hidden');\n    }\n    tooltipContentEl.style.display = '';\n    tooltipContentEl.classList.add('tooltip-content');\n    this._setTooltipContent(tooltipContentEl);\n    this.tooltipEl.appendChild(tooltipContentEl);\n    Utils.portalRoot(this.el).appendChild(this.tooltipEl);\n  }\n\n  _setTooltipContent(tooltipContentEl: HTMLElement) {\n    if (this.options.tooltipId) return;\n    tooltipContentEl.innerText = this.options.text;\n  }\n\n  _updateTooltipContent() {\n    this._setTooltipContent(this.tooltipEl.querySelector('.tooltip-content'));\n  }\n\n  _setupEventHandlers() {\n    for (const el of [this.el, this.tooltipEl]) {\n      el.addEventListener('mouseenter', this._handleMouseEnter);\n      el.addEventListener('mouseleave', this._handleMouseLeave);\n      el.addEventListener('focus', this._handleFocus, true);\n      el.addEventListener('blur', this._handleBlur, true);\n    }\n    this.el.ownerDocument.addEventListener('keydown', this._handleKeydown, true);\n  }\n\n  _removeEventHandlers() {\n    for (const el of [this.el, this.tooltipEl]) {\n      el.removeEventListener('mouseenter', this._handleMouseEnter);\n      el.removeEventListener('mouseleave', this._handleMouseLeave);\n      el.removeEventListener('focus', this._handleFocus, true);\n      el.removeEventListener('blur', this._handleBlur, true);\n    }\n    this.el.ownerDocument.removeEventListener('keydown', this._handleKeydown, true);\n  }\n\n  /**\n   * Show tooltip.\n   */\n  open = (isManual: boolean = true) => {\n    if (this.isOpen) return;\n    clearTimeout(this._exitDelayTimeout);\n    clearTimeout(this._animationTimeout);\n    this.isOpen = true;\n    // Update tooltip content with HTML attribute options\n    this.options = { ...this.options, ...this._getAttributeOptions() };\n    this._updateTooltipContent();\n    this._setEnterDelayTimeout(isManual);\n  };\n\n  /**\n   * Hide tooltip.\n   */\n  close = () => {\n    if (!this.isOpen) return;\n    this.isHovered = false;\n    this.isFocused = false;\n    this.isOpen = false;\n    clearTimeout(this._enterDelayTimeout);\n    this._setExitDelayTimeout();\n  };\n\n  _setExitDelayTimeout() {\n    clearTimeout(this._exitDelayTimeout);\n    this._exitDelayTimeout = setTimeout(() => {\n      if (this.isHovered || this.isFocused) return;\n      this._animateOut();\n    }, this.options.exitDelay);\n  }\n\n  _setEnterDelayTimeout(isManual) {\n    clearTimeout(this._enterDelayTimeout);\n    this._enterDelayTimeout = setTimeout(() => {\n      if (!this.isHovered && !this.isFocused && !isManual) return;\n      this._animateIn();\n    }, this.options.enterDelay);\n  }\n\n  _positionTooltip() {\n    const tooltip: HTMLElement = this.tooltipEl;\n    const origin = this.el as HTMLElement,\n      originHeight = origin.offsetHeight,\n      originWidth = origin.offsetWidth,\n      tooltipHeight = tooltip.offsetHeight,\n      tooltipWidth = tooltip.offsetWidth,\n      margin = this.options.margin;\n\n    this.xMovement = 0;\n    this.yMovement = 0;\n\n    const originRect = origin.getBoundingClientRect();\n    let targetTop = originRect.top + Utils.getDocumentScrollTop();\n    let targetLeft = originRect.left + Utils.getDocumentScrollLeft();\n    if (this.options.position === 'top') {\n      targetTop += -tooltipHeight - margin;\n      targetLeft += originWidth / 2 - tooltipWidth / 2;\n      this.yMovement = -this.options.transitionMovement;\n    } else if (this.options.position === 'right') {\n      targetTop += originHeight / 2 - tooltipHeight / 2;\n      targetLeft += originWidth + margin;\n      this.xMovement = this.options.transitionMovement;\n    } else if (this.options.position === 'left') {\n      targetTop += originHeight / 2 - tooltipHeight / 2;\n      targetLeft += -tooltipWidth - margin;\n      this.xMovement = -this.options.transitionMovement;\n    } else {\n      targetTop += originHeight + margin;\n      targetLeft += originWidth / 2 - tooltipWidth / 2;\n      this.yMovement = this.options.transitionMovement;\n    }\n\n    const newCoordinates = this._repositionWithinScreen(\n      targetLeft,\n      targetTop,\n      tooltipWidth,\n      tooltipHeight\n    );\n\n    tooltip.style.setProperty('--md-comp-tooltip-anchor-gap', `${Math.max(0, margin) + Math.abs(this.options.transitionMovement)}px`);\n    tooltip.style.top = newCoordinates.y + 'px';\n    tooltip.style.left = newCoordinates.x + 'px';\n  }\n\n  _repositionWithinScreen(x: number, y: number, width: number, height: number) {\n    return Utils._repositionWithinScreen(\n      x, y, width, height, this.options.margin, this.options.transitionMovement, 'center'\n    );\n  }\n\n  _animateIn() { this._animate(true); }\n\n  _animateOut() { this._animate(false); }\n\n  _animate(show: boolean) {\n    const style = this.tooltipEl.style;\n    const reduce = this.el.ownerDocument.defaultView.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const duration = reduce ? 0 : show ? this.options.inDuration : this.options.outDuration;\n    if (show) {\n      this._positionTooltip();\n      style.visibility = 'visible';\n      style.overflow = 'visible';\n    }\n    style.transition = `transform ${duration}ms ease-out, opacity ${duration}ms ease-out`;\n    clearTimeout(this._animationTimeout);\n    this._animationTimeout = setTimeout(() => {\n      style.transform = show && !reduce ? `translateX(${this.xMovement}px) translateY(${this.yMovement}px)` : 'none';\n      style.opacity = show ? (this.options.opacity || 1).toString() : '0';\n      if (!show) this._animationTimeout = setTimeout(() => {\n        style.visibility = 'hidden';\n        style.overflow = '';\n      }, duration);\n    }, 1);\n  }\n\n  _handleMouseEnter = () => {\n    this.isHovered = true;\n    this.open(false);\n  };\n\n  _handleMouseLeave = (event: MouseEvent) => {\n    const next = event.relatedTarget as Node | null;\n    if (next && (this.el.contains(next) || this.tooltipEl.contains(next))) return;\n    this.isHovered = false;\n    if (!this.isFocused) this.close();\n  };\n\n  _handleKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    event.stopPropagation();\n    this.close();\n    clearTimeout(this._exitDelayTimeout);\n    this._animateOut();\n  };\n\n  // Focus opens the tooltip only when it arrived by keyboard: a pointer press\n  // on the trigger also focuses it, and _handleMouseEnter already covers that.\n  _handleFocus = (event: FocusEvent) => {\n    if ((event.target as HTMLElement).matches(':focus-visible')) {\n      this.isFocused = true;\n      this.open(false);\n    }\n  };\n\n  _handleBlur = (event: FocusEvent) => {\n    const next = event.relatedTarget as Node | null;\n    if (next && (this.el.contains(next) || this.tooltipEl.contains(next))) return;\n    this.isFocused = false;\n    if (!this.isHovered) this.close();\n  };\n\n  _getAttributeOptions(): Partial<TooltipOptions> {\n    const attributeOptions: Partial<TooltipOptions> = {};\n    const tooltipTextOption = this.el.getAttribute('data-tooltip');\n    const tooltipId = this.el.getAttribute('data-tooltip-id');\n    const positionOption = this.el.getAttribute('data-position');\n    if (tooltipTextOption) {\n      attributeOptions.text = tooltipTextOption;\n    }\n    if (positionOption) {\n      attributeOptions.position = positionOption as TooltipPosition;\n    }\n    if (tooltipId) {\n      attributeOptions.tooltipId = tooltipId;\n    }\n\n    return attributeOptions;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/js/chunks/chunk-EC63CHXU.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/plugins/dockedDisplayPlugin.ts"],
-  "sourcesContent": ["import { Utils } from '../core/utils';\n\nexport interface DockedDisplayPluginOptions {\n  /**\n   * Margin between element and docked container\n   */\n  margin: number,\n  /**\n   * Transition movement\n   */\n  transition: number,\n  /**\n   * Transition duration\n   */\n  duration: number,\n  /**\n   * The alignment of the docked container\n   */\n  align: string\n}\n\nconst _defaults: DockedDisplayPluginOptions = {\n  margin: 5,\n  transition: 10,\n  duration: 250,\n  align: 'left'\n}\n\nexport class DockedDisplayPlugin {\n  private readonly el: HTMLElement;\n  private readonly container: HTMLDivElement;\n  private options: Partial<DockedDisplayPluginOptions>;\n  private visible: boolean;\n\n  constructor(el: HTMLElement, container: HTMLElement, options: Partial<DockedDisplayPluginOptions>) {\n    this.el = el;\n    this.options = {\n      ..._defaults,\n      ...options\n    };\n\n    this.container = document.createElement('div');\n    this.container.classList.add('display-docked');\n    this.container.append(container);\n    el.parentElement.append(this.container);\n\n    document.addEventListener('click', this._handleDocumentClick);\n  }\n\n  private _handleDocumentClick = (e: MouseEvent) => {\n    if (this.visible && !e.composedPath().includes(this.el) && !e.composedPath().includes(this.container)) {\n      this.hide();\n    }\n  };\n\n  /**\n   * Tears the plugin down. The document listener holds a reference to this\n   * instance - and through it the whole picker subtree - so the owning\n   * component must call this from its own destroy().\n   */\n  destroy = () => {\n    document.removeEventListener('click', this._handleDocumentClick);\n    this.container.remove();\n  };\n\n  /**\n   * Initializes instance of DockedDisplayPlugin\n   * @param el HTMLElement to position to\n   * @param container HTMLElement to be positioned\n   * @param options Plugin options\n   */\n  static init(el: HTMLElement, container: HTMLElement, options?: Partial<DockedDisplayPluginOptions>): DockedDisplayPlugin {\n    return new DockedDisplayPlugin(el, container, options);\n  }\n\n  show = () => {\n    if (this.visible) return;\n    this.visible = true;\n    const coordinates = Utils._setAbsolutePosition(this.el, this.container, 'bottom', this.options.margin, this.options.transition, this.options.align);\n\n    // @todo move to Util? -> duplicate code fragment with tooltip\n    // easeOutCubic\n    this.container.style.visibility = 'visible';\n    this.container.style.transition = `\n      transform ${this.options.duration}ms ease-out,\n      opacity ${this.options.duration}ms ease-out`;\n    setTimeout(() => {\n      this.container.style.transform = `translateX(${coordinates.x}px) translateY(${coordinates.y}px)`;\n      this.container.style.opacity = (1).toString();\n    }, 1);\n  };\n\n  hide = () => {\n    if (!this.visible) return;\n    this.visible = false;\n    // @todo move to Util? -> duplicate code fragment with tooltip\n    this.container.removeAttribute('style');\n    this.container.style.transition = `\n      transform ${this.options.duration}ms ease-out,\n      opacity ${this.options.duration}ms ease-out`;\n    setTimeout(() => {\n      this.container.style.transform = `translateX(0px) translateY(0px)`;\n      this.container.style.opacity = '0';\n    }, 1);\n  };\n}\n"],
-  "mappings": ";;;;;AAqBA,IAAM,YAAwC;AAAA,EAC5C,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAO;AACT;AAEO,IAAM,sBAAN,MAAM,qBAAoB;AAAA,EAM/B,YAAY,IAAiB,WAAwB,SAA8C;AAenG,SAAQ,uBAAuB,CAAC,MAAkB;AAChD,UAAI,KAAK,WAAW,CAAC,EAAE,aAAa,EAAE,SAAS,KAAK,EAAE,KAAK,CAAC,EAAE,aAAa,EAAE,SAAS,KAAK,SAAS,GAAG;AACrG,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAU,MAAM;AACd,eAAS,oBAAoB,SAAS,KAAK,oBAAoB;AAC/D,WAAK,UAAU,OAAO;AAAA,IACxB;AAYA,gBAAO,MAAM;AACX,UAAI,KAAK,QAAS;AAClB,WAAK,UAAU;AACf,YAAM,cAAc,MAAM,qBAAqB,KAAK,IAAI,KAAK,WAAW,UAAU,KAAK,QAAQ,QAAQ,KAAK,QAAQ,YAAY,KAAK,QAAQ,KAAK;AAIlJ,WAAK,UAAU,MAAM,aAAa;AAClC,WAAK,UAAU,MAAM,aAAa;AAAA,kBACpB,KAAK,QAAQ,QAAQ;AAAA,gBACvB,KAAK,QAAQ,QAAQ;AACjC,iBAAW,MAAM;AACf,aAAK,UAAU,MAAM,YAAY,cAAc,YAAY,CAAC,kBAAkB,YAAY,CAAC;AAC3F,aAAK,UAAU,MAAM,UAAW,GAAG,SAAS;AAAA,MAC9C,GAAG,CAAC;AAAA,IACN;AAEA,gBAAO,MAAM;AACX,UAAI,CAAC,KAAK,QAAS;AACnB,WAAK,UAAU;AAEf,WAAK,UAAU,gBAAgB,OAAO;AACtC,WAAK,UAAU,MAAM,aAAa;AAAA,kBACpB,KAAK,QAAQ,QAAQ;AAAA,gBACvB,KAAK,QAAQ,QAAQ;AACjC,iBAAW,MAAM;AACf,aAAK,UAAU,MAAM,YAAY;AACjC,aAAK,UAAU,MAAM,UAAU;AAAA,MACjC,GAAG,CAAC;AAAA,IACN;AArEE,SAAK,KAAK;AACV,SAAK,UAAU;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,SAAK,YAAY,SAAS,cAAc,KAAK;AAC7C,SAAK,UAAU,UAAU,IAAI,gBAAgB;AAC7C,SAAK,UAAU,OAAO,SAAS;AAC/B,OAAG,cAAc,OAAO,KAAK,SAAS;AAEtC,aAAS,iBAAiB,SAAS,KAAK,oBAAoB;AAAA,EAC9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBA,OAAO,KAAK,IAAiB,WAAwB,SAAoE;AACvH,WAAO,IAAI,qBAAoB,IAAI,WAAW,OAAO;AAAA,EACvD;AAgCF;",
-  "names": []
-}

package/dist/js/chunks/chunk-G3I5H2U3.mjs

@@ -1,7 +0,0 @@
-// src/ts/modular.ts
-var version = "0.12.0";
-
-export {
-  version
-};
-//# sourceMappingURL=chunk-G3I5H2U3.mjs.map

package/dist/js/chunks/chunk-G3I5H2U3.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/modular.ts"],
-  "sourcesContent": ["export * from './components';\nexport { Dialogs } from './behaviors/dialogs';\nexport { BottomSheets } from './behaviors/bottomSheets';\nexport { SideSheets } from './behaviors/sideSheets';\nexport { Forms } from './behaviors/forms';\nexport { AutoInit } from './components/registry';\nexport type { AutoInitOptions } from './components/registry';\n\nexport const version = '0.12.0';\n\nexport type * from './components/autocomplete';\nexport type * from './components/appBar';\nexport type * from './components/buttons';\nexport type * from './components/buttonGroup';\nexport type * from './components/cards';\nexport type * from './components/expandingCard';\nexport type * from './components/carousel';\nexport type * from './components/characterCounter';\nexport type * from './components/chips';\nexport type * from './components/datepicker';\nexport type * from './components/menu';\nexport type * from './components/lightbox';\nexport type * from './components/slider';\nexport type * from './components/scrollspy';\nexport type * from './components/select';\nexport type * from './components/navigationRail';\nexport type * from './components/tabs';\nexport type * from './components/timepicker';\nexport type * from './components/snackbar';\nexport type * from './components/tooltip';\n"],
-  "mappings": ";AAQO,IAAM,UAAU;",
-  "names": []
-}

package/dist/js/chunks/chunk-GZWPXXY6.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/behaviors/sheetDrag.ts"],
-  "sourcesContent": ["import { Utils } from '../core/utils';\n\n/**\n * Drag-to-dismiss, shared by the bottom sheet and the side sheet.\n *\n * The two were the same state machine written twice on different axes - same\n * dismissal distance, same flick velocity, same transition suppression, same\n * pointer bookkeeping - so a fix to one could land without reaching the other.\n * What actually differs between them is stated as configuration below.\n *\n * Light-dismiss on the scrim is not here; it stays with `Dialogs`.\n */\nexport interface SheetDragConfig {\n  /** Which dialogs this drag applies to. */\n  selector: string;\n  /** The axis the sheet travels on. */\n  axis: 'x' | 'y';\n  /** The custom property carrying the live drag offset. */\n  property: string;\n  /**\n   * `1` when the sheet dismisses toward increasing coordinates (downward, or\n   * rightward for an end-docked side sheet), `-1` when it dismisses toward\n   * decreasing ones. A function rather than a constant because a side sheet's\n   * direction depends on which edge each individual sheet is docked to.\n   */\n  direction: (dialog: HTMLDialogElement) => 1 | -1;\n  /** Whether a press at this point landed on the sheet's drag handle. */\n  inHandle: (event: PointerEvent, dialog: HTMLDialogElement) => boolean;\n  /**\n   * Called on primary `pointerdown`, after clearing the previous drag. The\n   * bottom sheet clears its dragged flag here so a sequence abandoned without\n   * a `pointerup` cannot leave the flag set and swallow the next tap.\n   */\n  onPress?: () => void;\n  /** Called when a drag ends, with whether the pointer actually moved. */\n  onRelease?: (dragged: boolean) => void;\n}\n\n/** Past this the sheet dismisses rather than snapping back, in pixels. */\nconst DISMISS_DISTANCE = 96;\n/** Past this a flick dismisses whatever the distance, in pixels per millisecond. */\nconst DISMISS_VELOCITY = 0.5;\n/** Ignore a flick after the pointer has rested for this many milliseconds. */\nconst FLICK_TIMEOUT = 100;\n/** Past this the pointer was dragging, not tapping. Hand jitter, in pixels. */\nconst DRAG_SLOP = 4;\n\n/**\n * Register one sheet kind's drag handlers on the document. Called once per kind\n * at import time; there is nothing to tear down.\n */\nexport function installSheetDrag(config: SheetDragConfig): void {\n  const coord = (event: PointerEvent) => (config.axis === 'x' ? event.clientX : event.clientY);\n  let observer: MutationObserver;\n\n  let drag: {\n    dialog: HTMLDialogElement;\n    pointerId: number;\n    direction: 1 | -1;\n    start: number;\n    last: number;\n    lastT: number;\n    velocity: number;\n    shift: number;\n  } | null = null;\n\n  const sheetFor = (target: EventTarget | null): HTMLDialogElement | null => {\n    if (!(target instanceof Element)) return null;\n    const dialog = target.closest(config.selector);\n    return dialog instanceof HTMLDialogElement ? dialog : null;\n  };\n\n  const reset = (dialog: HTMLDialogElement) => {\n    dialog.style.transition = '';\n    dialog.style.setProperty(config.property, '0px');\n  };\n\n  const onDown = (event: PointerEvent) => {\n    // A press that is not the primary pointer is ignored without disturbing a\n    // drag already in flight - a second finger must not abort the first one.\n    // A press that lands off the sheet or off its handle does clear it.\n    if (!event.isPrimary) return;\n    if (event.pointerType === 'mouse' && event.button !== 0) return;\n    onCancel();\n    config.onPress?.();\n    const dialog = sheetFor(event.target);\n    if (!dialog?.open) {\n      drag = null;\n      return;\n    }\n    if (!config.inHandle(event, dialog)) {\n      drag = null;\n      return;\n    }\n    dialog.style.transition = 'none';\n    drag = {\n      dialog,\n      pointerId: event.pointerId,\n      direction: config.direction(dialog),\n      start: coord(event),\n      last: coord(event),\n      lastT: Date.now(),\n      velocity: 0,\n      shift: 0\n    };\n    observer.observe(document, { childList: true, subtree: true, attributes: true, attributeFilter: ['open'], attributeOldValue: true });\n  };\n\n  const onMove = (event: PointerEvent) => {\n    if (!drag || drag.pointerId !== event.pointerId) return;\n    if (!drag.dialog.open || !drag.dialog.isConnected) {\n      onCancel();\n      return;\n    }\n    const delta = coord(event) - drag.start;\n    // Only movement toward dismissal counts; dragging the other way is a no-op\n    // rather than a sheet that lifts off its edge.\n    drag.shift = drag.direction === 1 ? Math.max(0, delta) : Math.min(0, delta);\n    if (coord(event) !== drag.last) {\n      const now = Date.now();\n      drag.velocity = (coord(event) - drag.last) / Math.max(1, now - drag.lastT);\n      drag.last = coord(event);\n      drag.lastT = now;\n    }\n    drag.dialog.style.setProperty(config.property, `${drag.shift}px`);\n  };\n\n  const onUp = (event: PointerEvent) => {\n    const held = drag;\n    if (!held || held.pointerId !== event.pointerId) return;\n    if (!held.dialog.open || !held.dialog.isConnected) {\n      onCancel();\n      return;\n    }\n    onMove(event);\n    drag = null;\n    observer.disconnect();\n    // Not `reset()`, though it looks like it: the two halves belong on either\n    // side of close(). The transition has to be back before the sheet closes,\n    // so the dismissal animates; the shift has to clear after, or a snap-back\n    // would jump to zero before the transition could carry it there.\n    held.dialog.style.transition = '';\n    const velocity = Date.now() - held.lastT < FLICK_TIMEOUT ? held.velocity : 0;\n    const dragged = Math.abs(held.shift) > DRAG_SLOP;\n    config.onRelease?.(dragged);\n    const dismiss = dragged &&\n      (held.direction === 1\n        ? held.shift > DISMISS_DISTANCE || velocity > DISMISS_VELOCITY\n        : held.shift < -DISMISS_DISTANCE || velocity < -DISMISS_VELOCITY);\n    if (dismiss && held.dialog.open) held.dialog.close();\n    held.dialog.style.setProperty(config.property, '0px');\n  };\n\n  const onCancel = (event?: PointerEvent) => {\n    if (event && drag?.pointerId !== event.pointerId) return;\n    observer.disconnect();\n    config.onRelease?.(false);\n    const held = drag;\n    drag = null;\n    if (held) reset(held.dialog);\n  };\n\n  Utils.onDocumentReady(() => {\n    observer = new MutationObserver(records => {\n      const dialog = drag?.dialog;\n      if (dialog && (!dialog.open || !dialog.isConnected || records.some(record =>\n        (record.type === 'attributes' && record.target === dialog && record.oldValue === null) ||\n        [...record.removedNodes].some(node => node.contains(dialog))\n      ))) onCancel();\n    });\n    document.addEventListener('pointerdown', onDown, { passive: true });\n    document.addEventListener('pointermove', onMove, { passive: true });\n    document.addEventListener('pointerup', onUp, { passive: true });\n    document.addEventListener('pointercancel', onCancel, { passive: true });\n  });\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/js/chunks/chunk-H2WA4XHH.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/datepicker.ts"],
-  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { FormSelect } from './select';\nimport { BaseOptions, Component, I18nOptions, InitElements, InitElement } from '../core/component';\nimport { DockedDisplayPlugin } from '../plugins/dockedDisplayPlugin';\n\nexport interface DateI18nOptions extends I18nOptions {\n  previousMonth: string;\n  nextMonth: string;\n  months: string[];\n  monthsShort: string[];\n  weekdays: string[];\n  weekdaysShort: string[];\n  weekdaysAbbrev: string[];\n}\n\nexport interface DatepickerOptions extends BaseOptions {\n  /**\n   * The date output format for the input field value\n   * or a function taking the date and outputting the\n   * formatted date string.\n   * @default 'mmm dd, yyyy'\n   */\n  format: string | ((d: Date) => string);\n  /**\n   * Used to create date object from current input string.\n   * Receives the format string, or an empty string when format is a function.\n   * Not called for blank input.\n   * @default null\n   */\n  parse: ((value: string, format: string) => Date) | null;\n  /**\n   * The initial condition if the datepicker is based on date range.\n   * @default false\n   */\n  isDateRange: boolean;\n  /**\n   * The selector of the user specified date range end element\n   */\n  dateRangeEndEl: string | null;\n  /**\n   * The initial condition if the datepicker is based on multiple date selection.\n   * @default false\n   */\n  isMultipleSelection: boolean;\n  /**\n   * The initial date to view when first opened.\n   * @default null\n   */\n  defaultDate: Date | null;\n  /**\n   * The initial end date to view when first opened.\n   * @default null\n   */\n  defaultEndDate: Date | null;\n  /**\n   * Make the `defaultDate` the initial selected value.\n   * @default false\n   */\n  setDefaultDate: boolean;\n  /**\n   * Make the `defaultEndDate` the initial selected value.\n   * @default false\n   */\n  setDefaultEndDate: boolean;\n  /**\n   * Prevent selection of any date on the weekend.\n   * @default false\n   */\n  disableWeekends: boolean;\n  /**\n   * Custom function to disable certain days.\n   * @default null\n   */\n  disableDayFn: ((day: Date) => boolean) | null;\n  /**\n   * First day of week (0: Sunday, 1: Monday etc).\n   * @default 0\n   */\n  firstDay: number;\n  /**\n   * The earliest date that can be selected.\n   * @default null\n   */\n  minDate: Date | null;\n  /**\n   * The latest date that can be selected.\n   * @default null\n   */\n  maxDate: Date | null;\n  /**\n   * Number of years either side, or array of upper/lower range.\n   * @default 10\n   */\n  yearRange: number | number[];\n  /**\n   * Sort year range in reverse order.\n   * @default false\n   */\n  yearRangeReverse: boolean;\n  /**\n   * Changes Datepicker to RTL.\n   * @default false\n   */\n  isRTL: boolean;\n  /**\n   * Show month after year in Datepicker title.\n   * @default false\n   */\n  showMonthAfterYear: boolean;\n  /**\n   * Render days of the calendar grid that fall in the next\n   * or previous month.\n   * @default false\n   */\n  showDaysInNextAndPreviousMonths: boolean;\n  /**\n   * Specify if the docked datepicker is in open state by default\n   */\n  openByDefault: boolean;\n  /**\n   * Specify a DOM element OR selector for a DOM element to render\n   * the calendar in, by default it will be placed before the input.\n   * @default null\n   */\n  container: HTMLElement | string | null;\n  /**\n   * Show the clear button in the datepicker.\n   * @default false\n   */\n  showClearBtn: boolean;\n  /**\n   *  Autosubmit calendar day select to input field\n   *  @default true\n   */\n  autoSubmit: boolean;\n  /**\n   * Internationalization options.\n   */\n  i18n: Partial<DateI18nOptions>;\n  /**\n   * An array of string returned by `Date.toDateString()`,\n   * indicating there are events in the specified days.\n   * @default []\n   */\n  events: string[];\n  /**\n   * Callback function when date is selected,\n   * first parameter is the newly selected date.\n   * @default null\n   */\n  onSelect: ((selectedDate: Date) => void) | null;\n  /**\n   * Callback function when Datepicker HTML is refreshed.\n   * @default null\n   */\n  onDraw: (() => void) | null;\n  /**\n   * Callback function for interaction with input field.\n   * @default null\n   */\n  onInputInteraction: (() => void) | null;\n  /**\n   * Callback function for interaction with confirm button.\n   * @default null\n   */\n  onConfirm: (() => void) | null;\n  /**\n   * Callback function for interaction with close button.\n   * @default null\n   */\n  onCancel: (() => void) | null;\n\n  /** Field used for internal calculations DO NOT CHANGE IT */\n  minYear?: number;\n  /** Field used for internal calculations DO NOT CHANGE IT */\n  maxYear?: number;\n  /** Field used for internal calculations DO NOT CHANGE IT */\n  minMonth?: number;\n  /** Field used for internal calculations DO NOT CHANGE IT */\n  maxMonth?: number;\n  /** Field used for internal calculations DO NOT CHANGE IT */\n  startRange?: Date;\n  /** Field used for internal calculations DO NOT CHANGE IT */\n  endRange?: Date;\n  /**\n   * Display plugin\n   */\n  displayPlugin: string;\n  /**\n   * Configurable display plugin options\n   */\n  displayPluginOptions: object;\n}\n\nconst _defaults: DatepickerOptions = {\n  // the default output format for the input field value\n  format: 'mmm dd, yyyy',\n  // Used to create date object from current input string\n  parse: null,\n  // The initial condition if the datepicker is based on date range\n  isDateRange: false,\n  // The selector of the user specified date range end element\n  dateRangeEndEl: null,\n  // The initial condition if the datepicker is based on multiple date selection\n  isMultipleSelection: false,\n  // The initial date to view when first opened\n  defaultDate: null,\n  // The initial end date to view when first opened\n  defaultEndDate: null,\n  // Make the `defaultDate` the initial selected value\n  setDefaultDate: false,\n  // Make the `defaultEndDate` the initial selected value\n  setDefaultEndDate: false,\n  disableWeekends: false,\n  disableDayFn: null,\n  // First day of week (0: Sunday, 1: Monday etc)\n  firstDay: 0,\n  // The earliest date that can be selected\n  minDate: null,\n  // Thelatest date that can be selected\n  maxDate: null,\n  // Number of years either side, or array of upper/lower range\n  yearRange: 10,\n  // used internally (don't config outside)\n  minYear: 0,\n  maxYear: 9999,\n  minMonth: undefined,\n  maxMonth: undefined,\n  startRange: null,\n  endRange: null,\n  isRTL: false,\n  yearRangeReverse: false,\n  // Render the month after year in the calendar title\n  showMonthAfterYear: false,\n  // Render days of the calendar grid that fall in the next or previous month\n  showDaysInNextAndPreviousMonths: false,\n  // Specify if docked picker is in open state by default\n  openByDefault: false,\n  // Specify a DOM element to render the calendar in\n  container: null,\n  // Show clear button\n  showClearBtn: false,\n  // Autosubmit\n  autoSubmit: true,\n  // internationalization\n  i18n: {\n    cancel: 'Cancel',\n    clear: 'Clear',\n    done: 'Ok',\n    previousMonth: '\u2039',\n    nextMonth: '\u203A',\n    months: [\n      'January',\n      'February',\n      'March',\n      'April',\n      'May',\n      'June',\n      'July',\n      'August',\n      'September',\n      'October',\n      'November',\n      'December'\n    ],\n    monthsShort: [\n      'Jan',\n      'Feb',\n      'Mar',\n      'Apr',\n      'May',\n      'Jun',\n      'Jul',\n      'Aug',\n      'Sep',\n      'Oct',\n      'Nov',\n      'Dec'\n    ],\n    weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n    weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n    weekdaysAbbrev: ['S', 'M', 'T', 'W', 'T', 'F', 'S']\n  },\n  // events array\n  events: [],\n  // callback function\n  onSelect: null,\n  onDraw: null,\n  onInputInteraction: null,\n  displayPlugin: null,\n  displayPluginOptions: null,\n  onConfirm: null,\n  onCancel: null,\n};\n\nexport class Datepicker extends Component<DatepickerOptions> {\n  declare el: HTMLInputElement;\n  id: string;\n  multiple: boolean = false;\n  calendarEl: HTMLElement;\n\n  /** CLEAR button instance. */\n  // clearBtn: HTMLElement;\n  /** DONE button instance */\n  /*doneBtn: HTMLElement;\n  cancelBtn: HTMLElement;*/\n\n  containerEl: HTMLElement;\n  yearTextEl: HTMLElement;\n  dateTextEl: HTMLElement;\n  endDateEl: HTMLInputElement;\n  dateEls: HTMLInputElement[];\n  /** The selected Date. */\n  date: Date;\n  endDate: null | Date;\n  dates: Date[];\n  formats: object;\n  calendars: [{ month: number; year: number }];\n  private _y: number;\n  private _m: number;\n  private displayPlugin: DockedDisplayPlugin;\n  private footer: HTMLElement;\n  /** Nesting depth of {@link _batchDraws}; > 0 means draws are being collected. */\n  private _drawDepth = 0;\n  /** Whether a draw was requested while batching. */\n  private _drawDirty = false;\n  /** Shape of the currently rendered controls; see {@link _controlsCacheKey}. */\n  private _controlsKey: string = null;\n  /** id linking the controls element to the table's aria-labelledby. */\n  private _randId: string = null;\n  private _focusedDate: Date = null;\n  static _template: string;\n\n  constructor(el: HTMLInputElement, options: Partial<DatepickerOptions>) {\n    super(el, options, Datepicker);\n    this.el['Expressive_Datepicker'] = this;\n\n    this.options = {\n      ...Datepicker.defaults,\n      ...options\n    };\n\n    // make sure i18n defaults are not lost when only few i18n option properties are passed\n    if (!!options && options.hasOwnProperty('i18n') && typeof options.i18n === 'object') {\n      this.options.i18n = { ...Datepicker.defaults.i18n, ...options.i18n };\n    }\n\n    // Remove time component from minDate and maxDate options\n    if (this.options.minDate) this.options.minDate.setHours(0, 0, 0, 0);\n    if (this.options.maxDate) this.options.maxDate.setHours(0, 0, 0, 0);\n\n    this.id = Utils.guid();\n    if (this.options.isMultipleSelection) {\n      this.multiple = true;\n      this.dates = [];\n      this.dateEls = [el];\n    }\n\n    this._setupVariables();\n    this._insertHTMLIntoDOM();\n    this._setupEventHandlers();\n\n    if (!this.options.defaultDate) {\n      this.options.defaultDate = this._parseInput(this.el.value);\n    }\n\n    const defDate = this.options.defaultDate;\n    if (Datepicker._isDate(defDate)) {\n      if (this.options.setDefaultDate) {\n        this.setDate(defDate, true);\n        this.setInputValue(this.el, defDate);\n      } else {\n        this.gotoDate(defDate);\n      }\n    } else {\n      this.gotoDate(new Date());\n    }\n    if (this.options.isDateRange) {\n      this.multiple = true;\n      const defEndDate = this.options.defaultEndDate;\n      if (Datepicker._isDate(defEndDate)) {\n        if (this.options.setDefaultEndDate) {\n          this.setDate(defEndDate, true, true);\n          this.setInputValue(this.endDateEl, defEndDate);\n        }\n      }\n    }\n    if (this.options.displayPlugin) {\n      if (this.options.displayPlugin === 'docked') this.displayPlugin = DockedDisplayPlugin.init(this.el, this.containerEl, this.options.displayPluginOptions);\n    }\n  }\n\n  static get defaults() {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Datepicker.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLInputElement, options?: Partial<DatepickerOptions>): Datepicker;\n  /**\n   * Initializes instances of Datepicker.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<HTMLInputElement | InitElement>,\n    options?: Partial<DatepickerOptions>\n  ): Datepicker[];\n  /**\n   * Initializes instances of Datepicker.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLInputElement | InitElements<HTMLInputElement | InitElement>,\n    options: Partial<DatepickerOptions> = {}\n  ): Datepicker | Datepicker[] {\n    return super.init(els, options, Datepicker);\n  }\n\n  /**\n   * Escape a value for interpolation into the calendar markup.\n   *\n   * `draw()` assembles the calendar as an HTML string, so every value that is\n   * not a number this class computed itself has to go through here. In\n   * practice that means the i18n strings: month and weekday names are the one\n   * part of a datepicker that routinely comes from a translation file, and a\n   * translation file is as trustworthy as whatever wrote it.\n   */\n  static _escape(value: unknown): string {\n    return String(value ?? '')\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;')\n      .replace(/\"/g, '&quot;')\n      .replace(/'/g, '&#39;');\n  }\n\n  static _isDate(obj) {\n    return /Date/.test(Object.prototype.toString.call(obj)) && !isNaN(obj.getTime());\n  }\n\n  private static _parseDate(value: string): Date {\n    value = value.trim();\n    if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(value)) return new Date(Date.parse(value));\n    // An ISO time without an offset is local. Reject days that roll into the next month.\n    const date = new Date(value + 'T00:00:00');\n    return date.getDate() === Number(value.slice(-2)) ? date : new Date(NaN);\n  }\n\n  private _parseInput(value: string): Date {\n    if (!value.trim() || !this.options.parse) return Datepicker._parseDate(value);\n    return this.options.parse(\n      value,\n      typeof this.options.format === 'string' ? this.options.format : ''\n    );\n  }\n\n  static _isWeekend(date) {\n    const day = date.getDay();\n    return day === 0 || day === 6;\n  }\n\n  /**\n   * @deprecated as this function has no effect without any return statement or global parameter setter.\n   */\n  static _setToStartOfDay(date) {\n    if (Datepicker._isDate(date)) date.setHours(0, 0, 0, 0);\n  }\n\n  static _getDaysInMonth(year, month) {\n    return [31, Datepicker._isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][\n      month\n    ];\n  }\n\n  static _isLeapYear(year) {\n    // solution by Matti Virkkunen: http://stackoverflow.com/a/4881951\n    return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;\n  }\n\n  static _compareDates(a, b) {\n    // weak date comparison (use setToStartOfDay(date) to ensure correct result)\n    return a.getTime() === b.getTime();\n  }\n\n  static _compareWithinRange(day: Date, date: Date, dateEnd: Date) {\n    return day.getTime() > date.getTime() && day.getTime() < dateEnd.getTime();\n  }\n\n  static _comparePastDate(a: Date, b: Date) {\n    return a.getTime() < b.getTime();\n  }\n\n  static getInstance(el: HTMLElement): Datepicker {\n    return el['Expressive_Datepicker'];\n  }\n\n  destroy() {\n    this._removeEventHandlers();\n    this.dateEls?.slice(1).forEach(input => this._removeDateInput(input));\n    if (!this.options.dateRangeEndEl && this.endDateEl) this._removeDateInput(this.endDateEl);\n    this.displayPlugin?.destroy();\n    this.containerEl.remove();\n    this.destroySelects();\n    this.el['Expressive_Datepicker'] = undefined;\n  }\n\n  destroySelects() {\n    const oldYearSelect = this.calendarEl.querySelector('.orig-select-year');\n    if (oldYearSelect) {\n      FormSelect.getInstance(oldYearSelect as HTMLElement).destroy();\n    }\n    const oldMonthSelect = this.calendarEl.querySelector('.orig-select-month');\n    if (oldMonthSelect) {\n      FormSelect.getInstance(oldMonthSelect as HTMLElement).destroy();\n    }\n  }\n\n  _insertHTMLIntoDOM() {\n    // HTML5 input date field support\n    if (this.el.type == 'date') {\n      this.el.classList.add('datepicker-date-input');\n    }\n\n    // `!x === null` is always false, so this never ran; _renderDateInputFormat\n    // now no-ops on its own when there is no hint element to fill in.\n    this._renderDateInputFormat(this.el);\n\n    if (this.options.isDateRange) {\n      this.containerEl.classList.add('daterange');\n      if (!this.options.dateRangeEndEl) {\n        this.endDateEl = this.createDateInput();\n        this.endDateEl.classList.add('datepicker-end-date');\n      } else {\n        // querySelector returns null, never undefined: the old check compared\n        // against undefined, so a miss skipped the warning and fell through to\n        // dereferencing null.\n        this.endDateEl = document.querySelector(this.options.dateRangeEndEl);\n        if (!this.endDateEl) {\n          console.warn('Specified date range end input element in dateRangeEndEl not found');\n        } else {\n          this._renderDateInputFormat(this.endDateEl);\n        }\n      }\n    }\n\n    /*if (this.options.showClearBtn) {\n      this.clearBtn.style.visibility = '';\n      this.clearBtn.innerText = this.options.i18n.clear;\n    }\n    this.doneBtn.innerText = this.options.i18n.done;\n    this.cancelBtn.innerText = this.options.i18n.cancel;*/\n    Utils.createButton(this.footer, this.options.i18n.clear, ['datepicker-clear'], this.options.showClearBtn, this._handleClearClick);\n\n    if (!this.options.autoSubmit) {\n      Utils.createConfirmationContainer(this.footer, this.options.i18n.done, this.options.i18n.cancel, this._confirm, this._cancel);\n    }\n\n    if (this.options.container) {\n      const optEl = this.options.container;\n      this.options.container =\n        optEl instanceof HTMLElement ? optEl : (document.querySelector(optEl) as HTMLElement);\n      this.options.container.append(this.containerEl);\n    } else {\n      //this.containerEl.before(this.el);\n      const appendTo = !this.endDateEl ? this.el : this.endDateEl;\n      if (!this.options.openByDefault) (this.containerEl as HTMLElement).setAttribute('style', 'display: none; visibility: hidden;');\n      appendTo.parentElement.after(this.containerEl);\n    }\n  }\n\n  /**\n   * Renders the date input format into the optional `.datepicker-format` hint\n   * next to the input, if the consumer provided one.\n   */\n  _renderDateInputFormat(el: HTMLInputElement) {\n    const formatEl = el.parentElement?.querySelector('.datepicker-format');\n    if (!formatEl) return;\n    // textContent, and nothing at all for a function format: this used to be\n    // `innerHTML = format.toString()`, which rendered a format string as\n    // markup and dumped a function's entire source into the page.\n    formatEl.textContent =\n      typeof this.options.format === 'function' ? '' : String(this.options.format);\n  }\n\n  /**\n   * Gets a string representation of the given date.\n   */\n  toString(date: Date = this.date, format: string | ((d: Date) => string) = null): string {\n    format = format || this.options.format;\n    if (typeof format === 'function') return format(date);\n    if (!Datepicker._isDate(date)) return '';\n    // String Format\n    return this.formatDate(date, format);\n  }\n\n  /**\n   * Returns the formatted date.\n   */\n  formatDate(date: Date, format: string) {\n    const formatArray = format.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g);\n    return formatArray\n      .map((label) => (this.formats[label] ? this.formats[label](date) : label))\n      .join('');\n  }\n\n  /**\n   * Sets date from input field.\n   */\n  setDateFromInput(el: HTMLInputElement) {\n    // The native input's overlay follows edits, including cleared or partial values.\n    if (el.type === 'date') this.setDataDate(el, Datepicker._parseDate(el.value));\n    if ((this.options.isDateRange || !this.options.isMultipleSelection) && !el.value.trim()) {\n      this.setSingleDate(null, el === this.endDateEl);\n      this.draw();\n      return;\n    }\n    const parsedDate = this._parseInput(el.value);\n    if (!Datepicker._isDate(parsedDate)) return;\n    const date = new Date(parsedDate.getTime());\n    Datepicker._setToStartOfDay(date);\n    const isEndDate = el === this.endDateEl;\n    if (this.options.isDateRange && (isEndDate\n      ? this.date && date < this.date\n      : this.endDate && date > this.endDate)) {\n      this.setInputValue(el, isEndDate ? this.endDate : this.date);\n      return;\n    }\n    this.setDate(date, false, isEndDate, true);\n  }\n\n  /**\n   * Set a date on the datepicker.\n   * @param date Date to set on the datepicker.\n   * @param preventOnSelect Undocumented as of 5 March 2018.\n   * @param isEndDate\n   * @param fromUserInput\n   */\n  setDate(\n    date: Date = null,\n    preventOnSelect: boolean = false,\n    isEndDate: boolean = false,\n    fromUserInput: boolean = false\n  ) {\n    const selectedDate = this.validateDate(date);\n    if (!selectedDate) {\n      return;\n    }\n    Datepicker._setToStartOfDay(selectedDate);\n    if (!this.options.isMultipleSelection) this.setSingleDate(selectedDate, isEndDate);\n    else if (!fromUserInput) this.setMultiDate(selectedDate);\n    this.gotoDate(selectedDate);\n    if (!preventOnSelect && typeof this.options.onSelect === 'function') {\n      this.options.onSelect.call(this, selectedDate);\n    }\n  }\n\n  validateDate(date: Date) {\n    if (!date) {\n      this._renderDateDisplay(date);\n      return this.draw();\n    }\n    if (typeof date === 'string') {\n      date = Datepicker._parseDate(date);\n    }\n    if (!Datepicker._isDate(date)) {\n      return;\n    }\n    const min = this.options.minDate,\n      max = this.options.maxDate;\n    if (Datepicker._isDate(min) && date < min) {\n      date = min;\n    } else if (Datepicker._isDate(max) && date > max) {\n      date = max;\n    }\n    return new Date(date.getTime());\n  }\n\n  /**\n   * Set a single date on the datepicker.\n   * @param date Date to set on the datepicker.\n   * @param isEndDate\n   */\n  setSingleDate(date: Date, isEndDate: boolean) {\n    if (!isEndDate) {\n      this.date = date;\n    } else if (isEndDate) {\n      this.endDate = date;\n    }\n  }\n\n  /**\n   * Set a multi date on the datepicker.\n   * @param date Date to set on the datepicker.\n   */\n  setMultiDate(date: Date) {\n    const selectedDate = this.dates?.find((item) => {\n      return item.getTime() === date.getTime() ? item : false;\n    });\n    if (!selectedDate) {\n      this.dates.push(date);\n    } else {\n      this.dates.splice(this.dates.indexOf(selectedDate), 1);\n    }\n    this.dates.sort((a: Date, b: Date) => (a.getTime() < b.getTime() ? -1 : 0));\n  }\n\n  /**\n   * Sets the data-date attribute on the date input field\n   */\n  setDataDate(el, date) {\n    el.setAttribute('data-date', Datepicker._isDate(date) ? this.toString(date) : '');\n  }\n\n  /**\n   * Sets dates on the input values.\n   */\n  setInputValues() {\n    if (!this.options?.isMultipleSelection) {\n      this.setInputValue(this.el, this.date);\n      if (this.options?.isDateRange) {\n        this.setInputValue(this.endDateEl, this.endDate);\n      }\n      return;\n    }\n    this.setMultipleSelectionInputValues();\n  }\n\n  setMultipleSelectionInputValues() {\n    const count = Math.max(1, this.dates.length);\n    for (const input of this.dateEls.splice(count)) this._removeDateInput(input);\n    while (this.dateEls.length < count) this.dateEls.push(this.createDateInput());\n    this.dateEls.forEach((input, index) => this.setInputValue(input, this.dates[index] ?? null));\n  }\n\n  /**\n   * Sets given date as the input value on the given element.\n   */\n  setInputValue(el, date) {\n    if (!el) return;\n    if (el.type == 'date') this.setDataDate(el, date);\n    if (!Datepicker._isDate(date)) {\n      el.value = '';\n    } else if (el.type == 'date') {\n      el.value = this.formatDate(date, 'yyyy-mm-dd');\n    } else {\n      el.value = this.toString(date);\n    }\n    el.dispatchEvent(\n      new CustomEvent('change', {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: { firedBy: this }\n      })\n    );\n  }\n\n  /**\n   * Renders the date in the modal head section.\n   */\n  _renderDateDisplay(date: Date, endDate: Date = null) {\n    const displayDate = Datepicker._isDate(date) ? date : new Date();\n    // this.yearTextEl.innerHTML = displayDate.getFullYear().toString();\n    // @todo should we include an option for date formatting by component options?\n    // textContent: formatDate splices i18n month and weekday names in.\n    if (!this.options.isDateRange) {\n      this.dateTextEl.textContent = this.formatDate(displayDate, 'ddd, mmm d');\n    } else {\n      const displayEndDate = Datepicker._isDate(endDate) ? endDate : new Date();\n      this.dateTextEl.textContent = `${this.formatDate(displayDate, 'mmm d')} - ${this.formatDate(displayEndDate, 'mmm d')}`;\n    }\n  }\n\n  /**\n   * Change date view to a specific date on the datepicker.\n   * @param date Date to show on the datepicker.\n   */\n  gotoDate(date: Date) {\n    let newCalendar = true;\n    if (!Datepicker._isDate(date)) {\n      return;\n    }\n    if (this.calendars) {\n      const firstVisibleDate = new Date(this.calendars[0].year, this.calendars[0].month, 1),\n        lastVisibleDate = new Date(\n          this.calendars[this.calendars.length - 1].year,\n          this.calendars[this.calendars.length - 1].month,\n          1\n        ),\n        visibleDate = date.getTime();\n      // get the end of the month\n      lastVisibleDate.setMonth(lastVisibleDate.getMonth() + 1);\n      lastVisibleDate.setDate(lastVisibleDate.getDate() - 1);\n      newCalendar =\n        visibleDate < firstVisibleDate.getTime() || lastVisibleDate.getTime() < visibleDate;\n    }\n    if (newCalendar) {\n      this.calendars = [\n        {\n          month: date.getMonth(),\n          year: date.getFullYear()\n        }\n      ];\n    }\n    this.adjustCalendars();\n  }\n\n  adjustCalendars() {\n    this.calendars[0] = this.adjustCalendar(this.calendars[0]);\n    this.draw();\n  }\n\n  adjustCalendar(calendar) {\n    if (calendar.month < 0) {\n      calendar.year -= Math.ceil(Math.abs(calendar.month) / 12);\n      calendar.month += 12;\n    }\n    if (calendar.month > 11) {\n      calendar.year += Math.floor(Math.abs(calendar.month) / 12);\n      calendar.month -= 12;\n    }\n    return calendar;\n  }\n\n  nextMonth() {\n    this.calendars[0].month++;\n    this.adjustCalendars();\n  }\n\n  prevMonth() {\n    this.calendars[0].month--;\n    this.adjustCalendars();\n  }\n\n  render(year, month, randId) {\n    const now = new Date(),\n      days = Datepicker._getDaysInMonth(year, month),\n      data = [];\n    let before = new Date(year, month, 1).getDay(),\n      row = [];\n    Datepicker._setToStartOfDay(now);\n    if (this.options.firstDay > 0) {\n      before -= this.options.firstDay;\n      if (before < 0) {\n        before += 7;\n      }\n    }\n    const previousMonth = month === 0 ? 11 : month - 1,\n      nextMonth = month === 11 ? 0 : month + 1,\n      yearOfPreviousMonth = month === 0 ? year - 1 : year,\n      yearOfNextMonth = month === 11 ? year + 1 : year,\n      daysInPreviousMonth = Datepicker._getDaysInMonth(yearOfPreviousMonth, previousMonth);\n    let cells = days + before,\n      after = cells;\n    while (after > 7) {\n      after -= 7;\n    }\n    cells += 7 - after;\n    let isWeekSelected = false;\n    for (let i = 0, r = 0; i < cells; i++) {\n      const day = new Date(year, month, 1 + (i - before)),\n        isToday = Datepicker._compareDates(day, now),\n        hasEvent = this.options.events.indexOf(day.toDateString()) !== -1,\n        isEmpty = i < before || i >= days + before,\n        isStartRange =\n          this.options.startRange && Datepicker._compareDates(this.options.startRange, day),\n        isEndRange = this.options.endRange && Datepicker._compareDates(this.options.endRange, day),\n        isInRange =\n          this.options.startRange &&\n          this.options.endRange &&\n          this.options.startRange < day &&\n          day < this.options.endRange,\n        isDisabled =\n          (this.options.minDate && day < this.options.minDate) ||\n          (this.options.maxDate && day > this.options.maxDate) ||\n          (this.options.disableWeekends && Datepicker._isWeekend(day)) ||\n          (this.options.disableDayFn && this.options.disableDayFn(day)),\n        isDateRangeStart = this.options.isDateRange && this.date && this.endDate && Datepicker._compareDates(this.date, day),\n        isDateRangeEnd = this.options.isDateRange && this.endDate && Datepicker._compareDates(this.endDate, day),\n        isDateRange =\n          this.options.isDateRange &&\n          Datepicker._isDate(this.date) &&\n          Datepicker._isDate(this.endDate) &&\n          Datepicker._compareWithinRange(day, this.date, this.endDate);\n      let dayNumber = 1 + (i - before),\n        monthNumber = month,\n        yearNumber = year;\n\n      let isSelected = false;\n      if (Datepicker._isDate(this.date)) {\n        isSelected = Datepicker._compareDates(day, this.date);\n      }\n\n      if (!isSelected && Datepicker._isDate(this.endDate)) {\n        isSelected = Datepicker._compareDates(day, this.endDate);\n      }\n\n      if (\n        this.options.isMultipleSelection &&\n        this.dates?.some((item) => item.getTime() === day.getTime())\n      ) {\n        isSelected = true;\n      }\n\n      if (isEmpty) {\n        if (i < before) {\n          dayNumber = daysInPreviousMonth + dayNumber;\n          monthNumber = previousMonth;\n          yearNumber = yearOfPreviousMonth;\n        } else {\n          dayNumber = dayNumber - days;\n          monthNumber = nextMonth;\n          yearNumber = yearOfNextMonth;\n        }\n      }\n\n      const dayConfig = {\n        day: dayNumber,\n        month: monthNumber,\n        year: yearNumber,\n        hasEvent: hasEvent,\n        isSelected: isSelected,\n        isToday: isToday,\n        isDisabled: isDisabled,\n        isEmpty: isEmpty,\n        isStartRange: isStartRange,\n        isEndRange: isEndRange,\n        isInRange: isInRange,\n        showDaysInNextAndPreviousMonths: this.options.showDaysInNextAndPreviousMonths,\n        isDateRangeStart: isDateRangeStart,\n        isDateRangeEnd: isDateRangeEnd,\n        isDateRange: isDateRange\n      };\n\n      row.push(this.renderDay(dayConfig));\n\n      if (++r === 7) {\n        data.push(this.renderRow(row, this.options.isRTL, isWeekSelected));\n        row = [];\n        r = 0;\n        isWeekSelected = false;\n      }\n    }\n    return this.renderTable(this.options, data, randId);\n  }\n\n  renderDay(opts) {\n    const classMap = {\n        isDisabled: 'is-disabled',\n        isToday: 'is-today',\n        isSelected: 'is-selected',\n        hasEvent: 'has-event',\n        isInRange: 'is-inrange',\n        isStartRange: 'is-startrange',\n        isEndRange: 'is-endrange',\n        isDateRangeStart: 'is-daterange-start',\n        isDateRangeEnd: 'is-daterange-end',\n        isDateRange: 'is-daterange'\n      },\n      ariaSelected = !(['isSelected', 'isDateRange'].filter((prop) => !!(opts.hasOwnProperty(prop) && opts[prop] === true)).length === 0),\n      arr = ['datepicker-day'];\n\n    if (opts.isEmpty) {\n      if (opts.showDaysInNextAndPreviousMonths) {\n        arr.push('is-outside-current-month');\n        arr.push('is-selection-disabled');\n      } else {\n        return '<td class=\"is-empty\"></td>';\n      }\n    }\n\n    for (const [property, className] of Object.entries(classMap)) {\n      if (opts.hasOwnProperty(property) && opts[property]) {\n        arr.push(className);\n      }\n    }\n\n    const day = Datepicker._escape(opts.day);\n    const month = Datepicker._escape(opts.month);\n    const year = Datepicker._escape(opts.year);\n    return (\n      `<td data-day=\"${day}\" class=\"${arr.join(' ')}\" aria-selected=\"${ariaSelected}\">` +\n      `<button class=\"datepicker-day-button\" type=\"button\" data-year=\"${year}\" data-month=\"${month}\" data-day=\"${day}\">${day}</button>` +\n      '</td>'\n    );\n  }\n\n  /** Assemble calendar cells; reject unsupported elements and attributes. */\n  renderRow(days, isRTL, isRowSelected) {\n    return (\n      '<tr class=\"datepicker-row' +\n      (isRowSelected ? ' is-selected' : '') +\n      '\">' +\n      Datepicker._calendarMarkup((isRTL ? days.reverse() : days).join(''), 'tr') +\n      '</tr>'\n    );\n  }\n\n  /** Assemble calendar rows; reject unsupported elements and attributes. */\n  renderTable(opts, data, randId) {\n    return (\n      '<div class=\"datepicker-table-wrapper\"><table cellpadding=\"0\" cellspacing=\"0\" class=\"datepicker-table\" role=\"grid\" aria-labelledby=\"' +\n      Datepicker._escape(randId) +\n      '\">' +\n      this.renderHead(opts) +\n      this.renderBody(data) +\n      '</table></div>'\n    );\n  }\n\n  renderHead(opts) {\n    const arr = [];\n    let i;\n    for (i = 0; i < 7; i++) {\n      const full = Datepicker._escape(this.renderDayName(opts, i));\n      const abbrev = Datepicker._escape(this.renderDayName(opts, i, true));\n      arr.push(`<th scope=\"col\"><abbr title=\"${full}\">${abbrev}</abbr></th>`);\n    }\n    return '<thead><tr>' + (opts.isRTL ? arr.reverse() : arr).join('') + '</tr></thead>';\n  }\n\n  /** Wrap calendar rows after validating and encoding their contents. */\n  renderBody(rows) {\n    return '<tbody>' + Datepicker._calendarMarkup(rows.join(''), 'tbody') + '</tbody>';\n  }\n\n  private static _calendarMarkup(html: string, parent: string): string {\n    const template = document.createElement('template');\n    // Template contents stay inert. Only rebuilt, encoded markup leaves here.\n    template.innerHTML = html;\n    const attributes = {\n      tr: ['class'],\n      td: ['class', 'data-day', 'aria-selected'],\n      button: ['class', 'type', 'data-year', 'data-month', 'data-day', 'aria-label', 'disabled', 'tabindex']\n    };\n    const render = (node: Node, container: string): string => {\n      if (node.nodeType === Node.TEXT_NODE) {\n        if (container === 'tbody' || container === 'tr') {\n          if (node.textContent.trim()) throw new TypeError('Unsupported calendar row content');\n        }\n        return Datepicker._escape(node.textContent);\n      }\n      if (!(node instanceof HTMLElement)) throw new TypeError('Unsupported calendar row content');\n      const tag = node.localName === 'tr' ? 'tr' : node.localName === 'td' ? 'td' : node.localName === 'button' ? 'button' : null;\n      if (!tag || !((container === 'tbody' && tag === 'tr') || (container === 'tr' && tag === 'td') || (container === 'td' && tag === 'button'))) {\n        throw new TypeError('Unsupported calendar row element');\n      }\n      if ([...node.attributes].some(attr => !attributes[tag].includes(attr.name))) {\n        throw new TypeError('Unsupported calendar row attribute');\n      }\n      if (tag === 'button' && node.getAttribute('type') !== 'button') {\n        throw new TypeError('Calendar day buttons require type=\"button\"');\n      }\n      const attrs = attributes[tag].filter(name => node.hasAttribute(name))\n        .map(name => ` ${name}=\"${Datepicker._escape(node.getAttribute(name))}\"`).join('');\n      return `<${tag}${attrs}>${[...node.childNodes].map(child => render(child, tag)).join('')}</${tag}>`;\n    };\n    return [...template.content.childNodes].map(node => render(node, parent)).join('');\n  }\n\n  /**\n   * Whether each month arrow is usable at this position in the allowed range.\n   *\n   * Depends on the month, which is deliberately *not* part of the controls\n   * cache key - so the reuse path has to recompute and reapply it.\n   */\n  private _arrowState(year: number, month: number) {\n    const opts = this.options;\n    const isMinYear = year === opts.minYear;\n    const isMaxYear = year === opts.maxYear;\n    return {\n      prev: !(isMinYear && (month === 0 || opts.minMonth >= month)),\n      next: !(isMaxYear && (month === 11 || opts.maxMonth <= month))\n    };\n  }\n\n  /**\n   * Identifies the *shape* of the controls - everything that changes which\n   * options the month and year selects contain, as opposed to which one is\n   * picked. While this is stable the two FormSelects can be left alone.\n   *\n   * `year` is in the key because a numeric `yearRange` centres the year list\n   * on the displayed year, so paging across a year boundary does change it.\n   */\n  private _controlsCacheKey(year: number): string {\n    const o = this.options;\n    return [\n      year,\n      o.minYear,\n      o.maxYear,\n      o.minMonth,\n      o.maxMonth,\n      Array.isArray(o.yearRange) ? o.yearRange.join('-') : o.yearRange,\n      o.yearRangeReverse,\n      o.showMonthAfterYear\n    ].join('|');\n  }\n\n  renderTitle(instance, c, year, month, refYear, randId) {\n    const opts = this.options,\n      isMinYear = year === opts.minYear,\n      isMaxYear = year === opts.maxYear;\n    let i,\n      j,\n      arr = [],\n      html =\n        '<div id=\"' +\n        Datepicker._escape(randId) +\n        '\" class=\"datepicker-controls\" role=\"heading\" aria-live=\"assertive\">';\n\n    // Decided up front. These used to be computed *below* the month-prev\n    // button that reads `prev`, so the previous arrow was never disabled at\n    // the start of the allowed range.\n    const { prev, next } = this._arrowState(year, month);\n\n    for (i = 0; i < 12; i++) {\n      arr.push(\n        '<option value=\"' +\n          (year === refYear ? i - c : 12 + i - c) +\n          '\"' +\n          (i === month ? ' selected=\"selected\"' : '') +\n          ((isMinYear && i < opts.minMonth) || (isMaxYear && i > opts.maxMonth)\n            ? 'disabled=\"disabled\"'\n            : '') +\n          '>' +\n          Datepicker._escape(opts.i18n.months[i]) +\n          '</option>'\n      );\n    }\n\n    const monthHtml =\n      '<select class=\"datepicker-select orig-select-month\" tabindex=\"-1\">' +\n      arr.join('') +\n      '</select>';\n\n    if (Array.isArray(opts.yearRange)) {\n      i = opts.yearRange[0];\n      j = opts.yearRange[1] + 1;\n    } else {\n      i = year - opts.yearRange;\n      j = 1 + year + opts.yearRange;\n    }\n\n    for (arr = []; i < j && i <= opts.maxYear; i++) {\n      if (i >= opts.minYear) {\n        arr.push(`<option value=\"${i}\" ${i === year ? 'selected=\"selected\"' : ''}>${i}</option>`);\n      }\n    }\n    if (opts.yearRangeReverse) arr.reverse();\n\n    const yearHtml = `<select class=\"datepicker-select orig-select-year\" tabindex=\"-1\">${arr.join('')}</select>`;\n\n    const leftArrow =\n      '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z\"/><path d=\"M0-.5h24v24H0z\" fill=\"none\"/></svg>';\n    html += `<button class=\"month-prev${\n      prev ? '' : ' is-disabled'\n      // @todo remove button class and add scss mixin, current implementation temporary for focus states\n    }\" type=\"button\">${leftArrow}</button>`;\n\n    html += '<div class=\"selects-container\">';\n    if (opts.showMonthAfterYear) {\n      html += yearHtml + monthHtml;\n    } else {\n      html += monthHtml + yearHtml;\n    }\n    html += '</div>';\n\n    const rightArrow =\n      '<svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z\"/><path d=\"M0-.25h24v24H0z\" fill=\"none\"/></svg>';\n    html += `<button class=\"month-next${\n      next ? '' : ' is-disabled'\n      // @todo remove button class and add scss mixin, current implementation temporary for focus states\n    }\" type=\"button\">${rightArrow}</button>`;\n\n    return (html += '</div>');\n  }\n\n  /**\n   * Run `fn`, collapsing every draw it triggers into a single one at the end.\n   *\n   * A single input click reaches draw() three times - once through\n   * setDateFromInput -> setDate -> gotoDate, once directly, and once through\n   * the trailing gotoDate - and each one destroys two FormSelect instances,\n   * reparses the calendar and builds two fresh FormSelects. The three calls\n   * cannot simply be deleted: the direct draw() is what covers an empty input\n   * (setDate bails before drawing when the value does not parse), and the\n   * trailing gotoDate re-centres on a date validateDate may have clamped to\n   * minDate/maxDate. So they are collected instead of removed.\n   *\n   * Deliberately synchronous: the constructor and callers read calendarEl\n   * immediately after init(), which a microtask-deferred draw would leave\n   * empty.\n   */\n  private _batchDraws(fn: () => void) {\n    this._drawDepth++;\n    try {\n      fn();\n    } finally {\n      this._drawDepth--;\n      if (this._drawDepth === 0 && this._drawDirty) {\n        this._drawDirty = false;\n        this.draw();\n      }\n    }\n  }\n\n  // refresh HTML\n  draw() {\n    // Inside a batch, note that a draw is due and let the batch do it once.\n    if (this._drawDepth > 0) {\n      this._drawDirty = true;\n      return;\n    }\n    const active = (this.calendarEl.getRootNode() as Document | ShadowRoot).activeElement;\n    const restoreDayFocus = active?.matches('.datepicker-day-button') && this.calendarEl.contains(active);\n    const restoreArrow = this.calendarEl.contains(active) && active?.matches('.month-prev, .month-next')\n      ? active.classList.contains('month-prev') ? '.month-prev' : '.month-next' : null;\n    const opts = this.options,\n      minYear = opts.minYear,\n      maxYear = opts.maxYear,\n      minMonth = opts.minMonth,\n      maxMonth = opts.maxMonth;\n\n    if (this._y <= minYear) {\n      this._y = minYear;\n      if (!isNaN(minMonth) && this._m < minMonth) {\n        this._m = minMonth;\n      }\n    }\n    if (this._y >= maxYear) {\n      this._y = maxYear;\n      if (!isNaN(maxMonth) && this._m > maxMonth) {\n        this._m = maxMonth;\n      }\n    }\n\n    const year = this.calendars[0].year;\n    const month = this.calendars[0].month;\n\n    if (!this.options.isDateRange) {\n      this._renderDateDisplay(this.date);\n    } else {\n      this._renderDateDisplay(this.date, this.endDate);\n    }\n\n    // Only the day grid changes when you page within a year. Rebuilding the\n    // controls as well meant tearing down and reconstructing two FormSelects -\n    // each with its own <ul> of 12 or 21+ options, an input, a caret and a\n    // Menu - on every single draw.\n    const key = this._controlsCacheKey(year);\n    if (key === this._controlsKey && this.calendarEl.querySelector('.datepicker-controls')) {\n      this._reuseControls(year, month);\n    } else {\n      this._controlsKey = key;\n      // Held across table re-renders: the table's aria-labelledby points at\n      // the controls element's id.\n      this._randId = 'datepicker-title-' + Utils.guid();\n      this._rebuildControls(year, month);\n    }\n    this._renderCalendarTable(year, month);\n    this._syncCalendarFocus(!!restoreDayFocus);\n    if (restoreArrow) this.calendarEl.querySelector<HTMLButtonElement>(restoreArrow)?.focus();\n\n    if (typeof this.options.onDraw === 'function') {\n      this.options.onDraw.call(this);\n    }\n  }\n\n  /** Tear down the two FormSelects and render the controls from scratch. */\n  private _rebuildControls(year: number, month: number) {\n    this.destroySelects();\n    this.calendarEl.innerHTML = this.renderTitle(this, 0, year, month, year, this._randId);\n\n    const yearSelect = this.calendarEl.querySelector('.orig-select-year') as HTMLSelectElement;\n    const monthSelect = this.calendarEl.querySelector('.orig-select-month') as HTMLSelectElement;\n    // @todo fix accessibility\n    FormSelect.init(yearSelect, {\n      classes: 'select-year',\n      menuOptions: { container: Utils.portalRoot(this.el), constrainWidth: false }\n    });\n    FormSelect.init(monthSelect, {\n      classes: 'select-month',\n      menuOptions: { container: Utils.portalRoot(this.el), constrainWidth: false }\n    });\n\n    // Add change handlers for select\n    yearSelect.addEventListener('change', this._handleYearChange);\n    monthSelect.addEventListener('change', this._handleMonthChange);\n  }\n\n  /**\n   * Keep the existing controls and bring them up to date: the selected month,\n   * and the arrow states, which depend on the month rather than on the key.\n   */\n  private _reuseControls(year: number, month: number) {\n    const monthSelect = this.calendarEl.querySelector('.orig-select-month') as HTMLSelectElement;\n    if (monthSelect && monthSelect.value !== month.toString()) {\n      monthSelect.value = month.toString();\n      // Assigning .value fires no change event, so the wrapper needs telling.\n      FormSelect.getInstance(monthSelect)?.refresh();\n    }\n\n    const { prev, next } = this._arrowState(year, month);\n    this.calendarEl.querySelector('.month-prev')?.classList.toggle('is-disabled', !prev);\n    this.calendarEl.querySelector('.month-next')?.classList.toggle('is-disabled', !next);\n  }\n\n  /** Replace just the day grid, leaving the controls in place. */\n  private _renderCalendarTable(year: number, month: number) {\n    const html = this.render(year, month, this._randId);\n    const existing = this.calendarEl.querySelector('.datepicker-table-wrapper');\n    if (existing) existing.outerHTML = html;\n    else this.calendarEl.insertAdjacentHTML('beforeend', html);\n  }\n\n  _setupEventHandlers() {\n    this.el.addEventListener('click', this._handleInputClick);\n    this.el.addEventListener('keydown', this._handleInputKeydown);\n    this.el.addEventListener('change', this._handleInputChange);\n    this.endDateEl?.addEventListener('click', this._handleInputClick);\n    this.endDateEl?.addEventListener('keydown', this._handleInputKeydown);\n    this.endDateEl?.addEventListener('change', this._handleInputChange);\n    this.calendarEl.addEventListener('click', this._handleCalendarClick);\n    this.calendarEl.addEventListener('keydown', this._handleCalendarKeydown);\n    this.calendarEl.addEventListener('focusin', this._handleCalendarFocus);\n    /* this.doneBtn.addEventListener('click', this._confirm);\n    this.cancelBtn.addEventListener('click', this._cancel);\n\n    if (this.options.showClearBtn) {\n      this.clearBtn.addEventListener('click', this._handleClearClick);\n    }*/\n  }\n\n  _setupVariables() {\n    const template = document.createElement('template');\n    template.innerHTML = Datepicker._template.trim();\n\n    this.containerEl = <HTMLElement>template.content.firstChild;\n\n    this.calendarEl = this.containerEl.querySelector('.datepicker-calendar');\n    this.yearTextEl = this.containerEl.querySelector('.year-text');\n    this.dateTextEl = this.containerEl.querySelector('.date-text');\n    /* if (this.options.showClearBtn) {\n      this.clearBtn = this.containerEl.querySelector('.datepicker-clear');\n    }\n    this.doneBtn = this.containerEl.querySelector('.datepicker-done');\n    this.cancelBtn = this.containerEl.querySelector('.datepicker-cancel');*/\n    this.footer = this.containerEl.querySelector('.datepicker-footer');\n\n    this.formats = {\n      d: (date: Date) => {\n        return date.getDate();\n      },\n      dd: (date: Date) => {\n        const d = date.getDate();\n        return (d < 10 ? '0' : '') + d;\n      },\n      ddd: (date: Date) => {\n        return this.options.i18n.weekdaysShort[date.getDay()];\n      },\n      dddd: (date: Date) => {\n        return this.options.i18n.weekdays[date.getDay()];\n      },\n      m: (date: Date) => {\n        return date.getMonth() + 1;\n      },\n      mm: (date: Date) => {\n        const m = date.getMonth() + 1;\n        return (m < 10 ? '0' : '') + m;\n      },\n      mmm: (date: Date) => {\n        return this.options.i18n.monthsShort[date.getMonth()];\n      },\n      mmmm: (date: Date) => {\n        return this.options.i18n.months[date.getMonth()];\n      },\n      yy: (date: Date) => {\n        return ('' + date.getFullYear()).slice(2);\n      },\n      yyyy: (date: Date) => {\n        return date.getFullYear();\n      }\n    };\n  }\n\n  _removeEventHandlers() {\n    for (const input of this.dateEls ?? [this.el]) this._removeInputEventHandlers(input);\n    this.calendarEl.removeEventListener('click', this._handleCalendarClick);\n    this.calendarEl.removeEventListener('keydown', this._handleCalendarKeydown);\n    this.calendarEl.removeEventListener('focusin', this._handleCalendarFocus);\n    if (this.options.isDateRange && this.endDateEl) {\n      this._removeInputEventHandlers(this.endDateEl);\n    }\n  }\n\n  private _removeInputEventHandlers(input: HTMLInputElement) {\n    input.removeEventListener('click', this._handleInputClick);\n    input.removeEventListener('keydown', this._handleInputKeydown);\n    input.removeEventListener('change', this._handleInputChange);\n  }\n\n  private _removeDateInput(input: HTMLInputElement) {\n    const focused = (input.getRootNode() as Document | ShadowRoot).activeElement === input;\n    this._removeInputEventHandlers(input);\n    input.remove();\n    if (focused && document.activeElement === document.body) this.el.focus();\n  }\n\n  _handleInputClick = (e) => {\n    // Block the native date picker only when the calendar is shown to replace it.\n    if (e.target.type == 'date' && (this.options.openByDefault || this.options.container)) e.preventDefault();\n    this._batchDraws(() => {\n      this.setDateFromInput(e.target as HTMLInputElement);\n      this.draw();\n      this.gotoDate(<HTMLElement>e.target === this.el ? this.date : this.endDate);\n    });\n    if (this.displayPlugin) this.displayPlugin.show();\n    if (this.options.onInputInteraction) this.options.onInputInteraction.call(this);\n  };\n\n  _handleInputKeydown = (e: KeyboardEvent) => {\n    if (e.key === Utils.keys.ENTER) {\n      e.preventDefault();\n      this._batchDraws(() => {\n        this.setDateFromInput(e.target as HTMLInputElement);\n        this._focusedDate = e.target === this.endDateEl ? this.endDate : this.date;\n        this.draw();\n      });\n      if (this.displayPlugin) this.displayPlugin.show();\n      this._syncCalendarFocus(true);\n      if (this.options.onInputInteraction) this.options.onInputInteraction.call(this);\n    }\n  };\n\n  private _dayDate(button: HTMLElement) {\n    const date = new Date(0);\n    date.setFullYear(Number(button.dataset.year), Number(button.dataset.month), Number(button.dataset.day));\n    Datepicker._setToStartOfDay(date);\n    return date;\n  }\n\n  private _syncCalendarFocus(restore = false) {\n    const buttons = [...this.calendarEl.querySelectorAll<HTMLButtonElement>('.datepicker-day-button')];\n    const current = buttons.filter(button => !button.parentElement.classList.contains('is-selection-disabled'));\n    const preferred = this._focusedDate || this.date || new Date();\n    const target = current.find(button => Datepicker._compareDates(this._dayDate(button), preferred))\n      || current.find(button => button.parentElement.classList.contains('is-selected'))\n      || current.find(button => !button.parentElement.classList.contains('is-disabled')) || current[0];\n    for (const button of buttons) {\n      button.tabIndex = button === target ? 0 : -1;\n      button.setAttribute('aria-disabled', String(button.parentElement.matches('.is-disabled, .is-selection-disabled')));\n    }\n    if (target) {\n      this._focusedDate = this._dayDate(target);\n      if (restore) target.focus();\n    }\n  }\n\n  private _handleCalendarFocus = (event: FocusEvent) => {\n    const button = event.target as HTMLElement;\n    if (!button.matches('.datepicker-day-button')) return;\n    this._focusedDate = this._dayDate(button);\n    this._syncCalendarFocus();\n  };\n\n  private _handleCalendarKeydown = (event: KeyboardEvent) => {\n    const button = event.target as HTMLElement;\n    if (!button.matches('.datepicker-day-button') || event.altKey || event.ctrlKey || event.metaKey) return;\n    const date = this._dayDate(button);\n    const weekday = (date.getDay() - this.options.firstDay + 7) % 7;\n    const offsets = { ArrowLeft: this.options.isRTL ? 1 : -1, ArrowRight: this.options.isRTL ? -1 : 1,\n      ArrowUp: -7, ArrowDown: 7, Home: -weekday, End: 6 - weekday };\n    if (Object.hasOwn(offsets, event.key)) date.setDate(date.getDate() + offsets[event.key]);\n    else if (event.key === 'PageUp' || event.key === 'PageDown') {\n      const day = date.getDate();\n      date.setDate(1);\n      date.setMonth(date.getMonth() + (event.key === 'PageUp' ? -1 : 1) * (event.shiftKey ? 12 : 1));\n      const last = new Date(date.getTime());\n      last.setMonth(last.getMonth() + 1, 0);\n      date.setDate(Math.min(day, last.getDate()));\n    } else return;\n    event.preventDefault();\n    const { minDate, maxDate, minYear, maxYear, minMonth, maxMonth } = this.options;\n    if (minDate && date < minDate) date.setTime(minDate.getTime());\n    if (maxDate && date > maxDate) date.setTime(maxDate.getTime());\n    if (date.getFullYear() < minYear || date.getFullYear() > maxYear\n      || (date.getFullYear() === minYear && date.getMonth() < (minMonth ?? 0))\n      || (date.getFullYear() === maxYear && date.getMonth() > (maxMonth ?? 11))) return;\n    this._focusedDate = date;\n    this.gotoDate(date);\n  };\n\n  _handleCalendarClick = (e) => {\n    const target = <HTMLElement>e.target;\n    if (target.classList.contains('is-disabled')) return;\n\n    this._batchDraws(() => {\n      if (\n        target.classList.contains('datepicker-day-button') &&\n        !target.classList.contains('is-empty') &&\n        !target.parentElement.classList.contains('is-disabled') &&\n        !target.parentElement.classList.contains('is-selection-disabled')\n      ) {\n        const selectedDate = new Date(\n          e.target.getAttribute('data-year'),\n          e.target.getAttribute('data-month'),\n          e.target.getAttribute('data-day')\n        );\n\n        if (!this.multiple || (this.multiple && this.options.isMultipleSelection)) {\n          this.setDate(selectedDate);\n        }\n\n        // Selecting a range end draws a second time on top of setDate's.\n        if (this.options.isDateRange) {\n          this._handleDateRangeCalendarClick(selectedDate);\n        }\n\n        if (this.options.autoSubmit) this._finishSelection();\n      } else if (target.closest('.month-prev')) {\n        this.prevMonth();\n      } else if (target.closest('.month-next')) {\n        this.nextMonth();\n      }\n    });\n  };\n\n  _handleDateRangeCalendarClick = (date: Date) => {\n    if (this.endDate == null || !Datepicker._compareDates(date, this.endDate)) {\n      if (Datepicker._isDate(this.date) && Datepicker._comparePastDate(date, this.date)) {\n        return;\n      }\n\n      this.setDate(date, false, Datepicker._isDate(this.date));\n      return;\n    }\n\n    this._clearDates();\n    this.draw();\n  };\n\n  _handleClearClick = () => {\n    this._clearDates();\n    this.setInputValues();\n  };\n\n  _clearDates = () => {\n    this.date = null;\n    this.endDate = null;\n    this.dates?.splice(0);\n    this.draw();\n  };\n\n  _handleMonthChange = (e) => {\n    this.gotoMonth(e.target.value);\n  };\n\n  _handleYearChange = (e) => {\n    this.gotoYear(e.target.value);\n  };\n\n  // change view to a specific month (zero-index, e.g. 0: January)\n  gotoMonth(month) {\n    if (!isNaN(month)) {\n      this.calendars[0].month = parseInt(month, 10);\n      this.adjustCalendars();\n    }\n  }\n\n  // change view to a specific full year (e.g. \"2012\")\n  gotoYear(year) {\n    if (!isNaN(year)) {\n      this.calendars[0].year = parseInt(year, 10);\n      this.adjustCalendars();\n    }\n  }\n\n  _handleInputChange = (e: Event) => {\n    // Prevent change event from being fired when triggered by the plugin\n    if (e['detail']?.firedBy === this) return;\n    this.setDateFromInput(e.target as HTMLInputElement);\n  };\n\n  renderDayName(opts, day, abbr: boolean = false) {\n    day += opts.firstDay;\n    while (day >= 7) {\n      day -= 7;\n    }\n    return abbr ? opts.i18n.weekdaysAbbrev[day] : opts.i18n.weekdays[day];\n  }\n\n  createDateInput() {\n    const dateInput = <HTMLInputElement>this.el.cloneNode(true);\n    // cloneNode copies the id too, and two elements sharing one id break every\n    // lookup that goes through it.\n    dateInput.removeAttribute('id');\n    dateInput.classList.add('no-autoinit');\n    dateInput.addEventListener('click', this._handleInputClick);\n    dateInput.addEventListener('keydown', this._handleInputKeydown);\n    dateInput.addEventListener('change', this._handleInputChange);\n    this.el.parentElement.appendChild(dateInput);\n    return dateInput;\n  }\n\n  _finishSelection = () => {\n    this.setInputValues();\n  };\n\n  _confirm = () => {\n    this._finishSelection();\n    if (typeof this.options.onConfirm === 'function') this.options.onConfirm.call(this);\n  }\n\n  _cancel = () => {\n    if (typeof this.options.onCancel === 'function') this.options.onCancel.call(this);\n  };\n\n  static {\n    Datepicker._template = `\n        <div class=\"datepicker-container\">\n          <div class=\"datepicker-date-display\">\n            <span class=\"year-text\"></span>\n            <span class=\"date-text\"></span>\n          </div>\n          <div class=\"datepicker-calendar-container\">\n            <div class=\"datepicker-calendar\"></div>\n            <div class=\"datepicker-footer\"></div>\n          </div>\n        </div>`;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}