@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/config-draw-tools.js.map

@@ -1 +0,0 @@
-{"file":"config-draw-tools.js","mappings":";;;;;;;;;;;AAAA,MAAM,kBAAkB,GAAG,yNAAyN;;MCyBvOA,iBAAe;;;;;0BAkBc,IAAI;;;;;;;;;;;;;;;;;;EAqC5C,MAAM,aAAa;IACjB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;GACxC;;;;;;;;;;;;;;;;EAmBD,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC/B;;;;EAKD,MAAM;;IACJ,MAAM,QAAQ,GAAG,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,KAAI,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,QACE,EAAC,IAAI,QACH,eACE,WAAK,KAAK,EAAC,qBAAqB,IAC9B,qBAAe,KAAK,EAAC,eAAe,IACjC,MAAA,IAAI,CAAC,aAAa,0CAAE,SAAS,CAChB,CACZ,EACN,WAAK,KAAK,EAAC,wBAAwB,IACjC,kBACE,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,GAAG,EAAE,CAAC,EAAE,OAAO,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EAAE,EACtC,MAAM,EAAE,KAAK,GACb,CACE,CACF,CACD,EACP;GACH;;;;;;;;;;;;EAcS,MAAM,gBAAgB;IAC9B,MAAM,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1D,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC,CAA+B,CAAC;GAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ConfigDrawTools"],"sources":["./src/components/config-draw-tools/config-draw-tools.css?tag=config-draw-tools&encapsulation=shadow","./src/components/config-draw-tools/config-draw-tools.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.label-spacing {\r\n  --calcite-label-margin-bottom: 0;\r\n}\r\n\r\n.padding-block-end-1 {\r\n  padding-block-end: 1rem;\r\n}\r\n\r\n.padding-inline-start-1 {\r\n  padding-inline-start: 1rem;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, Host, h, Method, Prop, State } from '@stencil/core';\r\nimport ConfigDrawTools_T9n from \"../../assets/t9n/config-draw-tools/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: 'config-draw-tools',\r\n  styleUrl: 'config-draw-tools.css',\r\n  shadow: true,\r\n})\r\nexport class ConfigDrawTools {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLConfigDrawToolsElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: All checkboxes checked state will be set with this value on first render.\r\n   * Default is true\r\n   */\r\n  @Prop({reflect: true}) defaultChecked = true;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() _translations: typeof ConfigDrawTools_T9n;\r\n\r\n  /**\r\n   * HTMLCheckListElement: The check list element\r\n   */\r\n  protected _checkList: HTMLCheckListElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Returns a key/value pair that represents the checkbox value and checked state\r\n   *\r\n   * @returns Promise with the state of the checkboxes\r\n   */\r\n  @Method()\r\n  async getConfigInfo(): Promise<{ [key: string]: boolean }> {\r\n    return this._checkList.getConfigInfo();\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    await this._getTranslations();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render() {\r\n    const nlsTypes = this._translations?.types || {};\r\n    const types = Object.keys(nlsTypes).map(k => nlsTypes[k]);\r\n    return (\r\n      <Host>\r\n        <div>\r\n          <div class=\"padding-block-end-1\">\r\n            <calcite-label class=\"label-spacing\">\r\n              {this._translations?.drawTools}\r\n            </calcite-label>\r\n          </div>\r\n          <div class=\"padding-inline-start-1\">\r\n            <check-list\r\n              defaultChecked={this.defaultChecked}\r\n              ref={(el) => { this._checkList = el; }}\r\n              values={types}\r\n            />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @returns Promise when complete\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const messages = await getLocaleComponentStrings(this.el);\r\n    this._translations = messages[0] as typeof ConfigDrawTools_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/config-layer-picker.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ConfigLayerPicker extends Components.ConfigLayerPicker, HTMLElement {}
-export const ConfigLayerPicker: {
-  prototype: ConfigLayerPicker;
-  new (): ConfigLayerPicker;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/config-layer-picker.js

@@ -1,148 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { g as getMapLayerNames } from './mapViewUtils.js';
-import { d as defineCustomElement$4 } from './checkbox.js';
-import { d as defineCustomElement$3 } from './label.js';
-import { d as defineCustomElement$2 } from './check-list2.js';
-
-const configLayerPickerCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigLayerPicker$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.defaultChecked = true;
-    this.mapView = undefined;
-    this._layerNames = [];
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the mapView prop is changed.
-   *
-   */
-  async watchStateHandler() {
-    await this._setLayers();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    return this._checkList.getConfigInfo();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._setLayers();
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    var _a;
-    return (h(Host, null, h("div", null, h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, (_a = this._translations) === null || _a === void 0 ? void 0 : _a.addresseeLayers)), h("div", { class: "padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._checkList = el; }, values: this._layerNames })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Fetch the names of the layers from the map
-   *
-   * @returns Promise when the operation has completed
-   */
-  async _setLayers() {
-    if (this.mapView) {
-      this._layerNames = await getMapLayerNames(this.mapView);
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "mapView": ["watchStateHandler"]
-  }; }
-  static get style() { return configLayerPickerCss; }
-}, [1, "config-layer-picker", {
-    "defaultChecked": [516, "default-checked"],
-    "mapView": [16],
-    "_layerNames": [32],
-    "_translations": [32],
-    "getConfigInfo": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["config-layer-picker", "calcite-checkbox", "calcite-label", "check-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "config-layer-picker":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ConfigLayerPicker$1);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "check-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ConfigLayerPicker = ConfigLayerPicker$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ConfigLayerPicker, defineCustomElement };
-
-//# sourceMappingURL=config-layer-picker.js.map

package/dist/components/config-layer-picker.js.map

@@ -1 +0,0 @@
-{"file":"config-layer-picker.js","mappings":";;;;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,yNAAyN;;MC0BzOA,mBAAiB;;;;;0BAkBc,IAAI;;uBAkBb,EAAE;;;;;;;;;;;;EAwBnC,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;GACzB;;;;;;;;;;;EAcD,MAAM,aAAa;IACjB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;GACxC;;;;;;;;;;;;;;;;EAmBD,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IACxB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAC/B;;;;EAKD,MAAM;;IACJ,QACE,EAAC,IAAI,QACH,eACE,WAAK,KAAK,EAAC,qBAAqB,IAC9B,qBAAe,KAAK,EAAC,eAAe,IACjC,MAAA,IAAI,CAAC,aAAa,0CAAE,eAAe,CACtB,CACZ,EACN,WAAK,KAAK,EAAC,wBAAwB,IACjC,kBACE,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,GAAG,EAAE,CAAC,EAAE,OAAO,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EAAE,EACtC,MAAM,EAAE,IAAI,CAAC,WAAW,GACxB,CACE,CACF,CACD,EACP;GACH;;;;;;;;;;;EAaD,MAAM,UAAU;IACd,IAAI,IAAI,CAAC,OAAO,EAAE;MAChB,IAAI,CAAC,WAAW,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACzD;GACF;;;;;;;EAQS,MAAM,gBAAgB;IAC9B,MAAM,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1D,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAiC,CAAC;GAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ConfigLayerPicker"],"sources":["./src/components/config-layer-picker/config-layer-picker.css?tag=config-layer-picker&encapsulation=shadow","./src/components/config-layer-picker/config-layer-picker.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.label-spacing {\r\n  --calcite-label-margin-bottom: 0;\r\n}\r\n\r\n.padding-block-end-1 {\r\n  padding-block-end: 1rem;\r\n}\r\n\r\n.padding-inline-start-1 {\r\n  padding-inline-start: 1rem;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, Host, h, Method, Prop, State, Watch } from '@stencil/core';\r\nimport ConfigLayerPicker_T9n from \"../../assets/t9n/config-layer-picker/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\nimport { getMapLayerNames } from \"../../utils/mapViewUtils\";\r\n\r\n@Component({\r\n  tag: 'config-layer-picker',\r\n  styleUrl: 'config-layer-picker.css',\r\n  shadow: true,\r\n})\r\nexport class ConfigLayerPicker {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLConfigLayerPickerElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: All checkboxes checked state will be set with this value on first render.\r\n   * Default is true\r\n   */\r\n  @Prop({ reflect: true }) defaultChecked = true;\r\n\r\n  /**\r\n   * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html\r\n   */\r\n  @Prop() mapView: __esri.MapView;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * string[]: list of layer names from the map\r\n   *\r\n   * @protected\r\n   */\r\n  @State() _layerNames: string[] = [];\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() _translations: typeof ConfigLayerPicker_T9n;\r\n\r\n  /**\r\n   * HTMLCheckListElement: The check list element\r\n   */\r\n  protected _checkList: HTMLCheckListElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the mapView prop is changed.\r\n   *\r\n   */\r\n  @Watch(\"mapView\")\r\n  async watchStateHandler(): Promise<void> {\r\n    await this._setLayers();\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Returns a key/value pair that represents the checkbox value and checked state\r\n   *\r\n   * @returns Promise with the state of the checkboxes\r\n   */\r\n  @Method()\r\n  async getConfigInfo(): Promise<{ [key: string]: boolean }> {\r\n    return this._checkList.getConfigInfo();\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    await this._setLayers();\r\n    await this._getTranslations();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div>\r\n          <div class=\"padding-block-end-1\">\r\n            <calcite-label class=\"label-spacing\">\r\n              {this._translations?.addresseeLayers}\r\n            </calcite-label>\r\n          </div>\r\n          <div class=\"padding-inline-start-1\">\r\n            <check-list\r\n              defaultChecked={this.defaultChecked}\r\n              ref={(el) => { this._checkList = el; }}\r\n              values={this._layerNames}\r\n            />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Fetch the names of the layers from the map\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   */\r\n  async _setLayers(): Promise<void> {\r\n    if (this.mapView) {\r\n      this._layerNames = await getMapLayerNames(this.mapView);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @returns Promise when complete\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const messages = await getLocaleComponentStrings(this.el);\r\n    this._translations = messages[0] as typeof ConfigLayerPicker_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/config-pdf-download.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ConfigPdfDownload extends Components.ConfigPdfDownload, HTMLElement {}
-export const ConfigPdfDownload: {
-  prototype: ConfigPdfDownload;
-  new (): ConfigPdfDownload;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/config-pdf-download.js

@@ -1,157 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { p as pdfUtils } from './labelFormats.js';
-import { d as defineCustomElement$4 } from './checkbox.js';
-import { d as defineCustomElement$3 } from './label.js';
-import { d as defineCustomElement$2 } from './check-list2.js';
-
-const configPdfDownloadCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigPdfDownload$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.defaultChecked = true;
-    this._formatOptions = [];
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    const formatOptions = await this._formatOptionsCheckList.getConfigInfo();
-    const csvOptions = await this._csvOptionsCheckList.getConfigInfo();
-    return Object.assign(Object.assign({}, formatOptions), csvOptions);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-    await this._setFormatOptions();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    var _c, _d, _e;
-    return (h(Host, null, h("div", null, h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, (_c = this._translations) === null || _c === void 0 ? void 0 : _c.availableLabelFormats)), h("div", { class: "padding-block-end-1 padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._formatOptionsCheckList = el; }, values: this._formatOptions })), h("div", { class: "padding-block-end-1" }, h("calcite-label", { class: "label-spacing" }, (_d = this._translations) === null || _d === void 0 ? void 0 : _d.csvOptions)), h("div", { class: "padding-block-end-1 padding-inline-start-1" }, h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._csvOptionsCheckList = el; }, values: [(_e = this._translations) === null || _e === void 0 ? void 0 : _e.csvColumnTitle] })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Fetch the names of the layers from the map
-   *
-   * @returns Promise when the operation has completed
-   */
-  async _setFormatOptions() {
-    const s = pdfUtils;
-    const sortedPdfIndo = (s.default || s).sort((a, b) => {
-      const _a = parseInt(a.descriptionPDF.labelsPerPageDisplay, 10);
-      const _b = parseInt(b.descriptionPDF.labelsPerPageDisplay, 10);
-      return _a < _b ? -1 : _a > _b ? 1 : 0;
-    });
-    this._formatOptions = sortedPdfIndo.map(l => {
-      return this._getLabelSizeText(l);
-    });
-  }
-  /**
-   * Gets the formatted pdf export size text
-   *
-   * @param labelInfo current user selected label info
-   *
-   * @returns the pdf label as a string
-   * @protected
-   */
-  _getLabelSizeText(labelInfo) {
-    const lNum = labelInfo.descriptionPDF.labelsPerPageDisplay;
-    const lSize = `${labelInfo.descriptionPDF.labelWidthDisplay} x ${labelInfo.descriptionPDF.labelHeightDisplay}`;
-    return this._translations.pdfLabel.replace("{{n}}", lNum).replace("{{labelSize}}", lSize);
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return this; }
-  static get style() { return configPdfDownloadCss; }
-}, [1, "config-pdf-download", {
-    "defaultChecked": [516, "default-checked"],
-    "_formatOptions": [32],
-    "_translations": [32],
-    "getConfigInfo": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["config-pdf-download", "calcite-checkbox", "calcite-label", "check-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "config-pdf-download":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ConfigPdfDownload$1);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "check-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ConfigPdfDownload = ConfigPdfDownload$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ConfigPdfDownload, defineCustomElement };
-
-//# sourceMappingURL=config-pdf-download.js.map

package/dist/components/config-pdf-download.js.map

@@ -1 +0,0 @@
-{"file":"config-pdf-download.js","mappings":";;;;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,yNAAyN;;MC0BzOA,mBAAiB;;;;;0BAkBc,IAAI;0BAWV,EAAE;;;;;;;;;;;;;;;;;;EAoCtC,MAAM,aAAa;IACjB,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,uBAAuB,CAAC,aAAa,EAAE,CAAC;IACzE,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,CAAC;IACnE,uCACK,aAAa,GACb,UAAU,EACb;GACH;;;;;;;;;;;;;;;;EAmBD,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC9B,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;GAChC;;;;EAKD,MAAM;;IACJ,QACE,EAAC,IAAI,QACH,eACE,WAAK,KAAK,EAAC,qBAAqB,IAC9B,qBAAe,KAAK,EAAC,eAAe,IACjC,MAAA,IAAI,CAAC,aAAa,0CAAE,qBAAqB,CAC5B,CACZ,EACN,WAAK,KAAK,EAAC,4CAA4C,IACrD,kBACE,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,GAAG,EAAE,CAAC,EAAE,OAAO,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC,EAAE,EACnD,MAAM,EAAE,IAAI,CAAC,cAAc,GAC3B,CACE,EACN,WAAK,KAAK,EAAC,qBAAqB,IAC9B,qBAAe,KAAK,EAAC,eAAe,IACjC,MAAA,IAAI,CAAC,aAAa,0CAAE,UAAU,CACjB,CACZ,EACN,WAAK,KAAK,EAAC,4CAA4C,IACrD,kBACE,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,GAAG,EAAE,CAAC,EAAE,OAAO,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC,EAAE,EAChD,MAAM,EAAE,CAAC,MAAA,IAAI,CAAC,aAAa,0CAAE,cAAc,CAAC,GAC5C,CACE,CACF,CACD,EACP;GACH;;;;;;;;;;;EAaD,MAAM,iBAAiB;IACrB,MAAM,CAAC,GAAQ,QAAQ,CAAC;IACxB,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;MAC/C,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;MAC/D,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;MAC/D,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;KACtC,CAAC,CAAC;IACH,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;MACvC,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;KAClC,CAAC,CAAC;GACJ;;;;;;;;;EAUU,iBAAiB,CAC1B,SAAc;IAEd,MAAM,IAAI,GAAG,SAAS,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC3D,MAAM,KAAK,GAAG,GAAG,SAAS,CAAC,cAAc,CAAC,iBAAiB,MAAM,SAAS,CAAC,cAAc,CAAC,kBAAkB,EAAE,CAAC;IAC/G,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;GAC3F;;;;;;;EAQS,MAAM,gBAAgB;IAC9B,MAAM,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1D,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAiC,CAAC;GAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ConfigPdfDownload"],"sources":["./src/components/config-pdf-download/config-pdf-download.css?tag=config-pdf-download&encapsulation=shadow","./src/components/config-pdf-download/config-pdf-download.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.label-spacing {\r\n  --calcite-label-margin-bottom: 0;\r\n}\r\n\r\n.padding-block-end-1 {\r\n  padding-block-end: 1rem;\r\n}\r\n\r\n.padding-inline-start-1 {\r\n  padding-inline-start: 1rem;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, Host, h, Method, Prop, State } from '@stencil/core';\r\nimport ConfigPdfDownload_T9n from \"../../assets/t9n/config-pdf-download/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\nimport * as pdfUtils from \"../../assets/data/labelFormats.json\";\r\n\r\n@Component({\r\n  tag: 'config-pdf-download',\r\n  styleUrl: 'config-pdf-download.css',\r\n  shadow: true,\r\n})\r\nexport class ConfigPdfDownload {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLConfigPdfDownloadElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: All checkboxes checked state will be set with this value on first render.\r\n   * Default is true\r\n   */\r\n  @Prop({ reflect: true }) defaultChecked = true;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * string[]: list of layer names from the map\r\n   */\r\n  @State() _formatOptions: string[] = [];\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() _translations: typeof ConfigPdfDownload_T9n;\r\n\r\n  /**\r\n   * HTMLCheckListElement: The format options check list element\r\n   */\r\n  protected _formatOptionsCheckList: HTMLCheckListElement;\r\n\r\n  /**\r\n   * HTMLCheckListElement: The CSV options check list element\r\n   */\r\n  protected _csvOptionsCheckList: HTMLCheckListElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Returns a key/value pair that represents the checkbox value and checked state\r\n   *\r\n   * @returns Promise with the state of the checkboxes\r\n   */\r\n  @Method()\r\n  async getConfigInfo(): Promise<{ [key: string]: boolean }> {\r\n    const formatOptions = await this._formatOptionsCheckList.getConfigInfo();\r\n    const csvOptions = await this._csvOptionsCheckList.getConfigInfo();\r\n    return {\r\n      ...formatOptions,\r\n      ...csvOptions\r\n    };\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    await this._getTranslations();\r\n    await this._setFormatOptions();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div>\r\n          <div class=\"padding-block-end-1\">\r\n            <calcite-label class=\"label-spacing\">\r\n              {this._translations?.availableLabelFormats}\r\n            </calcite-label>\r\n          </div>\r\n          <div class=\"padding-block-end-1 padding-inline-start-1\">\r\n            <check-list\r\n              defaultChecked={this.defaultChecked}\r\n              ref={(el) => { this._formatOptionsCheckList = el; }}\r\n              values={this._formatOptions}\r\n            />\r\n          </div>\r\n          <div class=\"padding-block-end-1\">\r\n            <calcite-label class=\"label-spacing\">\r\n              {this._translations?.csvOptions}\r\n            </calcite-label>\r\n          </div>\r\n          <div class=\"padding-block-end-1 padding-inline-start-1\">\r\n            <check-list\r\n              defaultChecked={this.defaultChecked}\r\n              ref={(el) => { this._csvOptionsCheckList = el; }}\r\n              values={[this._translations?.csvColumnTitle]}\r\n            />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Fetch the names of the layers from the map\r\n   *\r\n   * @returns Promise when the operation has completed\r\n   */\r\n  async _setFormatOptions(): Promise<void> {\r\n    const s: any = pdfUtils;\r\n    const sortedPdfIndo = (s.default || s).sort((a, b) => {\r\n      const _a = parseInt(a.descriptionPDF.labelsPerPageDisplay, 10);\r\n      const _b = parseInt(b.descriptionPDF.labelsPerPageDisplay, 10);\r\n      return _a < _b ? -1 : _a > _b ? 1 : 0\r\n    });\r\n    this._formatOptions = sortedPdfIndo.map(l => {\r\n      return this._getLabelSizeText(l);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Gets the formatted pdf export size text\r\n   *\r\n   * @param labelInfo current user selected label info\r\n   *\r\n   * @returns the pdf label as a string\r\n   * @protected\r\n   */\r\n   protected _getLabelSizeText(\r\n    labelInfo: any\r\n  ): string {\r\n    const lNum = labelInfo.descriptionPDF.labelsPerPageDisplay;\r\n    const lSize = `${labelInfo.descriptionPDF.labelWidthDisplay} x ${labelInfo.descriptionPDF.labelHeightDisplay}`;\r\n    return this._translations.pdfLabel.replace(\"{{n}}\", lNum).replace(\"{{labelSize}}\", lSize);\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @returns Promise when complete\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const messages = await getLocaleComponentStrings(this.el);\r\n    this._translations = messages[0] as typeof ConfigPdfDownload_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/date-picker-day.js

@@ -1,113 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { k as closestElementCrossShadowBoundary, c as getElementDir, C as CSS_UTILITY } from './dom.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { i as isActivationKey } from './key.js';
-import { n as numberStringFormatter } from './locale2.js';
-
-const datePickerDayCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;min-inline-size:0px;cursor:pointer;justify-content:center;color:var(--calcite-ui-text-3);inline-size:14.2857142857%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.day-v-wrapper{flex:1 1 auto}.day-wrapper{display:flex;flex-direction:column;align-items:center}.day{display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background:none;box-shadow:0 0 0 2px transparent}.text{margin-block:1px 0px;-webkit-margin-start:0px;margin-inline-start:0px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{block-size:27px;inline-size:27px;font-size:var(--calcite-font-size--2)}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding-inline:0.25rem}:host([scale=m]) .day{block-size:33px;inline-size:33px;font-size:var(--calcite-font-size--1)}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{block-size:43px;inline-size:43px;font-size:var(--calcite-font-size-0)}:host([current-month]) .day{opacity:1}:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-ui-brand) !important;color:var(--calcite-ui-foreground-1) !important}:host([range][selected]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([start-of-range]) .day-wrapper{border-start-start-radius:40%;border-end-start-radius:40%}:host([end-of-range]) .day-wrapper{border-start-end-radius:40%;border-end-end-radius:40%}:host([start-of-range]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range]) .calcite--rtl .day-wrapper{box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([start-of-range]) .day{opacity:1}:host([end-of-range]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset -4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range]) .calcite--rtl .day-wrapper{box-shadow:inset 4px 0 var(--calcite-ui-foreground-1)}:host([end-of-range]) .day{opacity:1}:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day{box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([start-of-range]:not(:focus)) .calcite--rtl .day{box-shadow:0 0 0 -2px var(--calcite-ui-foreground-1)}:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day{box-shadow:0 0 0 -2px var(--calcite-ui-foreground-1)}:host([end-of-range]:not(:focus)) .calcite--rtl .day{box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset 8px 0 var(--calcite-ui-foreground-1)}:host([start-of-range][scale=l]) .calcite--rtl .day-wrapper{box-shadow:inset -8px 0 var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper{box-shadow:inset -8px 0 var(--calcite-ui-foreground-1)}:host([end-of-range][scale=l]) .calcite--rtl .day-wrapper{box-shadow:inset 8px 0 var(--calcite-ui-foreground-1)}:host([highlighted]) .day-wrapper{background-color:var(--calcite-ui-foreground-current)}:host([highlighted]) .day-wrapper .day{color:var(--calcite-ui-text-1)}:host([highlighted]:not([active]:focus)) .day{border-radius:0px;color:var(--calcite-ui-text-1)}:host([range-hover]:not([selected])) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([range-hover]:not([selected])) .day{border-radius:0px}:host([start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host(:hover[end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[start-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host(:hover[start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,:host(:hover[end-of-range][range-hover]) .calcite--rtl .day-wrapper{background-image:linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));border-radius:0px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current))}:host(:hover[range-hover]:not([selected]).focused--start) .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current))}:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--end) .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2))}:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day-wrapper,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day-wrapper{background-image:linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1))}:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day{border-radius:9999px;opacity:1;box-shadow:0 0 0 2px var(--calcite-ui-foreground-1)}:host(:hover[start-of-range].hover--inside-range.focused--end) .day-wrapper,:host(:hover[end-of-range].hover--inside-range.focused--start) .day-wrapper{background-image:none}:host([start-of-range].hover--inside-range.focused--end) .day-wrapper,:host([end-of-range].hover--inside-range.focused--start) .day-wrapper{background-color:var(--calcite-ui-foreground-2)}:host([highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:first-child) .calcite--rtl .day-wrapper,:host([range-hover]:first-child) .calcite--rtl .day-wrapper{box-shadow:inset -4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([highlighted]:last-child) .calcite--rtl .day-wrapper,:host([range-hover]:last-child) .calcite--rtl .day-wrapper{box-shadow:inset 4px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:first-child) .calcite--rtl .day-wrapper{box-shadow:inset -1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=s][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=s][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=s][range-hover]:last-child) .calcite--rtl .day-wrapper{box-shadow:inset 1px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([scale=l][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:last-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:last-child) .calcite--rtl .day-wrapper{box-shadow:inset 6px 0px 0px 0px var(--calcite-ui-foreground-1)}:host([highlighted]:first-child) .day-wrapper,:host([range-hover]:first-child) .day-wrapper{border-start-start-radius:45%;border-end-start-radius:45%}:host([highlighted]:last-child) .day-wrapper,:host([range-hover]:last-child) .day-wrapper{border-start-end-radius:45%;border-end-end-radius:45%}:host([scale=l][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,:host([scale=l][highlighted]:first-child) .calcite--rtl .day-wrapper,:host([scale=l][range-hover]:first-child) .calcite--rtl .day-wrapper{box-shadow:inset -6px 0px 0px 0px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host(:hover:not([disabled])) .day,:host([active]:not([range])) .day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host([selected]) .day{border-radius:0px;background-color:highlight}:host([range][selected]) .day-wrapper,:host([highlighted]) .day-wrapper,:host([range-hover]:not([selected])) .day-wrapper{background-color:highlight}:host([range][selected][start-of-range]) .day-wrapper,:host([range][selected][end-of-range]) .day-wrapper{background-color:canvas}}";
-
-const DatePickerDay = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteDaySelect = createEvent(this, "calciteDaySelect", 6);
-    this.calciteInternalDayHover = createEvent(this, "calciteInternalDayHover", 6);
-    /** Date is outside of range and can't be selected */
-    this.disabled = false;
-    /** Date is in the current month. */
-    this.currentMonth = false;
-    /** Date is the current selected date of the picker */
-    this.selected = false;
-    /** Date is currently highlighted as part of the range */
-    this.highlighted = false;
-    /** Showing date range */
-    this.range = false;
-    /** Date is the start of date range */
-    this.startOfRange = false;
-    /** Date is the end of date range */
-    this.endOfRange = false;
-    /** Date is being hovered and within the set range */
-    this.rangeHover = false;
-    /** Date is actively in focus for keyboard navigation */
-    this.active = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    this.onClick = () => {
-      !this.disabled && this.calciteDaySelect.emit();
-    };
-    this.keyDownHandler = (event) => {
-      if (isActivationKey(event.key)) {
-        !this.disabled && this.calciteDaySelect.emit();
-        event.preventDefault();
-      }
-    };
-  }
-  mouseoverHandler() {
-    this.calciteInternalDayHover.emit();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentWillLoad() {
-    this.parentDatePickerEl = closestElementCrossShadowBoundary(this.el, "calcite-date-picker");
-  }
-  render() {
-    if (this.parentDatePickerEl) {
-      const { numberingSystem, lang: locale } = this.parentDatePickerEl;
-      numberStringFormatter.numberFormatOptions = Object.assign(Object.assign({ useGrouping: false }, (numberingSystem && { numberingSystem })), (locale && { locale }));
-    }
-    const formattedDay = numberStringFormatter.localize(String(this.day));
-    const dir = getElementDir(this.el);
-    return (h(Host, { onClick: this.onClick, onKeyDown: this.keyDownHandler, role: "gridcell" }, h("div", { class: { "day-v-wrapper": true, [CSS_UTILITY.rtl]: dir === "rtl" } }, h("div", { class: "day-wrapper" }, h("span", { class: "day" }, h("span", { class: "text" }, formattedDay))))));
-  }
-  componentDidRender() {
-    updateHostInteraction(this, this.isTabbable);
-  }
-  isTabbable() {
-    return this.active;
-  }
-  get el() { return this; }
-  static get style() { return datePickerDayCss; }
-}, [1, "calcite-date-picker-day", {
-    "day": [2],
-    "disabled": [516],
-    "currentMonth": [516, "current-month"],
-    "selected": [516],
-    "highlighted": [516],
-    "range": [516],
-    "startOfRange": [516, "start-of-range"],
-    "endOfRange": [516, "end-of-range"],
-    "rangeHover": [516, "range-hover"],
-    "active": [516],
-    "scale": [513],
-    "value": [16]
-  }, [[1, "pointerover", "mouseoverHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-date-picker-day"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-date-picker-day":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DatePickerDay);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { DatePickerDay as D, defineCustomElement as d };
-
-//# sourceMappingURL=date-picker-day.js.map

package/dist/components/date-picker-day.js.map

@@ -1 +0,0 @@
-{"file":"date-picker-day.js","mappings":";;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,mzbAAmzb;;MCW/zb,aAAa;EACxB;;;;;;;IAEE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;IAEtB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;;IAE1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;IAEtB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;;IAEzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;;IAEnB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;;IAE1B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;;IAExB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;;IAExB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;;;;;IAMpB,IAAI,CAAC,OAAO,GAAG;MACb,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;KAChD,CAAC;IACF,IAAI,CAAC,cAAc,GAAG,CAAC,KAAK;MAC1B,IAAI,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;QAC9B,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;QAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;OACxB;KACF,CAAC;GACH;EACD,gBAAgB;IACd,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;GACrC;;;;;;EAMD,iBAAiB;IACf,IAAI,CAAC,kBAAkB,GAAG,iCAAiC,CAAC,IAAI,CAAC,EAAE,EAAE,qBAAqB,CAAC,CAAC;GAC7F;EACD,MAAM;IACJ,IAAI,IAAI,CAAC,kBAAkB,EAAE;MAC3B,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC;MAClE,qBAAqB,CAAC,mBAAmB,iCACvC,WAAW,EAAE,KAAK,KACd,eAAe,IAAI,EAAE,eAAe,EAAE,KACtC,MAAM,IAAI,EAAE,MAAM,EAAE,EACzB,CAAC;KACH;IACD,MAAM,YAAY,GAAG,qBAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACtE,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACnC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,KAAK,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;GAC9R;EACD,kBAAkB;IAChB,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;GAC9C;EACD,UAAU;IACR,OAAO,IAAI,CAAC,MAAM,CAAC;GACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/date-picker-day/date-picker-day.css?tag=calcite-date-picker-day&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/date-picker-day/date-picker-day.js"],"sourcesContent":["/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  display: flex;\n  min-inline-size: 0px;\n  cursor: pointer;\n  justify-content: center;\n  color: var(--calcite-ui-text-3);\n  inline-size: 14.2857142857%;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n.day-v-wrapper {\n  flex: 1 1 auto;\n}\n\n.day-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.day {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 9999px;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  line-height: 1;\n  color: var(--calcite-ui-text-3);\n  opacity: var(--calcite-ui-opacity-disabled);\n  outline-color: transparent;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  background: none;\n  box-shadow: 0 0 0 2px transparent;\n}\n\n.text {\n  margin-block: 1px 0px;\n  margin-inline-start: 0px;\n}\n\n:host([scale=s]) .day-v-wrapper {\n  padding-block: 0.125rem;\n}\n:host([scale=s]) .day-wrapper {\n  padding: 0px;\n}\n:host([scale=s]) .day {\n  block-size: 27px;\n  inline-size: 27px;\n  font-size: var(--calcite-font-size--2);\n}\n\n:host([scale=m]) .day-v-wrapper {\n  padding-block: 0.25rem;\n}\n:host([scale=m]) .day-wrapper {\n  padding-inline: 0.25rem;\n}\n:host([scale=m]) .day {\n  block-size: 33px;\n  inline-size: 33px;\n  font-size: var(--calcite-font-size--1);\n}\n\n:host([scale=l]) .day-v-wrapper {\n  padding-block: 0.25rem;\n}\n:host([scale=l]) .day-wrapper {\n  padding-inline: 0.25rem;\n}\n:host([scale=l]) .day {\n  block-size: 43px;\n  inline-size: 43px;\n  font-size: var(--calcite-font-size-0);\n}\n\n:host([current-month]) .day {\n  opacity: 1;\n}\n\n:host(:hover:not([disabled])) .day, \n:host([active]:not([range])) .day {\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-text-1);\n}\n\n:host(:focus), \n:host([active]) {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n:host(:focus:not([disabled])) .day {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n\n:host([selected]) .day {\n  font-weight: var(--calcite-font-weight-medium);\n  background-color: var(--calcite-ui-brand) !important;\n  color: var(--calcite-ui-foreground-1) !important;\n}\n\n:host([range][selected]) .day-wrapper {\n  background-color: var(--calcite-ui-foreground-current);\n}\n\n:host([start-of-range]) .day-wrapper {\n  border-start-start-radius: 40%;\n  border-end-start-radius: 40%;\n}\n\n:host([end-of-range]) .day-wrapper {\n  border-start-end-radius: 40%;\n  border-end-end-radius: 40%;\n}\n\n:host([start-of-range]) :not(.calcite--rtl) .day-wrapper {\n  box-shadow: inset 4px 0 var(--calcite-ui-foreground-1);\n}\n:host([start-of-range]) .calcite--rtl .day-wrapper {\n  box-shadow: inset -4px 0 var(--calcite-ui-foreground-1);\n}\n:host([start-of-range]) .day {\n  opacity: 1;\n}\n\n:host([end-of-range]) :not(.calcite--rtl) .day-wrapper {\n  box-shadow: inset -4px 0 var(--calcite-ui-foreground-1);\n}\n:host([end-of-range]) .calcite--rtl .day-wrapper {\n  box-shadow: inset 4px 0 var(--calcite-ui-foreground-1);\n}\n:host([end-of-range]) .day {\n  opacity: 1;\n}\n\n:host([start-of-range]:not(:focus)) :not(.calcite--rtl) .day {\n  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n:host([start-of-range]:not(:focus)) .calcite--rtl .day {\n  box-shadow: 0 0 0 -2px var(--calcite-ui-foreground-1);\n}\n\n:host([end-of-range]:not(:focus)) :not(.calcite--rtl) .day {\n  box-shadow: 0 0 0 -2px var(--calcite-ui-foreground-1);\n}\n:host([end-of-range]:not(:focus)) .calcite--rtl .day {\n  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n\n:host([start-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper {\n  box-shadow: inset 8px 0 var(--calcite-ui-foreground-1);\n}\n:host([start-of-range][scale=l]) .calcite--rtl .day-wrapper {\n  box-shadow: inset -8px 0 var(--calcite-ui-foreground-1);\n}\n\n:host([end-of-range][scale=l]) :not(.calcite--rtl) .day-wrapper {\n  box-shadow: inset -8px 0 var(--calcite-ui-foreground-1);\n}\n:host([end-of-range][scale=l]) .calcite--rtl .day-wrapper {\n  box-shadow: inset 8px 0 var(--calcite-ui-foreground-1);\n}\n\n:host([highlighted]) .day-wrapper {\n  background-color: var(--calcite-ui-foreground-current);\n}\n:host([highlighted]) .day-wrapper .day {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([highlighted]:not([active]:focus)) .day {\n  border-radius: 0px;\n  color: var(--calcite-ui-text-1);\n}\n\n:host([range-hover]:not([selected])) .day-wrapper {\n  background-color: var(--calcite-ui-foreground-2);\n}\n:host([range-hover]:not([selected])) .day {\n  border-radius: 0px;\n}\n\n:host([start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper {\n  background-image: linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));\n  border-radius: 0px;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n:host([start-of-range][range-hover]) .calcite--rtl .day-wrapper {\n  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));\n  border-radius: 0px;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n:host([end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper {\n  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));\n  border-radius: 0px;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n:host([end-of-range][range-hover]) .calcite--rtl .day-wrapper {\n  background-image: linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));\n  border-radius: 0px;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n:host(:hover[end-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,\n:host(:hover[start-of-range][range-hover]) .calcite--rtl .day-wrapper {\n  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));\n  border-radius: 0px;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n:host(:hover[start-of-range][range-hover]) :not(.calcite--rtl) .day-wrapper,\n:host(:hover[end-of-range][range-hover]) .calcite--rtl .day-wrapper {\n  background-image: linear-gradient(to left, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));\n  border-radius: 0px;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n:host(:hover[range-hover]:not([selected]).focused--start) :not(.calcite--rtl) .day-wrapper {\n  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));\n}\n:host(:hover[range-hover]:not([selected]).focused--start) .calcite--rtl .day-wrapper {\n  background-image: linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current));\n}\n:host(:hover[range-hover]:not([selected]).focused--start) .day {\n  border-radius: 9999px;\n  opacity: 1;\n  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n\n:host(:hover[range-hover]:not([selected]).focused--end) :not(.calcite--rtl) .day-wrapper {\n  background-image: linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current));\n}\n:host(:hover[range-hover]:not([selected]).focused--end) .calcite--rtl .day-wrapper {\n  background-image: linear-gradient(to right, var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-current), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));\n}\n:host(:hover[range-hover]:not([selected]).focused--end) .day {\n  border-radius: 9999px;\n  opacity: 1;\n  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n\n:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day-wrapper,\n:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day-wrapper {\n  background-image: linear-gradient(to right, var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2));\n}\n:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) :not(.calcite--rtl) .day, \n:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .calcite--rtl .day {\n  border-radius: 9999px;\n  opacity: 1;\n  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n\n:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day-wrapper,\n:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day-wrapper {\n  background-image: linear-gradient(to right, var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-2), var(--calcite-ui-foreground-1), var(--calcite-ui-foreground-1));\n}\n:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) :not(.calcite--rtl) .day, \n:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .calcite--rtl .day {\n  border-radius: 9999px;\n  opacity: 1;\n  box-shadow: 0 0 0 2px var(--calcite-ui-foreground-1);\n}\n\n:host(:hover[start-of-range].hover--inside-range.focused--end) .day-wrapper, \n:host(:hover[end-of-range].hover--inside-range.focused--start) .day-wrapper {\n  background-image: none;\n}\n\n:host([start-of-range].hover--inside-range.focused--end) .day-wrapper, \n:host([end-of-range].hover--inside-range.focused--start) .day-wrapper {\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n:host([highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,\n:host([range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,\n:host([highlighted]:first-child) .calcite--rtl .day-wrapper,\n:host([range-hover]:first-child) .calcite--rtl .day-wrapper {\n  box-shadow: inset -4px 0px 0px 0px var(--calcite-ui-foreground-1);\n}\n\n:host([highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,\n:host([range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,\n:host([highlighted]:last-child) .calcite--rtl .day-wrapper,\n:host([range-hover]:last-child) .calcite--rtl .day-wrapper {\n  box-shadow: inset 4px 0px 0px 0px var(--calcite-ui-foreground-1);\n}\n\n:host([scale=s][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,\n:host([scale=s][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,\n:host([scale=s][highlighted]:first-child) .calcite--rtl .day-wrapper,\n:host([scale=s][range-hover]:first-child) .calcite--rtl .day-wrapper {\n  box-shadow: inset -1px 0px 0px 0px var(--calcite-ui-foreground-1);\n}\n\n:host([scale=s][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,\n:host([scale=s][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,\n:host([scale=s][highlighted]:last-child) .calcite--rtl .day-wrapper,\n:host([scale=s][range-hover]:last-child) .calcite--rtl .day-wrapper {\n  box-shadow: inset 1px 0px 0px 0px var(--calcite-ui-foreground-1);\n}\n\n:host([scale=l][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,\n:host([scale=l][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,\n:host([scale=l][highlighted]:last-child) .calcite--rtl .day-wrapper,\n:host([scale=l][range-hover]:last-child) .calcite--rtl .day-wrapper {\n  box-shadow: inset 6px 0px 0px 0px var(--calcite-ui-foreground-1);\n}\n\n:host([highlighted]:first-child) .day-wrapper,\n:host([range-hover]:first-child) .day-wrapper {\n  border-start-start-radius: 45%;\n  border-end-start-radius: 45%;\n}\n\n:host([highlighted]:last-child) .day-wrapper,\n:host([range-hover]:last-child) .day-wrapper {\n  border-start-end-radius: 45%;\n  border-end-end-radius: 45%;\n}\n\n:host([scale=l][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,\n:host([scale=l][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,\n:host([scale=l][highlighted]:first-child) .calcite--rtl .day-wrapper,\n:host([scale=l][range-hover]:first-child) .calcite--rtl .day-wrapper {\n  box-shadow: inset -6px 0px 0px 0px var(--calcite-ui-foreground-1);\n}\n\n@media (forced-colors: active) {\n  :host(:hover:not([disabled])) .day, \n:host([active]:not([range])) .day {\n    border-radius: 0px;\n  }\n\n  :host([selected]) {\n    outline: 2px solid canvasText;\n  }\n  :host([selected]) .day {\n    border-radius: 0px;\n    background-color: highlight;\n  }\n\n  :host([range][selected]) .day-wrapper,\n:host([highlighted]) .day-wrapper,\n:host([range-hover]:not([selected])) .day-wrapper {\n    background-color: highlight;\n  }\n\n  :host([range][selected][start-of-range]) .day-wrapper,\n:host([range][selected][end-of-range]) .day-wrapper {\n    background-color: canvas;\n  }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { Host, h } from \"@stencil/core\";\nimport { closestElementCrossShadowBoundary, getElementDir } from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { numberStringFormatter } from \"../../utils/locale\";\nexport class DatePickerDay {\n  constructor() {\n    /** Date is outside of range and can't be selected */\n    this.disabled = false;\n    /** Date is in the current month. */\n    this.currentMonth = false;\n    /** Date is the current selected date of the picker */\n    this.selected = false;\n    /** Date is currently highlighted as part of the range */\n    this.highlighted = false;\n    /** Showing date range */\n    this.range = false;\n    /** Date is the start of date range */\n    this.startOfRange = false;\n    /** Date is the end of date range */\n    this.endOfRange = false;\n    /** Date is being hovered and within the set range */\n    this.rangeHover = false;\n    /** Date is actively in focus for keyboard navigation */\n    this.active = false;\n    //--------------------------------------------------------------------------\n    //\n    //  Event Listeners\n    //\n    //--------------------------------------------------------------------------\n    this.onClick = () => {\n      !this.disabled && this.calciteDaySelect.emit();\n    };\n    this.keyDownHandler = (event) => {\n      if (isActivationKey(event.key)) {\n        !this.disabled && this.calciteDaySelect.emit();\n        event.preventDefault();\n      }\n    };\n  }\n  mouseoverHandler() {\n    this.calciteInternalDayHover.emit();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentWillLoad() {\n    this.parentDatePickerEl = closestElementCrossShadowBoundary(this.el, \"calcite-date-picker\");\n  }\n  render() {\n    if (this.parentDatePickerEl) {\n      const { numberingSystem, lang: locale } = this.parentDatePickerEl;\n      numberStringFormatter.numberFormatOptions = {\n        useGrouping: false,\n        ...(numberingSystem && { numberingSystem }),\n        ...(locale && { locale })\n      };\n    }\n    const formattedDay = numberStringFormatter.localize(String(this.day));\n    const dir = getElementDir(this.el);\n    return (h(Host, { onClick: this.onClick, onKeyDown: this.keyDownHandler, role: \"gridcell\" }, h(\"div\", { class: { \"day-v-wrapper\": true, [CSS_UTILITY.rtl]: dir === \"rtl\" } }, h(\"div\", { class: \"day-wrapper\" }, h(\"span\", { class: \"day\" }, h(\"span\", { class: \"text\" }, formattedDay))))));\n  }\n  componentDidRender() {\n    updateHostInteraction(this, this.isTabbable);\n  }\n  isTabbable() {\n    return this.active;\n  }\n  static get is() { return \"calcite-date-picker-day\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"date-picker-day.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"date-picker-day.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"day\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Day of the month to be shown.\"\n        },\n        \"attribute\": \"day\",\n        \"reflect\": false\n      },\n      \"disabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Date is outside of range and can't be selected\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"currentMonth\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Date is in the current month.\"\n        },\n        \"attribute\": \"current-month\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selected\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Date is the current selected date of the picker\"\n        },\n        \"attribute\": \"selected\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"highlighted\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Date is currently highlighted as part of the range\"\n        },\n        \"attribute\": \"highlighted\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"range\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Showing date range\"\n        },\n        \"attribute\": \"range\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"startOfRange\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Date is the start of date range\"\n        },\n        \"attribute\": \"start-of-range\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"endOfRange\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Date is the end of date range\"\n        },\n        \"attribute\": \"end-of-range\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"rangeHover\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Date is being hovered and within the set range\"\n        },\n        \"attribute\": \"range-hover\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"active\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Date is actively in focus for keyboard navigation\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"specify the scale of the date picker\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true\n      },\n      \"value\": {\n        \"type\": \"unknown\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Date\",\n          \"resolved\": \"Date\",\n          \"references\": {\n            \"Date\": {\n              \"location\": \"global\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Date value for the day.\"\n        }\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteDaySelect\",\n        \"name\": \"calciteDaySelect\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emitted when user selects day\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteInternalDayHover\",\n        \"name\": \"calciteInternalDayHover\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Emitted when user hovers over a day\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"pointerover\",\n        \"method\": \"mouseoverHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": true\n      }];\n  }\n}\n"],"version":3}