@esri/solutions-components 0.2.3 → 0.2.4

package/dist/solutions-components/p-e405ebe8.entry.js

@@ -0,0 +1,93 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, H as Host, g as getElement } from './p-58c69df2.js';
+import { g as guid } from './p-a80b3880.js';
+
+const loaderCss = "@charset \"UTF-8\";@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{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) * 2) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem)}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:none}:host([active]){display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-margin-before:calc(var(--calcite-loader-size) + 1.5rem);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-ui-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;-webkit-margin-start:calc(var(--calcite-loader-size) / 2 * -1);margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;-webkit-margin-start:calc(var(--calcite-loader-size) / 2 * -1);margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);transform:scale(1, 1)}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear;animation-name:loader-clockwise}@supports (display: grid){.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}}:host([type=determinate]){animation:none;stroke:var(--calcite-ui-border-3)}:host([type=determinate]) .loader__svg--3{animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);-webkit-margin-end:calc(var(--calcite-loader-size-inline) * 0.5);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([active][inline]){display:inline-block}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-ui-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444% 139.6262222222%;animation-duration:calc(var(--calcite-internal-animation-timing-slow) * 2.4)}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}.loader__svg--2{stroke-dasharray:55.8504888889% 139.6262222222%;animation-duration:calc(var(--calcite-internal-animation-timing-slow) * 3.2)}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}.loader__svg--3{stroke-dasharray:13.9626222222% 139.6262222222%;animation-duration:calc(var(--calcite-internal-animation-timing-slow) * 3.867)}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-clockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+
+const Loader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** When `true`, the component is active. */
+    this.active = false;
+    /** When `true`, displays smaller and appears to the left of the text. */
+    this.inline = false;
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    /** The component's value. Valid only for `"determinate"` indicators. Percent complete of 100. */
+    this.value = 0;
+    /** Text that displays under the component's indicator. */
+    this.text = "";
+    /**
+     * Disables spacing around the component.
+     *
+     * @deprecated Use `--calcite-loader-padding` CSS variable instead.
+     */
+    this.noPadding = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    const { el, inline, label, scale, text, type, value } = this;
+    const id = el.id || guid();
+    const radiusRatio = 0.45;
+    const size = inline ? this.getInlineSize(scale) : this.getSize(scale);
+    const radius = size * radiusRatio;
+    const viewbox = `0 0 ${size} ${size}`;
+    const isDeterminate = type === "determinate";
+    const circumference = 2 * radius * Math.PI;
+    const progress = (value / 100) * circumference;
+    const remaining = circumference - progress;
+    const valueNow = Math.floor(value);
+    const hostAttributes = {
+      "aria-valuenow": valueNow,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      complete: valueNow === 100
+    };
+    const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
+    const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
+    return (h(Host, Object.assign({ "aria-label": label, id: id, role: "progressbar" }, (isDeterminate ? hostAttributes : {})), h("div", { class: "loader__svgs" }, h("svg", { class: "loader__svg loader__svg--1", viewBox: viewbox }, h("circle", Object.assign({}, svgAttributes))), h("svg", { class: "loader__svg loader__svg--2", viewBox: viewbox }, h("circle", Object.assign({}, svgAttributes))), h("svg", Object.assign({ class: "loader__svg loader__svg--3", viewBox: viewbox }, (isDeterminate ? { style: determinateStyle } : {})), h("circle", Object.assign({}, svgAttributes)))), text && h("div", { class: "loader__text" }, text), isDeterminate && h("div", { class: "loader__percentage" }, value)));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Return the proper sizes based on the scale property
+   *
+   * @param scale
+   */
+  getSize(scale) {
+    return {
+      s: 32,
+      m: 56,
+      l: 80
+    }[scale];
+  }
+  getInlineSize(scale) {
+    return {
+      s: 12,
+      m: 16,
+      l: 20
+    }[scale];
+  }
+  get el() { return getElement(this); }
+};
+Loader.style = loaderCss;
+
+export { Loader as calcite_loader };
+
+//# sourceMappingURL=p-e405ebe8.entry.js.map

