vanilla-jui 1.4.7 → 1.5.1

package/src/css/offcanvas.css

@@ -5,11 +5,15 @@
     left: 0;
     width: 100%;
     height: 100%;
-    transition: opacity 0.3s ease;
+    pointer-events: none;
     background: var(--offcanvas-overlay-bg);
     z-index: var(--z-overlay);
   }
 
+  .j-offcanvas-overlay[aria-hidden='false'] {
+    pointer-events: auto;
+  }
+
   .j-offcanvas {
     position: fixed;
     z-index: var(--z-offcanvas);
@@ -17,20 +21,11 @@
     box-shadow: var(--offcanvas-box-shadow);
   }
 
-  .j-offcanvas[data-animate='slide'] {
-    transition: transform 0.3s ease;
-  }
-
-  .j-offcanvas:not([data-animate='slide']) {
-    transition: none;
-  }
-
   .j-offcanvas[data-direction='left'] {
     top: 0;
     left: 0;
     width: var(--offcanvas-block-width);
     height: 100vh;
-    transform: translateX(-100%);
     border-right: var(--offcanvas-border);
   }
 
@@ -39,7 +34,6 @@
     right: 0;
     width: var(--offcanvas-block-width);
     height: 100vh;
-    transform: translateX(100%);
     border-left: var(--offcanvas-border);
   }
 
@@ -48,7 +42,6 @@
     left: 0;
     width: 100%;
     height: var(--offcanvas-inline-height);
-    transform: translateY(-100%);
     border-bottom: var(--offcanvas-border);
   }
 
@@ -57,14 +50,9 @@
     left: 0;
     width: 100%;
     height: var(--offcanvas-inline-height);
-    transform: translateY(100%);
     border-top: var(--offcanvas-border);
   }
 
-  .j-offcanvas[aria-expanded='true'] {
-    transform: translate(0, 0);
-  }
-
   .j-offcanvas .offcanvas-content {
     position: relative;
     height: 100%;

package/src/css/swiper.css

@@ -13,6 +13,7 @@
     width: 100%;
     height: 100%;
     will-change: transform;
+    position: relative;
   }
 
   .j-swiper .swiper-slide {
@@ -142,4 +143,4 @@
     cursor: default;
     opacity: 0.36;
   }
-}
+}

package/src/css/tabs.css

@@ -28,7 +28,6 @@
 
   .j-tabs .tab-list {
     display: flex;
-    user-select: none;
     -webkit-overflow-scrolling: touch;
     scroll-behavior: smooth;
   }
@@ -47,28 +46,20 @@
     cursor: pointer;
   }
 
-  .j-tabs .tab-list .tab-item[aria-disabled='true'] {
-    cursor: not-allowed;
-  }
-
-  .j-tabs .tab-panel {
-    padding: var(--tab-panel-padding);
-    margin: var(--tab-panel-margin);
+  .j-tabs .panel-list {
+    padding: var(--panel-list-padding);
+    margin: var(--panel-list-margin);
     flex: 1;
   }
 
-  .j-tabs .tab-panel .panel-item {
+  .j-tabs .panel-list .panel-item {
     display: none;
-    margin: var(--tab-panel-item-margin);
+    margin: var(--panel-list-item-margin);
     position: relative;
-    min-height: var(--tab-panel-item-min-height);
+    min-height: inherit;
   }
 
-  .j-tabs .tab-panel .panel-item[aria-hidden='false'] {
+  .j-tabs .panel-list .panel-item[aria-hidden='false'] {
     display: block;
   }
-
-  .j-tabs .tab-panel .panel-item > * {
-    margin: var(--tab-panel-item-content-margin);
-  }
-}
+}

package/src/css/themes/default/accordion.css

@@ -6,57 +6,9 @@
     --accordion-header-padding: var(--s2) var(--s3);
     --accordion-header-margin: 0;
     --accordion-border: 1px solid var(--ui-border-subtle);
-    --accordion-icon-size: var(--font-size-lg);
     --accordion-icon-transform: rotate(0deg);
     --accordion-panel-margin: 0;
     --accordion-panel-content-margin: 0;
     --accordion-panel-content-padding: 0 var(--s3) var(--s2);
   }
