@vonage/vivid 3.32.0 → 3.34.0

package/shared/definition44.js

@@ -1,87 +1,31 @@
-import { F as FoundationElement, d as __classPrivateFieldGet, _ as __decorate, a as attr, b as __metadata, h as html, r as registerFactory } from './index.js';
-import { w as when } from './when.js';
-import { c as classNames } from './class-names.js';
+import { F as FoundationElement, h as html, r as registerFactory } from './index.js';
 
-var _SideDrawer_instances, _SideDrawer_close, _SideDrawer_open;
-class SideDrawer extends FoundationElement {
-  constructor() {
-    super(...arguments);
-    _SideDrawer_instances.add(this);
-    this.alternate = false;
-    this.modal = false;
-    this.open = false;
-    this.trailing = false;
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    super.attributeChangedCallback(name, oldValue, newValue);
-    switch (name) {
-      case 'open':
-        {
-          this.open ? __classPrivateFieldGet(this, _SideDrawer_instances, "m", _SideDrawer_open).call(this) : __classPrivateFieldGet(this, _SideDrawer_instances, "m", _SideDrawer_close).call(this);
-        }
-    }
-  }
-}
-_SideDrawer_instances = new WeakSet(), _SideDrawer_close = function _SideDrawer_close() {
-  this.$emit('close', undefined, {
-    bubbles: false
-  });
-}, _SideDrawer_open = function _SideDrawer_open() {
-  this.$emit('open', undefined, {
-    bubbles: false
-  });
+/**
+ * A TabPanel Component to be used with {@link @microsoft/fast-foundation#(Tabs:class)}
+ *
+ * @slot - The default slot for the tabpanel content
+ *
+ * @public
+ */
+let TabPanel$1 = class TabPanel extends FoundationElement {
 };
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], SideDrawer.prototype, "alternate", void 0);
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], SideDrawer.prototype, "modal", void 0);
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], SideDrawer.prototype, "open", void 0);
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], SideDrawer.prototype, "trailing", void 0);
-
-var css_248z = "/**\n * Do not edit directly\n * Generated on Tue, 22 Aug 2023 13:37:39 GMT\n */\n.control {\n  position: fixed;\n  z-index: 1;\n  background-color: var(--vvd-color-canvas);\n  color: var(--vvd-color-canvas-text);\n  inline-size: 280px;\n  inset-block: 0;\n  overflow-y: auto;\n}\n.control[part~=vvd-theme-alternate] {\n  background-color: var(--vvd-color-canvas);\n  color: var(--vvd-color-canvas-text);\n  color-scheme: var(--vvd-color-scheme);\n}\n.control.trailing {\n  inset-inline-end: 0;\n}\n.control:not(.open).trailing {\n  transform: translateX(100%);\n}\n.control:not(.open):not(.trailing) {\n  transform: translateX(-100%);\n}\n.control.open:not(.modal).trailing + .side-drawer-app-content {\n  margin-inline-end: var(--side-drawer-app-content-offset, 280px);\n}\n.control.open:not(.modal):not(.trailing) + .side-drawer-app-content {\n  margin-inline-start: var(--side-drawer-app-content-offset, 280px);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .control {\n    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n}\n\n.scrim {\n  background-color: var(--vvd-color-canvas-text, currentColor);\n  opacity: 0.5;\n  position: fixed;\n  inset: 0;\n}\n.scrim:not(.open) {\n  display: none;\n}";
-
-const getClasses = ({
-  modal,
-  open,
-  trailing
-}) => classNames('control', ['modal', modal], ['open', open], ['trailing', trailing]);
-const getScrimClasses = ({
-  open
-}) => classNames('scrim', ['open', open]);
-const sideDrawerTemplate = () => html`
-	<aside class="${getClasses}" part="base ${x => x.alternate ? 'vvd-theme-alternate' : ''}"
-	 @keydown="${(x, c) => handleKeydown(x, c.event)}">
-    <slot></slot>
-	</aside>
 
-	<div class="side-drawer-app-content" ?inert="${x => x.open && x.modal}">
-		<slot name="app-content"></slot>
-	</div>
+class TabPanel extends TabPanel$1 {
+}
 
-	${when(x => x.modal, html`<div class="${getScrimClasses}" @click="${x => x.open = false}"></div>`)}
-`;
-const handleKeydown = (x, {
-  key
-}) => {
-  if (key === 'Escape') {
-    x.open = false;
-  } else {
-    return true;
-  }
-};
+function TabPanelTemplate() {
+  return html`
+        <template slot="tabpanel" role="tabpanel">
+            <slot></slot>
+        </template>
+    `;
+}
 
-const sideDrawerDefinition = SideDrawer.compose({
-  baseName: 'side-drawer',
-  template: sideDrawerTemplate,
-  styles: css_248z
+const tabPanelDefinition = TabPanel.compose({
+  baseName: "tab-panel",
+  template: TabPanelTemplate
 });
-const sideDrawerRegistries = [sideDrawerDefinition()];
-const registerSideDrawer = registerFactory(sideDrawerRegistries);
+const tabPanelRegistries = [tabPanelDefinition()];
+const registerTabPanel = registerFactory(tabPanelRegistries);
 
-export { sideDrawerRegistries as a, registerSideDrawer as r, sideDrawerDefinition as s };
+export { tabPanelRegistries as a, registerTabPanel as r, tabPanelDefinition as t };