overview-components 1.0.96 → 1.0.98

package/dist/shared/lit-icon.js

@@ -0,0 +1,282 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as c } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as p } from "../node_modules/lit-element/lit-element.js";
+import { customElement as m } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as d } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import h from "../styles.js";
+import u from "../assets/icons/iconGlyphs.js";
+import { css as v } from "../node_modules/@lit/reactive-element/css-tag.js";
+var g = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (l, t, s, r) => {
+  for (var e = r > 1 ? void 0 : r ? F(t, s) : t, a = l.length - 1, n; a >= 0; a--)
+    (n = l[a]) && (e = (r ? n(t, s, e) : n(e)) || e);
+  return r && e && g(t, s, e), e;
+};
+const _ = [
+  "archive",
+  "requiredFilled",
+  "account",
+  "add",
+  "administration",
+  "arrowLeft",
+  "arrowRight",
+  "bell",
+  "bellNotify",
+  "cases",
+  "darkMode",
+  "documents",
+  "events",
+  "favorite",
+  "help",
+  "home",
+  "leave",
+  "lightMode",
+  "manuals",
+  "overviews",
+  "planning",
+  "reports",
+  "roles",
+  "search",
+  "settings",
+  "structure",
+  "tasks",
+  "templates",
+  "users",
+  "close",
+  "curveArrow",
+  "administrator",
+  "delegate",
+  "download",
+  "assume",
+  "calculator",
+  "check",
+  "chevronDown",
+  "handover",
+  "flag",
+  "filter",
+  "favoriteAdd",
+  "note",
+  "more",
+  "minus",
+  "success",
+  "time",
+  "trash",
+  "pen",
+  "unlike",
+  "user",
+  "puzzle",
+  "informative",
+  "save",
+  "warning",
+  "help2",
+  "accomplish",
+  "addDocument",
+  "addNote",
+  "checkboxEmpty",
+  "expand",
+  "duplicate",
+  "history",
+  "instruction",
+  "radioEmpty",
+  "print",
+  "zoomIn",
+  "view",
+  "reading",
+  "reload",
+  "logs",
+  "flow",
+  "csv",
+  "contact",
+  "columns",
+  "hamburger",
+  "beginning",
+  "signal",
+  "variable",
+  "up",
+  "upload",
+  "revision",
+  "typing",
+  "tasksFilled",
+  "overviewsFilled",
+  "homeFilled",
+  "favoriteFilled",
+  "flagFilled",
+  "darkModeFilled",
+  "bellFilled",
+  "administrationFilled",
+  "administratorFilled",
+  "casesFilled",
+  "manualsFilled",
+  "reportsFilled",
+  "structureFilled",
+  "usersFilled",
+  "userFilled",
+  "settingsFilled",
+  "lightModeFilled",
+  "leaveFilled",
+  "searchFilled",
+  "checkboxFilled",
+  "checkFilled",
+  "chevronDownFilled",
+  "chevronUpFilled",
+  "chevronRightFilled",
+  "chevronLeftFilled",
+  "logsFilled",
+  "radioFilled",
+  "historyFilled",
+  "sortFilled",
+  "variableFilled",
+  "dangerFilled",
+  "eventsFilled",
+  "helpFilled",
+  "rolesFilled",
+  "clean",
+  "dms",
+  "cog",
+  "email",
+  "files",
+  "chevron",
+  "hand",
+  "hide",
+  "hierarchy",
+  "import",
+  "index",
+  "infinity",
+  "infinity2",
+  "reset",
+  "rest",
+  "sleep",
+  "sorting",
+  "totake",
+  "totakedelegate",
+  "shredding",
+  "show",
+  "share",
+  "table",
+  "url",
+  "schema",
+  "stats",
+  "zoomout",
+  "book",
+  "authentication",
+  "apphealth",
+  "certificate",
+  "console",
+  "folder",
+  "hragenda",
+  "script",
+  "sequence",
+  "serviceoperation",
+  "archiveFilled",
+  "planningFilled",
+  "approval",
+  "certificate2",
+  "change",
+  "chevrondown",
+  "cursor",
+  "copylink",
+  "column",
+  "documentsFilled",
+  "filterFilled",
+  "filteroff",
+  "hr",
+  "image",
+  "outoftime",
+  "news",
+  "newsFilled",
+  "morevertical",
+  "spinner",
+  "userFilled2",
+  "tasksii",
+  "rowlarge",
+  "rowmedium",
+  "rowmall",
+  "touchid",
+  "acces",
+  "agenda",
+  "annoncement",
+  "email2",
+  "export",
+  "faceid",
+  "deviceregister",
+  "lock",
+  "outoftime2",
+  "qr",
+  "unlock",
+  "zastupovany",
+  "csvFilled",
+  "qrFilled",
+  "knowledgeFilled",
+  "hragendaFilled",
+  "deviceregisterFilled",
+  "agregation",
+  "code",
+  "flowii",
+  "cursor2",
+  "drag",
+  "link",
+  "lang",
+  "pinFilled",
+  "pin",
+  "play",
+  "return",
+  "sorting2",
+  "switch",
+  "test",
+  "stop",
+  "zoom",
+  "wrapitup",
+  "web"
+];
+let i = class extends p {
+  constructor() {
+    super(...arguments), this.icon = "add", this.size = "1.375rem", this.isActive = !1, this.notRotateIcon = ["arrowLeft", "arrowRight"];
+  }
+  render() {
+    const l = this.icon ? u[this.icon] : void 0;
+    return l ? c`
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 512 512"
+                style="width: ${this.size || " 1.5rem"} ; height: ${this.size || " 1.5rem"};"
+                class="rotated"
+                fill="${this.isActive ? "var(--color-primary-main, #76b703)" : "currentColor"}"
+            >
+                <g transform="translate(0,20)">
+                    <path d="${l.d}" />
+                </g>
+            </svg>
+        ` : c`<span>Icon not found</span>`;
+  }
+};
+i.styles = [
+  h,
+  v`
+            :host {
+                position: relative;
+                display: inline-block;
+            }
+            svg {
+                position: relative;
+                top: 0.0625rem;
+            }
+            svg.rotated {
+                transform: scaleY(-1);
+            }
+        `
+];
+o([
+  d({ type: String })
+], i.prototype, "icon", 2);
+o([
+  d({ type: String })
+], i.prototype, "size", 2);
+o([
+  d({ type: Boolean, reflect: !0 })
+], i.prototype, "isActive", 2);
+i = o([
+  m("lit-icon")
+], i);
+export {
+  _ as IconArray,
+  i as LitIcon
+};

