@vonage/vivid 5.15.1 → 5.17.0

package/tab/definition.cjs

@@ -1,127 +1,6 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const icon_definition = require('../icon/definition.cjs');
-const vividElement = require('../unbundled/vivid-element.cjs');
-const fastElement = require('@microsoft/fast-element');
-const affix = require('../unbundled/affix.cjs');
-const hostSemantics = require('../unbundled/host-semantics.cjs');
-const localized = require('../unbundled/localized.cjs');
-const fastWebUtilities = require('@microsoft/fast-web-utilities');
-
-const styles = ":host{--_vvd-tab-accent-firm-wrapper: var( --vvd-tab-accent-firm );--_vvd-tab-cta-firm-wrapper: var( --vvd-tab-cta-firm )}.base{--vvd-tab-accent-firm: var( --_vvd-tab-accent-firm-wrapper, var(--vvd-tab-accent-primary) );--vvd-tab-cta-firm: var( --_vvd-tab-cta-firm-wrapper, var(--vvd-tab-cta-primary) )}:host(.vertical){justify-content:end;grid-column:1/auto}:host([disabled]){cursor:not-allowed}:host([removable]){position:relative}:host(:focus-visible){outline:none}.base{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.connotation-cta{--_connotation-color-primary-text: var(--vvd-tab-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-firm: var(--vvd-tab-cta-firm, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tab-cta-faint, var(--vvd-color-cta-50));--_connotation-color-fierce: var(--vvd-tab-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-pale: var(--vvd-tab-cta-pale, var(--vvd-color-cta-300));--_connotation-color-soft: var(--vvd-tab-cta-soft, var(--vvd-color-cta-100))}.base:not(.connotation-cta){--_connotation-color-primary-text: var(--vvd-tab-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-firm: var(--vvd-tab-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-tab-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-fierce: var(--vvd-tab-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-pale: var(--vvd-tab-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-soft: var(--vvd-tab-accent-soft, var(--vvd-color-neutral-100))}.base{position:relative;display:flex;box-sizing:border-box;align-items:center;justify-content:var(--_tab-justify-content);padding:var(--_tabs-tablist-gutter);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base-bold);gap:var(--_tabs-tablist-gutter);min-block-size:40px;vertical-align:middle;white-space:nowrap}@supports (user-select: none){.base{user-select:none}}.base:not(.shape-sharp){border-radius:8px}.base:not(.disabled){cursor:pointer}.base.disabled{pointer-events:none}.base.removable{padding-inline-end:40px}:host(:focus-visible) .base{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}:host(.vertical) .base{margin-inline-start:var(--_tabs-active-indicator-stroke-width)}slot[name=icon]{font-size:20px;line-height:1}.icon-trailing slot[name=icon]{display:inline-block;order:1;margin-inline-start:auto}.close{position:absolute;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;block-size:24px;inline-size:24px;inset-block-start:50%;inset-inline-end:4px;transform:translateY(-50%)}.close:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.close vwc-icon{font-size:12px}.close .icon{display:flex;align-items:center;justify-content:center}";
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class Tab extends hostSemantics.HostSemantics(
-  affix.AffixIconWithTrailing(localized.Localized(vividElement.VividElement))
-) {
-  constructor() {
-    super(...arguments);
-    this.removable = false;
-    this.tabIndex = "-1";
-    this.active = false;
-  }
-  _handleCloseClick(e) {
-    e.stopImmediatePropagation();
-    this.$emit("close");
-  }
-  _onKeyDown(e) {
-    if (!this.removable || e.key !== "Delete") return true;
-    e.stopImmediatePropagation();
-    this.$emit("close");
-    return false;
-  }
-}
-__decorateClass([
-  fastElement.attr({ mode: "boolean" })
-], Tab.prototype, "disabled");
-__decorateClass([
-  fastElement.attr
-], Tab.prototype, "connotation");
-__decorateClass([
-  fastElement.attr
-], Tab.prototype, "shape");
-__decorateClass([
-  fastElement.attr
-], Tab.prototype, "label");
-__decorateClass([
-  fastElement.attr({ mode: "boolean" })
-], Tab.prototype, "removable");
-__decorateClass([
-  fastElement.attr({ mode: "fromView" })
-], Tab.prototype, "tabIndex");
-__decorateClass([
-  fastElement.observable
-], Tab.prototype, "active");
-
-const getClasses = ({
-  connotation,
-  disabled,
-  active,
-  iconTrailing,
-  shape,
-  removable
-}) => fastWebUtilities.classNames(
-  "base",
-  [`connotation-${connotation}`, Boolean(connotation) && Boolean(active)],
-  [`shape-${shape}`, Boolean(shape)],
-  ["disabled", Boolean(disabled)],
-  ["selected", Boolean(active)],
-  ["icon-trailing", iconTrailing],
-  ["removable", removable]
-);
-function renderDismissButton(context) {
-  const affixIconTemplate = affix.affixIconTemplateFactory(context);
-  return fastElement.html`<button
-		aria-label="${(x) => x.locale.tab.dismissButtonLabel}"
-		class="close"
-		id="close-btn"
-		@click="${(x, c) => x._handleCloseClick(c.event)}"
-	>
-		${() => affixIconTemplate("close-line", affix.IconWrapper.Span)}
-	</button>`;
-}
-const TabTemplate = (context) => {
-  const affixIconTemplate = affix.affixIconTemplateFactory(context);
-  return fastElement.html`
-		<template
-			slot="tab"
-			?active="${(x) => x.active}"
-			${hostSemantics.applyHostSemantics({
-    role: "tab",
-    ariaDisabled: (x) => x.disabled,
-    ariaSelected: (x) => x.active
-  })}
-			@keydown="${(x, c) => x._onKeyDown(c.event)}"
-		>
-			<div class="${getClasses}">
-				${(x) => affixIconTemplate(x.icon, affix.IconWrapper.Slot)} ${(x) => x.label}
-				${(x) => x.removable ? renderDismissButton(context) : null}
-			</div>
-		</template>
-	`;
-};
-
-const tabDefinition = vividElement.defineVividComponent(
-  "tab",
-  Tab,
-  TabTemplate,
-  [icon_definition.iconDefinition],
-  {
-    styles
-  }
-);
-const registerTab = vividElement.createRegisterFunction(tabDefinition);
-
-exports.VwcTabElement = Tab;
-exports.registerTab = registerTab;
-exports.tabDefinition = tabDefinition;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../unbundled/definition2.cjs");
+const require_definition$1 = require("../unbundled/definition67.cjs");
+exports.VwcTabElement = require_definition$1.Tab;
+exports.registerTab = require_definition$1.registerTab;
+exports.tabDefinition = require_definition$1.tabDefinition;