-
-  .j-accordion .accordion-header {
-    padding: var(--accordion-header-padding);
-    margin: var(--accordion-header-margin);
-    font-weight: var(--accordion-font-weight);
-    font-size: var(--accordion-header-font-size);
-    background: var(--accordion-bg);
-    border-bottom: var(--accordion-border);
-  }
-
-  .j-accordion .accordion-header[aria-expanded='true'] {
-    border-color: transparent;
-  }
-
-  .j-accordion .accordion-header[aria-expanded='true'] .header-title {
-    --accordion-font-weight: var(--font-bold);
-  }
-
-  .j-accordion .accordion-header[aria-expanded='false']:hover {
-    --accordion-bg: var(--ui-surface-hover);
-  }
-
-  .j-accordion .accordion-header .header-arrow {
-    width: var(--accordion-icon-size);
-    height: var(--accordion-icon-size);
-    transition: transform 0.3s ease-out;
-    transform: var(--accordion-icon-transform);
-  }
-
-  .j-accordion .accordion-header[aria-expanded='true'] .header-arrow {
-    --accordion-icon-transform: rotate(180deg);
-  }
-
-  .j-accordion .accordion-panel {
-    margin: var(--accordion-panel-margin);
-    font-size: var(--accordion-font-size);
-  }
-
-  .j-accordion .accordion-panel .panel-content {
-    margin: var(--accordion-panel-content-margin);
-    padding: var(--accordion-panel-content-padding);
-    border-bottom: var(--accordion-border);
-  }
-
-  .j-accordion .accordion-panel:last-child .panel-content {
-    border-bottom: none;
-  }
 }

package/src/css/themes/default/swiper.css

@@ -32,4 +32,4 @@
       --swiper-navigation-size: 32px;
     }
   }
-}
+}

package/src/css/themes/default/tabs.css

@@ -4,11 +4,9 @@
     --tab-list-item-margin: 0;
     --tab-list-font-weight: var(--font-medium);
     --tab-wrap-border: 1px solid var(--ui-border-subtle);
-    --tab-panel-padding: var(--s2) var(--s3);
-    --tab-panel-margin: 0;
-    --tab-panel-item-margin: 0;
-    --tab-panel-item-min-height: 1.25em;
-    --tab-panel-item-content-margin: 0;
+    --panel-list-padding: var(--s2) var(--s3);
+    --panel-list-margin: 0;
+    --panel-list-item-margin: 0;
   }
 
   .j-tabs[data-tabs-direction='top'] .tab-wrap {
@@ -34,4 +32,4 @@
   .j-tabs .tab-list .tab-item[aria-disabled='true'] {
     --tab-fg: var(--ui-border-strong);
   }
-}
+}

package/src/css/toast.css

@@ -32,15 +32,6 @@
     word-break: break-all;
     cursor: pointer;
     pointer-events: auto;
-
-    opacity: 0;
-    transform: translateY(-100%);
-    transition: all 0.3s ease-in-out;
-  }
-
-  .j-toast[aria-live] {
-    opacity: 1;
-    transform: translateY(0);
   }
 
   .j-toast .el-icon {
@@ -58,20 +49,13 @@
     position: fixed;
     top: 45%;
     left: 50%;
-    transition: opacity 0.15s ease-in-out;
     z-index: var(--z-toast);
     width: fit-content;
     max-width: 240px;
     text-align: center;
     user-select: none;
     pointer-events: none;
-    opacity: 0;
-    transform: translate(-50%, -50%) scale(0.9);
-  }
-
-  .j-toast-lite[aria-live] {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
+    transform: translate(-50%, -50%);
   }
 
   .j-toast.is-action {

package/src/css/tooltip.css

@@ -16,5 +16,6 @@
     padding: var(--tooltip-padding);
     font-size: var(--tooltip-font-size);
     line-height: var(--tooltip-line-height);
+    position: relative;
   }
-}
+}

package/src/index.ts

@@ -7,10 +7,16 @@ export * from './utilities/id.ts';
 export * from './utilities/dom.ts';
 export * from './utilities/events.ts';
 export * from './utilities/http.ts';
+export * from './core/motion.ts';
 export * from './utilities/object.ts';
 export * from './utilities/timer.ts';
 export * from './utilities/types.ts';
 export * from './utilities/function.ts';
+export * from './core/scheduler.ts';
+export * from './utilities/state.ts';
+export * from './utilities/refs.ts';
+export * from './core/view.ts';
+export * from './core/presence.ts';
 
 // UI primitives
 export * from './primitives/icons.ts';
@@ -21,14 +27,14 @@ export * from './primitives/tooltip.ts';
 export * from './primitives/toast.ts';
 export * from './primitives/theme.ts';
 export * from './primitives/parabola.ts';
+export * from './primitives/sticky.ts';
 
 // Validation
 export * from './validation/validator.ts';
 
 // Components
-export { default as Component } from './core/Component.ts';
+export * from './core/component.ts';
 export * from './components/toc.ts';
-export * from './components/sticky.ts';
 export * from './components/accordion.ts';
 export * from './components/form.ts';
 export * from './components/flow.ts';

package/src/locales/index.ts

@@ -5,6 +5,7 @@ export default {
     sm: 'Small',
     md: 'Medium',
     lg: 'Large',
+    wn: 'Your browser is outdated and may pose security risks. Please upgrade your browser to access this site.',
   },
   zh: {
     b: '返回',
@@ -40,5 +41,7 @@ export default {
     Auto: '自动',
     Close: '关闭',
     Confirm: '确认',
+    Upgrade: '升级',
+    wn: '您的浏览器版本过低，存在安全风险。请升级浏览器后再访问本站。',
   },
 };