package/dist/solutions-components/p-e405ebe8.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-loader.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/loader/loader.css?tag=calcite-loader&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/loader/loader.js"],"sourcesContent":["@charset \"UTF-8\";\n/* 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/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-loader-font-size: Specifies the font size of the loading percentage when type is `\"determinate\"`.\n* @prop --calcite-loader-size: The width and height of a non-inline loader.\n* @prop --calcite-loader-size-inline: The width and height of an inline loader.\n*/\n:host{\n  position: relative;\n  margin-inline: auto;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  opacity: 1;\n  min-block-size: var(--calcite-loader-size);\n  font-size: var(--calcite-loader-font-size);\n  stroke: var(--calcite-ui-brand);\n  stroke-width: 3;\n  fill: none;\n  transform: scale(1, 1);\n  animation: loader-color-shift calc(var(--calcite-internal-animation-timing-slow) * 2) alternate-reverse infinite linear;\n  padding-block: var(--calcite-loader-padding, 4rem);\n}\n\n:host([scale=s]) {\n  --calcite-loader-font-size: var(--calcite-font-size--2);\n  --calcite-loader-size: 2rem;\n  --calcite-loader-size-inline: 0.75rem;\n}\n\n:host([scale=m]) {\n  --calcite-loader-font-size: var(--calcite-font-size-0);\n  --calcite-loader-size: 4rem;\n  --calcite-loader-size-inline: 1rem;\n}\n\n:host([scale=l]) {\n  --calcite-loader-font-size: var(--calcite-font-size-2);\n  --calcite-loader-size: 6rem;\n  --calcite-loader-size-inline: 1.5rem;\n}\n\n:host([no-padding]){\n  padding-block: 0px;\n}\n\n:host{\n  display: none;\n}\n\n:host([active]){\n  display: flex;\n}\n\n.loader__text{\n  display: block;\n  text-align: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  color: var(--calcite-ui-text-1);\n  margin-block-start: calc(var(--calcite-loader-size) + 1.5rem);\n}\n\n.loader__percentage{\n  position: absolute;\n  display: block;\n  text-align: center;\n  color: var(--calcite-ui-text-1);\n  font-size: var(--calcite-loader-font-size);\n  inline-size: var(--calcite-loader-size);\n  inset-inline-start: 50%;\n  margin-inline-start: calc(var(--calcite-loader-size) / 2 * -1);\n  line-height: 0.25;\n  transform: scale(1, 1);\n}\n\n.loader__svgs{\n  position: absolute;\n  overflow: visible;\n  opacity: 1;\n  inline-size: var(--calcite-loader-size);\n  block-size: var(--calcite-loader-size);\n  inset-inline-start: 50%;\n  margin-inline-start: calc(var(--calcite-loader-size) / 2 * -1);\n  transform: scale(1, 1);\n}\n\n.loader__svg{\n  position: absolute;\n  inset-block-start: 0px;\n  transform-origin: center;\n  overflow: visible;\n  inset-inline-start: 0;\n  inline-size: var(--calcite-loader-size);\n  block-size: var(--calcite-loader-size);\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  animation-name: loader-clockwise;\n}\n\n@supports (display: grid) {\n  .loader__svg--1 {\n    animation-name: loader-offset-1;\n  }\n\n  .loader__svg--2 {\n    animation-name: loader-offset-2;\n  }\n\n  .loader__svg--3 {\n    animation-name: loader-offset-3;\n  }\n}\n:host([type=determinate]){\n  animation: none;\n  stroke: var(--calcite-ui-border-3);\n}\n:host([type=determinate]) .loader__svg--3{\n  animation: none;\n  stroke: var(--calcite-ui-brand);\n  stroke-dasharray: 150.79632;\n  transform: rotate(-90deg);\n  transition: all var(--calcite-internal-animation-timing-fast) linear;\n}\n\n:host([inline]){\n  position: relative;\n  margin: 0px;\n  animation: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  padding-block: 0px;\n  block-size: var(--calcite-loader-size-inline);\n  min-block-size: var(--calcite-loader-size-inline);\n  inline-size: var(--calcite-loader-size-inline);\n  margin-inline-end: calc(var(--calcite-loader-size-inline) * 0.5);\n  vertical-align: calc(var(--calcite-loader-size-inline) * -1 * 0.2);\n}\n\n:host([active][inline]){\n  display: inline-block;\n}\n\n:host([inline]) .loader__svgs{\n  inset-block-start: 0px;\n  margin: 0px;\n  inset-inline-start: 0;\n  inline-size: var(--calcite-loader-size-inline);\n  block-size: var(--calcite-loader-size-inline);\n}\n\n:host([inline]) .loader__svg {\n  inline-size: var(--calcite-loader-size-inline);\n  block-size: var(--calcite-loader-size-inline);\n}\n\n:host([complete]){\n  opacity: 0;\n  transform: scale(0.75, 0.75);\n  transform-origin: center;\n  transition: opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms;\n}\n\n:host([complete]) .loader__svgs{\n  opacity: 0;\n  transform: scale(0.75, 0.75);\n  transform-origin: center;\n  transition: opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms;\n}\n\n:host([complete]) .loader__percentage {\n  color: var(--calcite-ui-brand);\n  transform: scale(1.05, 1.05);\n  transform-origin: center;\n  transition: color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear;\n}\n\n/**\n  Segment variables\n  - i         index (1-3)\n  - size      length of the segment (0 - 100)\n  - growth    how much the segment grows during the animation\n              (size + growth should not exceed 100)\n  - duration  how long the segment takes to rotate 360° (seconds)\n*/\n.loader__svg--1 {\n  stroke-dasharray: 27.9252444444% 139.6262222222%;\n  animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 2.4);\n}\n\n@keyframes loader-offset-1 {\n  0% {\n    stroke-dasharray: 27.9252444444% 251.3272%;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 139.6262222222% 139.6262222222%;\n    stroke-dashoffset: -83.7757333333%;\n  }\n  100% {\n    stroke-dasharray: 27.9252444444% 251.3272%;\n    stroke-dashoffset: -279.2524444444%;\n  }\n}\n.loader__svg--2 {\n  stroke-dasharray: 55.8504888889% 139.6262222222%;\n  animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 3.2);\n}\n\n@keyframes loader-offset-2 {\n  0% {\n    stroke-dasharray: 55.8504888889% 223.4019555556%;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 139.6262222222% 139.6262222222%;\n    stroke-dashoffset: -97.7383555556%;\n  }\n  100% {\n    stroke-dasharray: 55.8504888889% 223.4019555556%;\n    stroke-dashoffset: -279.2524444444%;\n  }\n}\n.loader__svg--3 {\n  stroke-dasharray: 13.9626222222% 139.6262222222%;\n  animation-duration: calc(var(--calcite-internal-animation-timing-slow) * 3.867);\n}\n\n@keyframes loader-offset-3 {\n  0% {\n    stroke-dasharray: 13.9626222222% 265.2898222222%;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 139.6262222222% 139.6262222222%;\n    stroke-dashoffset: -76.7944222222%;\n  }\n  100% {\n    stroke-dasharray: 13.9626222222% 265.2898222222%;\n    stroke-dashoffset: -279.2524444444%;\n  }\n}\n@keyframes loader-color-shift {\n  0% {\n    stroke: var(--calcite-ui-brand);\n  }\n  33% {\n    stroke: var(--calcite-ui-brand-press);\n  }\n  66% {\n    stroke: var(--calcite-ui-brand-hover);\n  }\n  100% {\n    stroke: var(--calcite-ui-brand);\n  }\n}\n@keyframes loader-clockwise {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\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 { h, Host } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nexport class Loader {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** When `true`, the component is active. */\n    this.active = false;\n    /** When `true`, displays smaller and appears to the left of the text. */\n    this.inline = false;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /** The component's value. Valid only for `\"determinate\"` indicators. Percent complete of 100. */\n    this.value = 0;\n    /** Text that displays under the component's indicator. */\n    this.text = \"\";\n    /**\n     * Disables spacing around the component.\n     *\n     * @deprecated Use `--calcite-loader-padding` CSS variable instead.\n     */\n    this.noPadding = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    const { el, inline, label, scale, text, type, value } = this;\n    const id = el.id || guid();\n    const radiusRatio = 0.45;\n    const size = inline ? this.getInlineSize(scale) : this.getSize(scale);\n    const radius = size * radiusRatio;\n    const viewbox = `0 0 ${size} ${size}`;\n    const isDeterminate = type === \"determinate\";\n    const circumference = 2 * radius * Math.PI;\n    const progress = (value / 100) * circumference;\n    const remaining = circumference - progress;\n    const valueNow = Math.floor(value);\n    const hostAttributes = {\n      \"aria-valuenow\": valueNow,\n      \"aria-valuemin\": 0,\n      \"aria-valuemax\": 100,\n      complete: valueNow === 100\n    };\n    const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };\n    const determinateStyle = { \"stroke-dasharray\": `${progress} ${remaining}` };\n    return (h(Host, { \"aria-label\": label, id: id, role: \"progressbar\", ...(isDeterminate ? hostAttributes : {}) }, h(\"div\", { class: \"loader__svgs\" }, h(\"svg\", { class: \"loader__svg loader__svg--1\", viewBox: viewbox }, h(\"circle\", { ...svgAttributes })), h(\"svg\", { class: \"loader__svg loader__svg--2\", viewBox: viewbox }, h(\"circle\", { ...svgAttributes })), h(\"svg\", { class: \"loader__svg loader__svg--3\", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, h(\"circle\", { ...svgAttributes }))), text && h(\"div\", { class: \"loader__text\" }, text), isDeterminate && h(\"div\", { class: \"loader__percentage\" }, value)));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Return the proper sizes based on the scale property\n   *\n   * @param scale\n   */\n  getSize(scale) {\n    return {\n      s: 32,\n      m: 56,\n      l: 80\n    }[scale];\n  }\n  getInlineSize(scale) {\n    return {\n      s: 12,\n      m: 16,\n      l: 20\n    }[scale];\n  }\n  static get is() { return \"calcite-loader\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"loader.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"loader.css\"]\n    };\n  }\n  static get properties() {\n    return {\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\": \"When `true`, the component is active.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"inline\": {\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\": \"When `true`, displays smaller and appears to the left of the text.\"\n        },\n        \"attribute\": \"inline\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"label\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Accessible name for the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": 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\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"type\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"\\\"indeterminate\\\" | \\\"determinate\\\"\",\n          \"resolved\": \"\\\"determinate\\\" | \\\"indeterminate\\\"\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the component type.\\n\\nUse `\\\"indeterminate\\\"` if finding actual progress value is impossible.\"\n        },\n        \"attribute\": \"type\",\n        \"reflect\": true\n      },\n      \"value\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component's value. Valid only for `\\\"determinate\\\"` indicators. Percent complete of 100.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false,\n        \"defaultValue\": \"0\"\n      },\n      \"text\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Text that displays under the component's indicator.\"\n        },\n        \"attribute\": \"text\",\n        \"reflect\": false,\n        \"defaultValue\": \"\\\"\\\"\"\n      },\n      \"noPadding\": {\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              \"name\": \"deprecated\",\n              \"text\": \"Use `--calcite-loader-padding` CSS variable instead.\"\n            }],\n          \"text\": \"Disables spacing around the component.\"\n        },\n        \"attribute\": \"no-padding\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/solutions-components/p-e515767a.entry.js

