@esri/solutions-components 0.2.3 → 0.2.4

package/dist/solutions-components/p-7f2b74a9.entry.js

@@ -0,0 +1,56 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, g as getElement } from './p-58c69df2.js';
+import { g as getAncestors, a as getDepth } from './p-eb976965.js';
+import { g as guid } from './p-a80b3880.js';
+import { g as getElementProp } from './p-32a67cb2.js';
+import './p-729708a3.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 CSS = {
+  list: "list",
+  label: "label",
+  title: "title"
+};
+
+const comboboxItemGroupCss = "@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}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent-1:0.5rem;--calcite-combobox-item-spacing-indent-2:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent-1:0.75rem;--calcite-combobox-item-spacing-indent-2:1.5rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent-1:1rem;--calcite-combobox-item-spacing-indent-2:2rem}:host,.list{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-ui-text-3)}.label--indent-1{-webkit-padding-start:var(--calcite-combobox-item-spacing-indent-1);padding-inline-start:var(--calcite-combobox-item-spacing-indent-1)}.label--indent-2{-webkit-padding-start:var(--calcite-combobox-item-spacing-indent-2);padding-inline-start:var(--calcite-combobox-item-spacing-indent-2)}.title{border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-ui-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:0;margin-inline:var(--calcite-combobox-item-spacing-unit-s)}";
+
+const ComboboxItemGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.guid = guid();
+    this.scale = "m";
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    this.ancestors = getAncestors(this.el);
+    this.scale = getElementProp(this.el, "scale", this.scale);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { el, scale } = this;
+    const indent = `${CSS.label}--indent-${getDepth(el)}`;
+    return (h("ul", { "aria-labelledby": this.guid, class: { [CSS.list]: true, [`scale--${scale}`]: true }, role: "group" }, h("li", { class: { [CSS.label]: true, [indent]: true }, id: this.guid, role: "presentation" }, h("span", { class: CSS.title }, this.label)), h("slot", null)));
+  }
+  get el() { return getElement(this); }
+};
+ComboboxItemGroup.style = comboboxItemGroupCss;
+
+export { ComboboxItemGroup as calcite_combobox_item_group };
+
+//# sourceMappingURL=p-7f2b74a9.entry.js.map

package/dist/solutions-components/p-7f2b74a9.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-combobox-item-group.entry.esm.js","mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,MAAM,GAAG,GAAG;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,KAAK,EAAE,OAAO;AAChB,CAAC;;ACTD,MAAM,oBAAoB,GAAG,+7FAA+7F;;MCa/8F,iBAAiB;EAC5B;;IACE,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC;IACnB,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;GAClB;;;;;;EAMD,iBAAiB;IACf,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvC,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;GAC3D;;;;;;EAMD,MAAM;IACJ,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC3B,MAAM,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,YAAY,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;IACtD,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,UAAU,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE;GACzR;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/combobox-item-group/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/combobox-item-group/combobox-item-group.css?tag=calcite-combobox-item-group&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/combobox-item-group/combobox-item-group.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  list: \"list\",\n  label: \"label\",\n  title: \"title\"\n};\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.scale--s {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  --calcite-combobox-item-spacing-unit-l: 0.5rem;\n  --calcite-combobox-item-spacing-unit-s: 0.25rem;\n  --calcite-combobox-item-spacing-indent-1: 0.5rem;\n  --calcite-combobox-item-spacing-indent-2: 1rem;\n}\n\n.scale--m {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  --calcite-combobox-item-spacing-unit-l: 0.75rem;\n  --calcite-combobox-item-spacing-unit-s: 0.5rem;\n  --calcite-combobox-item-spacing-indent-1: 0.75rem;\n  --calcite-combobox-item-spacing-indent-2: 1.5rem;\n}\n\n.scale--l {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  --calcite-combobox-item-spacing-unit-l: 1rem;\n  --calcite-combobox-item-spacing-unit-s: 0.75rem;\n  --calcite-combobox-item-spacing-indent-1: 1rem;\n  --calcite-combobox-item-spacing-indent-2: 2rem;\n}\n\n:host, \n.list {\n  margin: 0px;\n  display: flex;\n  flex-direction: column;\n  padding: 0px;\n}\n\n:host(:focus), \n.list:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.label {\n  box-sizing: border-box;\n  display: flex;\n  inline-size: 100%;\n  min-inline-size: 0px;\n  max-inline-size: 100%;\n  color: var(--calcite-ui-text-3);\n}\n\n.label--indent-1 {\n  padding-inline-start: var(--calcite-combobox-item-spacing-indent-1);\n}\n\n.label--indent-2 {\n  padding-inline-start: var(--calcite-combobox-item-spacing-indent-2);\n}\n\n.title {\n  border: 0 solid;\n  display: block;\n  flex: 1 1 0%;\n  border-block-end-width: 1px;\n  font-weight: var(--calcite-font-weight-bold);\n  color: var(--calcite-ui-text-2);\n  word-wrap: break-word;\n  word-break: break-word;\n  border-block-end-color: var(--calcite-ui-border-3);\n  padding-block: var(--calcite-combobox-item-spacing-unit-l);\n  padding-inline: 0;\n  margin-inline: var(--calcite-combobox-item-spacing-unit-s);\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 { CSS } from \"./resources\";\nimport { getAncestors, getDepth } from \"../combobox/utils\";\nimport { guid } from \"../../utils/guid\";\nimport { getElementProp } from \"../../utils/dom\";\n/**\n * @slot - A slot for adding `calcite-combobox-item`s.\n */\nexport class ComboboxItemGroup {\n  constructor() {\n    this.guid = guid();\n    this.scale = \"m\";\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    this.ancestors = getAncestors(this.el);\n    this.scale = getElementProp(this.el, \"scale\", this.scale);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const { el, scale } = this;\n    const indent = `${CSS.label}--indent-${getDepth(el)}`;\n    return (h(\"ul\", { \"aria-labelledby\": this.guid, class: { [CSS.list]: true, [`scale--${scale}`]: true }, role: \"group\" }, h(\"li\", { class: { [CSS.label]: true, [indent]: true }, id: this.guid, role: \"presentation\" }, h(\"span\", { class: CSS.title }, this.label)), h(\"slot\", null)));\n  }\n  static get is() { return \"calcite-combobox-item-group\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"combobox-item-group.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"combobox-item-group.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"ancestors\": {\n        \"type\": \"unknown\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"ComboboxChildElement[]\",\n          \"resolved\": \"ComboboxChildElement[]\",\n          \"references\": {\n            \"ComboboxChildElement\": {\n              \"location\": \"import\",\n              \"path\": \"../combobox/interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the parent and grandparent `calcite-combobox-item`s, which are set on `calcite-combobox`.\"\n        }\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\": \"Specifies the title of the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}