@nvidia-elements/core 2.15.5 → 2.16.0

package/dist/dialog/dialog2.js

@@ -30,7 +30,7 @@ var h = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	static {

package/dist/divider/divider2.js

@@ -15,7 +15,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-divider",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	render() {

package/dist/dot/dot2.js

@@ -16,7 +16,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	render() {

package/dist/drag-handle/drag-handle2.js

@@ -13,7 +13,7 @@ var c = class extends s(a) {
 	static {
 		this.metadata = {
 			tag: "nve-drag-handle",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	static {

package/dist/drawer/drawer-content2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.15.5",
+			version: "2.16.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-footer",
-			version: "2.15.5",
+			version: "2.16.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-header",
-			version: "2.15.5",
+			version: "2.16.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer2.js

@@ -30,7 +30,7 @@ var p = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	static {

package/dist/dropdown/dropdown-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-footer",
-			version: "2.15.5",
+			version: "2.16.0",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-header",
-			version: "2.15.5",
+			version: "2.16.0",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown2.js

@@ -21,7 +21,7 @@ var p = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	static {

package/dist/dropdown-group/dropdown-group.js

@@ -14,7 +14,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-group",
-			version: "2.15.5",
+			version: "2.16.0",
 			children: ["nve-dropdown"]
 		};
 	}

package/dist/dropzone/dropzone2.js

@@ -20,7 +20,7 @@ var g = class extends m(d) {
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "2.15.5",
+			version: "2.16.0",
 			validators: [l, c],
 			valueSchema: {
 				type: "array",

package/dist/file/file2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-file",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	connectedCallback() {

package/dist/format-bytes/format-bytes2.js

@@ -95,7 +95,7 @@ var g = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-bytes",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	get #e() {

package/dist/format-datetime/format-datetime2.js

@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	get #e() {

package/dist/format-number/format-number2.js

@@ -29,7 +29,7 @@ var c = [
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	get #e() {

package/dist/format-relative-time/format-relative-time2.js

@@ -53,7 +53,7 @@ var c = {
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	#e;

package/dist/format-truncate/format-truncate2.js

@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-format-truncate",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	#e;

package/dist/forms/control/control2.js

@@ -48,7 +48,7 @@ var C = class extends v {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	render() {

package/dist/forms/control-group/control-group2.js

@@ -24,7 +24,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	render() {

package/dist/forms/control-message/control-message2.js

@@ -23,7 +23,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-control-message",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	static {

package/dist/gauge/gauge2.js

@@ -40,7 +40,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-gauge",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	#e;

package/dist/grid/cell/cell2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-cell",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	render() {

package/dist/grid/column/column2.js

@@ -13,7 +13,7 @@ var c = class r extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-column",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	get #e() {

package/dist/grid/footer/footer2.js

@@ -15,7 +15,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-footer",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	static {

package/dist/grid/grid2.js

@@ -23,7 +23,7 @@ var y = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-grid",
-			version: "2.15.5",
+			version: "2.16.0",
 			children: [
 				d.metadata.tag,
 				f.metadata.tag,

package/dist/grid/header/header2.js

@@ -19,7 +19,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-grid-header",
-			version: "2.15.5",
+			version: "2.16.0",
 			children: [c.metadata.tag]
 		};
 	}

package/dist/grid/placeholder/placeholder2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-placeholder",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	render() {

package/dist/grid/row/row2.js

@@ -15,7 +15,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-grid-row",
-			version: "2.15.5",
+			version: "2.16.0",
 			children: [a.metadata.tag]
 		};
 	}

package/dist/icon/icon2.js

@@ -16,7 +16,7 @@ var f = class e extends o {
 	static {
 		this.metadata = {
 			tag: "nve-icon",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	static {
@@ -103,7 +103,7 @@ a([l({
 })], f.prototype, "name", void 0), a([d()], f.prototype, "svg", void 0);
 function p(t) {
 	if (typeof globalThis.customElements?.get == "function") {
-		let n = e(t.metadata.version), i = e("2.15.5");
+		let n = e(t.metadata.version), i = e("2.16.0");
 		n.minor <= i.minor && n.major <= i.major && (t._icons = {
 			...t._icons,
 			...r

package/dist/icon-button/icon-button2.js

@@ -15,7 +15,7 @@ var l = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-icon-button",
-			version: "2.15.5"
+			version: "2.16.0"
 		};
 	}
 	static {

package/dist/iframe/define.d.ts

@@ -0,0 +1,6 @@
+import { Iframe } from './iframe.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-iframe': Iframe;
+    }
+}

package/dist/iframe/define.js

@@ -0,0 +1,7 @@
+import { define as e } from "../internal/utils/dom.js";
+import { Iframe as t } from "./iframe2.js";
+//#region src/iframe/define.ts
+e(t);
+//#endregion
+
+//# sourceMappingURL=define.js.map

package/dist/iframe/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","names":[],"sources":["../../src/iframe/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Iframe } from './iframe.js';\n\ndefine(Iframe);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-iframe': Iframe;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAM"}

package/dist/iframe/iframe.d.ts

@@ -0,0 +1,28 @@
+import { LitElement, type PropertyValues } from 'lit';
+/**
+ * @element nve-iframe
+ * @description An iframe component that syncs with the parent document's theme and template content. Use when needing to render dynamically generated or isolated content.
+ * @since 0.0.0
+ * @entrypoint \@nvidia-elements/core/iframe
+ * @documentation https://nvidia.github.io/elements/docs/elements/iframe/
+ * @slot - A template containing the iframe body content.
+ * @slot head - A template containing content inserted into the iframe head.
+ * @cssprop --border
+ * @cssprop --width
+ * @cssprop --height
+ * @beta
+ */
+export declare class Iframe extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+    };
+    static get observedAttributes(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    firstUpdated(props: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+}

package/dist/iframe/iframe.examples.js

@@ -0,0 +1,6 @@
+//#region src/iframe/iframe.examples.ts
+var e = "";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=iframe.examples.js.map

package/dist/iframe/iframe.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe.examples.js","names":[],"sources":["../../src/iframe/iframe.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/iframe/define.js';\n\nexport default {\n  title: 'Elements/Iframe',\n  component: 'nve-iframe'\n};\n\n/**\n * @summary Supplies the iframe with Elements themes, utilities, fonts, and component registrations through its head template. Use this structure because iframe documents do not inherit resources from the parent document.\n */\nexport const Default = {\n  render: () => html`\n<nve-iframe aria-label=\"Elements iframe example\">\n  <template slot=\"head\">\n    <title>Elements iframe example</title>\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/bundles/index.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/fonts/inter.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/styles/dist/bundles/index.css\" />\n    <script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/core/dist/bundles/index.min.js\"></script>\n  </template>\n  <template>\n    <nve-alert status=\"success\">isolated iframe content</nve-alert>\n  </template>\n</nve-iframe>\n  `\n};\n\n/**\n * @summary Synchronizes the iframe height with expandable content so the host layout avoids empty space or internal scrollbars. Use for previews whose intrinsic height changes after interaction.\n * @tags test-case\n */\nexport const DynamicHeight = {\n  render: () => html`\n<nve-iframe aria-label=\"Dynamic height iframe example\" style=\"--border: 1px solid red\">\n  <template slot=\"head\">\n    <title>Dynamic iframe height</title>\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/bundles/index.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/fonts/inter.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/styles/dist/bundles/index.css\" />\n    <script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/core/dist/bundles/index.min.js\"></script>\n  </template>\n  <template>\n    <nve-accordion behavior-expand>\n      <nve-accordion-header>\n        <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Dynamic height in iframe</h2>\n      </nve-accordion-header>\n      <nve-accordion-content>\n        The iframe expands when this content opens and contracts when it closes.\n      </nve-accordion-content>\n    </nve-accordion>\n  </template>\n</nve-iframe>\n  `\n};\n\n/**\n * @summary Overrides intrinsic iframe dimensions with `--width` and `--height` to create a stable preview viewport. Use when you need to inspect embedded content at a fixed size regardless of its rendered bounds.\n * @tags test-case\n */\nexport const FixedSize = {\n  render: () => html`\n<nve-iframe aria-label=\"Fixed-size iframe example\" style=\"--height: 256px; --width: 256px; --border: 1px solid red\">\n  <template><p style=\"height: 128px; width: 128px; margin: 1px; outline: 1px solid yellow;\">override iframe size</p></template>\n</nve-iframe>\n  `\n};\n\n/**\n * @summary The iframe browsing-context boundary clips popovers at its viewport and prevents them from escaping. Keep overlays inside the frame, or render them outside the iframe when they must overlap surrounding content.\n * @tags test-case\n */\nexport const OverflowClip = {\n  render: () => html`\n<nve-iframe aria-label=\"Overflow clipping iframe example\" style=\"--height: 150px; --border: 1px solid red\">\n  <template slot=\"head\">\n    <title>Clipped iframe popover</title>\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/bundles/index.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/fonts/inter.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/styles/dist/bundles/index.css\" />\n    <script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/core/dist/bundles/index.min.js\"></script>\n  </template>\n  <template>\n    <div nve-layout=\"pad:md\">\n      <nve-dropdown id=\"dropdown\">Popovers <strong>are clipped</strong> by the iframe.</nve-dropdown>\n      <nve-button popovertarget=\"dropdown\">Open popover</nve-button>\n    </div>\n  </template>\n</nve-iframe>\n  `\n};\n\n/**\n * @summary Regenerates the iframe document when its source template changes. Use for live previews or generated output that must stay synchronized with edits made in the parent document.\n * @tags test-case\n */\nexport const DynamicallyUpdatedContent = {\n  render: () => html`\n<nve-iframe id=\"property-example\" aria-label=\"Dynamically updated iframe example\">\n  <template>\n    <p nve-text=\"body\">Initial iframe content.</p>\n  </template>\n</nve-iframe>\n<script type=\"module\">\n  document.querySelector('#property-example template').innerHTML =\n    '<p nve-text=\"body\">This template was dynamically updated.</p>';\n</script>\n  `\n};\n"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/iframe/iframe.examples.json

@@ -0,0 +1,59 @@
+{
+  "element": "nve-iframe",
+  "entrypoint": "@nvidia-elements/core/iframe/iframe.examples.json",
+  "items": [
+    {
+      "id": "iframe",
+      "name": "Default",
+      "template": "<nve-iframe aria-label=\"Elements iframe example\">\n  <template slot=\"head\">\n    <title>Elements iframe example</title>\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/bundles/index.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/fonts/inter.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/styles/dist/bundles/index.css\" />\n    <script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/core/dist/bundles/index.min.js\"></script>\n  </template>\n  <template>\n    <nve-alert status=\"success\">isolated iframe content</nve-alert>\n  </template>\n</nve-iframe>\n",
+      "summary": "Supplies the iframe with Elements themes, utilities, fonts, and component registrations through its head template. Use this structure because iframe documents do not inherit resources from the parent document.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "iframe-dynamic-height",
+      "name": "DynamicHeight",
+      "template": "<nve-iframe aria-label=\"Dynamic height iframe example\" style=\"--border: 1px solid red\">\n  <template slot=\"head\">\n    <title>Dynamic iframe height</title>\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/bundles/index.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/fonts/inter.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/styles/dist/bundles/index.css\" />\n    <script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/core/dist/bundles/index.min.js\"></script>\n  </template>\n  <template>\n    <nve-accordion behavior-expand>\n      <nve-accordion-header>\n        <h2 nve-text=\"heading xs medium\" slot=\"prefix\">Dynamic height in iframe</h2>\n      </nve-accordion-header>\n      <nve-accordion-content>\n        The iframe expands when this content opens and contracts when it closes.\n      </nve-accordion-content>\n    </nve-accordion>\n  </template>\n</nve-iframe>\n",
+      "summary": "Synchronizes the iframe height with expandable content so the host layout avoids empty space or internal scrollbars. Use for previews whose intrinsic height changes after interaction.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    },
+    {
+      "id": "iframe-fixed-size",
+      "name": "FixedSize",
+      "template": "<nve-iframe aria-label=\"Fixed-size iframe example\" style=\"--height: 256px; --width: 256px; --border: 1px solid red\">\n  <template><p style=\"height: 128px; width: 128px; margin: 1px; outline: 1px solid yellow;\">override iframe size</p></template>\n</nve-iframe>\n",
+      "summary": "Overrides intrinsic iframe dimensions with `--width` and `--height` to create a stable preview viewport. Use when you need to inspect embedded content at a fixed size regardless of its rendered bounds.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    },
+    {
+      "id": "iframe-overflow-clip",
+      "name": "OverflowClip",
+      "template": "<nve-iframe aria-label=\"Overflow clipping iframe example\" style=\"--height: 150px; --border: 1px solid red\">\n  <template slot=\"head\">\n    <title>Clipped iframe popover</title>\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/bundles/index.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/themes/dist/fonts/inter.css\" />\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/styles/dist/bundles/index.css\" />\n    <script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@nvidia-elements/core/dist/bundles/index.min.js\"></script>\n  </template>\n  <template>\n    <div nve-layout=\"pad:md\">\n      <nve-dropdown id=\"dropdown\">Popovers <strong>are clipped</strong> by the iframe.</nve-dropdown>\n      <nve-button popovertarget=\"dropdown\">Open popover</nve-button>\n    </div>\n  </template>\n</nve-iframe>\n",
+      "summary": "The iframe browsing-context boundary clips popovers at its viewport and prevents them from escaping. Keep overlays inside the frame, or render them outside the iframe when they must overlap surrounding content.",
+      "description": "",
+      "composition": true,
+      "tags": [
+        "test-case"
+      ]
+    },
+    {
+      "id": "iframe-dynamically-updated-content",
+      "name": "DynamicallyUpdatedContent",
+      "template": "<nve-iframe id=\"property-example\" aria-label=\"Dynamically updated iframe example\">\n  <template>\n    <p nve-text=\"body\">Initial iframe content.</p>\n  </template>\n</nve-iframe>\n<script type=\"module\">\n  document.querySelector(\"#property-example template\").innerHTML = '<p nve-text=\"body\">This template was dynamically updated.</p>';\n</script>\n",
+      "summary": "Regenerates the iframe document when its source template changes. Use for live previews or generated output that must stay synchronized with edits made in the parent document.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    }
+  ]
+}

package/dist/iframe/iframe.js

@@ -0,0 +1,6 @@
+//#region src/iframe/iframe.css?inline
+var e = ":host{--width: var(--_width, fit-content);--height: var(--_height, fit-content);--border: none;display:block;width:fit-content;height:fit-content;border:var(--border)}iframe{width:var(--width);height:var(--height);border:0}@supports (frame-sizing: content-height){:host{--height: var(--_height, 0px)}iframe{frame-sizing:content-height}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=iframe.js.map

package/dist/iframe/iframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe.js","names":[],"sources":["../../src/iframe/iframe.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --width: var(--_width, fit-content);\n  --height: var(--_height, fit-content);\n  --border: none;\n  display: block;\n  width: fit-content;\n  height: fit-content;\n  border: var(--border);\n}\n\niframe {\n  width: var(--width);\n  height: var(--height);\n  border: 0;\n}\n\n@supports (frame-sizing: content-height) {\n  :host {\n    /* Native sizing locks the initial viewport height as its minimum. */\n    --height: var(--_height, 0px);\n  }\n\n  iframe {\n    frame-sizing: content-height;\n  }\n}\n"],"mappings":""}