@@ -0,0 +1,116 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, H as Host, g as getElement } from './p-58c69df2.js';
+import { g as getLocaleComponentStrings } from './p-20bdf42f.js';
+import { p as pdfUtils } from './p-e99b1247.js';
+import './p-3b010ce1.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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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 getElement(this); }
+};
+ConfigPdfDownload.style = configPdfDownloadCss;
+
+export { ConfigPdfDownload as config_pdf_download };
+
+//# sourceMappingURL=p-e515767a.entry.js.map

package/dist/solutions-components/p-e515767a.entry.js.map

@@ -0,0 +1 @@
+{"file":"config-pdf-download.entry.esm.js","mappings":";;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,yNAAyN;;MC0BzO,iBAAiB;;;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":[],"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/solutions-components/p-e611d8c8.js

@@ -8,4 +8,33 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  * v1.0.0-beta.97
  */
-const e={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"},i={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"},n={defaultGroupTitle:"Tips",defaultPaginationLabel:"Tip",close:"Close",previous:"Previous",next:"Next"},a=2;export{e as C,a as H,i as I,n as T}
+const CSS = {
+  header: "header",
+  heading: "heading",
+  close: "close",
+  container: "container",
+  tipContainer: "tip-container",
+  tipContainerAdvancing: "tip-container--advancing",
+  tipContainerRetreating: "tip-container--retreating",
+  pagination: "pagination",
+  pagePosition: "page-position",
+  pageNext: "page-next",
+  pagePrevious: "page-previous"
+};
+const ICONS = {
+  chevronLeft: "chevron-left",
+  chevronRight: "chevron-right",
+  close: "x"
+};
+const TEXT = {
+  defaultGroupTitle: "Tips",
+  defaultPaginationLabel: "Tip",
+  close: "Close",
+  previous: "Previous",
+  next: "Next"
+};
+const HEADING_LEVEL = 2;
+
+export { CSS as C, HEADING_LEVEL as H, ICONS as I, TEXT as T };
+
+//# sourceMappingURL=p-e611d8c8.js.map

package/dist/solutions-components/p-e611d8c8.js.map

@@ -0,0 +1 @@
+{"file":"p-e611d8c8.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACY,MAAC,GAAG,GAAG;AACnB,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,OAAO,EAAE,SAAS;AACpB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,SAAS,EAAE,WAAW;AACxB,EAAE,YAAY,EAAE,eAAe;AAC/B,EAAE,qBAAqB,EAAE,0BAA0B;AACnD,EAAE,sBAAsB,EAAE,2BAA2B;AACrD,EAAE,UAAU,EAAE,YAAY;AAC1B,EAAE,YAAY,EAAE,eAAe;AAC/B,EAAE,QAAQ,EAAE,WAAW;AACvB,EAAE,YAAY,EAAE,eAAe;AAC/B,EAAE;AACU,MAAC,KAAK,GAAG;AACrB,EAAE,WAAW,EAAE,cAAc;AAC7B,EAAE,YAAY,EAAE,eAAe;AAC/B,EAAE,KAAK,EAAE,GAAG;AACZ,EAAE;AACU,MAAC,IAAI,GAAG;AACpB,EAAE,iBAAiB,EAAE,MAAM;AAC3B,EAAE,sBAAsB,EAAE,KAAK;AAC/B,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,QAAQ,EAAE,UAAU;AACtB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,aAAa,GAAG;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/tip-manager/resources.js"],"sourcesContent":["/*!\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 */\nexport const CSS = {\n  header: \"header\",\n  heading: \"heading\",\n  close: \"close\",\n  container: \"container\",\n  tipContainer: \"tip-container\",\n  tipContainerAdvancing: \"tip-container--advancing\",\n  tipContainerRetreating: \"tip-container--retreating\",\n  pagination: \"pagination\",\n  pagePosition: \"page-position\",\n  pageNext: \"page-next\",\n  pagePrevious: \"page-previous\"\n};\nexport const ICONS = {\n  chevronLeft: \"chevron-left\",\n  chevronRight: \"chevron-right\",\n  close: \"x\"\n};\nexport const TEXT = {\n  defaultGroupTitle: \"Tips\",\n  defaultPaginationLabel: \"Tip\",\n  close: \"Close\",\n  previous: \"Previous\",\n  next: \"Next\"\n};\nexport const HEADING_LEVEL = 2;\n"],"version":3}