package/tab/definition.js

@@ -1,121 +1,3 @@
-import { iconDefinition } from '../icon/definition.js';
-import { V as VividElement, c as createRegisterFunction, d as defineVividComponent } from '../unbundled/vivid-element.js';
-import { attr, observable, html } from '@microsoft/fast-element';
-import { b as AffixIconWithTrailing, a as affixIconTemplateFactory, I as IconWrapper } from '../unbundled/affix.js';
-import { H as HostSemantics, a as applyHostSemantics } from '../unbundled/host-semantics.js';
-import { L as Localized } from '../unbundled/localized.js';
-import { classNames } from '@microsoft/fast-web-utilities';
-
-const styles = ":host{--_vvd-tab-accent-firm-wrapper: var( --vvd-tab-accent-firm );--_vvd-tab-cta-firm-wrapper: var( --vvd-tab-cta-firm )}.base{--vvd-tab-accent-firm: var( --_vvd-tab-accent-firm-wrapper, var(--vvd-tab-accent-primary) );--vvd-tab-cta-firm: var( --_vvd-tab-cta-firm-wrapper, var(--vvd-tab-cta-primary) )}:host(.vertical){justify-content:end;grid-column:1/auto}:host([disabled]){cursor:not-allowed}:host([removable]){position:relative}:host(:focus-visible){outline:none}.base{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.connotation-cta{--_connotation-color-primary-text: var(--vvd-tab-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-firm: var(--vvd-tab-cta-firm, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tab-cta-faint, var(--vvd-color-cta-50));--_connotation-color-fierce: var(--vvd-tab-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-pale: var(--vvd-tab-cta-pale, var(--vvd-color-cta-300));--_connotation-color-soft: var(--vvd-tab-cta-soft, var(--vvd-color-cta-100))}.base:not(.connotation-cta){--_connotation-color-primary-text: var(--vvd-tab-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-firm: var(--vvd-tab-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-tab-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-fierce: var(--vvd-tab-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-pale: var(--vvd-tab-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-soft: var(--vvd-tab-accent-soft, var(--vvd-color-neutral-100))}.base{position:relative;display:flex;box-sizing:border-box;align-items:center;justify-content:var(--_tab-justify-content);padding:var(--_tabs-tablist-gutter);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base-bold);gap:var(--_tabs-tablist-gutter);min-block-size:40px;vertical-align:middle;white-space:nowrap}@supports (user-select: none){.base{user-select:none}}.base:not(.shape-sharp){border-radius:8px}.base:not(.disabled){cursor:pointer}.base.disabled{pointer-events:none}.base.removable{padding-inline-end:40px}:host(:focus-visible) .base{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}:host(.vertical) .base{margin-inline-start:var(--_tabs-active-indicator-stroke-width)}slot[name=icon]{font-size:20px;line-height:1}.icon-trailing slot[name=icon]{display:inline-block;order:1;margin-inline-start:auto}.close{position:absolute;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;block-size:24px;inline-size:24px;inset-block-start:50%;inset-inline-end:4px;transform:translateY(-50%)}.close:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.close vwc-icon{font-size:12px}.close .icon{display:flex;align-items:center;justify-content:center}";
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class Tab extends HostSemantics(
-  AffixIconWithTrailing(Localized(VividElement))
-) {
-  constructor() {
-    super(...arguments);
-    this.removable = false;
-    this.tabIndex = "-1";
-    this.active = false;
-  }
-  _handleCloseClick(e) {
-    e.stopImmediatePropagation();
-    this.$emit("close");
-  }
-  _onKeyDown(e) {
-    if (!this.removable || e.key !== "Delete") return true;
-    e.stopImmediatePropagation();
-    this.$emit("close");
-    return false;
-  }
-}
-__decorateClass([
-  attr({ mode: "boolean" })
-], Tab.prototype, "disabled");
-__decorateClass([
-  attr
-], Tab.prototype, "connotation");
-__decorateClass([
-  attr
-], Tab.prototype, "shape");
-__decorateClass([
-  attr
-], Tab.prototype, "label");
-__decorateClass([
-  attr({ mode: "boolean" })
-], Tab.prototype, "removable");
-__decorateClass([
-  attr({ mode: "fromView" })
-], Tab.prototype, "tabIndex");
-__decorateClass([
-  observable
-], Tab.prototype, "active");
-
-const getClasses = ({
-  connotation,
-  disabled,
-  active,
-  iconTrailing,
-  shape,
-  removable
-}) => classNames(
-  "base",
-  [`connotation-${connotation}`, Boolean(connotation) && Boolean(active)],
-  [`shape-${shape}`, Boolean(shape)],
-  ["disabled", Boolean(disabled)],
-  ["selected", Boolean(active)],
-  ["icon-trailing", iconTrailing],
-  ["removable", removable]
-);
-function renderDismissButton(context) {
-  const affixIconTemplate = affixIconTemplateFactory(context);
-  return html`<button
-		aria-label="${(x) => x.locale.tab.dismissButtonLabel}"
-		class="close"
-		id="close-btn"
-		@click="${(x, c) => x._handleCloseClick(c.event)}"
-	>
-		${() => affixIconTemplate("close-line", IconWrapper.Span)}
-	</button>`;
-}
-const TabTemplate = (context) => {
-  const affixIconTemplate = affixIconTemplateFactory(context);
-  return html`
-		<template
-			slot="tab"
-			?active="${(x) => x.active}"
-			${applyHostSemantics({
-    role: "tab",
-    ariaDisabled: (x) => x.disabled,
-    ariaSelected: (x) => x.active
-  })}
-			@keydown="${(x, c) => x._onKeyDown(c.event)}"
-		>
-			<div class="${getClasses}">
-				${(x) => affixIconTemplate(x.icon, IconWrapper.Slot)} ${(x) => x.label}
-				${(x) => x.removable ? renderDismissButton(context) : null}
-			</div>
-		</template>
-	`;
-};
-
-const tabDefinition = defineVividComponent(
-  "tab",
-  Tab,
-  TabTemplate,
-  [iconDefinition],
-  {
-    styles
-  }
-);
-const registerTab = createRegisterFunction(tabDefinition);
-
+import "../unbundled/definition2.js";
+import { n as tabDefinition, r as Tab, t as registerTab } from "../unbundled/definition67.js";
 export { Tab as VwcTabElement, registerTab, tabDefinition };

