godown 3.13.4 → 3.14.1

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "godown",
-  "version": "3.13.4",
+  "version": "3.14.1",
   "description": "Web Components Library",
   "type": "module",
   "dependencies": {
-    "@oxc-project/runtime": "^0.76.0",
-    "fmtime": "^0.0.3",
-    "lit": "^3.0.0",
+    "@oxc-project/runtime": "^0.82.3",
+    "fmtime": "^0.1.0",
+    "lit": "^3.3.1",
     "sharekit": "^1.1.1",
     "@godown/element": "^2.0.0"
   },

package/src/index.ts

@@ -26,8 +26,8 @@ export { default as Select } from "./select.js";
 export { default as Skeleton } from "./skeleton.js";
 export { default as Split } from "./split.js";
 export { default as Switch } from "./switch.js";
-export { default as Text } from "./text.js";
 export { default as Tabs } from "./tabs.js";
+export { default as Text } from "./text.js";
 export { default as Time } from "./time.js";
 export { default as Tooltip } from "./tooltip.js";
 export { default as Typewriter } from "./typewriter.js";

package/src/internal/popover.ts

@@ -18,12 +18,10 @@ const standardHide = (element: HTMLElement) => {
   }
 };
 
-export const hidePopover: (element: HTMLElement) => void = memoize((element: HTMLElement) => {
-  if (supportPopover()) {
-    return standardHide(element);
-  }
-  return shimHide(element);
-});
+export const hidePopover: (this: void | HTMLElement, element: HTMLElement) => void = function (this, element) {
+  const hideFn = supportPopover() ? standardHide : shimHide;
+  hideFn.call(this, element);
+};
 
 const shimShow = (element: HTMLElement) => {
   element.style.display = "block";
@@ -56,9 +54,7 @@ const standardShow = (element: HTMLElement) => {
   }
 };
 
-export const showPopover: (this: void | HTMLElement, element: HTMLElement) => void = memoize(function (this, element) {
-  if (supportPopover()) {
-    return standardShow(element);
-  }
-  return shimShow(element);
-});
+export const showPopover: (this: void | HTMLElement, element: HTMLElement) => void = function (this, element) {
+  const showFn = supportPopover() ? standardShow : shimShow;
+  showFn.call(this, element);
+};

package/src/internal/ring.ts

@@ -9,7 +9,9 @@ type OutlineOptions = {
 };
 
 const outlineRing = ({ width, color, inset }) =>
-  `outline-style:solid;outline-color:${color};outline-width:${width};${inset ? `outline-offset:calc(-1 * ${width});` : ""}`;
+  `outline-style:solid;outline-color:${color};outline-width:${width};${
+    inset ? `outline-offset:calc(-1 * ${width});` : ""
+  }`;
 
 const borderRing = ({ width, color }) => `border-style:solid;border-color:${color};border-width:${width};`;
 

package/src/web-components/breath/component.ts

@@ -149,7 +149,9 @@ class Breath extends GlobalStyle {
       const defaultNumber = ((number - 1) % 3) + 1;
       style1 += `.rel:nth-child(${number}) .colorful{animation-delay:${delay}ms;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;
     }
-    return `.colorful{animation-duration:${duration}ms;}@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${gap * 2}%{opacity:1;}}${style1}`;
+    return `.colorful{animation-duration:${duration}ms;}@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${
+      gap * 2
+    }%{opacity:1;}}${style1}`;
   }
 }
 

package/src/web-components/tabs/component.ts

@@ -93,15 +93,23 @@ class Tabs extends GlobalStyle {
   ringType: RingType = "border";
 
   /**
-   * If it is "select", the indicator moves from the selected content to the hover position.
+   * If "select", the indicator moves from the selected content to the hover position.
    *
-   * If it is "previous", the indicator moves from the last moved position to the hover position.
+   * If "previous", the indicator moves from the last moved position to the hover position.
    *
-   * If "none", the indicator will not move.
+   * If "none", the indicator does not move.
    */
   @property()
   beginning: "selected" | "previous" | "none" = "selected";
 
+  /**
+   * If "remain", the indicator remain on the selected item.
+   *
+   * If "none", the indicator dose not display.
+   */
+  @property()
+  ending: "remain" | "none" = "remain";
+
   /**
    * The behavior of the indicator:
    *
@@ -138,6 +146,7 @@ class Tabs extends GlobalStyle {
   }
 
   render(): TemplateResult<1> {
+    const isRemain = this.ending === "remain";
     return html`
       <ul
         part="root"
@@ -147,7 +156,7 @@ class Tabs extends GlobalStyle {
         ${this.tabs?.map(
           (tab, index) => html`
             <li
-              part="${tokenList("item", this.index === index && "selected")}"
+              part="${tokenList("item", isRemain && this.index === index && "selected")}"
               @mouseenter=${() => {
                 this.move(this.previousIndex, index);
                 this.previousIndex = index;
@@ -163,9 +172,13 @@ class Tabs extends GlobalStyle {
     `;
   }
 
+  protected get _finalIndex(): number {
+    return this.ending === "none" && this.beginning === "selected" ? this.index : -1;
+  }
+
   connectedCallback(): void {
     super.connectedCallback();
-    this.previousIndex = this.beginning === "selected" ? this.index : -1;
+    this.previousIndex = this._finalIndex;
   }
 
   protected _handleMouseLeave(): void {
@@ -173,7 +186,7 @@ class Tabs extends GlobalStyle {
     if (lastItem) {
       lastItem.part.remove(hoverToken);
     }
-    this.previousIndex = this.beginning === "selected" ? this.index : -1;
+    this.previousIndex = this._finalIndex;
   }
 
   move(sourceIndex: number, targetIndex: number): void {

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "godown",
-  "version": "3.13.4",
+  "version": "3.14.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1069,9 +1069,14 @@
               { "name": "ringType", "type": "RingType" },
               {
                 "name": "beginning",
-                "description": "If it is \"select\", the indicator moves from the selected content to the hover position.\n\nIf it is \"previous\", the indicator moves from the last moved position to the hover position.\n\nIf \"none\", the indicator will not move.",
+                "description": "If \"select\", the indicator moves from the selected content to the hover position.\n\nIf \"previous\", the indicator moves from the last moved position to the hover position.\n\nIf \"none\", the indicator does not move.",
                 "type": "\"selected\" | \"previous\" | \"none\""
               },
+              {
+                "name": "ending",
+                "description": "If \"remain\", the indicator remain on the selected item.\n\nIf \"none\", the indicator dose not display.",
+                "type": "\"remain\" | \"none\""
+              },
               {
                 "name": "indicator",
                 "description": "The behavior of the indicator:\n\nIf \"background\", its size will be consistent with that of a single tab.\n\nIf \"underline\", an underline will be displayed at the bottom of the tab.",