@swiftwc/ui 0.0.0-dev.111 → 0.0.0-dev.113

package/generated/components/tab-view.js

@@ -52,10 +52,7 @@ export class TabView extends HTMLElement {
             { types: 'beforetabreveal beforetabswap', listener: this.#addAnimations },
             { types: 'tab-view:adaptable-tab-bar-placement-change', listener: this.#handleAdaptableTabBarPlacementChange },
             { types: 'pagereveal', listener: this.#handleTabViewPagereveal },
-            {
-                types: 'click',
-                listener: this.#handleSummaryClick,
-            },
+            { types: 'click', listener: this.#handleSummaryClick },
         ], this).on());
     }
     #handleSummaryClick = ({ target }) => {
@@ -95,9 +92,9 @@ export class TabView extends HTMLElement {
             }));
         }
     };
-    #handleAdaptableTabBarPlacementChange = (evt) => {
-        debug(`${_a.name} ⚡️ ${evt?.type}`);
-        if ('bottom-bar' !== evt.detail.oldValue)
+    #handleAdaptableTabBarPlacementChange = ({ type, detail }) => {
+        debug(`${_a.name} ⚡️ ${type}`);
+        if ('bottom-bar' !== detail.oldValue)
             return; // button triggers should happen, ONLY when going FROM bottom-bar TO anything else
         const innerSelection = this.moreTab?.querySelector(':scope>navigation-stack:not([hidden]),:scope>navigation-split-view:not([hidden])')?.id;
         if (innerSelection) {
@@ -151,12 +148,12 @@ export class TabView extends HTMLElement {
                 ns.hidden = false; // triggers
             }
     }
-    #addAnimations = (evt) => {
+    #addAnimations = ({ detail }) => {
         this.setAttribute('js-aftertabreveal', '');
         // const ms = cssTime(`${this.computedStyleMap().get(`--tabbar-after-tabreveal-duration`)}`)
         this.#afterTabRevealDelay.next(() => {
             this.removeAttribute('js-aftertabreveal');
-        }, evt.detail.ms);
+        }, detail.ms);
     };
     #handleSelectionChange = (evt) => {
         this.#triggerToggleEvent(evt);

package/generated/components/v-flex-stack.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @summary A view that arranges its children one on top of the other.
+ *
+ * @attr {@Template} template — The main-axis grid template
+ *
+ */
+export declare class VFlexStack extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'v-flex-stack': VFlexStack;
+    }
+}

package/generated/components/v-flex-stack.js

@@ -0,0 +1,18 @@
+import { debug } from '../internal/utils';
+/**
+ * @summary A view that arranges its children one on top of the other.
+ *
+ * @attr {@Template} template — The main-axis grid template
+ *
+ */
+export class VFlexStack extends HTMLElement {
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        debug(`${VFlexStack.name} ⚡️ connect`);
+    }
+    disconnectedCallback() {
+        debug(`${VFlexStack.name} ⚡️ disconnect`);
+    }
+}