@esri/solutions-components 0.6.16 → 0.6.18

package/dist/collection/components/solution-item-sharing/test/solution-item-sharing.spec.js

@@ -1,54 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { SolutionItemSharing } from "../solution-item-sharing";
-import { value } from "../../../demos/data/solution-item-sharing-data.json";
-import { h } from "@stencil/core";
-xdescribe('solution-item-sharing', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SolutionItemSharing],
-      template: () => (h("solution-item-sharing", { "group-id": value }))
-    });
-    expect(page.root).toEqualHtml(`
-      <solution-item-sharing>
-        <mock:shadow-root>
-         <div class="container-border">
-           <calcite-label layout="inline">
-             <calcite-switch id="A" name="setting" scale="m" switched="" value="enabled"></calcite-switch>
-             <solution-item-icon type="Feature Service"></solution-item-icon>
-             <span class="icon-text" title="ElectionGeography_public">
-              ElectionGeography_public
-             </span>
-           </calcite-label>
-           <calcite-label layout="inline">
-             <calcite-switch id="B" name="setting" scale="m" value="enabled"></calcite-switch>
-             <solution-item-icon type="Web Map"></solution-item-icon>
-             <span class="icon-text" title="Election Polling Places">
-              Election Polling Places
-             </span>
-           </calcite-label>
-         </div>
-        </mock:shadow-root>
-      </solution-item-sharing>
-    `);
-  });
-});

package/dist/collection/components/solution-organization-variables/test/solution-organization-variables.e2e.js

@@ -1,36 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//import { newE2EPage } from '@stencil/core/testing';
-describe('solution-organization-variables', () => {
-  it('renders', async () => {
-    //TEST commented out for now.
-    // need to work out how we pass translations
-    // e2e tests don't seem to support a similar apporach to the unit tests where we can use template to load JSX
-    // could flatten the translations further so it would contain no sub groups
-    // could set default translations for each file
-    //  and could still have a test to compare the default with the actual as a way to verify
-    expect("a").toEqual("a");
-    // const page = await newE2EPage();
-    // await page.setContent('<solution-organization-variables></solution-organization-variables>');
-    // const element = await page.find('solution-organization-variables');
-    // expect(element).toHaveClass('hydrated');
-  });
-});

package/dist/collection/components/solution-organization-variables/test/solution-organization-variables.spec.js

@@ -1,65 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { SolutionOrganizationVariables } from "../solution-organization-variables";
-import { value } from "../../../demos/data/solution-organization-variables-data.json";
-import { h } from "@stencil/core";
-xdescribe('solution-organization-variables', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SolutionOrganizationVariables],
-      template: () => (h("solution-organization-variables", { value: JSON.stringify(value) }))
-    });
-    expect(page.root).toEqualHtml(`
-    <solution-organization-variables>
-      <mock:shadow-root>
-        <div>
-          <h4 class="org-var-header">
-            Organization Variables
-          </h4>
-        </div>
-        <div class="container-border">
-          <calcite-label id="variable-label">
-            <calcite-tree-item>
-              title
-            </calcite-tree-item>
-            <calcite-tree-item>
-              title2
-            </calcite-tree-item>
-            <calcite-tree-item>
-              title3
-            </calcite-tree-item>
-            <calcite-tree-item>
-              title4
-            </calcite-tree-item>
-            <calcite-tree-item>
-              title5
-            </calcite-tree-item>
-            <calcite-tree-item>
-              title6
-            </calcite-tree-item>
-          </calcite-label>
-        </div>
-      </mock:shadow-root>
-    </solution-organization-variables>
-    `);
-  });
-});

package/dist/collection/components/solution-resource-item/test/solution-resource-item.e2e.js

@@ -1,36 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// import { newE2EPage } from '@stencil/core/testing';
-describe('solution-resource-item', () => {
-  it('renders', async () => {
-    //TEST commented out for now.
-    // need to work out how we pass translations
-    // e2e tests don't seem to support a similar apporach to the unit tests where we can use template to load JSX
-    // could flatten the translations further so it would contain no sub groups
-    // could set default translations for each file
-    //  and could still have a test to compare the default with the actual as a way to verify
-    expect("a").toEqual("a");
-    // const page = await newE2EPage();
-    // await page.setContent('<solution-resource-item></solution-resource-item>');
-    // const element = await page.find('solution-resource-item');
-    // expect(element).toHaveClass('hydrated');
-  });
-});

package/dist/collection/components/solution-resource-item/test/solution-resource-item.spec.js