package/dist/solutions-components/p-e6a695a5.js

@@ -3,9 +3,110 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{f as t,h as o}from"./p-58c69df2.js";import{b as e}from"./p-32a67cb2.js";import{S as n}from"./p-6e0da576.js";import{S as a}from"./p-708a63a8.js";
+import { f as forceUpdate, h } from './p-58c69df2.js';
+import { b as getElementDir } from './p-32a67cb2.js';
+import { S as SLOTS } from './p-6e0da576.js';
+import { S as SLOTS$1 } from './p-708a63a8.js';
+
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  * v1.0.0-beta.97
- */const i=150,c=t=>t.reduce(((t,o)=>t+o),0)/t.length,l=t=>{const o=null==t?void 0:t.length;return{actionWidth:o?c(t.map((t=>t.clientWidth||0))):0,actionHeight:o?c(t.map((t=>t.clientHeight||0))):0}},r=({layout:t,actionCount:o,actionWidth:e,width:n,actionHeight:a,height:i,groupCount:c})=>Math.max(o-(({width:t,actionWidth:o,layout:e,height:n,actionHeight:a,groupCount:i})=>Math.floor((("horizontal"===e?t:n)-2*i)/("horizontal"===e?o:a)))({width:n,actionWidth:e,layout:t,height:i,actionHeight:a,groupCount:c}),0),s=t=>Array.from(t.querySelectorAll("calcite-action")).filter((t=>!t.closest("calcite-action-menu")||t.slot===n.trigger)),p=({actionGroups:o,expanded:e,overflowCount:n})=>{let i=n;o.reverse().forEach((o=>{let n=0;const c=s(o).reverse();c.forEach((t=>{t.slot===a.menuActions&&(t.removeAttribute("slot"),t.textEnabled=e)})),i>0&&c.some((t=>(c.filter((t=>!t.slot)).length>1&&c.length>2&&!t.closest("calcite-action-menu")&&(t.textEnabled=!0,t.setAttribute("slot",a.menuActions),n++,n>1&&i--),i<1))),t(o)}))};function d({parent:t,expanded:o}){s(t).filter((t=>t.slot!==a.menuActions)).forEach((t=>t.textEnabled=o)),t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((t=>t.expanded=o))}const h=({expanded:t,intlExpand:n,intlCollapse:a,toggle:i,el:c,position:l,tooltip:r,ref:s,scale:p})=>{const d="rtl"===e(c),h=t?a:n,u=["chevrons-left","chevrons-right"];d&&u.reverse();const f="end"===function(t,o){var e;return t||(null===(e=o.closest("calcite-shell-panel"))||void 0===e?void 0:e.position)||"start"}(l,c);return o("calcite-action",{icon:t?f?u[1]:u[0]:f?u[0]:u[1],onClick:i,ref:o=>(({tooltip:t,referenceElement:o,expanded:e,ref:n})=>(t&&(t.referenceElement=!e&&o?o:null),n&&n(o),o))({tooltip:r,referenceElement:o,expanded:t,ref:s}),scale:p,text:h,textEnabled:t})};export{h as E,p as a,r as b,l as g,i as o,s as q,d as t}
+ */
+const overflowActionsDebounceInMs = 150;
+const groupBufferPx = 2;
+const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
+const geActionDimensions = (actions) => {
+  const actionLen = actions === null || actions === void 0 ? void 0 : actions.length;
+  return {
+    actionWidth: actionLen ? getAverage(actions.map((action) => action.clientWidth || 0)) : 0,
+    actionHeight: actionLen ? getAverage(actions.map((action) => action.clientHeight || 0)) : 0
+  };
+};
+const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount }) => {
+  const maxContainerPx = layout === "horizontal" ? width : height;
+  const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
+  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
+};
+const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount }) => {
+  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
+};
+const queryActions = (el) => {
+  return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === SLOTS.trigger : true);
+};
+const overflowActions = ({ actionGroups, expanded, overflowCount }) => {
+  let needToSlotCount = overflowCount;
+  actionGroups.reverse().forEach((group) => {
+    let slottedWithinGroupCount = 0;
+    const groupActions = queryActions(group).reverse();
+    groupActions.forEach((groupAction) => {
+      if (groupAction.slot === SLOTS$1.menuActions) {
+        groupAction.removeAttribute("slot");
+        groupAction.textEnabled = expanded;
+      }
+    });
+    if (needToSlotCount > 0) {
+      groupActions.some((groupAction) => {
+        const unslottedActions = groupActions.filter((action) => !action.slot);
+        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
+          groupAction.textEnabled = true;
+          groupAction.setAttribute("slot", SLOTS$1.menuActions);
+          slottedWithinGroupCount++;
+          if (slottedWithinGroupCount > 1) {
+            needToSlotCount--;
+          }
+        }
+        return needToSlotCount < 1;
+      });
+    }
+    forceUpdate(group);
+  });
+};
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const ICONS = {
+  chevronsLeft: "chevrons-left",
+  chevronsRight: "chevrons-right"
+};
+function getCalcitePosition(position, el) {
+  var _a;
+  return position || ((_a = el.closest("calcite-shell-panel")) === null || _a === void 0 ? void 0 : _a.position) || "start";
+}
+function toggleChildActionText({ parent, expanded }) {
+  queryActions(parent)
+    .filter((el) => el.slot !== SLOTS$1.menuActions)
+    .forEach((action) => (action.textEnabled = expanded));
+  parent
+    .querySelectorAll("calcite-action-group, calcite-action-menu")
+    .forEach((el) => (el.expanded = expanded));
+}
+const setTooltipReference = ({ tooltip, referenceElement, expanded, ref }) => {
+  if (tooltip) {
+    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
+  }
+  if (ref) {
+    ref(referenceElement);
+  }
+  return referenceElement;
+};
+const ExpandToggle = ({ expanded, intlExpand, intlCollapse, toggle, el, position, tooltip, ref, scale }) => {
+  const rtl = getElementDir(el) === "rtl";
+  const expandText = expanded ? intlCollapse : intlExpand;
+  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
+  if (rtl) {
+    icons.reverse();
+  }
+  const end = getCalcitePosition(position, el) === "end";
+  const expandIcon = end ? icons[1] : icons[0];
+  const collapseIcon = end ? icons[0] : icons[1];
+  const actionNode = (h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }), scale: scale, text: expandText, textEnabled: expanded }));
+  return actionNode;
+};
+
+export { ExpandToggle as E, overflowActions as a, getOverflowCount as b, geActionDimensions as g, overflowActionsDebounceInMs as o, queryActions as q, toggleChildActionText as t };
+
+//# sourceMappingURL=p-e6a695a5.js.map

