@esri/solutions-components 0.2.6 → 0.2.7

package/dist/components/label.js

@@ -0,0 +1,106 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label2.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 = {
+  container: "container"
+};
+
+const labelCss = "@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:inline}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host(:not([disable-spacing])[scale=s]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.5rem);margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host(:not([disable-spacing])[scale=m]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.75rem);margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:not([disable-spacing])[scale=l]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 1rem);margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-ui-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted(*){pointer-events:none}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([disable-spacing]) .container{margin:0px;gap:0px}";
+
+const Label = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.calciteInternalLabelClick = createEvent(this, "calciteInternalLabelClick", 2);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** Specifies the text alignment of the component. */
+    this.alignment = "start";
+    /**
+     * Specifies the status of the component and any child input, or input messages.
+     *
+     * @deprecated Set directly on the component the label is bound to instead.
+     */
+    this.status = "idle";
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    /** Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line. */
+    this.layout = "default";
+    /**
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
+     *
+     * @deprecated Use the `disabled` property on the component the label is bound to instead.
+     */
+    this.disabled = false;
+    /**
+     * When `true`, disables the component's spacing.
+     *
+     * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
+     */
+    this.disableSpacing = false;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    this.labelClickHandler = (event) => {
+      this.calciteInternalLabelClick.emit({
+        sourceEvent: event
+      });
+    };
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    document.dispatchEvent(new CustomEvent(labelConnectedEvent));
+  }
+  disconnectedCallback() {
+    document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));
+  }
+  render() {
+    return (h(Host, { onClick: this.labelClickHandler }, h("div", { class: CSS.container }, h("slot", null))));
+  }
+  get el() { return this; }
+  static get style() { return labelCss; }
+}, [1, "calcite-label", {
+    "alignment": [513],
+    "status": [513],
+    "for": [513],
+    "scale": [513],
+    "layout": [513],
+    "disabled": [516],
+    "disableSpacing": [516, "disable-spacing"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-label"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-label":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Label);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { Label as L, defineCustomElement as d };

package/dist/components/label2.js

@@ -0,0 +1,131 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { q as queryElementRoots, h as closestElementCrossShadowBoundary } from './dom.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
+ */
+/**
+ * Exported for testing purposes only
+ *
+ * @internal
+ */
+const labelClickEvent = "calciteInternalLabelClick";
+const labelConnectedEvent = "calciteInternalLabelConnected";
+const labelDisconnectedEvent = "calciteInternaLabelDisconnected";
+const labelTagName = "calcite-label";
+const onLabelClickMap = new WeakMap();
+const onLabelConnectedMap = new WeakMap();
+const onLabelDisconnectedMap = new WeakMap();
+const unlabeledComponents = new Set();
+const findLabelForComponent = (componentEl) => {
+  const { id } = componentEl;
+  const forLabel = id && queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
+  if (forLabel) {
+    return forLabel;
+  }
+  const parentLabel = closestElementCrossShadowBoundary(componentEl, labelTagName);
+  if (!parentLabel ||
+    // labelable components within other custom elements are not considered labelable
+    hasAncestorCustomElements(parentLabel, componentEl)) {
+    return null;
+  }
+  return parentLabel;
+};
+function hasAncestorCustomElements(label, componentEl) {
+  let traversedElements;
+  const customElementAncestorCheckEventType = "custom-element-ancestor-check";
+  const listener = (event) => {
+    event.stopImmediatePropagation();
+    const composedPath = event.composedPath();
+    traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));
+  };
+  label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });
+  componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));
+  label.removeEventListener(customElementAncestorCheckEventType, listener);
+  const ancestorCustomElements = traversedElements
+    .filter((el) => el !== componentEl && el !== label)
+    .filter((el) => { var _a; return (_a = el.tagName) === null || _a === void 0 ? void 0 : _a.includes("-"); });
+  return ancestorCustomElements.length > 0;
+}
+/**
+ * Helper to set up label interactions on connectedCallback.
+ *
+ * @param component
+ */
+function connectLabel(component) {
+  const labelEl = findLabelForComponent(component.el);
+  if (onLabelClickMap.has(labelEl) || (!labelEl && unlabeledComponents.has(component))) {
+    return;
+  }
+  const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
+  if (labelEl) {
+    component.labelEl = labelEl;
+    const boundOnLabelClick = onLabelClick.bind(component);
+    onLabelClickMap.set(component.labelEl, boundOnLabelClick);
+    component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
+    unlabeledComponents.delete(component);
+    document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
+    onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);
+    document.addEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);
+  }
+  else if (!unlabeledComponents.has(component)) {
+    boundOnLabelDisconnected();
+    document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
+  }
+}
+/**
+ * Helper to tear down label interactions on disconnectedCallback on labelable components.
+ *
+ * @param component
+ */
+function disconnectLabel(component) {
+  unlabeledComponents.delete(component);
+  document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
+  document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
+  onLabelConnectedMap.delete(component);
+  onLabelDisconnectedMap.delete(component);
+  if (!component.labelEl) {
+    return;
+  }
+  const boundOnLabelClick = onLabelClickMap.get(component.labelEl);
+  component.labelEl.removeEventListener(labelClickEvent, boundOnLabelClick);
+  onLabelClickMap.delete(component.labelEl);
+}
+/**
+ * Helper to get the label text from a component.
+ *
+ * @param component
+ */
+function getLabelText(component) {
+  var _a, _b;
+  return component.label || ((_b = (_a = component.labelEl) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || "";
+}
+function onLabelClick(event) {
+  if (this.disabled) {
+    return;
+  }
+  const containedLabelableChildClicked = this.el.contains(event.detail.sourceEvent.target);
+  if (containedLabelableChildClicked) {
+    return;
+  }
+  this.onLabelClick(event);
+}
+function onLabelConnected() {
+  if (unlabeledComponents.has(this)) {
+    connectLabel(this);
+  }
+}
+function onLabelDisconnected() {
+  unlabeledComponents.add(this);
+  const boundOnLabelConnected = onLabelConnectedMap.get(this) || onLabelConnected.bind(this);
+  onLabelConnectedMap.set(this, boundOnLabelConnected);
+  document.addEventListener(labelConnectedEvent, boundOnLabelConnected);
+}
+
+export { labelDisconnectedEvent as a, connectLabel as c, disconnectLabel as d, getLabelText as g, labelConnectedEvent as l };

package/dist/components/labelFormats.js

@@ -0,0 +1,210 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+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 };

package/dist/components/layer-table.d.ts

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