@swiftwc/ui 0.0.0-dev.15 → 0.0.0-dev.17

package/generated/css/index.css

@@ -3988,6 +3988,7 @@
       inline-size: var(--nav-split-view-sidebar-inline-size);
       margin-inline-start: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
       --safe-area-inset-left: 0px;
+      --safe-area-inset-right: 0px;
       overflow: visible;
       padding-block: max(var(--safe-area-inset-top), var(--sidebar-block-spacing)) max(var(--safe-area-inset-bottom), var(--sidebar-block-spacing));
       border-radius: var(--sidebar-border-radius);
@@ -4116,19 +4117,20 @@
       }
     }
   }
-  :where(:where(tab-view > [is=sidebar-view])) {
+  :where(tab-view > [is=sidebar-view]) {
     inline-size: var(--nav-split-view-sidebar-inline-size);
     margin-inline-start: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
     --safe-area-inset-left: 0px;
+    --safe-area-inset-right: 0px;
     overflow: visible;
     padding-block: max(var(--safe-area-inset-top), var(--sidebar-block-spacing)) max(var(--safe-area-inset-bottom), var(--sidebar-block-spacing));
     border-radius: var(--sidebar-border-radius);
   }
-  :where(:where(tab-view > [is=sidebar-view]) > scroll-view, :where(tab-view > [is=sidebar-view]) > scroll-view ~ tool-bar) {
+  :where(tab-view > [is=sidebar-view] > scroll-view, tab-view > [is=sidebar-view] > scroll-view ~ tool-bar) {
     --safe-area-inset-top: 0px;
     --safe-area-inset-bottom: 0px;
   }
-  :where(:where(tab-view > [is=sidebar-view]) > scroll-view) {
+  :where(tab-view > [is=sidebar-view] > scroll-view) {
     border-radius: var(--sidebar-border-radius);
     backdrop-filter: var(--liquid-glass-backdrop-filter);
     --scroll-view-box-shadow: var(--liquid-glass-box-shadow);

package/generated/internal/class/navigation-view.js

@@ -42,7 +42,7 @@ export class NavigationView extends HTMLElement {
                     break;
                 if (!this.closest('tab-view'))
                     break; // tabview stuff
-                let eventType = this.hasAttribute(name) ? 'tabshow' : 'tabhide', target = LifecycleObserver;
+                let eventType = this.hasAttribute(name) ? 'tabhide' : 'tabshow', target = LifecycleObserver;
                 // isRecent by 100ms window
                 if (this.#recentBefore && performance.now() - this.#recentBefore.time <= 100) {
                     if (this.#recentBefore.type === 'beforetabreveal') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftwc/ui",
-  "version": "0.0.0-dev.15",
+  "version": "0.0.0-dev.17",
   "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
   "publishConfig": {
     "access": "public"
@@ -65,7 +65,8 @@
     "build:barrels": "barrelsby -D -q -S -d ./js/components -e \".\\.test\\.ts\"",
     "format:check": "prettier . --check",
     "format:write": "prettier . --write",
-    "test": "vitest --dom"
+    "test": "vitest --dom",
+    "version:pkg": "npm version $npm_config_bump --no-git-tag-version --preid=dev"
   },
   "devDependencies": {
     "doctrine": "^3.0.0",

package/scss/components/_tab-view.scss

@@ -115,10 +115,12 @@
       }
     }
 
-    :where(& > [is='sidebar-view']) {
+    > [is='sidebar-view'] {
       @include mixins.make-floating-sidebar;
 
-      margin-inline-start: calc(var(--nav-split-view-sidebar-inline-size) * -1); // hide off screen
+      :where(&) {
+        margin-inline-start: calc(var(--nav-split-view-sidebar-inline-size) * -1); // hide off screen
+      }
     }
   }
 

package/scss/mixins/_dialog.scss

@@ -61,6 +61,7 @@
     margin-inline-start: max(env(safe-area-inset-left), var(--sidebar-inline-spacing)); // float
 
     --safe-area-inset-left: 0px; // now a floating
+    --safe-area-inset-right: 0px; // now a floating FIXME: Check new addition
 
     overflow: visible; // override