package/dist/solutions-components/p-e6a695a5.js.map

@@ -0,0 +1 @@
+{"file":"p-e6a695a5.js","mappings":"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","names":["ACTION_MENU_SLOTS","ACTION_GROUP_SLOTS"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/action-bar/utils.js","./node_modules/@esri/calcite-components/dist/collection/components/functional/ExpandToggle.js"],"sourcesContent":["/*!\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 { forceUpdate } from \"@stencil/core\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nexport const overflowActionsDebounceInMs = 150;\nconst groupBufferPx = 2;\nconst getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;\nexport const geActionDimensions = (actions) => {\n  const actionLen = actions === null || actions === void 0 ? void 0 : actions.length;\n  return {\n    actionWidth: actionLen ? getAverage(actions.map((action) => action.clientWidth || 0)) : 0,\n    actionHeight: actionLen ? getAverage(actions.map((action) => action.clientHeight || 0)) : 0\n  };\n};\nconst getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount }) => {\n  const maxContainerPx = layout === \"horizontal\" ? width : height;\n  const avgItemPx = layout === \"horizontal\" ? actionWidth : actionHeight;\n  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);\n};\nexport const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount }) => {\n  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);\n};\nexport const queryActions = (el) => {\n  return Array.from(el.querySelectorAll(\"calcite-action\")).filter((action) => action.closest(\"calcite-action-menu\") ? action.slot === ACTION_MENU_SLOTS.trigger : true);\n};\nexport const overflowActions = ({ actionGroups, expanded, overflowCount }) => {\n  let needToSlotCount = overflowCount;\n  actionGroups.reverse().forEach((group) => {\n    let slottedWithinGroupCount = 0;\n    const groupActions = queryActions(group).reverse();\n    groupActions.forEach((groupAction) => {\n      if (groupAction.slot === ACTION_GROUP_SLOTS.menuActions) {\n        groupAction.removeAttribute(\"slot\");\n        groupAction.textEnabled = expanded;\n      }\n    });\n    if (needToSlotCount > 0) {\n      groupActions.some((groupAction) => {\n        const unslottedActions = groupActions.filter((action) => !action.slot);\n        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest(\"calcite-action-menu\")) {\n          groupAction.textEnabled = true;\n          groupAction.setAttribute(\"slot\", ACTION_GROUP_SLOTS.menuActions);\n          slottedWithinGroupCount++;\n          if (slottedWithinGroupCount > 1) {\n            needToSlotCount--;\n          }\n        }\n        return needToSlotCount < 1;\n      });\n    }\n    forceUpdate(group);\n  });\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 { h } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { queryActions } from \"../action-bar/utils\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nconst ICONS = {\n  chevronsLeft: \"chevrons-left\",\n  chevronsRight: \"chevrons-right\"\n};\nfunction getCalcitePosition(position, el) {\n  var _a;\n  return position || ((_a = el.closest(\"calcite-shell-panel\")) === null || _a === void 0 ? void 0 : _a.position) || \"start\";\n}\nexport function toggleChildActionText({ parent, expanded }) {\n  queryActions(parent)\n    .filter((el) => el.slot !== ACTION_GROUP_SLOTS.menuActions)\n    .forEach((action) => (action.textEnabled = expanded));\n  parent\n    .querySelectorAll(\"calcite-action-group, calcite-action-menu\")\n    .forEach((el) => (el.expanded = expanded));\n}\nconst setTooltipReference = ({ tooltip, referenceElement, expanded, ref }) => {\n  if (tooltip) {\n    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;\n  }\n  if (ref) {\n    ref(referenceElement);\n  }\n  return referenceElement;\n};\nexport const ExpandToggle = ({ expanded, intlExpand, intlCollapse, toggle, el, position, tooltip, ref, scale }) => {\n  const rtl = getElementDir(el) === \"rtl\";\n  const expandText = expanded ? intlCollapse : intlExpand;\n  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];\n  if (rtl) {\n    icons.reverse();\n  }\n  const end = getCalcitePosition(position, el) === \"end\";\n  const expandIcon = end ? icons[1] : icons[0];\n  const collapseIcon = end ? icons[0] : icons[1];\n  const actionNode = (h(\"calcite-action\", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }), scale: scale, text: expandText, textEnabled: expanded }));\n  return actionNode;\n};\n"],"version":3}