@arcgis/map-components 5.2.0-next.90 → 5.2.0-next.93

package/dist/components/arcgis-oriented-imagery-viewer-panoramic-viewer/customElement.js

@@ -17,31 +17,31 @@ import pe from "@arcgis/core/Ground.js";
 import fe from "@arcgis/core/core/Accessor.js";
 import { property as C, subclass as _e } from "@arcgis/core/core/accessorSupport/decorators.js";
 import we from "@arcgis/core/core/Error.js";
-import { t as z, c as ge, a as ve } from "../../chunks/async-utils.js";
-import { guessExtensionFromURI as ye } from "../../chunks/urlUtils.js";
-import be from "@arcgis/core/geometry/Extent.js";
-import Me from "@arcgis/core/geometry/Mesh.js";
+import { t as z, c as ge, g as ve, a as ye } from "../../chunks/async-utils.js";
+import { guessExtensionFromURI as be } from "../../chunks/urlUtils.js";
+import Me from "@arcgis/core/geometry/Extent.js";
+import xe from "@arcgis/core/geometry/Mesh.js";
 import X from "@arcgis/core/geometry/support/MeshComponent.js";
 import Y from "@arcgis/core/geometry/support/MeshMaterialMetallicRoughness.js";
 import U from "@arcgis/core/geometry/support/MeshTexture.js";
-import xe from "@arcgis/core/geometry/support/MeshVertexAttributes.js";
+import Ce from "@arcgis/core/geometry/support/MeshVertexAttributes.js";
 import W from "@arcgis/core/geometry/Point.js";
