@esri/solutions-components 0.2.3 → 0.2.4

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

@@ -3,4 +3,210 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-const e=Object.freeze({__proto__:null,default:[{descriptionPDF:{labelWidthDisplay:"2-5/8",labelHeightDisplay:"1",labelsPerPageDisplay:"30",averyPartNumber:"*60"},labelSpec:{type:"AVERY",pageDimensions:{width:8.5,height:11,leftMargin:.1875,rightMargin:.1875,topMargin:.5,bottomMargin:.5},numLabelsAcross:3,numLabelsDown:10,labelWidth:2.625,labelHeight:1,horizGapIn:.125,vertGapIn:0,labelPadding:.1,fontSizePx:11,maxNumLabelLines:4}},{descriptionPDF:{labelWidthDisplay:"4",labelHeightDisplay:"1",labelsPerPageDisplay:"20",averyPartNumber:"*61"},labelSpec:{type:"AVERY",pageDimensions:{width:8.5,height:11,leftMargin:.15625,rightMargin:.15625,topMargin:.47637821,bottomMargin:.5},numLabelsAcross:2,numLabelsDown:10,labelWidth:4,labelHeight:1.0025,horizGapIn:.1875,vertGapIn:0,labelPadding:.1,fontSizePx:11,maxNumLabelLines:4}},{descriptionPDF:{labelWidthDisplay:"4",labelHeightDisplay:"1-1/3",labelsPerPageDisplay:"14",averyPartNumber:"*62"},labelSpec:{type:"AVERY",pageDimensions:{width:8.5,height:11,leftMargin:.15625,rightMargin:.15625,topMargin:.81889808,bottomMargin:.83464612},numLabelsAcross:2,numLabelsDown:7,labelWidth:4,labelHeight:1.3352,horizGapIn:.1875,vertGapIn:0,labelPadding:.1,fontSizePx:11,maxNumLabelLines:6}},{descriptionPDF:{labelWidthDisplay:"4",labelHeightDisplay:"2",labelsPerPageDisplay:"10",averyPartNumber:"*63"},labelSpec:{type:"AVERY",pageDimensions:{width:8.5,height:11,leftMargin:.15625,rightMargin:.15625,topMargin:.5,bottomMargin:.5},numLabelsAcross:2,numLabelsDown:5,labelWidth:4,labelHeight:2,horizGapIn:.1875,vertGapIn:0,labelPadding:.1,fontSizePx:12,maxNumLabelLines:10}},{descriptionPDF:{labelWidthDisplay:"4",labelHeightDisplay:"3-1/3",labelsPerPageDisplay:"6",averyPartNumber:"*64"},labelSpec:{type:"AVERY",pageDimensions:{width:8.5,height:11,leftMargin:.15625,rightMargin:.15625,topMargin:.4724412,bottomMargin:.50000027},numLabelsAcross:2,numLabelsDown:3,labelWidth:4,labelHeight:3.342,horizGapIn:.1875,vertGapIn:0,labelPadding:.1,fontSizePx:14,maxNumLabelLines:12}},{descriptionPDF:{labelWidthDisplay:"1-3/4",labelHeightDisplay:"1/2",labelsPerPageDisplay:"80",averyPartNumber:"*67"},labelSpec:{type:"AVERY",pageDimensions:{width:8.5,height:11,leftMargin:.307086375,rightMargin:.307086375,topMargin:.4724412,bottomMargin:.49606326},numLabelsAcross:4,numLabelsDown:20,labelWidth:1.75,labelHeight:.50155,horizGapIn:.29527575,vertGapIn:0,labelPadding:.1,fontSizePx:8,maxNumLabelLines:3}},{descriptionPDF:{labelWidthDisplay:"1-3/4",labelHeightDisplay:"2/3",labelsPerPageDisplay:"60",averyPartNumber:"*95"},labelSpec:{type:"AVERY",pageDimensions:{width:8.5,height:11,leftMargin:.28936983,rightMargin:.28936983,topMargin:.53937037,bottomMargin:.5511814},numLabelsAcross:4,numLabelsDown:15,labelWidth:1.75,labelHeight:.6605,horizGapIn:.30708678,vertGapIn:0,labelPadding:.1,fontSizePx:8,maxNumLabelLines:4}}]});export{e as p}
+const labelFormats = [
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "2-5/8",
+			labelHeightDisplay: "1",
+			labelsPerPageDisplay: "30",
+			averyPartNumber: "*60"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.1875,
+				rightMargin: 0.1875,
+				topMargin: 0.5,
+				bottomMargin: 0.5
+			},
+			numLabelsAcross: 3,
+			numLabelsDown: 10,
+			labelWidth: 2.625,
+			labelHeight: 1,
+			horizGapIn: 0.125,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 11,
+			maxNumLabelLines: 4
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "4",
+			labelHeightDisplay: "1",
+			labelsPerPageDisplay: "20",
+			averyPartNumber: "*61"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.15625,
+				rightMargin: 0.15625,
+				topMargin: 0.47637821,
+				bottomMargin: 0.5
+			},
+			numLabelsAcross: 2,
+			numLabelsDown: 10,
+			labelWidth: 4,
+			labelHeight: 1.0025,
+			horizGapIn: 0.1875,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 11,
+			maxNumLabelLines: 4
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "4",
+			labelHeightDisplay: "1-1/3",
+			labelsPerPageDisplay: "14",
+			averyPartNumber: "*62"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.15625,
+				rightMargin: 0.15625,
+				topMargin: 0.81889808,
+				bottomMargin: 0.83464612
+			},
+			numLabelsAcross: 2,
+			numLabelsDown: 7,
+			labelWidth: 4,
+			labelHeight: 1.3352,
+			horizGapIn: 0.1875,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 11,
+			maxNumLabelLines: 6
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "4",
+			labelHeightDisplay: "2",
+			labelsPerPageDisplay: "10",
+			averyPartNumber: "*63"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.15625,
+				rightMargin: 0.15625,
+				topMargin: 0.5,
+				bottomMargin: 0.5
+			},
+			numLabelsAcross: 2,
+			numLabelsDown: 5,
+			labelWidth: 4,
+			labelHeight: 2,
+			horizGapIn: 0.1875,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 12,
+			maxNumLabelLines: 10
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "4",
+			labelHeightDisplay: "3-1/3",
+			labelsPerPageDisplay: "6",
+			averyPartNumber: "*64"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.15625,
+				rightMargin: 0.15625,
+				topMargin: 0.4724412,
+				bottomMargin: 0.50000027
+			},
+			numLabelsAcross: 2,
+			numLabelsDown: 3,
+			labelWidth: 4,
+			labelHeight: 3.342,
+			horizGapIn: 0.1875,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 14,
+			maxNumLabelLines: 12
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "1-3/4",
+			labelHeightDisplay: "1/2",
+			labelsPerPageDisplay: "80",
+			averyPartNumber: "*67"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.307086375,
+				rightMargin: 0.307086375,
+				topMargin: 0.4724412,
+				bottomMargin: 0.49606326
+			},
+			numLabelsAcross: 4,
+			numLabelsDown: 20,
+			labelWidth: 1.75,
+			labelHeight: 0.50155,
+			horizGapIn: 0.29527575,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 8,
+			maxNumLabelLines: 3
+		}
+	},
+	{
+		descriptionPDF: {
+			labelWidthDisplay: "1-3/4",
+			labelHeightDisplay: "2/3",
+			labelsPerPageDisplay: "60",
+			averyPartNumber: "*95"
+		},
+		labelSpec: {
+			type: "AVERY",
+			pageDimensions: {
+				width: 8.5,
+				height: 11,
+				leftMargin: 0.28936983,
+				rightMargin: 0.28936983,
+				topMargin: 0.53937037,
+				bottomMargin: 0.5511814
+			},
+			numLabelsAcross: 4,
+			numLabelsDown: 15,
+			labelWidth: 1.75,
+			labelHeight: 0.6605,
+			horizGapIn: 0.30708678,
+			vertGapIn: 0,
+			labelPadding: 0.1,
+			fontSizePx: 8,
+			maxNumLabelLines: 4
+		}
+	}
+];
+
+const pdfUtils = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': labelFormats
+});
+
+export { pdfUtils as p };
+
+//# sourceMappingURL=p-e99b1247.js.map

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

