godown 3.13.3 → 3.14.0

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "godown",
-  "version": "3.13.3",
+  "version": "3.14.0",
   "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.80.0",
+    "fmtime": "^0.1.0",
+    "lit": "^3.3.1",
     "sharekit": "^1.1.1",
     "@godown/element": "^2.0.0"
   },

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() {
+    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.3",
+  "version": "3.14.0",
   "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.",