package/dist/shared/lit-loading-bar.d.ts

@@ -1,20 +1,20 @@
 import { LitElement } from 'lit';
 import type { IconArray } from './lit-icon.js';
 import './lit-icon.js';
-export type LitMenuProps = {
+export type LitLoadingBarTypes = {
     icon: typeof IconArray;
     disabled?: boolean;
     isActive?: boolean;
     click: () => void;
 };
-export declare class LitMenu extends LitElement {
+export declare class LitLoadingBar extends LitElement {
     static styles: import("lit").CSSResult;
     isLoading?: string;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lit-loading-bar': LitMenuProps;
+        'lit-loading-bar': LitLoadingBarTypes;
     }
 }
 //# sourceMappingURL=lit-loading-bar.d.ts.map

package/dist/shared/lit-loading-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-loading-bar.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,OAAQ,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BA+DX;IAE0B,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,YAAY,CAAC;KACnC;CACJ"}
+{"version":3,"file":"lit-loading-bar.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BA+DX;IAE0B,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,kBAAkB,CAAC;KACzC;CACJ"}

package/dist/shared/lit-loading-bar.js

@@ -0,0 +1,94 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as m } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
+import { customElement as b } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as f } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { css as p } from "../node_modules/@lit/reactive-element/css-tag.js";
+var c = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (s, i, o, e) => {
+  for (var r = e > 1 ? void 0 : e ? g(i, o) : i, a = s.length - 1, n; a >= 0; a--)
+    (n = s[a]) && (r = (e ? n(i, o, r) : n(r)) || r);
+  return e && r && c(i, o, r), r;
+};
+let t = class extends d {
+  render() {
+    return m`
+            <div class="progress-root">
+                <div class="bar bar1Indeterminate"></div>
+                <div class="bar bar2Indeterminate"></div>
+            </div>
+        `;
+  }
+};
+t.styles = p`
+        .progress-root {
+            position: relative;
+            bottom: 0;
+            left: 0;
+            overflow: hidden;
+            display: block;
+            width: 100%;
+            height: 0.125rem;
+            background-color: var(--color-primary-light, #f0fadf);
+            box-sizing: border-box;
+        }
+        /* Prvá animovaná "vlna" */
+
+        .bar1Indeterminate {
+            animation: mui-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+        }
+
+        /* Druhá animovaná "vlna" (oneskorená) */
+
+        .bar2Indeterminate {
+            animation: mui-indeterminate2 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+            animation-delay: 1.05s;
+        }
+
+        @keyframes mui-indeterminate1 {
+            0% {
+                left: -35%;
+                right: 100%;
+            }
+            60% {
+                left: 100%;
+                right: -90%;
+            }
+            100% {
+                left: 100%;
+                right: -90%;
+            }
+        }
+
+        @keyframes mui-indeterminate2 {
+            0% {
+                left: -200%;
+                right: 100%;
+            }
+            60% {
+                left: 107%;
+                right: -8%;
+            }
+            100% {
+                left: 107%;
+                right: -8%;
+            }
+        }
+        .bar {
+            position: absolute;
+            height: 100%;
+            display: block;
+            background-color: var(--color-primary-main, #76b703);
+            width: auto;
+            will-change: left, right;
+            box-sizing: border-box;
+        }
+    `;
+l([
+  f({ type: String })
+], t.prototype, "isLoading", 2);
+t = l([
+  b("lit-loading-bar")
+], t);
+export {
+  t as LitLoadingBar
+};