@@ -0,0 +1 @@
+{"file":"p-e99b1247.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,125 @@
+/*!
+ * 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-3b010ce1.js';
+
+const configBufferToolsCss = ":host{display:block}.horizontal-display{display:flex}.label-spacing{--calcite-label-margin-bottom:0}.padding-inline-end-1{-webkit-padding-end:1rem;padding-inline-end:1rem}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.width-half{width:50%}.width-full{width:100%}";
+
+const ConfigBufferTools = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.alignment = "VERTICAL";
+    this.distance = 100;
+    this.unit = undefined;
+    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() {
+    return Promise.resolve({
+      "distance": this.distance,
+      "unit": this.unit
+    });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  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();
+    // set the default
+    this.unit = this._translations.units.meters;
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    var _a, _b, _c;
+    const isHorizontal = this.alignment === "HORIZONTAL";
+    const displayClass = isHorizontal ? "horizontal-display" : "";
+    const paddingClass = isHorizontal ? "padding-inline-end-1" : "padding-block-end-1";
+    const widthClass = isHorizontal ? "width-half" : "width-full";
+    return (h(Host, null, h("div", { class: displayClass }, h("div", { class: `${paddingClass} ${widthClass}` }, h("calcite-label", { class: "label-spacing" }, (_a = this._translations) === null || _a === void 0 ? void 0 :
+      _a.defaultBufferDistance, h("calcite-input", { min: 0, "number-button-type": "vertical", onCalciteInputInput: (evt) => { this._distanceChanged(evt); }, type: "number", value: this.distance.toString() }))), h("div", { class: `${widthClass}` }, h("calcite-label", { class: "label-spacing" }, (_b = this._translations) === null || _b === void 0 ? void 0 :
+      _b.defaultUnit, h("calcite-select", { label: (_c = this._translations) === null || _c === void 0 ? void 0 : _c.defaultUnit, onCalciteSelectChange: (evt) => { this._unitSelectionChange(evt); } }, this._renderUnitOptions()))))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Store the user defined distance
+   *
+   * @protected
+   */
+  _distanceChanged(evt) {
+    this.distance = evt.detail.value;
+  }
+  /**
+   * Store the user defined unit
+   *
+   * @protected
+   */
+  _unitSelectionChange(evt) {
+    this.unit = evt.target.value;
+  }
+  /**
+   * Render the various unit options
+   *
+   * @returns Promise when complete
+   * @protected
+   */
+  _renderUnitOptions() {
+    var _a;
+    const nlsUnits = ((_a = this._translations) === null || _a === void 0 ? void 0 : _a.units) || {};
+    const units = Object.keys(nlsUnits).map(k => nlsUnits[k]);
+    return units.map(unit => {
+      return (h("calcite-option", { label: unit, selected: unit === this.unit, value: unit }));
+    });
+  }
+  /**
+   * 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); }
+};
+ConfigBufferTools.style = configBufferToolsCss;
+
+export { ConfigBufferTools as config_buffer_tools };
+
+//# sourceMappingURL=p-eb5b78c3.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"config-buffer-tools.entry.esm.js","mappings":";;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,iSAAiS;;MCyBjT,iBAAiB;;;qBAiBiD,UAAU;oBAKtC,GAAG;;;;;;;;;;;;;;;;;;;EAsCpD,MAAM,aAAa;IACjB,OAAO,OAAO,CAAC,OAAO,CAAC;MACrB,UAAU,EAAE,IAAI,CAAC,QAAQ;MACzB,MAAM,EAAE,IAAI,CAAC,IAAI;KAClB,CAAC,CAAC;GACJ;;;;;;;;;;;;;;;;EAmBD,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;;IAE9B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC;GAC7C;;;;EAKD,MAAM;;IACJ,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,KAAK,YAAY,CAAC;IACrD,MAAM,YAAY,GAAG,YAAY,GAAG,oBAAoB,GAAG,EAAE,CAAC;IAC9D,MAAM,YAAY,GAAG,YAAY,GAAG,sBAAsB,GAAG,qBAAqB,CAAC;IACnF,MAAM,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC;IAC9D,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,YAAY,IACtB,WAAK,KAAK,EAAE,GAAG,YAAY,IAAI,UAAU,EAAE,IACzC,qBAAe,KAAK,EAAC,eAAe,IACjC,MAAA,IAAI,CAAC,aAAa;SAAE,qBAAqB,EAC1C,qBACE,GAAG,EAAE,CAAC,wBACa,UAAU,EAC7B,mBAAmB,EAAE,CAAC,GAAG,OAAM,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAC,EAC3D,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAC/B,CACY,CACZ,EACN,WAAK,KAAK,EAAE,GAAG,UAAU,EAAE,IACzB,qBAAe,KAAK,EAAC,eAAe,IACjC,MAAA,IAAI,CAAC,aAAa;SAAE,WAAW,EAChC,sBACE,KAAK,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,WAAW,EACtC,qBAAqB,EAAE,CAAC,GAAG,OAAM,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,EAAC,IAEhE,IAAI,CAAC,kBAAkB,EAAE,CACX,CACH,CACZ,CACF,CACD,EACP;GACH;;;;;;;;;;;EAaS,gBAAgB,CACxB,GAAgB;IAEhB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;GAClC;;;;;;EAOS,oBAAoB,CAC5B,GAAgB;IAEhB,IAAI,CAAC,IAAI,GAAI,GAAG,CAAC,MAAmC,CAAC,KAAK,CAAC;GAC5D;;;;;;;EAQS,kBAAkB;;IAC1B,MAAM,QAAQ,GAAG,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,KAAI,EAAE,CAAC;IACjD,MAAM,KAAK,GAAa,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI;MACnB,QAAQ,sBAAgB,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE;KACpF,CAAC,CAAC;GACJ;;;;;;;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-buffer-tools/config-buffer-tools.css?tag=config-buffer-tools&encapsulation=shadow","./src/components/config-buffer-tools/config-buffer-tools.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n\r\n.horizontal-display {\r\n  display: flex;\r\n}\r\n\r\n.label-spacing {\r\n  --calcite-label-margin-bottom: 0;\r\n}\r\n\r\n.padding-inline-end-1 {\r\n  padding-inline-end: 1rem;\r\n}\r\n\r\n.padding-block-end-1 {\r\n  padding-block-end: 1rem;\r\n}\r\n\r\n.width-half {\r\n  width: 50%;\r\n}\r\n\r\n.width-full {\r\n  width: 100%;\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, VNode } from '@stencil/core';\r\nimport ConfigBufferTools_T9n from \"../../assets/t9n/config-buffer-tools/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: 'config-buffer-tools',\r\n  styleUrl: 'config-buffer-tools.css',\r\n  shadow: true,\r\n})\r\nexport class ConfigBufferTools {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLConfigBufferToolsElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * \"VERTICAL\" | \"HORIZONTAL\": Specifies how the controls chould be aligned.\r\n   */\r\n  @Prop({mutable: true, reflect: true}) alignment: \"VERTICAL\" | \"HORIZONTAL\" = \"VERTICAL\";\r\n\r\n  /**\r\n   * number: Default distance value.\r\n   */\r\n  @Prop({mutable: true, reflect: true}) distance = 100;\r\n\r\n  /**\r\n   * string: Default unit value.\r\n   * Should be a unit listed in assets/t9n/config-buffer-tools/resources\r\n   */\r\n  @Prop({mutable: true, reflect: true}) unit;\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 ConfigBufferTools_T9n;\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]: number | string }> {\r\n    return Promise.resolve({\r\n      \"distance\": this.distance,\r\n      \"unit\": this.unit\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    // set the default\r\n    this.unit = this._translations.units.meters;\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render() {\r\n    const isHorizontal = this.alignment === \"HORIZONTAL\";\r\n    const displayClass = isHorizontal ? \"horizontal-display\" : \"\";\r\n    const paddingClass = isHorizontal ? \"padding-inline-end-1\" : \"padding-block-end-1\";\r\n    const widthClass = isHorizontal ? \"width-half\" : \"width-full\";\r\n    return (\r\n      <Host>\r\n        <div class={displayClass}>\r\n          <div class={`${paddingClass} ${widthClass}`}>\r\n            <calcite-label class=\"label-spacing\">\r\n              {this._translations?.defaultBufferDistance}\r\n              <calcite-input\r\n                min={0}\r\n                number-button-type=\"vertical\"\r\n                onCalciteInputInput={(evt) => {this._distanceChanged(evt);}}\r\n                type=\"number\"\r\n                value={this.distance.toString()}\r\n              />\r\n            </calcite-label>\r\n          </div>\r\n          <div class={`${widthClass}`}>\r\n            <calcite-label class=\"label-spacing\">\r\n              {this._translations?.defaultUnit}\r\n              <calcite-select\r\n                label={this._translations?.defaultUnit}\r\n                onCalciteSelectChange={(evt) => {this._unitSelectionChange(evt);}}\r\n              >\r\n                {this._renderUnitOptions()}\r\n              </calcite-select>\r\n            </calcite-label>\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   * Store the user defined distance\r\n   *\r\n   * @protected\r\n   */\r\n  protected _distanceChanged(\r\n    evt: CustomEvent\r\n  ): void {\r\n    this.distance = evt.detail.value;\r\n  }\r\n\r\n  /**\r\n   * Store the user defined unit\r\n   *\r\n   * @protected\r\n   */\r\n  protected _unitSelectionChange(\r\n    evt: CustomEvent\r\n  ): void {\r\n    this.unit = (evt.target as HTMLCalciteSelectElement).value;\r\n  }\r\n\r\n  /**\r\n   * Render the various unit options\r\n   *\r\n   * @returns Promise when complete\r\n   * @protected\r\n   */\r\n  protected _renderUnitOptions(): VNode[] {\r\n    const nlsUnits = this._translations?.units || {};\r\n    const units: string[] = Object.keys(nlsUnits).map(k => nlsUnits[k]);\r\n    return units.map(unit => {\r\n      return (<calcite-option label={unit} selected={unit === this.unit} value={unit}/>);\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 ConfigBufferTools_T9n;\r\n  }\r\n}\r\n"],"version":3}

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