package/tab/index.cjs

@@ -1 +1 @@
-"use strict";const e=require("../bundled/definition20.cjs");e.registerTab();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition13.cjs`).t();

package/tab/index.js

@@ -1,2 +1,6 @@
-import { r } from "../bundled/definition20.js";
-r();
+import "../bundled/vivid-element.js";
+import "../bundled/definition2.js";
+import { t as e } from "../bundled/definition13.js";
+//#region src/lib/tab/index.ts
+e();
+//#endregion

package/tab-panel/definition.cjs

@@ -1,29 +1,5 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const vividElement = require('../unbundled/vivid-element.cjs');
-const hostSemantics = require('../unbundled/host-semantics.cjs');
-const fastElement = require('@microsoft/fast-element');
-
-class TabPanel extends hostSemantics.HostSemantics(vividElement.VividElement) {
-}
-
-const TabPanelTemplate = fastElement.html`
-	<template slot="tabpanel" ${hostSemantics.applyHostSemantics({ role: "tabpanel" })}>
-		<slot></slot>
-	</template>
-`;
-
-const tabPanelDefinition = vividElement.defineVividComponent(
-  "tab-panel",
-  TabPanel,
-  TabPanelTemplate,
-  [],
-  {}
-);
-const registerTabPanel = vividElement.createRegisterFunction(tabPanelDefinition);
-
-exports.VwcTabPanelElement = TabPanel;
-exports.registerTabPanel = registerTabPanel;
-exports.tabPanelDefinition = tabPanelDefinition;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_definition = require("../unbundled/definition66.cjs");
+exports.VwcTabPanelElement = require_definition.TabPanel;
+exports.registerTabPanel = require_definition.registerTabPanel;
+exports.tabPanelDefinition = require_definition.tabPanelDefinition;

package/tab-panel/definition.js

@@ -1,23 +1,2 @@
-import { V as VividElement, c as createRegisterFunction, d as defineVividComponent } from '../unbundled/vivid-element.js';
-import { H as HostSemantics, a as applyHostSemantics } from '../unbundled/host-semantics.js';
-import { html } from '@microsoft/fast-element';
-
-class TabPanel extends HostSemantics(VividElement) {
-}
-
-const TabPanelTemplate = html`
-	<template slot="tabpanel" ${applyHostSemantics({ role: "tabpanel" })}>
-		<slot></slot>
-	</template>
-`;
-
-const tabPanelDefinition = defineVividComponent(
-  "tab-panel",
-  TabPanel,
-  TabPanelTemplate,
-  [],
-  {}
-);
-const registerTabPanel = createRegisterFunction(tabPanelDefinition);
-
+import { n as tabPanelDefinition, r as TabPanel, t as registerTabPanel } from "../unbundled/definition66.js";
 export { TabPanel as VwcTabPanelElement, registerTabPanel, tabPanelDefinition };

package/tab-panel/index.cjs

@@ -1 +1 @@
-"use strict";const e=require("../bundled/definition21.cjs");e.registerTabPanel();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/definition14.cjs`).t();

