@esri/calcite-components 2.2.1-next.1 → 2.3.0-next.1

package/dist/collection/components/avatar/avatar.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { h } from "@stencil/core";
 import { getModeName } from "../../utils/dom";

package/dist/collection/components/avatar/avatar.spec.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { isValidHex } from "../color-picker/utils";
 import { hexToHue, rgbToHue, stringToHex } from "./utils";

package/dist/collection/components/avatar/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { hexToRGB } from "../color-picker/utils";
 /**

package/dist/collection/components/block/block.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:01 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:46 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/block/block.e2e.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { CSS, SLOTS } from "./resources";
-import { accessible, defaults, disabled, focusable, hidden, renders, slots, t9n } from "../../tests/commonTests";
+import { accessible, defaults, delegatesToFloatingUiOwningComponent, disabled, focusable, hidden, reflects, renders, slots, t9n, } from "../../tests/commonTests";
 import { html } from "../../../support/formatting";
 import { openClose } from "../../tests/commonTests";
 describe("calcite-block", () => {
@@ -29,6 +29,30 @@ describe("calcite-block", () => {
                 propertyName: "open",
                 defaultValue: false,
             },
+            {
+                propertyName: "overlayPositioning",
+                defaultValue: "absolute",
+            },
+        ]);
+    });
+    describe("reflects", () => {
+        reflects("calcite-block", [
+            {
+                propertyName: "collapsible",
+                value: true,
+            },
+            {
+                propertyName: "headingLevel",
+                value: 2,
+            },
+            {
+                propertyName: "open",
+                value: true,
+            },
+            {
+                propertyName: "overlayPositioning",
+                value: "fixed",
+            },
         ]);
     });
     describe("openClose", () => {
@@ -76,6 +100,11 @@ describe("calcite-block", () => {
     describe("disabled", () => {
         disabled(html `<calcite-block heading="heading" description="description" collapsible></calcite-block>`);
     });
+    describe("delegates to floating-ui-owner component", () => {
+        delegatesToFloatingUiOwningComponent(html `<calcite-block>
+        <calcite-action label="Add" icon="plus" slot="header-menu-actions"></calcite-action>
+      </calcite-block>`, "calcite-action-menu");
+    });
     it("has a loading state", async () => {
         const page = await newE2EPage({
             html: `

package/dist/collection/components/block/block.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"block.e2e.js","sourceRoot":"","sources":["../../../../src/components/block/block.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { accessible, defaults, disabled, focusable, hidden, renders, slots, t9n } from \"../../tests/commonTests\";\nimport { html } from \"../../../support/formatting\";\nimport { openClose } from \"../../tests/commonTests\";\n\ndescribe(\"calcite-block\", () => {\n  describe(\"renders\", () => {\n    renders(\"calcite-block\", { display: \"flex\" });\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-block\");\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-block\", [\n      {\n        propertyName: \"collapsible\",\n        defaultValue: false,\n      },\n      {\n        propertyName: \"headingLevel\",\n        defaultValue: undefined,\n      },\n      {\n        propertyName: \"open\",\n        defaultValue: false,\n      },\n    ]);\n  });\n\n  describe(\"openClose\", () => {\n    openClose(\"calcite-block\");\n  });\n\n  describe(\"slots\", () => {\n    slots(\"calcite-block\", SLOTS);\n  });\n\n  describe(\"accessible\", () => {\n    accessible(html`\n      <calcite-block heading=\"heading\" description=\"description\" open collapsible>\n        <div slot=${SLOTS.icon}>✅</div>\n        <div>content</div>\n        <label slot=${SLOTS.control}>test <input placeholder=\"control\" /></label>\n      </calcite-block>\n    `);\n  });\n\n  describe(\"setFocus\", () => {\n    describe(\"focuses block heading toggle\", () => {\n      focusable(\n        html`<calcite-block heading=\"Heading\" description=\"summary\" collapsible open>\n          <calcite-block-section text=\"input block-section\" open>\n            <calcite-input\n              icon=\"form-field\"\n              placeholder=\"This is an input field... enter something here\"\n            ></calcite-input>\n          </calcite-block-section>\n        </calcite-block>`,\n        {\n          shadowFocusTargetSelector: `.${CSS.toggle}`,\n        },\n      );\n    });\n\n    const blockSectionClass = \"my-block-section\";\n    describe(\"focuses block section\", () => {\n      focusable(\n        html`<calcite-block heading=\"Heading\" description=\"summary\" open>\n          <calcite-block-section class=\"${blockSectionClass}\" text=\"input block-section\" open>\n            <calcite-input\n              icon=\"form-field\"\n              placeholder=\"This is an input field... enter something here\"\n            ></calcite-input>\n          </calcite-block-section>\n        </calcite-block>`,\n        {\n          focusTargetSelector: `.${blockSectionClass}`,\n        },\n      );\n    });\n  });\n\n  describe(\"disabled\", () => {\n    disabled(html`<calcite-block heading=\"heading\" description=\"description\" collapsible></calcite-block>`);\n  });\n\n  it(\"has a loading state\", async () => {\n    const page = await newE2EPage({\n      html: `\n        <calcite-block heading=\"heading\" description=\"description\" open collapsible>\n          <div class=\"content\">content</div>\n        </calcite-block>\n    `,\n    });\n\n    await page.waitForChanges();\n\n    expect(await page.find(\"calcite-block >>> calcite-scrim\")).toBeNull();\n\n    const content = await page.find(\".content\");\n    const clickSpy = await content.spyOnEvent(\"click\");\n    await content.click();\n    expect(clickSpy).toHaveReceivedEventTimes(1);\n\n    const block = await page.find(\"calcite-block\");\n    block.setProperty(\"loading\", true);\n    await page.waitForChanges();\n\n    await content.click();\n    expect(clickSpy).toHaveReceivedEventTimes(1);\n\n    expect(await page.find(\"calcite-block >>> calcite-scrim\")).toBeTruthy();\n  });\n\n  it(\"can display/hide content\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-block><div>some content</div></calcite-block>\");\n    let element = await page.find(\"calcite-block\");\n    let content = await page.find(`calcite-block >>> .${CSS.content}`);\n\n    expect(await content.isVisible()).toBe(false);\n\n    element.setProperty(\"open\", true);\n    await page.waitForChanges();\n    element = await page.find(\"calcite-block[open]\");\n    content = await page.find(`calcite-block >>> .${CSS.content}`);\n\n    expect(element).toBeTruthy();\n    expect(await content.isVisible()).toBe(true);\n\n    element.setProperty(\"open\", false);\n    await page.waitForChanges();\n    element = await page.find(\"calcite-block[open]\");\n    content = await page.find(`calcite-block >>> .${CSS.content}`);\n\n    expect(element).toBeNull();\n    expect(await content.isVisible()).toBe(false);\n  });\n\n  it(\"allows toggling its content\", async () => {\n    const heading = \"heading\";\n    const page = await newE2EPage();\n    await page.setContent(html`<calcite-block collapsible heading=${heading}></calcite-block>`);\n    const messages = await import(`./assets/block/t9n/messages.json`);\n\n    const element = await page.find(\"calcite-block\");\n    const toggleSpy = await element.spyOnEvent(\"calciteBlockToggle\");\n    const openSpy = await element.spyOnEvent(\"calciteBlockOpen\");\n    const closeSpy = await element.spyOnEvent(\"calciteBlockClose\");\n\n    const toggle = await page.find(`calcite-block >>> .${CSS.toggle}`);\n\n    expect(toggle.getAttribute(\"aria-expanded\")).toBe(\"false\");\n    expect(toggle.getAttribute(\"title\")).toBe(messages.expand);\n\n    await toggle.click();\n\n    expect(toggleSpy).toHaveReceivedEventTimes(1);\n    expect(openSpy).toHaveReceivedEventTimes(1);\n    expect(await element.getProperty(\"open\")).toBe(true);\n    expect(toggle.getAttribute(\"aria-expanded\")).toBe(\"true\");\n    expect(toggle.getAttribute(\"title\")).toBe(messages.collapse);\n\n    await toggle.click();\n\n    expect(toggleSpy).toHaveReceivedEventTimes(2);\n    expect(closeSpy).toHaveReceivedEventTimes(1);\n    expect(await element.getProperty(\"open\")).toBe(false);\n    expect(toggle.getAttribute(\"aria-expanded\")).toBe(\"false\");\n    expect(toggle.getAttribute(\"title\")).toBe(messages.expand);\n  });\n\n  describe(\"header\", () => {\n    it(\"renders a heading\", async () => {\n      const page = await newE2EPage();\n\n      await page.setContent(`<calcite-block heading=\"test-heading\"></calcite-block>`);\n\n      const heading = await page.find(`calcite-block >>> .${CSS.heading}`);\n      expect(heading).toBeTruthy();\n      expect(heading.innerText).toBe(\"test-heading\");\n\n      const description = await page.find(`calcite-block >>> .${CSS.description}`);\n      expect(description).toBeNull();\n    });\n\n    it(\"renders a heading with optional description\", async () => {\n      const page = await newE2EPage();\n\n      await page.setContent(`<calcite-block heading=\"test-heading\" description=\"test-description\"></calcite-block>`);\n\n      const heading = await page.find(`calcite-block >>> .${CSS.heading}`);\n      expect(heading).toBeTruthy();\n\n      const description = await page.find(`calcite-block >>> .${CSS.description}`);\n      expect(description.innerText).toBe(\"test-description\");\n    });\n\n    it(\"allows users to add a control in a collapsible block\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(html`\n        <calcite-block heading=\"test-heading\" collapsible>\n          <div class=\"nested-control\" tabindex=\"0\" slot=${SLOTS.control}>fake space/enter-bubbling control</div>\n        </calcite-block>\n      `);\n      const control = await page.find(\".nested-control\");\n      expect(await control.isVisible()).toBe(true);\n\n      const controlSlot = await page.find(`calcite-block >>> slot[name=${SLOTS.control}]`);\n      expect(await controlSlot.isVisible()).toBe(true);\n\n      const block = await page.find(\"calcite-block\");\n      const blockToggleSpy = await block.spyOnEvent(\"calciteBlockToggle\");\n      const blockOpenSpy = await block.spyOnEvent(\"calciteBlockOpen\");\n      const blockCloseSpy = await block.spyOnEvent(\"calciteBlockClose\");\n\n      await control.press(\"Space\");\n      await control.press(\"Enter\");\n      await control.click();\n      expect(blockOpenSpy).toHaveReceivedEventTimes(0);\n      expect(blockToggleSpy).toHaveReceivedEventTimes(0);\n      expect(blockCloseSpy).toHaveReceivedEventTimes(0);\n\n      await block.click();\n      await block.click();\n      expect(blockToggleSpy).toHaveReceivedEventTimes(2);\n      expect(blockOpenSpy).toHaveReceivedEventTimes(1);\n      expect(blockCloseSpy).toHaveReceivedEventTimes(1);\n    });\n\n    it(\"displays a status icon instead of a header icon when `status` is an accepted value\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(\n        `<calcite-block status=\"invalid\">\n          <div class=\"header-icon\" slot=${SLOTS.icon} /></calcite-block>\n        </calcite-block>`,\n      );\n\n      const headerIcon = await page.find(\"calcite-block >>> .header-icon\");\n      expect(headerIcon).toBeNull();\n\n      const statusIcon = await page.find(`calcite-block >>> .${CSS.statusIcon}`);\n      expect(statusIcon).not.toBeNull();\n    });\n\n    it(\"displays a loading icon  when `loading` is set to true and `open` is set to false\", async () => {\n      const headerIcon = \"header-icon\";\n      const page = await newE2EPage();\n      await page.setContent(\n        `<calcite-block status=\"invalid\" loading>\n          <div class=\"${headerIcon}\" slot=${SLOTS.icon} /></calcite-block>\n        </calcite-block>`,\n      );\n\n      const headerIconEle = await page.find(`calcite-block >>> .${headerIcon}`);\n      expect(headerIconEle).toBeNull();\n\n      const statusIcon = await page.find(`calcite-block >>> .${CSS.statusIcon}`);\n      const loader = await page.find(`calcite-block >>> calcite-loader`);\n\n      expect(statusIcon).toBeNull();\n      expect(loader).not.toBeNull();\n    });\n\n    it(\"allows users to slot in actions in a header menu\", async () => {\n      const page = await newE2EPage({\n        html: html` <calcite-block heading=\"With header actions\" description=\"has header actions\">\n          <calcite-action label=\"Add\" icon=\"plus\" slot=\"header-menu-actions\"></calcite-action>\n        </calcite-block>`,\n      });\n\n      const menuSlot = await page.find(`calcite-block >>> calcite-action-menu slot[name=${SLOTS.headerMenuActions}]`);\n      expect(menuSlot).toBeDefined();\n\n      const actionAssignedSlot = await page.$eval(\"calcite-action\", (action) => action.assignedSlot.name);\n      expect(actionAssignedSlot).toBe(SLOTS.headerMenuActions);\n    });\n  });\n\n  it(\"should allow the CSS custom property to be overridden when applied to :root\", async () => {\n    const overrideStyle = \"0px\";\n    const page = await newE2EPage();\n    await page.setContent(\n      `<style>\n        :root {\n          --calcite-block-padding: ${overrideStyle}\n        }\n      </style>\n      <calcite-block heading=\"test-heading\" collapsible style=\"--calcite-block-padding: ${overrideStyle}\" open>\n        <calcite-action text=\"test\" icon=\"banana\" slot=\"${SLOTS.headerMenuActions}\"></calcite-action>\n       </calcite-block>`,\n    );\n    const content = await page.find(`calcite-block >>> .${CSS.content}`);\n    const contentStyles = await content.getComputedStyle();\n    const contentPadding = await contentStyles.getPropertyValue(\"padding\");\n    expect(contentPadding).toEqual(overrideStyle);\n  });\n\n  it(\"should allow the CSS custom property to be overridden when applied to element\", async () => {\n    const overrideStyle = \"0px\";\n    const page = await newE2EPage();\n    await page.setContent(\n      `<calcite-block heading=\"test-heading\" collapsible style=\"--calcite-block-padding: ${overrideStyle}\" open>\n          <calcite-action text=\"test\" icon=\"banana\" slot=\"${SLOTS.headerMenuActions}\"></calcite-action>\n        </calcite-block>`,\n    );\n    const content = await page.find(`calcite-block >>> .${CSS.content}`);\n    const contentStyles = await content.getComputedStyle();\n    const contentPadding = await contentStyles.getPropertyValue(\"padding\");\n    expect(contentPadding).toEqual(overrideStyle);\n  });\n\n  describe(\"translation support\", () => {\n    t9n(\"calcite-block\");\n  });\n});\n"]}
+{"version":3,"file":"block.e2e.js","sourceRoot":"","sources":["../../../../src/components/block/block.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EACL,UAAU,EACV,QAAQ,EACR,oCAAoC,EACpC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,GACJ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;QACvB,OAAO,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,eAAe,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,QAAQ,CAAC,eAAe,EAAE;YACxB;gBACE,YAAY,EAAE,aAAa;gBAC3B,YAAY,EAAE,KAAK;aACpB;YACD;gBACE,YAAY,EAAE,cAAc;gBAC5B,YAAY,EAAE,SAAS;aACxB;YACD;gBACE,YAAY,EAAE,MAAM;gBACpB,YAAY,EAAE,KAAK;aACpB;YACD;gBACE,YAAY,EAAE,oBAAoB;gBAClC,YAAY,EAAE,UAAU;aACzB;SACF,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,QAAQ,CAAC,eAAe,EAAE;YACxB;gBACE,YAAY,EAAE,aAAa;gBAC3B,KAAK,EAAE,IAAI;aACZ;YACD;gBACE,YAAY,EAAE,cAAc;gBAC5B,KAAK,EAAE,CAAC;aACT;YACD;gBACE,YAAY,EAAE,MAAM;gBACpB,KAAK,EAAE,IAAI;aACZ;YACD;gBACE,YAAY,EAAE,oBAAoB;gBAClC,KAAK,EAAE,OAAO;aACf;SACF,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,SAAS,CAAC,eAAe,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACrB,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,UAAU,CAAC,IAAI,CAAA;;oBAEC,KAAK,CAAC,IAAI;;sBAER,KAAK,CAAC,OAAO;;KAE9B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;YAC5C,SAAS,CACP,IAAI,CAAA;;;;;;;yBAOa,EACjB;gBACE,yBAAyB,EAAE,IAAI,GAAG,CAAC,MAAM,EAAE;aAC5C,CACF,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;QAC7C,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;YACrC,SAAS,CACP,IAAI,CAAA;0CAC8B,iBAAiB;;;;;;yBAMlC,EACjB;gBACE,mBAAmB,EAAE,IAAI,iBAAiB,EAAE;aAC7C,CACF,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,QAAQ,CAAC,IAAI,CAAA,yFAAyF,CAAC,CAAC;IAC1G,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACxD,oCAAoC,CAClC,IAAI,CAAA;;uBAEa,EACjB,qBAAqB,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;YAC5B,IAAI,EAAE;;;;KAIP;SACA,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEtE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5C,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACnD,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QACtB,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;QAE7C,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC/C,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QACtB,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;QAE7C,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,wDAAwD,CAAC,CAAC;QAChF,IAAI,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC/C,IAAI,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QAEnE,MAAM,CAAC,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAClC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACjD,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QAE/D,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;QAC7B,MAAM,CAAC,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE7C,OAAO,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACjD,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QAE/D,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,OAAO,GAAG,SAAS,CAAC;QAC1B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAA,sCAAsC,OAAO,mBAAmB,CAAC,CAAC;QAC5F,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,kCAAkC,CAAC,CAAC;QAElE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACjD,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;QACjE,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;QAC7D,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;QAE/D,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;QAEnE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAE3D,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QAErB,MAAM,CAAC,SAAS,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAM,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1D,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAE7D,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QAErB,MAAM,CAAC,SAAS,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;QACtB,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;YACjC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,wDAAwD,CAAC,CAAC;YAEhF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;YACrE,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;YAC7B,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAE/C,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;YAC7E,MAAM,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;YAC3D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uFAAuF,CAAC,CAAC;YAE/G,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;YACrE,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;YAE7B,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;YAC7E,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;YACpE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAA;;0DAE0B,KAAK,CAAC,OAAO;;OAEhE,CAAC,CAAC;YACH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACnD,MAAM,CAAC,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE7C,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,+BAA+B,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;YACrF,MAAM,CAAC,MAAM,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEjD,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAC/C,MAAM,cAAc,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;YACpE,MAAM,YAAY,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;YAChE,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;YAElE,MAAM,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC7B,MAAM,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC7B,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;YACtB,MAAM,CAAC,YAAY,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;YACjD,MAAM,CAAC,cAAc,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,CAAC,aAAa,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;YAElD,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;YACpB,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;YACpB,MAAM,CAAC,cAAc,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,CAAC,YAAY,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;YACjD,MAAM,CAAC,aAAa,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oFAAoF,EAAE,KAAK,IAAI,EAAE;YAClG,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CACnB;0CACkC,KAAK,CAAC,IAAI;yBAC3B,CAClB,CAAC;YAEF,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;YACrE,MAAM,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;YAE9B,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;YAC3E,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mFAAmF,EAAE,KAAK,IAAI,EAAE;YACjG,MAAM,UAAU,GAAG,aAAa,CAAC;YACjC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,IAAI,CAAC,UAAU,CACnB;wBACgB,UAAU,UAAU,KAAK,CAAC,IAAI;yBAC7B,CAClB,CAAC;YAEF,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,UAAU,EAAE,CAAC,CAAC;YAC1E,MAAM,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE,CAAC;YAEjC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;YAC3E,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;YAEnE,MAAM,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;YAC9B,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;YAChE,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;gBAC5B,IAAI,EAAE,IAAI,CAAA;;yBAEO;aAClB,CAAC,CAAC;YAEH,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mDAAmD,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC;YAChH,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;YAE/B,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACpG,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6EAA6E,EAAE,KAAK,IAAI,EAAE;QAC3F,MAAM,aAAa,GAAG,KAAK,CAAC;QAC5B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CACnB;;qCAE+B,aAAa;;;0FAGwC,aAAa;0DAC7C,KAAK,CAAC,iBAAiB;wBACzD,CACnB,CAAC;QACF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QACrE,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC;QACvD,MAAM,cAAc,GAAG,MAAM,aAAa,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACvE,MAAM,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;QAC7F,MAAM,aAAa,GAAG,KAAK,CAAC;QAC5B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CACnB,qFAAqF,aAAa;4DAC5C,KAAK,CAAC,iBAAiB;yBAC1D,CACpB,CAAC;QACF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QACrE,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC;QACvD,MAAM,cAAc,GAAG,MAAM,aAAa,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACvE,MAAM,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;QACnC,GAAG,CAAC,eAAe,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { CSS, SLOTS } from \"./resources\";\nimport {\n  accessible,\n  defaults,\n  delegatesToFloatingUiOwningComponent,\n  disabled,\n  focusable,\n  hidden,\n  reflects,\n  renders,\n  slots,\n  t9n,\n} from \"../../tests/commonTests\";\nimport { html } from \"../../../support/formatting\";\nimport { openClose } from \"../../tests/commonTests\";\n\ndescribe(\"calcite-block\", () => {\n  describe(\"renders\", () => {\n    renders(\"calcite-block\", { display: \"flex\" });\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-block\");\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-block\", [\n      {\n        propertyName: \"collapsible\",\n        defaultValue: false,\n      },\n      {\n        propertyName: \"headingLevel\",\n        defaultValue: undefined,\n      },\n      {\n        propertyName: \"open\",\n        defaultValue: false,\n      },\n      {\n        propertyName: \"overlayPositioning\",\n        defaultValue: \"absolute\",\n      },\n    ]);\n  });\n\n  describe(\"reflects\", () => {\n    reflects(\"calcite-block\", [\n      {\n        propertyName: \"collapsible\",\n        value: true,\n      },\n      {\n        propertyName: \"headingLevel\",\n        value: 2,\n      },\n      {\n        propertyName: \"open\",\n        value: true,\n      },\n      {\n        propertyName: \"overlayPositioning\",\n        value: \"fixed\",\n      },\n    ]);\n  });\n\n  describe(\"openClose\", () => {\n    openClose(\"calcite-block\");\n  });\n\n  describe(\"slots\", () => {\n    slots(\"calcite-block\", SLOTS);\n  });\n\n  describe(\"accessible\", () => {\n    accessible(html`\n      <calcite-block heading=\"heading\" description=\"description\" open collapsible>\n        <div slot=${SLOTS.icon}>✅</div>\n        <div>content</div>\n        <label slot=${SLOTS.control}>test <input placeholder=\"control\" /></label>\n      </calcite-block>\n    `);\n  });\n\n  describe(\"setFocus\", () => {\n    describe(\"focuses block heading toggle\", () => {\n      focusable(\n        html`<calcite-block heading=\"Heading\" description=\"summary\" collapsible open>\n          <calcite-block-section text=\"input block-section\" open>\n            <calcite-input\n              icon=\"form-field\"\n              placeholder=\"This is an input field... enter something here\"\n            ></calcite-input>\n          </calcite-block-section>\n        </calcite-block>`,\n        {\n          shadowFocusTargetSelector: `.${CSS.toggle}`,\n        },\n      );\n    });\n\n    const blockSectionClass = \"my-block-section\";\n    describe(\"focuses block section\", () => {\n      focusable(\n        html`<calcite-block heading=\"Heading\" description=\"summary\" open>\n          <calcite-block-section class=\"${blockSectionClass}\" text=\"input block-section\" open>\n            <calcite-input\n              icon=\"form-field\"\n              placeholder=\"This is an input field... enter something here\"\n            ></calcite-input>\n          </calcite-block-section>\n        </calcite-block>`,\n        {\n          focusTargetSelector: `.${blockSectionClass}`,\n        },\n      );\n    });\n  });\n\n  describe(\"disabled\", () => {\n    disabled(html`<calcite-block heading=\"heading\" description=\"description\" collapsible></calcite-block>`);\n  });\n\n  describe(\"delegates to floating-ui-owner component\", () => {\n    delegatesToFloatingUiOwningComponent(\n      html`<calcite-block>\n        <calcite-action label=\"Add\" icon=\"plus\" slot=\"header-menu-actions\"></calcite-action>\n      </calcite-block>`,\n      \"calcite-action-menu\",\n    );\n  });\n\n  it(\"has a loading state\", async () => {\n    const page = await newE2EPage({\n      html: `\n        <calcite-block heading=\"heading\" description=\"description\" open collapsible>\n          <div class=\"content\">content</div>\n        </calcite-block>\n    `,\n    });\n\n    await page.waitForChanges();\n\n    expect(await page.find(\"calcite-block >>> calcite-scrim\")).toBeNull();\n\n    const content = await page.find(\".content\");\n    const clickSpy = await content.spyOnEvent(\"click\");\n    await content.click();\n    expect(clickSpy).toHaveReceivedEventTimes(1);\n\n    const block = await page.find(\"calcite-block\");\n    block.setProperty(\"loading\", true);\n    await page.waitForChanges();\n\n    await content.click();\n    expect(clickSpy).toHaveReceivedEventTimes(1);\n\n    expect(await page.find(\"calcite-block >>> calcite-scrim\")).toBeTruthy();\n  });\n\n  it(\"can display/hide content\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-block><div>some content</div></calcite-block>\");\n    let element = await page.find(\"calcite-block\");\n    let content = await page.find(`calcite-block >>> .${CSS.content}`);\n\n    expect(await content.isVisible()).toBe(false);\n\n    element.setProperty(\"open\", true);\n    await page.waitForChanges();\n    element = await page.find(\"calcite-block[open]\");\n    content = await page.find(`calcite-block >>> .${CSS.content}`);\n\n    expect(element).toBeTruthy();\n    expect(await content.isVisible()).toBe(true);\n\n    element.setProperty(\"open\", false);\n    await page.waitForChanges();\n    element = await page.find(\"calcite-block[open]\");\n    content = await page.find(`calcite-block >>> .${CSS.content}`);\n\n    expect(element).toBeNull();\n    expect(await content.isVisible()).toBe(false);\n  });\n\n  it(\"allows toggling its content\", async () => {\n    const heading = \"heading\";\n    const page = await newE2EPage();\n    await page.setContent(html`<calcite-block collapsible heading=${heading}></calcite-block>`);\n    const messages = await import(`./assets/block/t9n/messages.json`);\n\n    const element = await page.find(\"calcite-block\");\n    const toggleSpy = await element.spyOnEvent(\"calciteBlockToggle\");\n    const openSpy = await element.spyOnEvent(\"calciteBlockOpen\");\n    const closeSpy = await element.spyOnEvent(\"calciteBlockClose\");\n\n    const toggle = await page.find(`calcite-block >>> .${CSS.toggle}`);\n\n    expect(toggle.getAttribute(\"aria-expanded\")).toBe(\"false\");\n    expect(toggle.getAttribute(\"title\")).toBe(messages.expand);\n\n    await toggle.click();\n\n    expect(toggleSpy).toHaveReceivedEventTimes(1);\n    expect(openSpy).toHaveReceivedEventTimes(1);\n    expect(await element.getProperty(\"open\")).toBe(true);\n    expect(toggle.getAttribute(\"aria-expanded\")).toBe(\"true\");\n    expect(toggle.getAttribute(\"title\")).toBe(messages.collapse);\n\n    await toggle.click();\n\n    expect(toggleSpy).toHaveReceivedEventTimes(2);\n    expect(closeSpy).toHaveReceivedEventTimes(1);\n    expect(await element.getProperty(\"open\")).toBe(false);\n    expect(toggle.getAttribute(\"aria-expanded\")).toBe(\"false\");\n    expect(toggle.getAttribute(\"title\")).toBe(messages.expand);\n  });\n\n  describe(\"header\", () => {\n    it(\"renders a heading\", async () => {\n      const page = await newE2EPage();\n\n      await page.setContent(`<calcite-block heading=\"test-heading\"></calcite-block>`);\n\n      const heading = await page.find(`calcite-block >>> .${CSS.heading}`);\n      expect(heading).toBeTruthy();\n      expect(heading.innerText).toBe(\"test-heading\");\n\n      const description = await page.find(`calcite-block >>> .${CSS.description}`);\n      expect(description).toBeNull();\n    });\n\n    it(\"renders a heading with optional description\", async () => {\n      const page = await newE2EPage();\n\n      await page.setContent(`<calcite-block heading=\"test-heading\" description=\"test-description\"></calcite-block>`);\n\n      const heading = await page.find(`calcite-block >>> .${CSS.heading}`);\n      expect(heading).toBeTruthy();\n\n      const description = await page.find(`calcite-block >>> .${CSS.description}`);\n      expect(description.innerText).toBe(\"test-description\");\n    });\n\n    it(\"allows users to add a control in a collapsible block\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(html`\n        <calcite-block heading=\"test-heading\" collapsible>\n          <div class=\"nested-control\" tabindex=\"0\" slot=${SLOTS.control}>fake space/enter-bubbling control</div>\n        </calcite-block>\n      `);\n      const control = await page.find(\".nested-control\");\n      expect(await control.isVisible()).toBe(true);\n\n      const controlSlot = await page.find(`calcite-block >>> slot[name=${SLOTS.control}]`);\n      expect(await controlSlot.isVisible()).toBe(true);\n\n      const block = await page.find(\"calcite-block\");\n      const blockToggleSpy = await block.spyOnEvent(\"calciteBlockToggle\");\n      const blockOpenSpy = await block.spyOnEvent(\"calciteBlockOpen\");\n      const blockCloseSpy = await block.spyOnEvent(\"calciteBlockClose\");\n\n      await control.press(\"Space\");\n      await control.press(\"Enter\");\n      await control.click();\n      expect(blockOpenSpy).toHaveReceivedEventTimes(0);\n      expect(blockToggleSpy).toHaveReceivedEventTimes(0);\n      expect(blockCloseSpy).toHaveReceivedEventTimes(0);\n\n      await block.click();\n      await block.click();\n      expect(blockToggleSpy).toHaveReceivedEventTimes(2);\n      expect(blockOpenSpy).toHaveReceivedEventTimes(1);\n      expect(blockCloseSpy).toHaveReceivedEventTimes(1);\n    });\n\n    it(\"displays a status icon instead of a header icon when `status` is an accepted value\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(\n        `<calcite-block status=\"invalid\">\n          <div class=\"header-icon\" slot=${SLOTS.icon} /></calcite-block>\n        </calcite-block>`,\n      );\n\n      const headerIcon = await page.find(\"calcite-block >>> .header-icon\");\n      expect(headerIcon).toBeNull();\n\n      const statusIcon = await page.find(`calcite-block >>> .${CSS.statusIcon}`);\n      expect(statusIcon).not.toBeNull();\n    });\n\n    it(\"displays a loading icon  when `loading` is set to true and `open` is set to false\", async () => {\n      const headerIcon = \"header-icon\";\n      const page = await newE2EPage();\n      await page.setContent(\n        `<calcite-block status=\"invalid\" loading>\n          <div class=\"${headerIcon}\" slot=${SLOTS.icon} /></calcite-block>\n        </calcite-block>`,\n      );\n\n      const headerIconEle = await page.find(`calcite-block >>> .${headerIcon}`);\n      expect(headerIconEle).toBeNull();\n\n      const statusIcon = await page.find(`calcite-block >>> .${CSS.statusIcon}`);\n      const loader = await page.find(`calcite-block >>> calcite-loader`);\n\n      expect(statusIcon).toBeNull();\n      expect(loader).not.toBeNull();\n    });\n\n    it(\"allows users to slot in actions in a header menu\", async () => {\n      const page = await newE2EPage({\n        html: html` <calcite-block heading=\"With header actions\" description=\"has header actions\">\n          <calcite-action label=\"Add\" icon=\"plus\" slot=\"header-menu-actions\"></calcite-action>\n        </calcite-block>`,\n      });\n\n      const menuSlot = await page.find(`calcite-block >>> calcite-action-menu slot[name=${SLOTS.headerMenuActions}]`);\n      expect(menuSlot).toBeDefined();\n\n      const actionAssignedSlot = await page.$eval(\"calcite-action\", (action) => action.assignedSlot.name);\n      expect(actionAssignedSlot).toBe(SLOTS.headerMenuActions);\n    });\n  });\n\n  it(\"should allow the CSS custom property to be overridden when applied to :root\", async () => {\n    const overrideStyle = \"0px\";\n    const page = await newE2EPage();\n    await page.setContent(\n      `<style>\n        :root {\n          --calcite-block-padding: ${overrideStyle}\n        }\n      </style>\n      <calcite-block heading=\"test-heading\" collapsible style=\"--calcite-block-padding: ${overrideStyle}\" open>\n        <calcite-action text=\"test\" icon=\"banana\" slot=\"${SLOTS.headerMenuActions}\"></calcite-action>\n       </calcite-block>`,\n    );\n    const content = await page.find(`calcite-block >>> .${CSS.content}`);\n    const contentStyles = await content.getComputedStyle();\n    const contentPadding = await contentStyles.getPropertyValue(\"padding\");\n    expect(contentPadding).toEqual(overrideStyle);\n  });\n\n  it(\"should allow the CSS custom property to be overridden when applied to element\", async () => {\n    const overrideStyle = \"0px\";\n    const page = await newE2EPage();\n    await page.setContent(\n      `<calcite-block heading=\"test-heading\" collapsible style=\"--calcite-block-padding: ${overrideStyle}\" open>\n          <calcite-action text=\"test\" icon=\"banana\" slot=\"${SLOTS.headerMenuActions}\"></calcite-action>\n        </calcite-block>`,\n    );\n    const content = await page.find(`calcite-block >>> .${CSS.content}`);\n    const contentStyles = await content.getComputedStyle();\n    const contentPadding = await contentStyles.getPropertyValue(\"padding\");\n    expect(contentPadding).toEqual(overrideStyle);\n  });\n\n  describe(\"translation support\", () => {\n    t9n(\"calcite-block\");\n  });\n});\n"]}

package/dist/collection/components/block/block.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { h, Host, } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";
@@ -45,6 +45,7 @@ export class Block {
         this.description = undefined;
         this.messages = undefined;
         this.messageOverrides = undefined;
+        this.overlayPositioning = "absolute";
         this.effectiveLocale = undefined;
         this.defaultMessages = undefined;
     }
@@ -142,7 +143,7 @@ export class Block {
         const hasControl = !!getSlotted(el, SLOTS.control);
         const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);
         const collapseIcon = open ? ICONS.opened : ICONS.closed;
-        const headerNode = (h("div", { class: CSS.headerContainer }, this.dragHandle ? h("calcite-handle", { label: heading }) : null, collapsible ? (h("button", { "aria-controls": IDS.content, "aria-describedby": IDS.header, "aria-expanded": collapsible ? toAriaBoolean(open) : null, class: CSS.toggle, id: IDS.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, h("calcite-icon", { "aria-hidden": "true", class: CSS.toggleIcon, icon: collapseIcon, scale: "s" }))) : (headerContent), hasControl ? (h("div", { class: CSS.controlContainer }, h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (h("calcite-action-menu", { label: messages.options }, h("slot", { name: SLOTS.headerMenuActions }))) : null));
+        const headerNode = (h("div", { class: CSS.headerContainer }, this.dragHandle ? h("calcite-handle", { label: heading }) : null, collapsible ? (h("button", { "aria-controls": IDS.content, "aria-describedby": IDS.header, "aria-expanded": collapsible ? toAriaBoolean(open) : null, class: CSS.toggle, id: IDS.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, h("calcite-icon", { "aria-hidden": "true", class: CSS.toggleIcon, icon: collapseIcon, scale: "s" }))) : (headerContent), hasControl ? (h("div", { class: CSS.controlContainer }, h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (h("calcite-action-menu", { label: messages.options, overlayPositioning: this.overlayPositioning }, h("slot", { name: SLOTS.headerMenuActions }))) : null));
         return (h(Host, null, h(InteractiveContainer, { disabled: this.disabled }, h("article", { "aria-busy": toAriaBoolean(loading), class: {
                 [CSS.container]: true,
             } }, headerNode, h("section", { "aria-labelledby": IDS.toggle, class: CSS.content, hidden: !open, id: IDS.content,
@@ -382,6 +383,30 @@ export class Block {
                     "tags": [],
                     "text": "Use this property to override individual strings used by the component."
                 }
+            },
+            "overlayPositioning": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "OverlayPositioning",
+                    "resolved": "\"absolute\" | \"fixed\"",
+                    "references": {
+                        "OverlayPositioning": {
+                            "location": "import",
+                            "path": "../../utils/floating-ui",
+                            "id": "src/utils/floating-ui.ts::OverlayPositioning"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Determines the type of positioning to use for the overlaid content.\n\nUsing `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n\n`\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`."
+                },
+                "attribute": "overlay-positioning",
+                "reflect": true,
+                "defaultValue": "\"absolute\""
             }
         };
     }

package/dist/collection/components/block/block.js.map

@@ -1 +1 @@
-{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../../src/components/block/block.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { focusFirstTabbable, getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Status } from \"../interfaces\";\nimport { BlockMessages } from \"./assets/block/t9n\";\nimport { CSS, ICONS, IDS, SLOTS } from \"./resources\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot icon - A slot for adding a leading header icon with `calcite-icon`.\n * @slot control - A slot for adding a single HTML input element in a header.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n */\n@Component({\n  tag: \"calcite-block\",\n  styleUrl: \"block.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Block\n  implements\n    ConditionalSlotComponent,\n    InteractiveComponent,\n    LocalizedComponent,\n    T9nComponent,\n    LoadableComponent,\n    OpenCloseComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When `true`, displays a drag handle in the header.\n   */\n  @Prop({ reflect: true }) dragHandle = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading!: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /**\n   * Displays a status-related indicator icon.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop() description: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: BlockMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<BlockMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  onBeforeOpen(): void {\n    this.calciteBlockBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteBlockOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteBlockBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteBlockClose.emit();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: BlockMessages;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockClose: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's header is clicked.\n   *\n   * @deprecated Use `openClose` events such as `calciteBlockOpen`, `calciteBlockClose`, `calciteBlockBeforeOpen`, and `calciteBlockBeforeClose` instead.\n   */\n  @Event({ cancelable: false }) calciteBlockToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onHeaderClick = (): void => {\n    this.open = !this.open;\n    this.calciteBlockToggle.emit();\n  };\n\n  private setTransitionEl = (el: HTMLElement): void => {\n    this.transitionEl = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderScrim(): VNode[] {\n    const { loading } = this;\n    const defaultSlot = <slot />;\n\n    return [loading ? <calcite-scrim loading={loading} /> : null, defaultSlot];\n  }\n\n  renderIcon(): VNode[] {\n    const { loading, messages, status } = this;\n\n    const hasSlottedIcon = !!getSlotted(this.el, SLOTS.icon);\n\n    return loading ? (\n      <div class={CSS.icon} key=\"loader\">\n        <calcite-loader inline label={messages.loading} />\n      </div>\n    ) : !!status ? (\n      <div class={CSS.icon} key=\"status-icon\">\n        <calcite-icon\n          class={{\n            [CSS.statusIcon]: true,\n            [CSS.valid]: status == \"valid\",\n            [CSS.invalid]: status == \"invalid\",\n          }}\n          icon={ICONS[status]}\n          scale=\"s\"\n        />\n      </div>\n    ) : hasSlottedIcon ? (\n      <div class={CSS.icon} key=\"icon-slot\">\n        <slot key=\"icon-slot\" name={SLOTS.icon} />\n      </div>\n    ) : null;\n  }\n\n  renderTitle(): VNode {\n    const { heading, headingLevel, description } = this;\n    return heading || description ? (\n      <div class={CSS.title}>\n        <Heading class={CSS.heading} level={headingLevel}>\n          {heading}\n        </Heading>\n        {description ? <div class={CSS.description}>{description}</div> : null}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { collapsible, el, loading, open, heading, messages } = this;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerContent = (\n      <header class={CSS.header} id={IDS.header}>\n        {this.renderIcon()}\n        {this.renderTitle()}\n      </header>\n    );\n\n    const hasControl = !!getSlotted(el, SLOTS.control);\n    const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);\n    const collapseIcon = open ? ICONS.opened : ICONS.closed;\n\n    const headerNode = (\n      <div class={CSS.headerContainer}>\n        {this.dragHandle ? <calcite-handle label={heading} /> : null}\n        {collapsible ? (\n          <button\n            aria-controls={IDS.content}\n            aria-describedby={IDS.header}\n            aria-expanded={collapsible ? toAriaBoolean(open) : null}\n            class={CSS.toggle}\n            id={IDS.toggle}\n            onClick={this.onHeaderClick}\n            title={toggleLabel}\n          >\n            {headerContent}\n            <calcite-icon aria-hidden=\"true\" class={CSS.toggleIcon} icon={collapseIcon} scale=\"s\" />\n          </button>\n        ) : (\n          headerContent\n        )}\n        {hasControl ? (\n          <div class={CSS.controlContainer}>\n            <slot name={SLOTS.control} />\n          </div>\n        ) : null}\n        {hasMenuActions ? (\n          <calcite-action-menu label={messages.options}>\n            <slot name={SLOTS.headerMenuActions} />\n          </calcite-action-menu>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <article\n            aria-busy={toAriaBoolean(loading)}\n            class={{\n              [CSS.container]: true,\n            }}\n          >\n            {headerNode}\n            <section\n              aria-labelledby={IDS.toggle}\n              class={CSS.content}\n              hidden={!open}\n              id={IDS.content}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.setTransitionEl}\n            >\n              {this.renderScrim()}\n            </section>\n          </article>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../../src/components/block/block.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { focusFirstTabbable, getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Status } from \"../interfaces\";\nimport { BlockMessages } from \"./assets/block/t9n\";\nimport { CSS, ICONS, IDS, SLOTS } from \"./resources\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot icon - A slot for adding a leading header icon with `calcite-icon`.\n * @slot control - A slot for adding a single HTML input element in a header.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a dropdown menu.\n */\n@Component({\n  tag: \"calcite-block\",\n  styleUrl: \"block.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Block\n  implements\n    ConditionalSlotComponent,\n    InteractiveComponent,\n    LocalizedComponent,\n    T9nComponent,\n    LoadableComponent,\n    OpenCloseComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When `true`, displays a drag handle in the header.\n   */\n  @Prop({ reflect: true }) dragHandle = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading!: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * When `true`, expands the component and its contents.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /**\n   * Displays a status-related indicator icon.\n   */\n  @Prop({ reflect: true }) status: Status;\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop() description: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: BlockMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<BlockMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first tabbable element.\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  onBeforeOpen(): void {\n    this.calciteBlockBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteBlockOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteBlockBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteBlockClose.emit();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteBlockElement;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: BlockMessages;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteBlockBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockClose: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteBlockOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's header is clicked.\n   *\n   * @deprecated Use `openClose` events such as `calciteBlockOpen`, `calciteBlockClose`, `calciteBlockBeforeOpen`, and `calciteBlockBeforeClose` instead.\n   */\n  @Event({ cancelable: false }) calciteBlockToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onHeaderClick = (): void => {\n    this.open = !this.open;\n    this.calciteBlockToggle.emit();\n  };\n\n  private setTransitionEl = (el: HTMLElement): void => {\n    this.transitionEl = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderScrim(): VNode[] {\n    const { loading } = this;\n    const defaultSlot = <slot />;\n\n    return [loading ? <calcite-scrim loading={loading} /> : null, defaultSlot];\n  }\n\n  renderIcon(): VNode[] {\n    const { loading, messages, status } = this;\n\n    const hasSlottedIcon = !!getSlotted(this.el, SLOTS.icon);\n\n    return loading ? (\n      <div class={CSS.icon} key=\"loader\">\n        <calcite-loader inline label={messages.loading} />\n      </div>\n    ) : !!status ? (\n      <div class={CSS.icon} key=\"status-icon\">\n        <calcite-icon\n          class={{\n            [CSS.statusIcon]: true,\n            [CSS.valid]: status == \"valid\",\n            [CSS.invalid]: status == \"invalid\",\n          }}\n          icon={ICONS[status]}\n          scale=\"s\"\n        />\n      </div>\n    ) : hasSlottedIcon ? (\n      <div class={CSS.icon} key=\"icon-slot\">\n        <slot key=\"icon-slot\" name={SLOTS.icon} />\n      </div>\n    ) : null;\n  }\n\n  renderTitle(): VNode {\n    const { heading, headingLevel, description } = this;\n    return heading || description ? (\n      <div class={CSS.title}>\n        <Heading class={CSS.heading} level={headingLevel}>\n          {heading}\n        </Heading>\n        {description ? <div class={CSS.description}>{description}</div> : null}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { collapsible, el, loading, open, heading, messages } = this;\n\n    const toggleLabel = open ? messages.collapse : messages.expand;\n\n    const headerContent = (\n      <header class={CSS.header} id={IDS.header}>\n        {this.renderIcon()}\n        {this.renderTitle()}\n      </header>\n    );\n\n    const hasControl = !!getSlotted(el, SLOTS.control);\n    const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);\n    const collapseIcon = open ? ICONS.opened : ICONS.closed;\n\n    const headerNode = (\n      <div class={CSS.headerContainer}>\n        {this.dragHandle ? <calcite-handle label={heading} /> : null}\n        {collapsible ? (\n          <button\n            aria-controls={IDS.content}\n            aria-describedby={IDS.header}\n            aria-expanded={collapsible ? toAriaBoolean(open) : null}\n            class={CSS.toggle}\n            id={IDS.toggle}\n            onClick={this.onHeaderClick}\n            title={toggleLabel}\n          >\n            {headerContent}\n            <calcite-icon aria-hidden=\"true\" class={CSS.toggleIcon} icon={collapseIcon} scale=\"s\" />\n          </button>\n        ) : (\n          headerContent\n        )}\n        {hasControl ? (\n          <div class={CSS.controlContainer}>\n            <slot name={SLOTS.control} />\n          </div>\n        ) : null}\n        {hasMenuActions ? (\n          <calcite-action-menu\n            label={messages.options}\n            overlayPositioning={this.overlayPositioning}\n          >\n            <slot name={SLOTS.headerMenuActions} />\n          </calcite-action-menu>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <article\n            aria-busy={toAriaBoolean(loading)}\n            class={{\n              [CSS.container]: true,\n            }}\n          >\n            {headerNode}\n            <section\n              aria-labelledby={IDS.toggle}\n              class={CSS.content}\n              hidden={!open}\n              id={IDS.content}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.setTransitionEl}\n            >\n              {this.renderScrim()}\n            </section>\n          </article>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/block/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 export const IDS = {
     content: "content",

package/dist/collection/components/block-section/block-section.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:01 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:46 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/block-section/block-section.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { CSS } from "./resources";
 import { accessible, defaults, focusable, hidden, reflects, renders, t9n } from "../../tests/commonTests";

package/dist/collection/components/block-section/block-section.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { h, Host, } from "@stencil/core";
 import { focusFirstTabbable, getElementDir, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/block-section/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 export const IDS = {
     content: "content",

package/dist/collection/components/button/button.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:01 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:46 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/button/button.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, disabled, HYDRATED_ATTR, labelable, defaults, hidden, t9n } from "../../tests/commonTests";

package/dist/collection/components/button/button.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { Build, forceUpdate, h, } from "@stencil/core";
 import { findAssociatedForm, resetForm, submitForm } from "../../utils/form";

package/dist/collection/components/button/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 export const CSS = {
     buttonLoader: "calcite-button--loader",

package/dist/collection/components/card/card.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:01 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:46 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/card/card.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, renders, slots, hidden, t9n } from "../../tests/commonTests";

package/dist/collection/components/card/card.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { h, } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent, } from "../../utils/conditionalSlot";

package/dist/collection/components/card/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 export const CSS = {
     container: "container",

package/dist/collection/components/checkbox/checkbox.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:04 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:48 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 19 Jan 2024 22:30:01 GMT
+ * Generated on Wed, 24 Jan 2024 07:10:46 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/checkbox/checkbox.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.1-next.1
+ * v2.3.0-next.1
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, disabled, focusable, formAssociated, HYDRATED_ATTR, labelable, hidden, } from "../../tests/commonTests";