-import { createSphere as Ce } from "@arcgis/core/geometry/support/meshUtils.js";
-import Te from "@arcgis/core/layers/ImageryTileLayer.js";
-import Se from "@arcgis/core/symbols/Font.js";
-import { c as ze, b as Ie, f as Pe } from "../../chunks/utils3.js";
-import Le from "@arcgis/core/symbols/TextSymbol.js";
-import { log as Re } from "@arcgis/toolkit/log";
-const Ae = se`:host{height:100%;--arcgis-view-color-focus: none}`;
-function Fe(r, e = !0) {
+import { createSphere as Te } from "@arcgis/core/geometry/support/meshUtils.js";
+import Se from "@arcgis/core/layers/ImageryTileLayer.js";
+import ze from "@arcgis/core/symbols/Font.js";
+import { c as Ie, b as Pe, f as Le } from "../../chunks/utils3.js";
+import Re from "@arcgis/core/symbols/TextSymbol.js";
+import { log as Ae } from "@arcgis/toolkit/log";
+const Fe = se`:host{height:100%;--arcgis-view-color-focus: none}`;
+function Ne(r, e = !0) {
   const o = ((e ? r : r * 180 / Math.PI) % 360 + 360) % 360;
   return e ? o : o * Math.PI / 180;
 }
-function Ne(r, e = !0) {
+function $e(r, e = !0) {
   const t = e ? r : r * 180 / Math.PI, o = Math.max(0.5, Math.min(179.5, t));
   return e ? o : o * Math.PI / 180;
 }
-function $e(r, e) {
+function Be(r, e) {
   return new Promise((t, o) => {
     if (r.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
       t();
@@ -50,7 +50,7 @@ function $e(r, e) {
     e(K(r, "canplay", t)), e(K(r, "error", o));
   });
 }
-function Be(r) {
+function Ve(r) {
   return new Q({
     geometry: r,
     symbol: new ue({
@@ -60,15 +60,15 @@ function Be(r) {
 }
 function O({
   data: r,
-  center: e = Ve(),
-  size: t = Ee,
+  center: e = Ee(),
+  size: t = Ge,
   horizonPitch: o = 0,
   horizonYaw: i = 0,
   horizonRoll: a = 0
 }) {
   const s = e.clone();
   s.z = -t / 2;
-  const n = Ce(s, {
+  const n = Te(s, {
     size: t,
     densificationFactor: 2,
     vertexSpace: "georeferenced",
@@ -90,29 +90,29 @@ function O({
     origin: n.extent.center
   }), n.centerAt(s), n;
 }
-const Ve = () => new W({
+const Ee = () => new W({
   x: 0,
   y: 0,
   z: 0,
   spatialReference: H.WebMercator
-}), Ee = 1e3, Ge = 114;
-function ke(r, e, t) {
+}), Ge = 1e3, ke = 114;
+function De(r, e, t) {
   const o = /* @__PURE__ */ new Map(), i = Array.from(r.keys()).sort((h, p) => h - p)[0], {
     maxCol: a,
     minCol: s,
     maxRow: n,
     minRow: l
   } = r.get(i), d = a - s + 1, m = n - l + 1, c = d * (t - 1) + 1;
-  return De(
+  return Oe(
     { maximumPyramidLevel: e, blockBoundary: r, baseCols: d, baseRows: m, vertexPerEdge: t, baseVertexPerRow: c },
     o
   ), o;
 }
-function De(r, e) {
+function Oe(r, e) {
   const { maximumPyramidLevel: t, blockBoundary: o, baseCols: i, baseRows: a, vertexPerEdge: s, baseVertexPerRow: n } = r;
   for (let l = 0; l <= t; l += 1) {
     const { maxCol: d, minCol: m, maxRow: c, minRow: h } = o.get(l), p = d - m + 1, u = c - h + 1, _ = i / p, g = a / u, w = s - 1;
-    Oe(
+    He(
       {
         minRow: h,
         minCol: m,
@@ -128,7 +128,7 @@ function De(r, e) {
     );
   }
 }
-function Oe(r, e) {
+function He(r, e) {
   const { minRow: t, minCol: o, numberOfRows: i, numberOfColumns: a, vertexLimit: s, rowStep: n, colStep: l, baseVertexPerRow: d, level: m } = r;
   for (let c = 0; c < i; c += 1)
     for (let h = 0; h < a; h += 1) {
@@ -143,7 +143,7 @@ function Oe(r, e) {
       e.set(`${m}/${w}/${g}`, u);
     }
 }
-function He(r, e) {
+function Ke(r, e) {
   const t = /* @__PURE__ */ new Map(), {
     lods: o,
     origin: i,
@@ -165,18 +165,18 @@ function He(r, e) {
   }
   return t;
 }
-function Ke(r) {
+function Ye(r) {
   return typeof r == "string" ? Number.parseInt(r, 10) : r;
 }
-function Ye(r) {
+function Ue(r) {
   r.set("premultiplyAlpha", !0);
   const e = r.getAsRGBA();
   return new ImageData(e, r.width, r.height);
 }
-function Ue(r, e, t) {
+function We(r, e, t) {
   return (r * (t - 1) + 1) * (e * (t - 1) + 1);
 }
-class We {
+class Ze {
   constructor(e) {
     this._componentCache = /* @__PURE__ */ new Map(), this._tileAnchorMap = /* @__PURE__ */ new Map(), this._attachedComponentKeys = /* @__PURE__ */ new Set(), this._remappedFaceMap = /* @__PURE__ */ new Map(), this._levels = [], this._blockBoundaryMap = /* @__PURE__ */ new Map(), this.radius = 500, this.vertexPerEdge = 25, this.imageSize = [0, 0], this.layer = e.layer;
   }
@@ -207,7 +207,7 @@ class We {
     return Math.max(...this._levels);
   }
   async load(e) {
-    if (await this.layer.load(e), this._blockBoundaryMap = He(this.layer.tileInfo, this.layer.fullExtent), this._levels = [...this._blockBoundaryMap.keys()].sort((t, o) => t - o), this._levels.length === 0)
+    if (await this.layer.load(e), this._blockBoundaryMap = Ke(this.layer.tileInfo, this.layer.fullExtent), this._levels = [...this._blockBoundaryMap.keys()].sort((t, o) => t - o), this._levels.length === 0)
       throw new Error("No valid tile levels found for panoramic mesh generation.");
     return this.imageSize = [this.layer.fullExtent.width, this.layer.fullExtent.height], this._baseMesh = this._createBaseMesh(this.radius, this.vertexPerEdge), this;
   }
@@ -222,7 +222,7 @@ class We {
   _createBaseMesh(e, t) {
     if (!this._blockBoundaryMap.has(this._meshResolutionLevel))
       throw new Error(`No block boundaries found for mesh resolution level ${this._meshResolutionLevel}`);
-    const { maxCol: o, minCol: i, maxRow: a, minRow: s } = this._blockBoundaryMap.get(this._meshResolutionLevel), n = a - s + 1, l = o - i + 1, d = Ue(n, l, t), m = new Float64Array(d * 3), c = new Float32Array(d * 3), h = new Float32Array(d * 2), p = l * (t - 1) + 1, u = l * (t - 1);
+    const { maxCol: o, minCol: i, maxRow: a, minRow: s } = this._blockBoundaryMap.get(this._meshResolutionLevel), n = a - s + 1, l = o - i + 1, d = We(n, l, t), m = new Float64Array(d * 3), c = new Float32Array(d * 3), h = new Float32Array(d * 2), p = l * (t - 1) + 1, u = l * (t - 1);
     for (let f = 0; f < d; f += 1) {
       const T = Math.floor(f / p), F = f % p, I = 1 - F / (l * (t - 1)), S = T / (n * (t - 1)), N = 180 * (1 - S), E = 360 * (I - 0.5), P = [
         Math.sin(N * Math.PI / 180) * Math.sin(E * Math.PI / 180),
@@ -233,7 +233,7 @@ class We {
       const L = T * p;
       F === u && (m[f * 3] = m[L * 3], m[f * 3 + 1] = m[L * 3 + 1], m[f * 3 + 2] = m[L * 3 + 2], c[f * 3] = c[L * 3], c[f * 3 + 1] = c[L * 3 + 1], c[f * 3 + 2] = c[L * 3 + 2]), h[f * 2] = I, h[f * 2 + 1] = S;
     }
-    this._faceMap = ke(this._blockBoundaryMap, Math.max(...this._levels), t);
+    this._faceMap = De(this._blockBoundaryMap, Math.max(...this._levels), t);
     const { remappedFaceMap: _, splitPosition: g, splitNormals: w, splitUv: v } = this._preSplitTileGeometry(m, c, h);
     this._remappedFaceMap = _;
     const y = new X({
@@ -242,12 +242,12 @@ class We {
     });
     return y.set({
       trustSourceNormals: !0
-    }), this._baseMesh = new Me({
+    }), this._baseMesh = new xe({
       components: [
         // Dummy component keeps the mesh valid before any tile component is attached.
         y
       ],
-      vertexAttributes: new xe({ position: g, normal: w, uv: v }),
+      vertexAttributes: new Ce({ position: g, normal: w, uv: v }),
       spatialReference: { wkid: 3857 }
     }), this._baseMesh;
   }
@@ -349,7 +349,7 @@ class We {
     a && this._attachedComponentKeys.has(i) && (this.baseMesh.removeComponent(a), this._attachedComponentKeys.delete(i), this.baseMesh.vertexAttributesChanged());
   }
 }
-class Ze {
+class je {
   constructor(e) {
     this._baseLevel = e.baseLevel, this._levels = [...e.levels], this._blockBoundaryMap = e.blockBoundaryMap;
   }
@@ -457,10 +457,10 @@ class Ze {
     return c;
   }
 }
-class je {
+class qe {
   constructor(e) {
     this._layer = e, this._inflightControllers = /* @__PURE__ */ new Map(), this._inflightSet = /* @__PURE__ */ new Set(), this._loadedSet = /* @__PURE__ */ new Set(), this.fetchTileImageData = async (t, o, i, a) => {
-      const s = Ke(t), n = a ? { signal: a } : void 0, l = this._meshBuilder.blockBoundaryMap.get(s);
+      const s = Ye(t), n = a ? { signal: a } : void 0, l = this._meshBuilder.blockBoundaryMap.get(s);
       if (!l)
         throw new Error(`No tile boundary found for level ${t}`);
       const { maxCol: d, maxRow: m, minCol: c, minRow: h } = l, p = d - c + 1, u = m - h + 1, _ = i - c, g = o - h, w = _ * this._meshBuilder.imageSize[0] / p, v = g * this._meshBuilder.imageSize[1] / u, y = Math.min(
@@ -470,7 +470,7 @@ class je {
         (g + 1) * this._meshBuilder.imageSize[1] / u,
         this._meshBuilder.imageSize[1]
       ), T = await this._layer.fetchPixels(
-        new be({
+        new Me({
           xmin: w - 0.5,
           ymin: 0.5 - f,
           xmax: y - 0.5,
@@ -481,8 +481,8 @@ class je {
         f - v,
         n
       );
-      return Ye(T.pixelBlock);
-    }, this.loadComponent = (t, o, i, a) => this._meshBuilder.loadComponent(t, o, i, a), this.unloadComponent = (t, o, i) => this._meshBuilder.unloadComponent(t, o, i), this._meshBuilder = new We({ layer: e });
+      return Ue(T.pixelBlock);
+    }, this.loadComponent = (t, o, i, a) => this._meshBuilder.loadComponent(t, o, i, a), this.unloadComponent = (t, o, i) => this._meshBuilder.unloadComponent(t, o, i), this._meshBuilder = new Ze({ layer: e });
   }
   get imageSize() {
     return this._meshBuilder.imageSize;
@@ -497,7 +497,7 @@ class je {
     return this._meshBuilder.getTileAnchor(e, t, o);
   }
   async load() {
-    return await this._meshBuilder.load(), this._tilePlanner = new Ze({
+    return await this._meshBuilder.load(), this._tilePlanner = new je({
       blockBoundaryMap: this._meshBuilder.blockBoundaryMap,
       baseLevel: this._meshBuilder.baseLevel,
       levels: [...this._meshBuilder.levels]
@@ -534,12 +534,12 @@ class je {
     }
   }
 }
-var qe = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, x = (r, e, t, o) => {
-  for (var i = o > 1 ? void 0 : o ? Je(e, t) : e, a = r.length - 1, s; a >= 0; a--)
+var Je = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, x = (r, e, t, o) => {
+  for (var i = o > 1 ? void 0 : o ? Xe(e, t) : e, a = r.length - 1, s; a >= 0; a--)
     (s = r[a]) && (i = (o ? s(e, t, i) : s(i)) || i);
-  return o && i && qe(e, t, i), i;
+  return o && i && Je(e, t, i), i;
 };
-const Xe = 0, Qe = 0, et = 0, tt = /* @__PURE__ */ new Set(["JPG", "JPEG", "TIFF", "TIF", "MRF"]), it = /* @__PURE__ */ new Set(["MRF", "TIFF", "TIF"]);
+const Qe = 0, et = 0, tt = 0, it = /* @__PURE__ */ new Set(["JPG", "JPEG", "TIFF", "TIF", "MRF"]), ot = /* @__PURE__ */ new Set(["MRF", "TIFF", "TIF"]);
 let b = class extends fe {
   //--------------------------------------------------------------------------
   //
@@ -551,7 +551,7 @@ let b = class extends fe {
       const t = Promise.withResolvers(), o = e?.signal ? K(e?.signal, "abort", t.resolve) : null, i = this.type === "video" ? document.createElement("video") : document.createElement("img");
       this.type === "video" && (i.setAttribute("playsinline", "true"), i.setAttribute("muted", "true"), i.setAttribute("autoplay", "true")), i.crossOrigin = "anonymous", i.src = this.url;
       let a = null;
-      const s = this.type === "video" ? $e(i, (m) => this.addHandles(m)) : await new Promise((m, c) => {
+      const s = this.type === "video" ? Be(i, (m) => this.addHandles(m)) : await new Promise((m, c) => {
         a = [
           J(i, "error", (h) => {
             c(h);
@@ -584,15 +584,15 @@ let b = class extends fe {
   }
   get horizonPitch() {
     const { matrix: r } = this;
-    return r ? 180 * Math.asin(-r[6]) / Math.PI : Xe;
+    return r ? 180 * Math.asin(-r[6]) / Math.PI : Qe;
   }
   get horizonRoll() {
     const { matrix: r } = this;
-    return r ? 180 * Math.atan(r[7] / r[8]) / Math.PI : et;
+    return r ? 180 * Math.atan(r[7] / r[8]) / Math.PI : tt;
   }
   get horizonYaw() {
     const { matrix: r, cameraHeading: e } = this;
-    return r ? 180 * Math.atan2(r[3], r[0]) / Math.PI : e ? -e : Qe;
+    return r ? 180 * Math.atan2(r[3], r[0]) / Math.PI : e ? -e : et;
   }
   get panoramicTileSource() {
     return this._panoramicTileSource;
@@ -612,7 +612,7 @@ let b = class extends fe {
     if (this.type === "video")
       return await this.loadVideoMesh(r);
     let e = this.extension;
-    if (e || (e = ye(this.url)), !e || !tt.has(e))
+    if (e || (e = be(this.url)), !e || !it.has(e))
       throw new we(
         "unsupported-format",
         this.uiStrings["unsupported-format"] ?? "Unsupported image format: {extension}",
@@ -620,18 +620,18 @@ let b = class extends fe {
           datasetFormat: e ?? "UNKNOWN FORMAT"
         }
       );
-    return it.has(e) ? await this.loadOptimizedImageMesh(r) : await this.loadImageMesh(r);
+    return ot.has(e) ? await this.loadOptimizedImageMesh(r) : await this.loadImageMesh(r);
   }
   async loadOptimizedImageMesh(r) {
     this._panoramicTileSource?.destroy();
-    const e = new Te({
+    const e = new Se({
       url: this.url,
       // @ts-ignore - datasetFormat is not part of the official ImageryTileLayer properties, but is used in the custom ioConfig for loading the image and is necessary to pass along the format information.
       datasetFormat: this.extension,
       skipMapInfo: !0,
       skipExtensions: ["aux.xml", "jgw"]
     });
-    this._panoramicTileSource = new je(e);
+    this._panoramicTileSource = new qe(e);
     const { imageSize: t, baseMesh: o } = await this._panoramicTileSource.load();
     return z(r), { mesh: o, size: t };
   }
@@ -725,24 +725,24 @@ x([
 b = x([
   _e("components.oriented-imagery-viewer-panoramic-viewer.support.PanoramicMedia")
 ], b);
-const ot = () => new he({
+const rt = () => new he({
   atmosphereEnabled: !1,
   starsEnabled: !1,
   lighting: {
     type: "virtual"
   }
-}), rt = () => new pe({
+}), st = () => new pe({
   opacity: 0,
   navigationConstraint: null
-}), st = () => new W({
+}), at = () => new W({
   x: 0,
   y: 0,
   z: 0,
   spatialReference: H.WebMercator
 });
-class at extends ae {
+class nt extends ae {
   constructor() {
-    super(...arguments), this.#e = ot(), this._graphicsController = new ne(this), this._ground = rt(), this._messages = le(), this._startPosition = null, this.tileCache = /* @__PURE__ */ new Set(), this._currentGraphicsStore = new ee(), this._tileLabelGraphics = /* @__PURE__ */ new Map(), this._handleMouseWheel = (e) => {
+    super(...arguments), this.#e = rt(), this._graphicsController = new ne(this), this._ground = st(), this._messages = le(), this._startPosition = null, this.tileCache = /* @__PURE__ */ new Set(), this._currentGraphicsStore = new ee(), this._tileLabelGraphics = /* @__PURE__ */ new Map(), this._handleMouseWheel = (e) => {
       e.detail.stopPropagation(), e.detail.deltaY < 0 ? this._internalZoom.value?.zoomIn() : this._internalZoom.value?.zoomOut();
     }, this._handleDrag = (e) => {
       e.stopPropagation();
@@ -762,7 +762,7 @@ class at extends ae {
               a = requestAnimationFrame(n);
               return;
             }
-            const m = t - this._startPosition.x, c = o - this._startPosition.y, h = Fe(this.camera?.heading - m * 0.1), p = Ne(this.camera.tilt + c * 0.1);
+            const m = t - this._startPosition.x, c = o - this._startPosition.y, h = Ne(this.camera?.heading - m * 0.1), p = $e(this.camera.tilt + c * 0.1);
             this.yaw = h, this.pitch = p, this._startPosition = { x: t, y: o }, s = null;
           };
           a = requestAnimationFrame(n);
@@ -777,7 +777,7 @@ class at extends ae {
     this.properties = { _media: 16, _internalMap: 16, _internalZoom: 16, _loading: 16, _base: 16, yaw: 9, pitch: 9, hideLoader: 5, hideTitle: 7, hideZoomControls: 5, hideVideoControls: 5, imageSize: 32, media: 0, messageOverrides: 0, hfov: 32, base: 32 };
   }
   static {
-    this.styles = [Ae];
+    this.styles = [Fe];
   }
   #e;
   get view() {
@@ -788,7 +788,7 @@ class at extends ae {
       return this.view?.camera;
   }
   set camera(e) {
-    !e || !this.view || this.view.destroyed || (e.position = st(), this.view.camera = e.clone());
+    !e || !this.view || this.view.destroyed || (e.position = at(), this.view.camera = e.clone());
   }
   get map() {
     return this._internalMap.value?.view?.map;
@@ -871,15 +871,15 @@ class at extends ae {
           panoramicTileSource: e,
           heading: t,
           pitch: o,
-          hfov: Ie(i, n),
-          vfov: ze(i, n)
+          hfov: Pe(i, n),
+          vfov: Ie(i, n)
         };
       }, (e) => {
         e && (this._tileUpdateDebounceHandle != null && clearTimeout(this._tileUpdateDebounceHandle), this._tileUpdateDebounceHandle = window.setTimeout(() => {
           this._tileUpdateTask?.abort(), this._tileUpdateTask = ge(async (t) => {
             await this._updateTilesForCurrentView(e, t);
           }), this._tileUpdateDebounceHandle = void 0;
-        }, 150));
+        }, ve(150)));
       }, { initial: !0, sync: !0 })
     ]);
   }
@@ -906,9 +906,9 @@ class at extends ae {
         z: l,
         spatialReference: H.WebMercator
       }),
-      symbol: new Le({
+      symbol: new Re({
         color: [255, 255, 255, 0.95],
-        font: new Se({
+        font: new ze({
           family: "Avenir Next",
           size: 8,
           weight: "bold"
@@ -963,7 +963,7 @@ class at extends ae {
           const f = await i.fetchTileImageData(_, g, w, v.signal);
           z(t), m.desiredKeySet.has(u) && !this.tileCache.has(u) && (i.loadComponent(_, g, w, f), i.markTileLoaded(u), this._attachTileLabel(i, u), this.tileCache.add(u));
         } catch (f) {
-          ve(f) || Re("error", this, "Failed loading panoramic tile component", { detail: { key: u, error: f } });
+          ye(f) || Ae("error", this, "Failed loading panoramic tile component", { detail: { key: u, error: f } });
         } finally {
           t.removeEventListener("abort", y), i.markTileInflightResolved(u);
         }
@@ -993,13 +993,13 @@ class at extends ae {
     const { mesh: o } = await e.load(t).finally(() => {
       this._loading = !1;
     });
-    z(t), this._fov = Pe(Ge, this.el.clientWidth / this.el.clientHeight), this._base = Be(o), this.addGraphic(this._base);
+    z(t), this._fov = Le(ke, this.el.clientWidth / this.el.clientHeight), this._base = Ve(o), this.addGraphic(this._base);
   }
   render() {
     return Z`<calcite-panel .loading=${this.hideLoader ? void 0 : this._loading} .heading=${this.hideTitle ? void 0 : this._messages.title}><arcgis-scene .environment=${this.#e} hide-attribution .spatialReference=${H.WebMercator} viewing-mode=local .ground=${this._ground} @arcgisViewMouseWheel=${this._handleMouseWheel} ${q(this._internalMap)}><arcgis-oriented-imagery-viewer-panoramic-viewer-zoom .hidden=${this.hideZoomControls} slot=top-left ${q(this._internalZoom)}></arcgis-oriented-imagery-viewer-panoramic-viewer-zoom></arcgis-scene>${this.hideVideoControls || this.media?.type !== "video" ? null : Z`<arcgis-oriented-imagery-viewer-video-controls .videoRef=${this._media?.element}></arcgis-oriented-imagery-viewer-video-controls>`}</calcite-panel>`;
   }
 }
-re("arcgis-oriented-imagery-viewer-panoramic-viewer", at);
+re("arcgis-oriented-imagery-viewer-panoramic-viewer", nt);
 export {
-  at as ArcgisOrientedImageryViewerPanoramicViewer
+  nt as ArcgisOrientedImageryViewerPanoramicViewer
 };

package/dist/components/arcgis-paste/customElement.d.ts

@@ -14,13 +14,33 @@ import type { PasteExecuteResult } from "./commands/PasteCommand.js";
 import type { CustomPasteCommand } from "./commands/PasteCustomCommand.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /**
+   * Specifies the height of the component.
+   *
+   * @internal
+   */
+  "--arcgis-paste-height": "*";
+  /**
+   * Specifies the width of the component.
+   *
+   * @internal
+   */
+  "--arcgis-paste-width": "*";
+  /**
+   * Specifies the padding for elements within the component.
+   *
+   * @internal
+   */
+  "--arcgis-paste-blocks-padding": "*";
+}
+}
+
 /**
  * The Paste component provides a UX for working with a Clipboard and
  * copy and pasting features and/or geometries.
  *
- * @cssproperty [--arcgis-paste-height] - Specifies the height of the component.
- * @cssproperty [--arcgis-paste-width] - Specifies the width of the component.
- * @cssproperty [--arcgis-paste-blocks-padding] - Specifies the padding for elements within the component.
  * @slot [home-header-actions-start] - Slot for adding actions to the start of the header on the entry page.
  * @slot [header-actions-end] - Slot for adding actions to the end of the header.
  * @slot [gallery-page-message] - Slot for adding content to the template gallery page.