package/tab-panel/index.js

@@ -1,2 +1,5 @@
-import { r } from "../bundled/definition21.js";
-r();
+import "../bundled/vivid-element.js";
+import { t as e } from "../bundled/definition14.js";
+//#region src/lib/tab-panel/index.ts
+e();
+//#endregion

package/table/definition.cjs

@@ -1,174 +1,18 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const vividElement = require('../unbundled/vivid-element.cjs');
-const fastElement = require('@microsoft/fast-element');
-const hostSemantics = require('../unbundled/host-semantics.cjs');
-const dataGrid_options = require('../unbundled/data-grid.options.cjs');
-
-const tableStyles = ":host{border-collapse:collapse;border-spacing:0;inline-size:100%}.table-inner-container{--scrollbar-track-color: transparent;--scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%)}.table-inner-container{scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.table-inner-container ::-webkit-scrollbar{width:4px}.table-inner-container ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.table-inner-container ::-webkit-scrollbar-thumb{border:0;border-radius:4px;background-color:var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color))}.table-inner-container{display:block;inline-size:100%;overflow-x:auto}.table-content{display:table;inline-size:100%;overflow-x:auto}";
-
-const tableHeadStyles = ":host{display:table-header-group}";
-
-const tableBodyStyles = ":host{display:table-row-group}";
-
-const tableRowStyles = ":host{display:table-row}@media(hover:hover){:host:hover{background-color:var(--vvd-color-neutral-200)}}:host:is([selected]){background-color:var(--_appearance-color-fill)}.base.connotation-cta{--_connotation-color-primary: var(--vvd-data-grid-row-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-data-grid-row-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-data-grid-row-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-data-grid-row-cta-firm, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-data-grid-row-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-data-grid-row-cta-soft, var(--vvd-color-cta-100));--_connotation-color-pale: var(--vvd-data-grid-row-cta-pale, var(--vvd-color-cta-300));--_connotation-color-dim: var(--vvd-data-grid-row-cta-dim, var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary: var(--vvd-data-grid-row-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-data-grid-row-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-data-grid-row-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-data-grid-row-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-data-grid-row-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-data-grid-row-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-pale: var(--vvd-data-grid-row-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-dim: var(--vvd-data-grid-row-accent-dim, var(--vvd-color-neutral-200))}.base{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}@media(hover:hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base{display:contents;width:100%;box-sizing:border-box;color:var(--vvd-color-canvas-text)}";
-
-const tableHeaderCellStyles = ":host{display:table-cell;border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle}:host.connotation-cta{--_connotation-color-primary: var(--vvd-data-grid-cell-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-data-grid-cell-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-data-grid-cell-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-data-grid-cell-cta-firm, var(--vvd-color-cta-600));--_connotation-color-soft: var(--vvd-data-grid-cell-cta-soft, var(--vvd-color-cta-100));--_connotation-color-faint: var(--vvd-data-grid-cell-cta-faint, var(--vvd-color-cta-50));--_connotation-color-pale: var(--vvd-data-grid-cell-cta-pale, var(--vvd-color-cta-300));--_connotation-color-dim: var(--vvd-data-grid-cell-cta-dim, var(--vvd-color-cta-200))}:host:not(.connotation-cta){--_connotation-color-primary: var(--vvd-data-grid-cell-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-data-grid-cell-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-data-grid-cell-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-data-grid-cell-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-data-grid-cell-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-faint: var(--vvd-data-grid-cell-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-pale: var(--vvd-data-grid-cell-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-dim: var(--vvd-data-grid-cell-accent-dim, var(--vvd-color-neutral-200))}:host{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){:host:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}:host.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}:host.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}@media(hover:hover){:host.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}}:host.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}:host{--_table-cell-default-block-size: calc(1px*(48 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_table-cell-default-white-space: nowrap}:host([role=columnheader]){border-bottom-color:var(--vvd-color-canvas-text)}:host(:focus-visible){outline:none}.base{display:flex;overflow:hidden;box-sizing:border-box;flex-direction:column;justify-content:center;padding:0;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base-bold);min-block-size:calc(1px*(48 + 4*clamp(-1,var(--vvd-size-density, 0),2)));padding-block:4px;padding-inline:12px}:host(:focus-visible) .base{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}slot{display:block;overflow:hidden;flex:0 0 auto;inline-size:100%;text-overflow:ellipsis;white-space:var(--table-cell-white-space, var(--_table-cell-default-white-space))}";
-
-const tableCellStyles = ":host{display:table-cell;border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle}:host.connotation-cta{--_connotation-color-primary: var(--vvd-data-grid-cell-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-data-grid-cell-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-data-grid-cell-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-data-grid-cell-cta-firm, var(--vvd-color-cta-600));--_connotation-color-soft: var(--vvd-data-grid-cell-cta-soft, var(--vvd-color-cta-100));--_connotation-color-faint: var(--vvd-data-grid-cell-cta-faint, var(--vvd-color-cta-50));--_connotation-color-pale: var(--vvd-data-grid-cell-cta-pale, var(--vvd-color-cta-300));--_connotation-color-dim: var(--vvd-data-grid-cell-cta-dim, var(--vvd-color-cta-200))}:host:not(.connotation-cta){--_connotation-color-primary: var(--vvd-data-grid-cell-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-data-grid-cell-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-data-grid-cell-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-data-grid-cell-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-data-grid-cell-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-faint: var(--vvd-data-grid-cell-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-pale: var(--vvd-data-grid-cell-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-dim: var(--vvd-data-grid-cell-accent-dim, var(--vvd-color-neutral-200))}:host{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){:host:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}:host.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}:host.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}@media(hover:hover){:host.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}}:host.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}:host:not([cell-type=columnheader]){--_table-cell-default-block-size: 100%;--_table-cell-default-white-space: normal}:host:is([selected]){background-color:var(--_appearance-color-fill)}:host(:focus-visible){outline:none}.base{display:flex;overflow:hidden;box-sizing:border-box;flex-direction:column;justify-content:center;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base);min-block-size:calc(1px*(48 + 4*clamp(-1,var(--vvd-size-density, 0),2)));padding-block:4px;padding-inline:12px}:host(:focus-visible) .base{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}slot{display:block;flex:0 0 auto;inline-size:100%}";
-
-class Table extends vividElement.VividElement {
-}
-
-const TableTemplate = (context) => {
-  return fastElement.html`
-		<template role="table">
-			<div part="inner-container" class="table-inner-container">
-				<div part="content" class="table-content">
-					<slot></slot>
-				</div>
-			</div>
-		</template>
-	`;
-};
-
-const tableHeadName = "table-head";
-class TableHead extends vividElement.VividElement {
-}
-
-const TableHeadTemplate = (context) => {
-  return fastElement.html`
-		<template>
-			<slot></slot>
-		</template>
-	`;
-};
-
-class TableBody extends vividElement.VividElement {
-}
-
-const TableBodyTemplate = (context) => {
-  return fastElement.html`
-		<template>
-			<slot></slot>
-		</template>
-	`;
-};
-
-class TableRow extends hostSemantics.HostSemantics(vividElement.VividElement) {
-}
-
-const TableRowTemplate = (context) => {
-  return fastElement.html`
-		<template
-			${hostSemantics.applyHostSemantics({
-    role: "row"
-  })}
-		>
-			<div class="base">
-				<slot></slot>
-			</div>
-		</template>
-	`;
-};
-
-class TableHeaderCell extends hostSemantics.HostSemantics(vividElement.VividElement) {
-}
-
-const TableHeaderCellTemplate = (context) => {
-  const tableHeadTag = context.tagForNonDependency(tableHeadName);
-  return fastElement.html`
-		<template
-			${hostSemantics.applyHostSemantics({
-    role: (x) => x.closest(tableHeadTag) !== null ? dataGrid_options.DataGridCellRole.columnheader : dataGrid_options.DataGridCellRole.rowheader
-  })}
-		>
-			<div class="base">
-				<slot></slot>
-			</div>
-		</template>
-	`;
-};
-
-class TableCell extends hostSemantics.HostSemantics(vividElement.VividElement) {
-}
-
-const TableCellTemplate = (context) => {
-  return fastElement.html`
-		<template
-			${hostSemantics.applyHostSemantics({
-    role: () => "cell"
-  })}
-		>
-			<div class="base">
-				<slot></slot>
-			</div>
-		</template>
-	`;
-};
-
-const tableCellDefinition = vividElement.defineVividComponent(
-  "table-cell",
-  TableCell,
-  TableCellTemplate,
-  [],
-  { styles: tableCellStyles }
-);
-const tableHeaderCellDefinition = vividElement.defineVividComponent(
-  "table-header-cell",
-  TableHeaderCell,
-  TableHeaderCellTemplate,
-  [],
-  { styles: tableHeaderCellStyles }
-);
-const tableRowDefinition = vividElement.defineVividComponent(
-  "table-row",
-  TableRow,
-  TableRowTemplate,
-  [],
-  { styles: tableRowStyles }
-);
-const tableBodyDefinition = vividElement.defineVividComponent(
-  "table-body",
-  TableBody,
-  TableBodyTemplate,
-  [],
-  { styles: tableBodyStyles }
-);
-const tableHeadDefinition = vividElement.defineVividComponent(
-  "table-head",
-  TableHead,
-  TableHeadTemplate,
-  [],
-  { styles: tableHeadStyles }
-);
-const tableDefinition = vividElement.defineVividComponent(
-  "table",
-  Table,
-  TableTemplate,
-  [
-    tableCellDefinition,
-    tableHeaderCellDefinition,
-    tableRowDefinition,
-    tableHeadDefinition,
-    tableBodyDefinition
-  ],
-  { styles: tableStyles }
-);
-const registerTable = vividElement.createRegisterFunction(tableDefinition);
-
-exports.VwcTableBodyElement = TableBody;
-exports.VwcTableCellElement = TableCell;
-exports.VwcTableElement = Table;
-exports.VwcTableHeadElement = TableHead;
-exports.VwcTableHeaderCellElement = TableHeaderCell;
-exports.VwcTableRowElement = TableRow;
-exports.registerTable = registerTable;
-exports.tableBodyDefinition = tableBodyDefinition;
-exports.tableCellDefinition = tableCellDefinition;
-exports.tableDefinition = tableDefinition;
-exports.tableHeadDefinition = tableHeadDefinition;
-exports.tableHeaderCellDefinition = tableHeaderCellDefinition;
-exports.tableRowDefinition = tableRowDefinition;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../unbundled/definition2.cjs");
+const require_definition$1 = require("../unbundled/definition33.cjs");
+exports.VwcTableBodyElement = require_definition$1.TableBody;
+exports.VwcTableCellElement = require_definition$1.TableCell;
+exports.VwcTableElement = require_definition$1.Table;
+exports.VwcTableHeadElement = require_definition$1.TableHead;
+exports.VwcTableHeaderCellElement = require_definition$1.TableHeaderCell;
+exports.VwcTableRowElement = require_definition$1.TableRow;
+exports.VwcTableSortingButtonElement = require_definition$1.TableSortingButton;
+exports.registerTable = require_definition$1.registerTable;
+exports.tableBodyDefinition = require_definition$1.tableBodyDefinition;
+exports.tableCellDefinition = require_definition$1.tableCellDefinition;
+exports.tableDefinition = require_definition$1.tableDefinition;
+exports.tableHeadDefinition = require_definition$1.tableHeadDefinition;
+exports.tableHeaderCellDefinition = require_definition$1.tableHeaderCellDefinition;
+exports.tableRowDefinition = require_definition$1.tableRowDefinition;
+exports.tableSortingButtonDefinition = require_definition$1.tableSortingButtonDefinition;