@@ -3,15 +3,47 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{n as o}from"./p-32a67cb2.js";
+import { n as nodeListToArray } from './p-32a67cb2.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 t="CALCITE-COMBOBOX-ITEM",n="CALCITE-COMBOBOX-ITEM-GROUP",c="CALCITE-COMBOBOX-ITEM, CALCITE-COMBOBOX-ITEM-GROUP",a={removeTag:"Remove tag"};
+ */
+const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
+const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
+const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
+const TEXT = {
+  removeTag: "Remove tag"
+};
+
 /*!
  * 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
  */
-function e(o){var t,n;const a=null===(t=o.parentElement)||void 0===t?void 0:t.closest(c);return[a,null===(n=null==a?void 0:a.parentElement)||void 0===n?void 0:n.closest(c)].filter((o=>o))}function i(o){var t;return(null===(t=o.ancestors)||void 0===t?void 0:t.filter((o=>"CALCITE-COMBOBOX-ITEM"===o.nodeName)))||[]}function r(t){return o(t.querySelectorAll("calcite-combobox-item"))}function u(t){return o(t.querySelectorAll("calcite-combobox-item")).filter((o=>o.selected)).length>0}function l(o){return document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",o,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength}export{c as C,a as T,l as a,i as b,r as c,t as d,n as e,e as g,u as h}
+function getAncestors(element) {
+  var _a, _b;
+  const parent = (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.closest(ComboboxChildSelector);
+  const grandparent = (_b = parent === null || parent === void 0 ? void 0 : parent.parentElement) === null || _b === void 0 ? void 0 : _b.closest(ComboboxChildSelector);
+  return [parent, grandparent].filter((el) => el);
+}
+function getItemAncestors(item) {
+  var _a;
+  return (((_a = item.ancestors) === null || _a === void 0 ? void 0 : _a.filter((el) => el.nodeName === "CALCITE-COMBOBOX-ITEM")) || []);
+}
+function getItemChildren(item) {
+  return nodeListToArray(item.querySelectorAll("calcite-combobox-item"));
+}
+function hasActiveChildren(node) {
+  const items = nodeListToArray(node.querySelectorAll("calcite-combobox-item"));
+  return items.filter((item) => item.selected).length > 0;
+}
+function getDepth(element) {
+  const result = document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group", element, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
+  return result.snapshotLength;
+}
+
+export { ComboboxChildSelector as C, TEXT as T, getDepth as a, getItemAncestors as b, getItemChildren as c, ComboboxItem as d, ComboboxItemGroup as e, getAncestors as g, hasActiveChildren as h };
+
+//# sourceMappingURL=p-eb976965.js.map

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

@@ -0,0 +1 @@
+{"file":"p-eb976965.js","mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACY,MAAC,YAAY,GAAG,wBAAwB;AACxC,MAAC,iBAAiB,GAAG,8BAA8B;AACnD,MAAC,qBAAqB,GAAG,CAAC,EAAE,YAAY,CAAC,EAAE,EAAE,iBAAiB,CAAC,EAAE;AACjE,MAAC,IAAI,GAAG;AACpB,EAAE,SAAS,EAAE,YAAY;AACzB;;ACVA;AACA;AACA;AACA;AACA;AAIO,SAAS,YAAY,CAAC,OAAO,EAAE;AACtC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACb,EAAE,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,aAAa,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACrH,EAAE,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,aAAa,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACzK,EAAE,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAClD,CAAC;AACM,SAAS,gBAAgB,CAAC,IAAI,EAAE;AACvC,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,QAAQ,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,QAAQ,KAAK,uBAAuB,CAAC,KAAK,EAAE,EAAE;AACzI,CAAC;AACM,SAAS,eAAe,CAAC,IAAI,EAAE;AACtC,EAAE,OAAO,eAAe,CAAC,IAAI,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,CAAC;AACzE,CAAC;AACM,SAAS,iBAAiB,CAAC,IAAI,EAAE;AACxC,EAAE,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAChF,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AAC1D,CAAC;AACM,SAAS,QAAQ,CAAC,OAAO,EAAE;AAIlC,EAAE,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,yEAAyE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAC;AAC7K,EAAE,OAAO,MAAM,CAAC,cAAc,CAAC;AAC/B;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/combobox/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/combobox/utils.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 ComboboxItem = \"CALCITE-COMBOBOX-ITEM\";\nexport const ComboboxItemGroup = \"CALCITE-COMBOBOX-ITEM-GROUP\";\nexport const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;\nexport const TEXT = {\n  removeTag: \"Remove tag\"\n};\nexport const CSS = {\n  labelActive: \"label--active\",\n  labelSelected: \"label--selected\",\n  listContainer: \"list-container\"\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 { nodeListToArray } from \"../../utils/dom\";\nimport { ComboboxChildSelector } from \"./resources\";\nimport { Build } from \"@stencil/core\";\nexport function getAncestors(element) {\n  var _a, _b;\n  const parent = (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.closest(ComboboxChildSelector);\n  const grandparent = (_b = parent === null || parent === void 0 ? void 0 : parent.parentElement) === null || _b === void 0 ? void 0 : _b.closest(ComboboxChildSelector);\n  return [parent, grandparent].filter((el) => el);\n}\nexport function getItemAncestors(item) {\n  var _a;\n  return (((_a = item.ancestors) === null || _a === void 0 ? void 0 : _a.filter((el) => el.nodeName === \"CALCITE-COMBOBOX-ITEM\")) || []);\n}\nexport function getItemChildren(item) {\n  return nodeListToArray(item.querySelectorAll(\"calcite-combobox-item\"));\n}\nexport function hasActiveChildren(node) {\n  const items = nodeListToArray(node.querySelectorAll(\"calcite-combobox-item\"));\n  return items.filter((item) => item.selected).length > 0;\n}\nexport function getDepth(element) {\n  if (!Build.isBrowser) {\n    return 0;\n  }\n  const result = document.evaluate(\"ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group\", element, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);\n  return result.snapshotLength;\n}\n"],"version":3}

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

@@ -0,0 +1,186 @@
+/*!
+ * 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 { u as updateHostInteraction } from './p-7daea1df.js';
+import { a as getSlotted } from './p-32a67cb2.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './p-5cf33602.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+import './p-9a9955db.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$1 = {
+  container: "container"
+};
+
+const listCss = "@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:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}.container *{box-sizing:border-box}::slotted(calcite-list-item){-webkit-margin-after:1px;margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}::slotted(calcite-list-item:last-child){--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)}";
+
+const List = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
+     */
+    this.disabled = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    const firstListItem = this.el.querySelector(`calcite-list-item:not([non-interactive])`);
+    firstListItem === null || firstListItem === void 0 ? void 0 : firstListItem.setFocus();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    return (h(Host, { role: "list" }, h("div", { class: CSS$1.container }, h("slot", null))));
+  }
+  get el() { return getElement(this); }
+};
+List.style = listCss;
+
+/*!
+ * 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 = {
+  container: "container",
+  contentContainer: "content-container",
+  nestedContainer: "nested-container",
+  contentContainerButton: "content-container--button",
+  content: "content",
+  actionsStart: "actions-start",
+  contentStart: "content-start",
+  label: "label",
+  description: "description",
+  contentEnd: "content-end",
+  actionsEnd: "actions-end",
+  hasCenterContent: "has-center-content"
+};
+const SLOTS = {
+  actionsStart: "actions-start",
+  contentStart: "content-start",
+  contentEnd: "content-end",
+  actionsEnd: "actions-end"
+};
+
+const listItemCss = "@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;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family)}.container *{box-sizing:border-box}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1)}.content-container{display:flex;flex:1 1 auto;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);outline-color:transparent}.content-container--button{cursor:pointer;border-style:none;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;text-align:initial}.content-container--button:hover{background-color:var(--calcite-ui-foreground-2)}.content-container--button:hover .label,.content-container--button:hover .description{color:var(--calcite-ui-text-1)}.content-container--button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.content-container--button .content-start,.content-container--button .content-end{pointer-events:none}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-ui-text-1)}.description{-webkit-margin-before:0.125rem;margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.has-center-content .content-start,.has-center-content .content-end{flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-end ::slotted(calcite-action){align-self:stretch;color:inherit}::slotted(calcite-list-item-group),::slotted(calcite-list-item){-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}";
+
+const ListItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * When `true`, prevents the content of the component from user interaction.
+     */
+    this.nonInteractive = false;
+    /**
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
+     */
+    this.disabled = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    connectConditionalSlotComponent(this);
+  }
+  disconnectedCallback() {
+    disconnectConditionalSlotComponent(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var _a;
+    (_a = this.focusEl) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  renderActionsStart() {
+    const { el } = this;
+    return getSlotted(el, SLOTS.actionsStart) ? (h("div", { class: CSS.actionsStart }, h("slot", { name: SLOTS.actionsStart }))) : null;
+  }
+  renderActionsEnd() {
+    const { el } = this;
+    return getSlotted(el, SLOTS.actionsEnd) ? (h("div", { class: CSS.actionsEnd }, h("slot", { name: SLOTS.actionsEnd }))) : null;
+  }
+  renderContentStart() {
+    const { el } = this;
+    return getSlotted(el, SLOTS.contentStart) ? (h("div", { class: CSS.contentStart }, h("slot", { name: SLOTS.contentStart }))) : null;
+  }
+  renderContentEnd() {
+    const { el } = this;
+    return getSlotted(el, SLOTS.contentEnd) ? (h("div", { class: CSS.contentEnd }, h("slot", { name: SLOTS.contentEnd }))) : null;
+  }
+  renderContent() {
+    const { label, description } = this;
+    return !!label || !!description ? (h("div", { class: CSS.content }, label ? h("div", { class: CSS.label }, label) : null, description ? h("div", { class: CSS.description }, description) : null)) : null;
+  }
+  renderContentContainer() {
+    const { description, disabled, label, nonInteractive } = this;
+    const hasCenterContent = !!label || !!description;
+    const content = [this.renderContentStart(), this.renderContent(), this.renderContentEnd()];
+    return !nonInteractive ? (h("button", { class: {
+        [CSS.contentContainer]: true,
+        [CSS.contentContainerButton]: true,
+        [CSS.hasCenterContent]: hasCenterContent
+      }, disabled: disabled, ref: (focusEl) => (this.focusEl = focusEl) }, content)) : (h("div", { class: { [CSS.contentContainer]: true, [CSS.hasCenterContent]: hasCenterContent }, ref: () => (this.focusEl = null) }, content));
+  }
+  render() {
+    return (h(Host, { role: "listitem" }, h("div", { class: CSS.container }, this.renderActionsStart(), this.renderContentContainer(), this.renderActionsEnd()), h("div", { class: CSS.nestedContainer }, h("slot", null))));
+  }
+  get el() { return getElement(this); }
+};
+ListItem.style = listItemCss;
+
+export { List as calcite_list, ListItem as calcite_list_item };
+
+//# sourceMappingURL=p-ed075c2f.entry.js.map