@m3e/tabs 1.0.0-rc.1

package/dist/custom-elements.json

@@ -0,0 +1,725 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./TabElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./TabHeaderPosition\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./TabPanelElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./TabVariant\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./TabsElement\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/TabElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eTabElement",
+          "cssProperties": [
+            {
+              "description": "Font size for tab label.",
+              "name": "--m3e-tab-font-size"
+            },
+            {
+              "description": "Font weight for tab label.",
+              "name": "--m3e-tab-font-weight"
+            },
+            {
+              "description": "Line height for tab label.",
+              "name": "--m3e-tab-line-height"
+            },
+            {
+              "description": "Letter spacing for tab label.",
+              "name": "--m3e-tab-tracking"
+            },
+            {
+              "description": "Padding on the inline start of the tab.",
+              "name": "--m3e-tab-padding-start"
+            },
+            {
+              "description": "Padding on the inline end of the tab.",
+              "name": "--m3e-tab-padding-end"
+            },
+            {
+              "description": "Border radius for the focus ring.",
+              "name": "--m3e-tab-focus-ring-shape"
+            },
+            {
+              "description": "Text color for selected tab.",
+              "name": "--m3e-tab-selected-color"
+            },
+            {
+              "description": "Hover state-layer color for selected tab.",
+              "name": "--m3e-tab-selected-container-hover-color"
+            },
+            {
+              "description": "Focus state-layer color for selected tab.",
+              "name": "--m3e-tab-selected-container-focus-color"
+            },
+            {
+              "description": "Ripple color for selected tab.",
+              "name": "--m3e-tab-selected-ripple-color"
+            },
+            {
+              "description": "Text color for unselected tab.",
+              "name": "--m3e-tab-unselected-color"
+            },
+            {
+              "description": "Hover state-layer color for unselected tab.",
+              "name": "--m3e-tab-unselected-container-hover-color"
+            },
+            {
+              "description": "Focus state-layer color for unselected tab.",
+              "name": "--m3e-tab-unselected-container-focus-color"
+            },
+            {
+              "description": "Ripple color for unselected tab.",
+              "name": "--m3e-tab-unselected-ripple-color"
+            },
+            {
+              "description": "Text color for disabled tab.",
+              "name": "--m3e-tab-disabled-color"
+            },
+            {
+              "description": "Text opacity for disabled tab.",
+              "name": "--m3e-tab-disabled-opacity"
+            },
+            {
+              "description": "Column gap between icon and label.",
+              "name": "--m3e-tab-spacing"
+            },
+            {
+              "description": "Font size for slotted icon.",
+              "name": "--m3e-tab-icon-size"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the label of the tab.",
+              "name": ""
+            },
+            {
+              "description": "Renders an icon before the tab's label.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "__nextId",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_focusRing",
+              "type": {
+                "text": "M3eFocusRingElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_stateLayer",
+              "type": {
+                "text": "M3eStateLayerElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_ripple",
+              "type": {
+                "text": "M3eRippleElement | undefined"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "attach",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "detach",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "Event"
+              }
+            },
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the element is disabled.",
+              "name": "disabled"
+            },
+            {
+              "description": "The query selector used to specify the element related to this element.",
+              "name": "for"
+            },
+            {
+              "description": "Whether the element is selected.",
+              "name": "selected"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "Selected",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "HtmlFor",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "KeyboardClick",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Focusable",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Disabled",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-tab",
+          "customElement": true,
+          "summary": "An interactive element that, when activated, presents an associated tab panel."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eTabElement",
+          "declaration": {
+            "name": "M3eTabElement",
+            "module": "src/TabElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-tab",
+          "declaration": {
+            "name": "M3eTabElement",
+            "module": "src/TabElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/TabHeaderPosition.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/TabPanelElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eTabPanelElement",
+          "slots": [
+            {
+              "description": "Renders the content of the panel.",
+              "name": ""
+            }
+          ],
+          "members": [],
+          "mixins": [
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-tab-panel",
+          "customElement": true,
+          "summary": "A panel presented for a tab."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eTabPanelElement",
+          "declaration": {
+            "name": "M3eTabPanelElement",
+            "module": "src/TabPanelElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-tab-panel",
+          "declaration": {
+            "name": "M3eTabPanelElement",
+            "module": "src/TabPanelElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/TabsElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eTabsElement",
+          "cssProperties": [
+            {
+              "description": "Overrides the icon size for paginator buttons.",
+              "name": "--m3e-tabs-paginator-button-icon-size"
+            },
+            {
+              "description": "Color of the active tab indicator.",
+              "name": "--m3e-tabs-active-indicator-color"
+            },
+            {
+              "description": "Border radius for active indicator when header is before and variant is primary.",
+              "name": "--m3e-tabs-primary-before-active-indicator-shape"
+            },
+            {
+              "description": "Border radius for active indicator when header is after and variant is primary.",
+              "name": "--m3e-tabs-primary-after-active-indicator-shape"
+            },
+            {
+              "description": "Inset for primary variant's active indicator.",
+              "name": "--m3e-tabs-primary-active-indicator-inset"
+            },
+            {
+              "description": "Thickness for primary variant's active indicator.",
+              "name": "--m3e-tabs-primary-active-indicator-thickness"
+            },
+            {
+              "description": "Thickness for secondary variant's active indicator.",
+              "name": "--m3e-tabs-secondary-active-indicator-thickness"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the tabs.",
+              "name": ""
+            },
+            {
+              "description": "Renders the panels of the tabs.",
+              "name": "panel"
+            },
+            {
+              "description": "Renders the icon to present for the next button used to paginate.",
+              "name": "next-icon"
+            },
+            {
+              "description": "Renders the icon to present for the previous button used to paginate.",
+              "name": "prev-icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_tablist",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_selectedIndex",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "disablePagination",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether scroll buttons are disabled.",
+              "attribute": "disable-pagination"
+            },
+            {
+              "kind": "field",
+              "name": "headerPosition",
+              "type": {
+                "text": "TabHeaderPosition"
+              },
+              "default": "\"before\"",
+              "description": "The position of the tab headers.",
+              "attribute": "header-position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "TabVariant"
+              },
+              "default": "\"secondary\"",
+              "description": "The appearance variant of the tabs.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether tabs are stretched to fill the header.",
+              "attribute": "stretch",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "previousPageLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Previous page\"",
+              "description": "The accessible label given to the button used to move to the previous page.",
+              "attribute": "previous-page-label"
+            },
+            {
+              "kind": "field",
+              "name": "nextPageLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Next page\"",
+              "description": "The accessible label given to the button used to move to the next page.",
+              "attribute": "next-page-label"
+            },
+            {
+              "kind": "field",
+              "name": "tabs",
+              "type": {
+                "text": "readonly M3eTabElement[]"
+              },
+              "description": "The tabs.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "selectedTab",
+              "type": {
+                "text": "M3eTabElement | null"
+              },
+              "description": "The selected tab.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "selectedIndex",
+              "type": {
+                "text": "number"
+              },
+              "description": "The zero-based index of the selected tab."
+            },
+            {
+              "kind": "method",
+              "name": "#renderHeader",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleSelectedChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#updateInkBar",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emitted when the selected tab changes."
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether scroll buttons are disabled.",
+              "name": "disable-pagination",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disablePagination"
+            },
+            {
+              "description": "The position of the tab headers.",
+              "name": "header-position",
+              "type": {
+                "text": "TabHeaderPosition"
+              },
+              "default": "\"before\"",
+              "fieldName": "headerPosition"
+            },
+            {
+              "description": "The accessible label given to the button used to move to the next page.",
+              "name": "next-page-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Next page\"",
+              "fieldName": "nextPageLabel"
+            },
+            {
+              "description": "The accessible label given to the button used to move to the previous page.",
+              "name": "previous-page-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Previous page\"",
+              "fieldName": "previousPageLabel"
+            },
+            {
+              "description": "Whether tabs are stretched to fill the header.",
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "stretch"
+            },
+            {
+              "description": "The appearance variant of the tabs.",
+              "name": "variant",
+              "type": {
+                "text": "TabVariant"
+              },
+              "default": "\"secondary\"",
+              "fieldName": "variant"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-tabs",
+          "customElement": true,
+          "summary": "Organizes content into separate views where only one view can be visible at a time."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eTabsElement",
+          "declaration": {
+            "name": "M3eTabsElement",
+            "module": "src/TabsElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-tabs",
+          "declaration": {
+            "name": "M3eTabsElement",
+            "module": "src/TabsElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/TabVariant.ts",
+      "declarations": [],
+      "exports": []
+    }
+  ]
+}