@@ -1,55 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { SolutionResourceItem } from "../solution-resource-item";
-import { h } from "@stencil/core";
-xdescribe('solution-resource-item', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SolutionResourceItem],
-      template: () => (h("solution-resource-item", null))
-    });
-    page.root.value = {
-      name: "thename",
-      url: "theurl"
-    };
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
-    <solution-resource-item itemid="">
-      <mock:shadow-root>
-        <div class="resource-item">
-          <div class="margin-bottom-1">
-            <calcite-button appearance="solid" class="resource-button" color="blue">
-              Add New Resource
-            </calcite-button>
-            <calcite-button appearance="solid" color="blue" disabled="">
-              Download All
-            </calcite-button>
-          </div>
-          <div class="resources-container" style="display: none;">
-            <calcite-value-list multiple=""></calcite-value-list>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </solution-resource-item>
-    `);
-  });
-});

package/dist/collection/components/solution-template-data/test/solution-template-data.e2e.js

@@ -1,36 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// import { newE2EPage } from '@stencil/core/testing';
-describe('solution-template-data', () => {
-  it('renders', async () => {
-    //TEST commented out for now.
-    // need to work out how we pass translations
-    // e2e tests don't seem to support a similar apporach to the unit tests where we can use template to load JSX
-    // could flatten the translations further so it would contain no sub groups
-    // could set default translations for each file
-    //  and could still have a test to compare the default with the actual as a way to verify
-    expect("a").toEqual("a");
-    // const page = await newE2EPage();
-    // await page.setContent('<solution-template-data></solution-template-data>');
-    // const element = await page.find('solution-template-data');
-    // expect(element).toHaveClass('hydrated');
-  });
-});

package/dist/collection/components/solution-template-data/test/solution-template-data.spec.js

@@ -1,60 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { SolutionTemplateData } from "../solution-template-data";
-import * as data from "../../../demos/data/solution-template-data-data.json";
-import { h } from "@stencil/core";
-import state from "../../../utils/solution-store";
-beforeEach(async () => {
-  state._testAccess("_emptyTheStore");
-});
-xdescribe('solution-template-data', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SolutionTemplateData],
-      template: () => (h("solution-template-data", { "item-id": data }))
-    });
-    expect(page.root).toEqualHtml(`
-    <solution-template-data instanceid="" itemid="" vars-open="">
-      <div class="solution-data-container">
-        <calcite-shell class="light var-container" dir="ltr">
-          <calcite-panel class="json-editor">
-            <div class="calcite-match-height solution-data-child-container">
-              <json-editor instanceid="" value=""></json-editor>
-            </div>
-          </calcite-panel>
-          <calcite-shell-panel height-scale="l" position="end" slot="contextual-panel" width-scale="xs">
-            <div class="solution-data-child-container">
-              <calcite-button appearance="transparent" class="collapse-btn" icon-start="chevrons-right" id="collapse-vars" scale="s" title="Cancel Edits"></calcite-button>
-              <div class="org-vars" id="orgVars">
-                <solution-organization-variables></solution-organization-variables>
-              </div>
-              <div class="sol-vars" id="solVars">
-                <solution-variables></solution-variables>
-              </div>
-            </div>
-          </calcite-shell-panel>
-        </calcite-shell>
-      </div>
-    </solution-template-data>
-    `);
-  });
-});

package/dist/collection/components/solution-variables/test/solution-variables.e2e.js

@@ -1,36 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-// import { newE2EPage } from '@stencil/core/testing';
-describe('solution-variables', () => {
-  it('renders', async () => {
-    //TEST commented out for now.
-    // need to work out how we pass translations
-    // e2e tests don't seem to support a similar apporach to the unit tests where we can use template to load JSX
-    // could flatten the translations further so it would contain no sub groups
-    // could set default translations for each file
-    //  and could still have a test to compare the default with the actual as a way to verify
-    expect("a").toEqual("a");
-    // const page = await newE2EPage();
-    // await page.setContent('<solution-variables></solution-variables>');
-    // const element = await page.find('solution-variables');
-    // expect(element).toHaveClass('hydrated');
-  });
-});

package/dist/collection/components/solution-variables/test/solution-variables.spec.js

@@ -1,131 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { newSpecPage } from "@stencil/core/testing";
-import { SolutionVariables } from "../solution-variables";
-import { value } from "../../../demos/data/solution-variables-data.json";
-import { h } from "@stencil/core";
-xdescribe('solution-variables', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [SolutionVariables],
-      template: () => (h("solution-variables", { value: JSON.stringify(value) }))
-    });
-    expect(page.root).toEqualHtml(`
-    <solution-variables>
-      <mock:shadow-root>
-        <div>
-          <h4 class="org-var-header">
-            Solution Variables
-          </h4>
-        </div>
-        <div class="container-border">
-        <calcite-label id="variable-label">
-          <calcite-tree-item>
-          <solution-item-icon></solution-item-icon>
-          <span class="icon-text" title="Dashboard 1">
-            Dashboard 1
-          </span>
-          <calcite-tree slot="children">
-            <calcite-tree-item>
-              Item Id
-            </calcite-tree-item>
-            <calcite-tree-item>
-              Url
-            </calcite-tree-item>
-          </calcite-tree>
-          </calcite-tree-item>
-          <calcite-tree-item>
-          <solution-item-icon></solution-item-icon>
-          <span class="icon-text" title="Dashboard 2">
-            Dashboard 2
-          </span>
-          <calcite-tree slot="children">
-            <calcite-tree-item>
-              Item Id
-            </calcite-tree-item>
-            <calcite-tree-item>
-              Url
-            </calcite-tree-item>
-          </calcite-tree>
-          </calcite-tree-item>
-          <calcite-tree-item>
-          <solution-item-icon></solution-item-icon>
-          <span class="icon-text" title="Feature Service 1">
-            Feature Service 1
-          </span>
-          <calcite-tree slot="children">
-            <calcite-tree-item>
-              Item Id
-            </calcite-tree-item>
-            <calcite-tree-item>
-              Url
-            </calcite-tree-item>
-            <calcite-tree-item>
-              Name
-            </calcite-tree-item>
-            <calcite-tree-item>
-            <solution-item-icon></solution-item-icon>
-              <span class="icon-text" title="Layer 0">
-                Layer 0
-              </span>
-              <calcite-tree slot="children">
-                <calcite-tree-item>
-                  Id
-                </calcite-tree-item>
-                <calcite-tree-item>
-                  Url
-                </calcite-tree-item>
-              </calcite-tree>
-            </calcite-tree-item>
-            <calcite-tree-item>
-              <solution-item-icon></solution-item-icon>
-              <span class="icon-text" title="Layer 1">
-                Layer 1
-              </span>
-              <calcite-tree slot="children">
-                <calcite-tree-item>
-                  Id
-                </calcite-tree-item>
-                <calcite-tree-item>
-                  Url
-                </calcite-tree-item>
-              </calcite-tree>
-            </calcite-tree-item>
-          </calcite-tree>
-          </calcite-tree-item>
-          <calcite-tree-item>
-          <solution-item-icon></solution-item-icon>
-          <span class="icon-text" title="Group 1">
-            Group 1
-          </span>
-          <calcite-tree slot="children">
-            <calcite-tree-item>
-              Group Id
-            </calcite-tree-item>
-          </calcite-tree>
-          </calcite-tree-item>
-        </calcite-label>
-        </div>
-      </mock:shadow-root>
-    </solution-variables>
-    `);
-  });
-});

package/dist/esm/calcite-checkbox.entry.js

@@ -1,132 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c7de2486.js';
-import { t as toAriaBoolean } from './dom-ae3d8818.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-65431957.js';
-import { g as guid } from './guid-d34fe102.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-22a66feb.js';
-import { i as isActivationKey } from './key-554ad3f4.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7187f15b.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-d0274dee.js';
-import './resources-4d5cdf35.js';
-import './browser-2ab8d297.js';
-
-const checkboxCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
-
-const Checkbox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.calciteInternalCheckboxBlur = createEvent(this, "calciteInternalCheckboxBlur", 6);
-    this.calciteCheckboxChange = createEvent(this, "calciteCheckboxChange", 6);
-    this.calciteInternalCheckboxFocus = createEvent(this, "calciteInternalCheckboxFocus", 6);
-    this.checkedPath = "M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";
-    this.indeterminatePath = "M13 8v1H3V8z";
-    this.getPath = () => this.indeterminate ? this.indeterminatePath : this.checked ? this.checkedPath : "";
-    this.toggle = () => {
-      if (!this.disabled) {
-        this.checked = !this.checked;
-        this.setFocus();
-        this.indeterminate = false;
-        this.calciteCheckboxChange.emit();
-      }
-    };
-    this.keyDownHandler = (event) => {
-      if (isActivationKey(event.key)) {
-        this.toggle();
-        event.preventDefault();
-      }
-    };
-    this.clickHandler = () => {
-      if (this.disabled) {
-        return;
-      }
-      this.toggle();
-    };
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    this.onToggleBlur = () => {
-      this.calciteInternalCheckboxBlur.emit(false);
-    };
-    this.onToggleFocus = () => {
-      this.calciteInternalCheckboxFocus.emit(true);
-    };
-    this.onLabelClick = () => {
-      this.toggle();
-    };
-    this.checked = false;
-    this.disabled = false;
-    this.form = undefined;
-    this.guid = undefined;
-    this.hovered = false;
-    this.indeterminate = false;
-    this.label = undefined;
-    this.name = undefined;
-    this.required = false;
-    this.scale = "m";
-    this.value = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    await componentFocusable(this);
-    (_a = this.toggleEl) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  syncHiddenFormInput(input) {
-    input.type = "checkbox";
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    this.guid = this.el.id || `calcite-checkbox-${guid()}`;
-    connectInteractive(this);
-    connectLabel(this);
-    connectForm(this);
-  }
-  disconnectedCallback() {
-    disconnectInteractive(this);
-    disconnectLabel(this);
-    disconnectForm(this);
-  }
-  componentWillLoad() {
-    setUpLoadableComponent(this);
-  }
-  componentDidLoad() {
-    setComponentLoaded(this);
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h("div", { "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "toggle", onBlur: this.onToggleBlur, onFocus: this.onToggleFocus, role: "checkbox", tabIndex: this.disabled ? undefined : 0,
-      // 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)
-      ref: (toggleEl) => (this.toggleEl = toggleEl) }, h("svg", { "aria-hidden": "true", class: "check-svg", viewBox: "0 0 16 16" }, h("path", { d: this.getPath() })), h("slot", null)), h(HiddenFormInputSlot, { component: this })));
-  }
-  get el() { return getElement(this); }
-};
-Checkbox.style = checkboxCss;
-
-export { Checkbox as calcite_checkbox };