package/dist/shared/lit-overflow-tooltip.js

@@ -0,0 +1,85 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { nothing as p, html as h } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as a } from "../node_modules/lit-element/lit-element.js";
+import { customElement as f } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as v } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as O } from "../node_modules/@lit/reactive-element/decorators/state.js";
+import { query as d } from "../node_modules/@lit/reactive-element/decorators/query.js";
+import { tooltip as b } from "./simple-tooltip.js";
+import { css as m } from "../node_modules/@lit/reactive-element/css-tag.js";
+var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (e, t, l, o) => {
+  for (var s = o > 1 ? void 0 : o ? x(t, l) : t, n = e.length - 1, c; n >= 0; n--)
+    (c = e[n]) && (s = (o ? c(t, l, s) : c(s)) || s);
+  return o && s && w(t, l, s), s;
+};
+let r = class extends a {
+  constructor() {
+    super(...arguments), this.label = "", this.placement = "top", this.isOverflowing = !1, this.checkOverflow = () => {
+      const e = this.textElement;
+      if (!e) {
+        this.isOverflowing = !1;
+        return;
+      }
+      this.isOverflowing = e.scrollWidth > e.clientWidth;
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  disconnectedCallback() {
+    this.disconnectObservers(), super.disconnectedCallback();
+  }
+  firstUpdated() {
+    var e, t;
+    this.setupObservers(), (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("slot")) == null || t.addEventListener("slotchange", this.checkOverflow), this.checkOverflow();
+  }
+  updated(e) {
+    e.has("label") && this.checkOverflow();
+  }
+  setupObservers() {
+    this.disconnectObservers(), this.checkOverflow = this.checkOverflow.bind(this), this.textElement && (this.textObserver = new ResizeObserver(this.checkOverflow), this.textObserver.observe(this.textElement)), this.hostObserver = new ResizeObserver(this.checkOverflow), this.hostObserver.observe(this);
+  }
+  disconnectObservers() {
+    var e, t;
+    (e = this.textObserver) == null || e.disconnect(), this.textObserver = void 0, (t = this.hostObserver) == null || t.disconnect(), this.hostObserver = void 0;
+  }
+  render() {
+    return this.isOverflowing ? h`
+                  <div
+                      class="text-content"
+                      ${this.isOverflowing ? b(this.label, this.placement) : p}
+                  >
+                      <slot></slot>
+                  </div>
+              ` : h` <div class="text-content"><slot></slot></div> `;
+  }
+};
+r.styles = m`
+        :host {
+            display: inline-block;
+            width: 100%;
+        }
+        .text-content {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    `;
+i([
+  v({ type: String })
+], r.prototype, "label", 2);
+i([
+  v({ type: String })
+], r.prototype, "placement", 2);
+i([
+  O()
+], r.prototype, "isOverflowing", 2);
+i([
+  d(".text-content")
+], r.prototype, "textElement", 2);
+r = i([
+  f("lit-overflow-tooltip")
+], r);
+export {
+  r as LitOverflowTooltip
+};

package/dist/shared/lit-responsive-button.js

@@ -0,0 +1,84 @@
+import { customElement as d } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as i } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { state as h } from "../node_modules/@lit/reactive-element/decorators/state.js";
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as c } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as u } from "../node_modules/lit-element/lit-element.js";
+var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, e = (p, o, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? b(o, r) : o, a = p.length - 1, l; a >= 0; a--)
+    (l = p[a]) && (s = (n ? l(o, r, s) : l(s)) || s);
+  return n && s && m(o, r, s), s;
+};
+let t = class extends u {
+  constructor() {
+    super(...arguments), this.variant = "contained", this.size = "medium", this.label = "Button", this.fullWidth = !1, this.disabled = !1, this.count = void 0, this.active = !1, this.isSmallScreen = !1;
+  }
+  // Stav pre breakpoint
+  connectedCallback() {
+    super.connectedCallback(), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize.bind(this));
+  }
+  disconnectedCallback() {
+    window.removeEventListener("resize", this.updateScreenSize.bind(this)), super.disconnectedCallback();
+  }
+  updateScreenSize() {
+    this.isSmallScreen = window.matchMedia("(max-width: 600px)").matches;
+  }
+  render() {
+    return this.isSmallScreen ? c`
+                  <lit-icon-button
+                      .icon="${this.icon}"
+                      .variant="${this.variant}"
+                      .size="${this.size}"
+                      .disabled="${this.disabled}"
+                      .active="${this.active}"
+                  ></lit-icon-button>
+              ` : c`
+                  <lit-button
+                      .icon="${this.icon}"
+                      .variant="${this.variant}"
+                      .count="${this.count}"
+                      .size="${this.size}"
+                      .label="${this.label}"
+                      .fullWidth="${this.fullWidth}"
+                      .disabled="${this.disabled}"
+                      .active="${this.active}"
+                  ></lit-button>
+              `;
+  }
+};
+e([
+  i({ type: String })
+], t.prototype, "variant", 2);
+e([
+  i({ type: String })
+], t.prototype, "size", 2);
+e([
+  i({ type: String })
+], t.prototype, "label", 2);
+e([
+  i({ type: String })
+], t.prototype, "icon", 2);
+e([
+  i({ type: Boolean })
+], t.prototype, "fullWidth", 2);
+e([
+  i({ type: Boolean })
+], t.prototype, "disabled", 2);
+e([
+  i({ type: Number })
+], t.prototype, "count", 2);
+e([
+  i({ type: Function })
+], t.prototype, "onClick", 2);
+e([
+  i({ type: Boolean })
+], t.prototype, "active", 2);
+e([
+  h()
+], t.prototype, "isSmallScreen", 2);
+t = e([
+  d("lit-responsive-button")
+], t);
+export {
+  t as LitResponsiveButton
+};

package/dist/shared/simple-tooltip.js

@@ -1,5 +1,5 @@
 import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { render as p, html as d } from "../node_modules/lit-html/lit-html.js";
+import { html as d, render as p } from "../node_modules/lit-html/lit-html.js";
 import { LitElement as f } from "../node_modules/lit-element/lit-element.js";
 import { customElement as u } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
 import { property as h } from "../node_modules/@lit/reactive-element/decorators/property.js";

package/dist/style.css

@@ -0,0 +1 @@
+.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:#fff0}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:#0000;background:#0000}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:#0000;background:#0000}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:#0000;background:#0000}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:#0000}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:#0000}.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, .1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, .2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px #00000026;border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translate(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translate(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}