@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/progress.js

@@ -1,62 +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 } from '@stencil/core/internal/client';
-
-const progressCss = "@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;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:1;inline-size:100%;overflow:hidden;background:var(--calcite-ui-border-3)}.bar{z-index:1;background-color:var(--calcite-ui-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) * 11) linear infinite}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}";
-
-const Progress = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Specifies the component type.
-     *
-     * Use `"indeterminate"` if finding actual progress value is impossible.
-     *
-     */
-    this.type = "determinate";
-    /** The component's progress value, with a range of 0.0 - 1.0. */
-    this.value = 0;
-    /** When `true` and for `"indeterminate"` progress bars, reverses the animation direction. */
-    this.reversed = false;
-  }
-  render() {
-    const isDeterminate = this.type === "determinate";
-    const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
-    return (h("div", { "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, h("div", { class: "track" }, h("div", { class: {
-        bar: true,
-        indeterminate: this.type === "indeterminate",
-        reversed: this.reversed
-      }, style: barStyles })), this.text ? h("div", { class: "text" }, this.text) : null));
-  }
-  get el() { return this; }
-  static get style() { return progressCss; }
-}, [1, "calcite-progress", {
-    "type": [513],
-    "value": [2],
-    "label": [1],
-    "text": [1],
-    "reversed": [516]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-progress"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-progress":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Progress);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { Progress as P, defineCustomElement as d };
-
-//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -1 +0,0 @@
-{"file":"progress.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,4nEAA4nE;;MCMnoE,QAAQ;EACnB;;;;;;;;;;IAOE,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC;;IAE1B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;;IAEf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;GACvB;EACD,MAAM;IACJ,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC;IAClD,MAAM,SAAS,GAAG,aAAa,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC;IACzE,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACjM,GAAG,EAAE,IAAI;QACT,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,eAAe;QAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE;GACxF;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/progress/progress.css?tag=calcite-progress&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/progress/progress.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 {\n  position: relative;\n  display: block;\n  inline-size: 100%;\n}\n\n.track, \n.bar {\n  position: absolute;\n  inset-block-start: 0px;\n  block-size: 2px;\n}\n\n.track {\n  z-index: 1;\n  inline-size: 100%;\n  overflow: hidden;\n  background: var(--calcite-ui-border-3);\n}\n\n.bar {\n  z-index: 1;\n  background-color: var(--calcite-ui-brand);\n}\n\n@media (forced-colors: active) {\n  .track {\n    background-color: highlightText;\n  }\n\n  .bar {\n    background-color: linkText;\n  }\n}\n.indeterminate {\n  inline-size: 20%;\n  animation: looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) * 11) linear infinite;\n}\n\n.reversed {\n  animation-direction: reverse;\n}\n\n.text {\n  padding-inline: 0px;\n  padding-block: 1rem 0px;\n  text-align: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-2);\n}\n\n@keyframes looping-progress-bar-ani {\n  0% {\n    transform: translate3d(-100%, 0, 0);\n  }\n  50% {\n    inline-size: 40%;\n  }\n  100% {\n    transform: translate3d(600%, 0, 0);\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\";\nexport class Progress {\n  constructor() {\n    /**\n     * Specifies the component type.\n     *\n     * Use `\"indeterminate\"` if finding actual progress value is impossible.\n     *\n     */\n    this.type = \"determinate\";\n    /** The component's progress value, with a range of 0.0 - 1.0. */\n    this.value = 0;\n    /** When `true` and for `\"indeterminate\"` progress bars, reverses the animation direction. */\n    this.reversed = false;\n  }\n  render() {\n    const isDeterminate = this.type === \"determinate\";\n    const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};\n    return (h(\"div\", { \"aria-label\": this.label || this.text, \"aria-valuemax\": 1, \"aria-valuemin\": 0, \"aria-valuenow\": this.value, role: \"progressbar\" }, h(\"div\", { class: \"track\" }, h(\"div\", { class: {\n        bar: true,\n        indeterminate: this.type === \"indeterminate\",\n        reversed: this.reversed\n      }, style: barStyles })), this.text ? h(\"div\", { class: \"text\" }, this.text) : null));\n  }\n  static get is() { return \"calcite-progress\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"progress.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"progress.css\"]\n    };\n  }\n  static get properties() {\n    return {\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        \"defaultValue\": \"\\\"determinate\\\"\"\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 progress value, with a range of 0.0 - 1.0.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false,\n        \"defaultValue\": \"0\"\n      },\n      \"label\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Accessible name for the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\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\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Text that displays under the component's indicator.\"\n        },\n        \"attribute\": \"text\",\n        \"reflect\": false\n      },\n      \"reversed\": {\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` and for `\\\"indeterminate\\\"` progress bars, reverses the animation direction.\"\n        },\n        \"attribute\": \"reversed\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/public-notification.d.ts

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