godown 3.10.1 → 3.11.1

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

@@ -4,7 +4,7 @@ import { property, state } from "lit/decorators.js";
 
 import { cssGlobalVars, scopePrefix } from "../../internal/global-style.js";
 import { SuperInput } from "../../internal/super-input.js";
-import { OutlineBuilder } from "../../internal/outline.js";
+import { RingBuilder } from "../../internal/ring.js";
 
 const protoName = "split";
 const cssScope = scopePrefix(protoName);
@@ -28,7 +28,7 @@ const cssScope = scopePrefix(protoName);
     display: block;
     border-radius: 0.1em;
     width: fit-content;
-    ${cssScope}--size: 1.45em;
+    ${cssScope}--size: 2em;
     ${cssScope}--gap: .25em;
   }
 
@@ -62,7 +62,7 @@ const cssScope = scopePrefix(protoName);
 
   .focus,
   [part="input-box"]:active {
-    ${cssGlobalVars.outlineColor}: var(${cssGlobalVars.active});
+    ${cssGlobalVars.ringColor}: var(${cssGlobalVars.active});
   }
 `)
 class Split extends SuperInput {
@@ -84,17 +84,20 @@ class Split extends SuperInput {
   @state()
   currentValue: (string | void)[] = [];
 
-  private __outlineSC = new StyleController(
-    this,
-    () =>
-      new OutlineBuilder({
-        selector: "[part=input-box]",
-        outlineType: this.outlineType,
-      }).css,
-  );
+  constructor() {
+    super();
+    new StyleController(
+      this,
+      () =>
+        new RingBuilder({
+          selector: "[part=input-box]",
+          type: this.ringType,
+        }).css,
+    );
+  }
 
   get observedRecord(): Record<string, any> {
-    return omit(super.observedRecord, "outline-type");
+    return omit(super.observedRecord, "ring-type");
   }
 
   protected render(): TemplateResult<1> {
@@ -108,7 +111,7 @@ class Split extends SuperInput {
           (index: number) => html`
             <span
               part="input-box"
-              outline-type="${this.outlineType}"
+              ring-type="${this.ringType}"
               class="${tokenList({ focus: this.current === index })}"
               @click="${this.disabled ? null : () => this.focusAt(index)}"
             >
@@ -118,7 +121,6 @@ class Split extends SuperInput {
         )}
         <input
           part="input"
-          id="${this.makeId}"
           @blur=${this.blur}
           @input="${this._handleInput}"
           @change="${this._handleChange}"

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

@@ -26,7 +26,6 @@ const cssScope = scopePrefix(protoName);
     ${cssScope}-height: calc(var(${cssScope}-width) / 2);
     ${cssScope}-handle-size: 1.25em;
     ${cssScope}-handle-space: calc(var(${cssScope}-width) / 4 - var(${cssScope}-handle-size) / 2);
-    ${cssScope}-transition: .2s ease-in-out;
     width: var(${cssScope}-width);
     height: var(${cssScope}-height);
     border-radius: calc(var(${cssScope}-height) / 2);
@@ -57,10 +56,9 @@ const cssScope = scopePrefix(protoName);
     top: 50%;
     pointer-events: none;
     border-radius: 100%;
-    background: currentColor;
-    --size: var(${cssScope}-handle-size);
-    width: var(--size);
-    height: var(--size);
+    background: var(${cssGlobalVars.background});
+    width: var(${cssScope}-handle-size);
+    height: var(${cssScope}-handle-size);
     transform: translateY(-50%) translateX(var(${cssScope}-handle-space));
   }
 
@@ -96,7 +94,7 @@ class Switch extends SuperInput<boolean> {
   value = false;
 
   get observedRecord(): Record<string, any> {
-    return omit(super.observedRecord, "outline-type");
+    return omit(super.observedRecord, "ring-type");
   }
 
   protected render(): TemplateResult<1> {
@@ -111,7 +109,6 @@ class Switch extends SuperInput<boolean> {
           type="checkbox"
           ?disabled="${this.disabled}"
           ?checked="${this.value}"
-          id="${this.makeId}"
           @change="${this._handleChange}"
         />
         <span part="handle"></span>

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

@@ -2,7 +2,7 @@ import { attr, godown, htmlSlot, StyleController, styles, tokenList } from "@god
 import { cssGlobalVars, GlobalStyle, scopePrefix } from "../../internal/global-style.js";
 import { css, html, type TemplateResult } from "lit";
 import { property, queryAll } from "lit/decorators.js";
-import { OutlineBuilder, type OutlineType } from "../../internal/outline.js";
+import { RingBuilder, type RingType } from "../../internal/ring.js";
 
 const protoName = "tabs";
 const cssScope = scopePrefix(protoName);
@@ -37,16 +37,17 @@ const mouseEnterAddedToken = "hover";
 @godown(protoName)
 @styles(css`
   :host {
-    ${cssScope}--indicator-background: var(${cssGlobalVars._colors.darkgray[7]});
+    ${cssScope}--indicator-background: var(${cssGlobalVars.passive});
     ${cssScope}--space: 0.25em;
     border-radius: var(${cssGlobalVars.radius});
-    transition: 0.2s ease-in-out;
+    transition: 0.3s ease-in-out;
     width: fit-content;
     display: flex;
     cursor: default;
   }
 
   [part="root"] {
+    padding: 0.2em;
     position: relative;
     z-index: 1;
     display: flex;
@@ -55,7 +56,6 @@ const mouseEnterAddedToken = "hover";
     border-radius: inherit;
     transition: inherit;
     transition-property: width, transform, opacity;
-    padding: var(${cssScope}--space);
     gap: var(${cssScope}--space);
   }
 
@@ -66,7 +66,7 @@ const mouseEnterAddedToken = "hover";
   [part~="item"] {
     width: 100%;
     display: block;
-    padding: 0 0.4em;
+    padding: 0 0.25em;
     position: relative;
     white-space: nowrap;
     transition: inherit;
@@ -97,8 +97,8 @@ const mouseEnterAddedToken = "hover";
   }
 `)
 class Tabs extends GlobalStyle {
-  @property({ attribute: "outline-type" })
-  outlineType: OutlineType = "border";
+  @property({ attribute: "ring-type" })
+  ringType: RingType = "border";
 
   /**
    * Determines whether the tabs should use a slot for their content instead of a string.
@@ -126,7 +126,10 @@ class Tabs extends GlobalStyle {
   @queryAll("[part=indicator]")
   protected _indicators: HTMLCollectionOf<HTMLDivElement>;
 
-  private __outlineSC = new StyleController(this, () => new OutlineBuilder({ outlineType: this.outlineType }).css);
+  constructor() {
+    super();
+    new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);
+  }
 
   render(): TemplateResult<1> {
     return html`

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

@@ -9,7 +9,7 @@ const protoName = "text";
 const cssScope = scopePrefix(protoName);
 
 /**
- * {@linkcode Text} renders nowrap text.
+ * {@linkcode Text} renders text.
  *
  * @category display
  */
@@ -53,7 +53,7 @@ const cssScope = scopePrefix(protoName);
   }
 
   [clip] {
-    background: var(${cssGlobalVars.clipBackground});
+    background: var(${cssGlobalVars.backgroundClip});
     display: inline-block;
     color: transparent;
     -webkit-text-fill-color: transparent;

package/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["src/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"__source__/","sources":["switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC"}

package/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["src/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"__source__/","sources":["tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC"}

package/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["src/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"__source__/","sources":["text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC"}

package/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["src/time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"time.d.ts","sourceRoot":"__source__/","sources":["time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC"}

package/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["src/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"__source__/","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC"}

package/typewriter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["src/typewriter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC"}
+{"version":3,"file":"typewriter.d.ts","sourceRoot":"__source__/","sources":["typewriter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC"}

package/vscode.html-custom-data.json

@@ -1 +1 @@
-{"version":1.1,"tags":[{"name":"godown-typewriter","description":"Typewriter renders a typewriter effect to text.\n---\n","attributes":[{"name":"content","description":"Raw text.","values":[]},{"name":"ended","description":"If true, hide the cursor","values":[]},{"name":"max","description":"Maximum random time.","values":[]},{"name":"min","description":"Minimum random time.","values":[]},{"name":"delay","description":"Fixed time.","values":[]},{"name":"index","description":"The index at the beginning.","values":[]}],"references":[]},{"name":"godown-tooltip","description":"Tooltip provide tooltip for slot elements.\nIf it has the tip property, ignore the slot tip.\n---\n### **Slots:**\n - **tip** - Tip element if no `tip` provided.\n- _default_ - Content.","attributes":[{"name":"tip","description":"Tip text, if there is a value, the slot will be ignored.","values":[]},{"name":"direction","description":"Direction of opening the tip.","values":[{"name":"DirectionCardinal"},{"name":"DirectionCorner"}]},{"name":"align","description":"Content alignment.","values":[{"name":"center"},{"name":"flex-start"},{"name":"flex-end"},{"name":"start"},{"name":"end"}]},{"name":"propagation","description":"If true, allow penetration of the tip.","values":[]},{"name":"type","description":"How can tips be triggered.\nIf `focus`, element will be focusable, open tip when focused.\nIf `hover`, element will open tip when hovered.","values":[{"name":"hover"},{"name":"focus"}]},{"name":"open","description":"Open the content.","values":[]}],"references":[]},{"name":"godown-time","description":"Time renders a formatting time.\n---\n### **Events:**\n - **time** - Fires when the time changes.","attributes":[{"name":"escape","description":"Escape symbol.","values":[]},{"name":"format","description":"Format strings.","values":[]},{"name":"time","description":"Time.","values":[{"name":"Date"}]},{"name":"timeout","description":"If there is a value, update every gap or timeout.","values":[]},{"name":"gap","description":"The number of milliseconds that change with each update.","values":[]}],"references":[]},{"name":"godown-text","description":"Text renders nowrap text.\n---\n","attributes":[{"name":"underline","description":"Underline behavior.","values":[{"name":"none"},{"name":"hover"},{"name":"active"},{"name":"always"}]},{"name":"clip","description":"Set background-clip to text.","values":[]}],"references":[]},{"name":"godown-tabs","description":"Tabs used to render a set of tabs.\nIt accepts \"tabs\" to present the sub-content.\nWhen \"useSlot\" is enabled, each item in \"tabs\" becomes a named slot with the same name as itself,\nwhile for non-slot tabs, the content is rendered as a horizontally padded string.\nWhen \"mouseenter\" and \"mouseleave\" are triggered on an individual tab, the indicator will move.\nThe moving indicator will start from the position of the item that was last entered.\nIf the pointer moves out of the root element or the element is connected to the document,\nthe starting position of the indicator will be regarded as the current selection.\nApply \"flex-direction: column\" to the tabs to arrange them vertically.\n---\n### **Events:**\n - **select** - Fires when the tab is selected.\n### **CSS Parts:**\n - **root** - The root element.\n- **item** - The tab items.\n- **indicator** - The indicator.\n- **selected** - The selected tab item.\n- **hover** - The hovered tab item.","attributes":[{"name":"outline-type","values":[{"name":"OutlineType"}]},{"name":"useSlot","description":"Determines whether the tabs should use a slot for their content instead of a string.","values":[]},{"name":"tabs","description":"An array of strings or slot content representing the tabs.","values":[{"name":"string[]"}]},{"name":"index","description":"The index of the currently selected tab.","values":[]}],"references":[]},{"name":"godown-switch","description":"Switch renders a switch.\n---\n### **Events:**\n - **change** - Fires when the switch is switched.","attributes":[{"name":"default","description":"Default checked state.","values":[]},{"name":"checked","description":"The current value of the switch component. Reflects the \"checked\" attribute.","values":[]},{"name":"autocomplete","values":[]},{"name":"outline-type","values":[{"name":"OutlineType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]},{"name":"value","values":[{"name":"V"}]}],"references":[]},{"name":"godown-split","description":"Split renders multiple input boxes.\nInput: will move the focus box backward until the complete input from start to end.\nDelete: will move the focus box forward until the first and no inputs for each.\n---\n### **Events:**\n - **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.\n- **focus** - Fires when the input is focused.\n- **blur** - Fires when the input is blurred.\n### **Methods:**\n ","attributes":[{"name":"len","description":"The number of input boxes.","values":[]},{"name":"index","description":"Focus index.","values":[]},{"name":"autocomplete","values":[]},{"name":"outline-type","values":[{"name":"OutlineType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]},{"name":"value","values":[{"name":"V"}]},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","values":[]}],"references":[]},{"name":"godown-skeleton","description":"Skeleton renders a skeleton screen.\n---\n### **Slots:**\n - **loading** - The content if loading is true.\n- _default_ - The content if loading is false.","attributes":[{"name":"type","description":"If \"image\", render a image placeholder.","values":[{"name":"text"},{"name":"image"}]},{"name":"animation","description":"Animation type.\nopacity animation only effect on slotted element and image icon.","values":[{"name":"position"},{"name":"opacity"}]}],"references":[]},{"name":"g-select","description":"Select is similar to `<select>`.\nElements with the value attribute/property can be used as options.\nThe checked attribute will be added to the selected element.\nMulti-selected state looks the same as single-selected.\nInput will filter the element.\n---\n### **Events:**\n - **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.\n- **select** - Fires when select an option.\n### **Slots:**\n - _default_ - Options.","attributes":[{"name":"text","description":"Selected texts.","values":[]},{"name":"direction","values":[{"name":"DirectionCardinalY"}]},{"name":"multiple","values":[]},{"name":"visible","values":[]},{"name":"variant","description":"If outline, the outline is always present.","values":[{"name":"default"},{"name":"outline"}]},{"name":"autocomplete","values":[]},{"name":"outline-type","values":[{"name":"OutlineType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]},{"name":"value","values":[{"name":"V"}]},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","values":[]}],"references":[]},{"name":"godown-router","description":"Router has basic routing control.\nTo switch routes, use `router-link component`.\nIt has two methods to collect routes.\n1. From field `routes`, an array, each elements require \"path\".\n2. From child elements, which have the slot attribute for matching routes.\nIf only the method 1 is used, set `type` to `\"field\"`.\nIf only the method 2 is used, set `type` to `\"slotted\"`.\n`type` defaults to `\"united\"`, which will try method 1, then method 2.\nIf no routes are matched, the default value (no named slot) will be rendered.\n---\n### **Methods:**\n - **fieldComponent(query: _string_): _unknown_** - Get component from routes by query.\n- **slottedComponent(query: _string_): _TemplateResult<1>_** - Get component from slotted elements by query.\n- **collectSlottedRoutes(): _void_** - Reset the route tree, clear cache, collect routes from child elements.\n- **collectFieldRoutes(value: _typeof this.routes_): _void_** - Reset the route tree, clear cache, collect routes from value.\n### **Slots:**\n - _default_ - Display slot when there is no match.\n- ***** - Matching slot will be displayed.","attributes":[{"name":"pathname","description":"Current pathname (equals to location.pathname).","values":[]},{"name":"type","description":"The type of routing sources.\nIf field, it won't collect the slot attribute of the child elements.\nThis property should not be changed after the rendering is complete.","values":[{"name":"RouterType"}]},{"name":"cache","description":"Cache accessed records.\nEmptied at each re-collection.","values":[]}],"references":[]},{"name":"godown-rotate","description":"Rotate Make child elements rotate.\n---\n### **Methods:**\n ","attributes":[],"references":[]},{"name":"godown-range","description":"Range is similar to `<input type=\"range\">`.\nValue accepts number, or array.\nNumber has 1 handle, the array has the number of its elements.\n---\n### **Events:**\n - **range** - Fires when the value changes.\n### **Methods:**\n - **padValue(len: _number_, value): _number[]_** - Pad the value to the specified length.\n- **focusHandle(index: _number_): _void_** - Focuses the handle at the given index, updates the focus stack.\n- **blurHandle(): _void_** - Removes the focus from the currently focused handle.\n","attributes":[{"name":"min","description":"Minimum value.","values":[]},{"name":"max","description":"Maximum value.","values":[]},{"name":"step","description":"Sliding step length.","values":[]},{"name":"vertical","description":"Whether to display the range vertically.","values":[]},{"name":"value","description":"Value, or each of values, will render a handle.\nAccepts number or array of numbers.","values":[{"name":"V"}]},{"name":"default","description":"The default of `this.value`.","values":[]},{"name":"autocomplete","values":[]},{"name":"outline-type","values":[{"name":"OutlineType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]}],"references":[]},{"name":"godown-progress","description":"Progress similar to `<progress>`.\n---\n","attributes":[{"name":"max","values":[]},{"name":"min","values":[]},{"name":"value","values":[]}],"references":[]},{"name":"godown-link","description":"Link is used for link jumping, works standalone or in Router.\nSet `type` to `\"normal\"`,\nbehave like a normal anchor.\nSet `type` to `\"push\" `or `\"replace\"`,\nupdate history state by `history.pushState` or `history.replaceState`,\nupdate all routers whether current pathname is registered or not.\nSet `type` to `\"auto\"`,\nonly update the routers if the current pathname is registered,\nif not registered, behave like `\"normal\"`.\n`replace` property will enforce `history.replaceState`.\n---\n### **Events:**\n - **navigate** - Fires when the link is clicked.","attributes":[{"name":"type","description":"If `\"normal\"`, behave like a normal anchor.\nIf `\"auto\"` or `\"push\"`, call `history.pushState` if `replace` is false,\nIf `\"replace\"`, call `history.replaceState`.","values":[{"name":"LinkType"}]},{"name":"suppress","description":"If `true`, the Router will not be updated.","values":[]},{"name":"replace","description":"Use `replaceState` instead of `pushState`.","values":[]},{"name":"href","description":"A element href.","values":[]},{"name":"target","description":"A element target.","values":[{"name":"_blank"},{"name":"_self"},{"name":"_parent"},{"name":"_top"}]}],"references":[]},{"name":"godown-layout","description":"Layout renders main content, top header, bottom footer.\nIf `sticky` is set to `true`, the header will be sticky.\nMain content will take up the remaining space.\nElement display should be `(inline-)flex` or `(inline-)grid`.\n---\n### **Slots:**\n - _default_ - The main content of the layout.\n- **header** - The header of the layout.\n- **footer** - The footer of the layout.","attributes":[{"name":"sticky","description":"If `true`, header will sticky.","values":[]}],"references":[]},{"name":"godown-input","description":"Input renders a text input.\n---\n### **Events:**\n - **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.","attributes":[{"name":"variant","description":"If outline, the outline is always present.","values":[{"name":"default"},{"name":"outline"}]},{"name":"autocomplete","values":[]},{"name":"outline-type","values":[{"name":"OutlineType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]},{"name":"value","values":[{"name":"V"}]},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","values":[]}],"references":[]},{"name":"godown-heading","description":"Heading renders a heading.\nIf the id is provided, the anchor will be displayed.\n---\n### **Slots:**\n - _default_ - Heading content.","attributes":[{"name":"as","description":"The heading level.","values":[{"name":"h1"},{"name":"h2"},{"name":"h3"},{"name":"h4"},{"name":"h5"},{"name":"h6"}]},{"name":"anchor","description":"The anchor prefix.\nElement must have an id to be displayed.","values":[]},{"name":"side","description":"The anchor side.","values":[{"name":"left"},{"name":"right"}]}],"references":[]},{"name":"godown-grid","description":"Grid provides gird layout.\n---\n### **Slots:**\n - _default_ - Grid items.","attributes":[{"name":"gap","description":"CSS property `gap`.","values":[]},{"name":"columns","description":"CSS property `grid-template-columns`.\nIf columns is numerical, divide columns equally.","values":[]},{"name":"rows","description":"CSS property `grid-template-rows`.\nIf rows is numerical, divide rows equally.","values":[]},{"name":"content","description":"CSS property `place-content` (`align-content justify-content`).","values":[]},{"name":"items","description":"CSS property `place-items` (`align-items justify-items`).","values":[]}],"references":[]},{"name":"godown-form","description":"Form Gets child element key-value object,\nwhich will be nested if the child element is the same as this element.\n---\n","attributes":[{"name":"name","values":[]}],"references":[]},{"name":"godown-flex","description":"Flex provides flex layout.\n---\n### **Slots:**\n - _default_ - Flex items.","attributes":[{"name":"flex-flow","description":"CSS property `flex-flow` (`flex-direction flex-wrap`).","values":[]},{"name":"gap","description":"CSS property `gap`.","values":[]},{"name":"content","description":"CSS property `justify-content`.","values":[]},{"name":"items","description":"CSS property `align-items`.","values":[]},{"name":"vertical","description":"If true, set flex-direction to \"column\".","values":[]}],"references":[]},{"name":"godown-dragbox","description":"Dragbox moves with the mouse and does not exceed the boundary of offsetParent.\n---\n### **Slots:**\n - _default_ - Dragbox content.","attributes":[{"name":"x","description":"Position x.","values":[]},{"name":"y","description":"Position y.","values":[]}],"references":[]},{"name":"godown-divider","description":"Divider similar to `<hr>`.\n---\n","attributes":[{"name":"vertical","description":"Whether to display the divider vertically.","values":[]}],"references":[]},{"name":"godown-dialog","description":"Dialog similar to `<dialog>`.\nLike dialog, it listens for submit events and closes itself when the target method is \"dialog\".\nIt listens for the keydown event and also closes itself when the key contained in the key is pressed.\n---\n### **Events:**\n - **change** - Fires when the open changes.","attributes":[{"name":"modal","description":"Indicates whether the dialog should be displayed as a modal.","values":[]},{"name":"key","description":"The keys will close the dialog when pressed.","values":[]},{"name":"open","description":"Open the content.","values":[]}],"references":[]},{"name":"godown-details","description":"Details similar to `<details>`.\n---\n### **Events:**\n - **change** - Fires when the open changes.\n### **Slots:**\n - **summary** - Details summary if no `summary` is provided.\n- _default_ - Details content.","attributes":[{"name":"float","description":"Determines whether the details component should float.","values":[]},{"name":"fill","description":"Determines whether the details component should fill the available space.","values":[]},{"name":"summary","description":"The summary text to display in the details component.","values":[]},{"name":"open","description":"Open the content.","values":[]}],"references":[]},{"name":"godown-carousel","description":"Carousel make the content display as a carousel.\nWhen this component is `firstUpdated`,\nclone the first and last element and make the matching element visible when switching index.\n---\n### **Events:**\n - **change** - Fires when the index changes.\n### **Slots:**\n - _default_ - Carousel items, should maintain the same size.","attributes":[{"name":"index","description":"The index of the current item.","values":[]},{"name":"autoChange","description":"The duration of the transition.","values":[]}],"references":[]},{"name":"godown-card","description":"Card renders a card.\nThis may be similar to Layout,\nbut it needs to be specified to enable header and footer.\n---\n### **Slots:**\n - _default_ - The main content of the card.\n- **header** - The header of the card.\n- **footer** - The footer of the card.","attributes":[{"name":"footer","description":"Whether to display the header.","values":[]},{"name":"header","description":"Whether to display the footer.","values":[]}],"references":[]},{"name":"godown-button","description":"Button renders a button.\nCreate modal animation upon clicking.\nAvailable colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.\nDefault color is `black`.\nSet the color to `none` to prevent applying styles.\n---\n### **Slots:**\n - _default_ - The content of the button.","attributes":[{"name":"plain","description":"If true, remove gradient, modal animation, focus scale.","values":[]},{"name":"disabled","description":"Whether this element is disabled or not.","values":[]},{"name":"ghost","description":"Whether this element should be rendered as a \"ghost\" button.\nA ghost button is a button with a transparent background and a border.","values":[]},{"name":"active","description":"Whether this element is active or not.","values":[]},{"name":"round","description":"Display rounded.","values":[]},{"name":"color","description":"The primary color.","values":[{"name":"Colors"}]},{"name":"content","description":"Content text.","values":[]}],"references":[]},{"name":"godown-breath","description":"Breath render the text with a breathing effect.\nDynamically generate a breathing effect based on the length of the split text.\nIf there is not enough CSS variable, overrun elements will use the.\ngodown was a css library in its earliest days,\nand this is the component version of its first effect.\nInspired by Vercel home page (2023).\n---\n### **Slots:**\n - _default_ - Breathing parts.","attributes":[{"name":"content","description":"Strings or array of strings,\nif array, divided each element into chunks,\notherwise split strings by whitespace.","values":[{"name":"string[]"}]},{"name":"duration","description":"Effect duration.","values":[]}],"references":[]},{"name":"godown-badge","description":"Badge renders a badge.\n---\n### **Slots:**\n - _default_ - Badge content.","attributes":[{"name":"position","description":"The position of the badge relative to its parent element.\nPossible values are `\"top-left\"`, `\"top-right\"`, `\"bottom-left\"`, and `\"bottom-right\"`.","values":[{"name":"DirectionCorner"}]},{"name":"value","values":[]},{"name":"dot","description":"If `true`, render a dot badge.","values":[]},{"name":"max","description":"The maximum value that can be displayed in the badge\nValues greater than this will be displayed as `max+` by default.","values":[]}],"references":[]},{"name":"godown-avatar","description":"Avatar renders a avatar.\nRenders as an image if it has a src property,\notherwise falls back to name or nameless slot.\n---\n### **Slots:**\n - _default_ - Display content if no `src` or `name` provided.","attributes":[{"name":"src","description":"The `src` property specifies the URL of the avatar image.\nIf `src` is not provided, the component will display the `name` property instead.","values":[]},{"name":"name","description":"Specifies the name or initials to display if no `src` is provided","values":[]},{"name":"round","description":"If `true`, will make the avatar display as a circle.","values":[]}],"references":[]},{"name":"godown-alert","description":"Alert renders a alert.\nColor defaults to blue.\n---\n### **Events:**\n - **close** - Fires when the alert is closed.\n### **Slots:**\n - _default_ - Alert content.\n- **title** - Alert title.\n- **icon** - Alert icon.","attributes":[{"name":"call","description":"If it is a legal value, the icon and preset color will be rendered.","values":[{"name":"tip"},{"name":"success"},{"name":"info"},{"name":"warning"},{"name":"danger"},{"name":"error"},{"name":"help"},{"name":"deprecated"}]},{"name":"color","description":"The tone of the component.\nOverrides the color of the call.","values":[{"name":""},{"name":"white"},{"name":"black"},{"name":"gray"},{"name":"green"},{"name":"teal"},{"name":"blue"},{"name":"red"},{"name":"purple"},{"name":"orange"},{"name":"yellow"},{"name":"pink"},{"name":"none"}]},{"name":"autoclose","description":"Close delay, if 0, it will not be closed automatically.","values":[]},{"name":"title","description":"The title is bold and the icon height is the same as it.","values":[]},{"name":"content","description":"Content, if zero value, will be rendered as an unnamed slot.","values":[]},{"name":"hideClose","description":"Set true to hide the close button.\nThe behavior may change due to the variant property.","values":[]},{"name":"variant","description":"Alert variant, if set to `blockquote`, the alert will be rendered as a blockquote.\nIf variant is `\"blockquote\"`, hide the close button.","values":[{"name":"blockquote"},{"name":"dark"}]}],"references":[]}]}
+{"version":1.1,"tags":[{"name":"godown-typewriter","description":"Typewriter renders a typewriter effect to text.\n---\n","attributes":[{"name":"content","description":"Raw text.","values":[]},{"name":"ended","description":"If true, hide the cursor","values":[]},{"name":"max","description":"Maximum random time.","values":[]},{"name":"min","description":"Minimum random time.","values":[]},{"name":"delay","description":"Fixed time.","values":[]},{"name":"index","description":"The index at the beginning.","values":[]}],"references":[]},{"name":"godown-tooltip","description":"Tooltip provide tooltip for slot elements.\nIf it has the tip property, ignore the slot tip.\n---\n### **Slots:**\n - **tip** - Tip element if no `tip` provided.\n- _default_ - Content.","attributes":[{"name":"tip","description":"Tip text, if there is a value, the slot will be ignored.","values":[]},{"name":"direction","description":"Direction of opening the tip.","values":[{"name":"DirectionCardinal"},{"name":"DirectionCorner"}]},{"name":"align","description":"Content alignment.","values":[{"name":"center"},{"name":"flex-start"},{"name":"flex-end"},{"name":"start"},{"name":"end"}]},{"name":"propagation","description":"If true, allow penetration of the tip.","values":[]},{"name":"type","description":"How can tips be triggered.\nIf `focus`, element will be focusable, open tip when focused.\nIf `hover`, element will open tip when hovered.","values":[{"name":"hover"},{"name":"focus"}]},{"name":"open","description":"Open the content.","values":[]}],"references":[]},{"name":"godown-time","description":"Time renders a formatting time.\n---\n### **Events:**\n - **time** - Fires when the time changes.","attributes":[{"name":"escape","description":"Escape symbol.","values":[]},{"name":"format","description":"Format strings.","values":[]},{"name":"time","description":"Time.","values":[{"name":"Date"}]},{"name":"timeout","description":"If there is a value, update every gap or timeout.","values":[]},{"name":"gap","description":"The number of milliseconds that change with each update.","values":[]}],"references":[]},{"name":"godown-text","description":"Text renders text.\n---\n","attributes":[{"name":"underline","description":"Underline behavior.","values":[{"name":"none"},{"name":"hover"},{"name":"active"},{"name":"always"}]},{"name":"clip","description":"Set background-clip to text.","values":[]}],"references":[]},{"name":"godown-tabs","description":"Tabs used to render a set of tabs.\nIt accepts \"tabs\" to present the sub-content.\nWhen \"useSlot\" is enabled, each item in \"tabs\" becomes a named slot with the same name as itself,\nwhile for non-slot tabs, the content is rendered as a horizontally padded string.\nWhen \"mouseenter\" and \"mouseleave\" are triggered on an individual tab, the indicator will move.\nThe moving indicator will start from the position of the item that was last entered.\nIf the pointer moves out of the root element or the element is connected to the document,\nthe starting position of the indicator will be regarded as the current selection.\nApply \"flex-direction: column\" to the tabs to arrange them vertically.\n---\n### **Events:**\n - **select** - Fires when the tab is selected.\n### **CSS Parts:**\n - **root** - The root element.\n- **item** - The tab items.\n- **indicator** - The indicator.\n- **selected** - The selected tab item.\n- **hover** - The hovered tab item.","attributes":[{"name":"ring-type","values":[{"name":"RingType"}]},{"name":"useSlot","description":"Determines whether the tabs should use a slot for their content instead of a string.","values":[]},{"name":"tabs","description":"An array of strings or slot content representing the tabs.","values":[{"name":"string[]"}]},{"name":"index","description":"The index of the currently selected tab.","values":[]}],"references":[]},{"name":"godown-switch","description":"Switch renders a switch.\n---\n### **Events:**\n - **change** - Fires when the switch is switched.","attributes":[{"name":"default","description":"Default checked state.","values":[]},{"name":"checked","description":"The current value of the switch component. Reflects the \"checked\" attribute.","values":[]},{"name":"autocomplete","values":[]},{"name":"ring-type","values":[{"name":"RingType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]},{"name":"value","values":[{"name":"V"}]}],"references":[]},{"name":"godown-split","description":"Split renders multiple input boxes.\nInput: will move the focus box backward until the complete input from start to end.\nDelete: will move the focus box forward until the first and no inputs for each.\n---\n### **Events:**\n - **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.\n- **focus** - Fires when the input is focused.\n- **blur** - Fires when the input is blurred.\n### **Methods:**\n ","attributes":[{"name":"len","description":"The number of input boxes.","values":[]},{"name":"index","description":"Focus index.","values":[]},{"name":"autocomplete","values":[]},{"name":"ring-type","values":[{"name":"RingType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]},{"name":"value","values":[{"name":"V"}]},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","values":[]}],"references":[]},{"name":"godown-skeleton","description":"Skeleton renders a skeleton screen.\n---\n### **Slots:**\n - **loading** - The content if loading is true.\n- _default_ - The content if loading is false.","attributes":[],"references":[]},{"name":"godown-select","description":"Select is similar to `<select>`.\nElements with the value attribute/property can be used as options.\nThe checked attribute will be added to the selected element.\nMulti-selected state looks the same as single-selected.\nInput will filter the options.\n---\n### **Events:**\n - **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.\n- **select** - Fires when select an option.\n### **Slots:**\n - _default_ - Options.","attributes":[{"name":"text","description":"Selected texts.","values":[]},{"name":"direction","values":[{"name":"DirectionCardinalY"}]},{"name":"multiple","values":[]},{"name":"visible","values":[]},{"name":"variant","description":"If outline, the outline is always present.","values":[{"name":"default"},{"name":"outline"}]},{"name":"autocomplete","values":[]},{"name":"ring-type","values":[{"name":"RingType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]},{"name":"value","values":[{"name":"V"}]},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","values":[]}],"references":[]},{"name":"godown-router","description":"Router has basic routing control.\nTo switch routes, use `router-link component`.\nIt has two methods to collect routes.\n1. From field `routes`, an array, each elements require \"path\".\n2. From child elements, which have the slot attribute for matching routes.\nIf only the method 1 is used, set `type` to `\"field\"`.\nIf only the method 2 is used, set `type` to `\"slotted\"`.\n`type` defaults to `\"united\"`, which will try method 1, then method 2.\nIf no routes are matched, the default value (no named slot) will be rendered.\n---\n### **Methods:**\n - **fieldComponent(query: _string_): _unknown_** - Get component from routes by query.\n- **slottedComponent(query: _string_): _TemplateResult<1>_** - Get component from slotted elements by query.\n- **collectSlottedRoutes(): _void_** - Reset the route tree, clear cache, collect routes from child elements.\n- **collectFieldRoutes(value: _typeof this.routes_): _void_** - Reset the route tree, clear cache, collect routes from value.\n### **Slots:**\n - _default_ - Display slot when there is no match.\n- ***** - Matching slot will be displayed.","attributes":[{"name":"pathname","description":"Current pathname (equals to location.pathname).","values":[]},{"name":"type","description":"The type of routing sources.\nIf field, it won't collect the slot attribute of the child elements.\nThis property should not be changed after the rendering is complete.","values":[{"name":"RouterType"}]},{"name":"cache","description":"Cache accessed records.\nEmptied at each re-collection.","values":[]}],"references":[]},{"name":"godown-rotate","description":"Rotate Make child elements rotate.\n---\n### **Methods:**\n ","attributes":[],"references":[]},{"name":"godown-range","description":"Range is similar to `<input type=\"range\">`.\nValue accepts number, or array.\nNumber has 1 handle, the array has the number of its elements.\n---\n### **Events:**\n - **range** - Fires when the value changes.\n### **Methods:**\n - **padValue(len: _number_, value): _number[]_** - Pad the value to the specified length.\n- **focusHandle(index: _number_): _void_** - Focuses the handle at the given index, updates the focus stack.\n- **blurHandle(): _void_** - Removes the focus from the currently focused handle.\n","attributes":[{"name":"min","description":"Minimum value.","values":[]},{"name":"max","description":"Maximum value.","values":[]},{"name":"step","description":"Sliding step length.","values":[]},{"name":"vertical","description":"Whether to display the range vertically.","values":[]},{"name":"value","description":"Value, or each of values, will render a handle.\nAccepts number or array of numbers.","values":[{"name":"V"}]},{"name":"default","description":"The default of `this.value`.","values":[]},{"name":"autocomplete","values":[]},{"name":"ring-type","values":[{"name":"RingType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]}],"references":[]},{"name":"godown-progress","description":"Progress similar to `<progress>`.\n---\n","attributes":[{"name":"max","values":[]},{"name":"min","values":[]},{"name":"value","values":[]}],"references":[]},{"name":"godown-link","description":"Link is used for link jumping, works standalone or in Router.\nSet `type` to `\"normal\"`,\nbehave like a normal anchor.\nSet `type` to `\"push\" `or `\"replace\"`,\nupdate history state by `history.pushState` or `history.replaceState`,\nupdate all routers whether current pathname is registered or not.\nSet `type` to `\"auto\"`,\nonly update the routers if the current pathname is registered,\nif not registered, behave like `\"normal\"`.\n`replace` property will enforce `history.replaceState`.\n---\n### **Events:**\n - **navigate** - Fires when the link is clicked.","attributes":[{"name":"type","description":"If `\"normal\"`, behave like a normal anchor.\nIf `\"auto\"` or `\"push\"`, call `history.pushState` if `replace` is false,\nIf `\"replace\"`, call `history.replaceState`.","values":[{"name":"LinkType"}]},{"name":"suppress","description":"If `true`, the Router will not be updated.","values":[]},{"name":"replace","description":"Use `replaceState` instead of `pushState`.","values":[]},{"name":"href","description":"A element href.","values":[]},{"name":"target","description":"A element target.","values":[{"name":"_blank"},{"name":"_self"},{"name":"_parent"},{"name":"_top"}]}],"references":[]},{"name":"godown-layout","description":"Layout renders main content, top header, bottom footer.\nIf `sticky` is set to `true`, the header will be sticky.\nMain content will take up the remaining space.\nElement display should be `(inline-)flex` or `(inline-)grid`.\n---\n### **Slots:**\n - _default_ - The main content of the layout.\n- **header** - The header of the layout.\n- **footer** - The footer of the layout.","attributes":[{"name":"sticky","description":"If `true`, header will sticky.","values":[]}],"references":[]},{"name":"godown-input","description":"Input renders a input.\n---\n### **Events:**\n - **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.","attributes":[{"name":"variant","description":"If outline, the outline is always present.","values":[{"name":"default"},{"name":"outline"}]},{"name":"autocomplete","values":[]},{"name":"ring-type","values":[{"name":"RingType"}]},{"name":"disabled","values":[]},{"name":"type","values":[{"name":"InputType"}]},{"name":"placeholder","values":[]},{"name":"name","values":[]},{"name":"value","values":[{"name":"V"}]},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","values":[]}],"references":[]},{"name":"godown-heading","description":"Heading renders a heading.\nIf the id is provided, the anchor will be displayed.\n---\n### **Events:**\n - **navigate** - Fires when the link is clicked.\n### **Slots:**\n - _default_ - Heading content.","attributes":[{"name":"as","description":"The heading level.","values":[{"name":"h1"},{"name":"h2"},{"name":"h3"},{"name":"h4"},{"name":"h5"},{"name":"h6"}]},{"name":"anchor","description":"The anchor prefix.\nElement must have an id to be displayed.","values":[]},{"name":"side","description":"The anchor side.","values":[{"name":"left"},{"name":"right"}]},{"name":"type","description":"If `\"normal\"`, behave like a normal anchor.\nIf `\"auto\"` or `\"push\"`, call `history.pushState` if `replace` is false,\nIf `\"replace\"`, call `history.replaceState`.","values":[{"name":"LinkType"}]},{"name":"suppress","description":"If `true`, the Router will not be updated.","values":[]},{"name":"replace","description":"Use `replaceState` instead of `pushState`.","values":[]},{"name":"href","description":"A element href.","values":[]},{"name":"target","description":"A element target.","values":[{"name":"_blank"},{"name":"_self"},{"name":"_parent"},{"name":"_top"}]}],"references":[]},{"name":"godown-grid","description":"Grid provides gird layout.\n---\n### **Slots:**\n - _default_ - Grid items.","attributes":[{"name":"gap","description":"CSS property `gap`.","values":[]},{"name":"columns","description":"CSS property `grid-template-columns`.\nIf columns is numerical, divide columns equally.","values":[]},{"name":"rows","description":"CSS property `grid-template-rows`.\nIf rows is numerical, divide rows equally.","values":[]},{"name":"content","description":"CSS property `place-content` (`align-content justify-content`).","values":[]},{"name":"items","description":"CSS property `place-items` (`align-items justify-items`).","values":[]}],"references":[]},{"name":"godown-form","description":"Form Gets child element key-value object,\nwhich will be nested if the child element is the same as this element.\n---\n","attributes":[{"name":"name","values":[]}],"references":[]},{"name":"godown-flex","description":"Flex provides flex layout.\n---\n### **Slots:**\n - _default_ - Flex items.","attributes":[{"name":"flex-flow","description":"CSS property `flex-flow` (`flex-direction flex-wrap`).","values":[]},{"name":"gap","description":"CSS property `gap`.","values":[]},{"name":"content","description":"CSS property `justify-content`.","values":[]},{"name":"items","description":"CSS property `align-items`.","values":[]},{"name":"vertical","description":"If true, set flex-direction to \"column\".","values":[]}],"references":[]},{"name":"godown-dragbox","description":"Dragbox moves with the mouse and does not exceed the boundary of offsetParent.\n---\n### **Slots:**\n - _default_ - Dragbox content.","attributes":[{"name":"x","description":"Position x.","values":[]},{"name":"y","description":"Position y.","values":[]}],"references":[]},{"name":"godown-divider","description":"Divider similar to `<hr>`.\n---\n","attributes":[{"name":"vertical","description":"Whether to display the divider vertically.","values":[]}],"references":[]},{"name":"godown-dialog","description":"Dialog similar to `<dialog>`.\nLike dialog, it listens for submit events and closes itself when the target method is \"dialog\".\nIt listens for the keydown event and also closes itself when the key contained in the key is pressed.\n---\n### **Events:**\n - **change** - Fires when the open changes.","attributes":[{"name":"modal","description":"Indicates whether the dialog should be displayed as a modal.","values":[]},{"name":"key","description":"The keys will close the dialog when pressed.","values":[]},{"name":"open","description":"Open the content.","values":[]}],"references":[]},{"name":"godown-details","description":"Details similar to `<details>`.\n---\n### **Events:**\n - **change** - Fires when the open changes.\n### **Slots:**\n - **summary** - Details summary if no `summary` is provided.\n- _default_ - Details content.","attributes":[{"name":"float","description":"Determines whether the details component should float.","values":[]},{"name":"fill","description":"Determines whether the details component should fill the available space.","values":[]},{"name":"summary","description":"The summary text to display in the details component.","values":[]},{"name":"open","description":"Open the content.","values":[]}],"references":[]},{"name":"godown-chip","description":"Chip renders a chip.\n---\n### **Slots:**\n - _default_ - Chip content.","attributes":[{"name":"position","description":"The position of the chip relative to its parent element.\nPossible values are `\"top-left\"`, `\"top-right\"`, `\"bottom-left\"`, and `\"bottom-right\"`.","values":[{"name":"DirectionCorner"}]},{"name":"value","values":[]},{"name":"dot","description":"If `true`, render a dot chip.","values":[]},{"name":"max","description":"The maximum value that can be displayed in the chip\nValues greater than this will be displayed as `max+` by default.","values":[]}],"references":[]},{"name":"godown-carousel","description":"Carousel make the content display as a carousel.\nWhen this component is `firstUpdated`,\nclone the first and last element and make the matching element visible when switching index.\n---\n### **Events:**\n - **change** - Fires when the index changes.\n### **Slots:**\n - _default_ - Carousel items, should maintain the same size.","attributes":[{"name":"index","description":"The index of the current item.","values":[]},{"name":"autoChange","description":"The duration of the transition.","values":[]}],"references":[]},{"name":"godown-card","description":"Card renders a card.\nThis may be similar to Layout,\nbut it needs to be specified to enable header and footer.\n---\n### **Slots:**\n - _default_ - The main content of the card.\n- **header** - The header of the card.\n- **footer** - The footer of the card.","attributes":[{"name":"ring-type","values":[{"name":"RingType"}]},{"name":"footer","description":"Whether to display the header.","values":[]},{"name":"header","description":"Whether to display the footer.","values":[]}],"references":[]},{"name":"godown-button","description":"Button renders a button.\nCreate modal animation upon clicking.\n---\n### **Slots:**\n - _default_ - The content of the button.","attributes":[{"name":"plain","description":"If true, remove gradient, modal animation, focus scale.","values":[]},{"name":"disabled","description":"Whether this element is disabled or not.","values":[]},{"name":"active","description":"Whether this element is active or not.","values":[]},{"name":"round","description":"Display rounded.","values":[]},{"name":"content","description":"Content text.","values":[]}],"references":[]},{"name":"godown-breath","description":"Breath render the text with a breathing effect.\nDynamically generate a breathing effect based on the length of the split text.\nIf there is not enough CSS variable, overrun elements will use the.\ngodown was a css library in its earliest days,\nand this is the component version of its first effect.\nInspired by Vercel home page (2023).\n---\n### **Slots:**\n - _default_ - Breathing parts.","attributes":[{"name":"content","description":"Strings or array of strings,\nif array, divided each element into chunks,\notherwise split strings by whitespace.","values":[{"name":"string[]"}]},{"name":"duration","description":"Effect duration.","values":[]}],"references":[]},{"name":"godown-badge","description":"Badge renders a badge.\n---\n### **Slots:**\n - _default_ - Badge content.","attributes":[{"name":"plain","description":"If true, remove gradient, modal animation, focus scale.","values":[]},{"name":"disabled","description":"Whether this element is disabled or not.","values":[]},{"name":"active","description":"Whether this element is active or not.","values":[]},{"name":"round","description":"Display rounded.","values":[]},{"name":"content","description":"Content text.","values":[]}],"references":[]},{"name":"godown-avatar","description":"Avatar renders a avatar.\nRenders as an image if it has a src property,\notherwise falls back to name or nameless slot.\n---\n### **Slots:**\n - _default_ - Display content if no `src` or `name` provided.","attributes":[{"name":"src","description":"The `src` property specifies the URL of the avatar image.\nIf `src` is not provided, the component will display the `name` property instead.","values":[]},{"name":"name","description":"Specifies the name or initials to display if no `src` is provided","values":[]},{"name":"round","description":"If `true`, will make the avatar display as a circle.","values":[]}],"references":[]},{"name":"godown-alert","description":"Alert renders a alert.\n---\n### **Slots:**\n - _default_ - Alert content.\n- **title** - Alert title.\n- **prefix** - Alert prefix.\n- **suffix** - Alert suffix.","attributes":[{"name":"ring-type","values":[{"name":"RingType"}]},{"name":"title","description":"The title is bold and the icon height is the same as it.","values":[]},{"name":"content","description":"Content, if zero value, will be rendered as an unnamed slot.","values":[]}],"references":[]}]}

package/web-components/alert/component.d.ts

@@ -1,31 +1,18 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
+import { type RingType } from "../../internal/ring.js";
 /**
  * {@linkcode Alert} renders a alert.
  *
- * Color defaults to blue.
- *
  * @slot - Alert content.
  * @slot title - Alert title.
- * @slot icon - Alert icon.
- * @fires close - Fires when the alert is closed.
+ * @slot prefix - Alert prefix.
+ * @slot suffix - Alert suffix.
  * @category feedback
  */
 declare class Alert extends GlobalStyle {
-    private __colorSC;
-    /**
-     * If it is a legal value, the icon and preset color will be rendered.
-     */
-    call: "tip" | "success" | "info" | "warning" | "danger" | "error" | "help" | "deprecated";
-    /**
-     * The tone of the component.
-     * Overrides the color of the call.
-     */
-    color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink" | "none";
-    /**
-     * Close delay, if 0, it will not be closed automatically.
-     */
-    autoclose: number;
+    constructor();
+    ringType: RingType;
     /**
      * The title is bold and the icon height is the same as it.
      */
@@ -34,21 +21,7 @@ declare class Alert extends GlobalStyle {
      * Content, if zero value, will be rendered as an unnamed slot.
      */
     content: string;
-    /**
-     * Set true to hide the close button.
-     *
-     * The behavior may change due to the {@linkcode variant} property.
-     */
-    hideClose: boolean;
-    /**
-     * Alert variant, if set to `blockquote`, the alert will be rendered as a blockquote.
-     *
-     * If variant is `"blockquote"`, hide the close button.
-     */
-    variant: "blockquote" | "dark";
     protected render(): TemplateResult<1>;
-    close(): void;
-    protected firstUpdated(): void;
     static alert(root: HTMLElement, option: Partial<Alert>): Alert;
 }
 export default Alert;

package/web-components/alert/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/web-components/alert/component.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,gCAAgC,CAAC;AA0DzF;;;;;;;;;;GAUG;AACH,cA0DM,KAAM,SAAQ,WAAW;IAC7B,OAAO,CAAC,SAAS,CAYd;IAEH;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EACD,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,CAAU;IAEpB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,CAAU;IAExC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAiCrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/alert/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIpE;;;;;;;;GAQG;AACH,cAuBM,KAAM,SAAQ,WAAW;;IAO7B,QAAQ,EAAE,QAAQ,CAAY;IAE9B;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAgBrC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/web-components/alert/component.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{godown as r,styles as t,StyleController as e,joinRules as i,htmlSlot as c,attr as l}from"@godown/element";import s from"@godown/f7-icon/icons/checkmark-alt-circle.js";import n from"@godown/f7-icon/icons/exclamationmark-circle.js";import a from"@godown/f7-icon/icons/info-circle.js";import d from"@godown/f7-icon/icons/lightbulb.js";import p from"@godown/f7-icon/icons/question-circle.js";import g from"@godown/f7-icon/icons/slash-circle.js";import h from"@godown/f7-icon/icons/xmark-circle.js";import m from"@godown/f7-icon/icons/xmark.js";import{css as u,html as b}from"lit";import{property as v}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as k,GlobalStyle as w}from"../../internal/global-style.js";const y="alert",$=f(y),j=o=>[k._colors[o][5],k._colors[o][9]],_={green:j("green"),blue:j("blue"),orange:j("orange"),red:j("red"),yellow:j("yellow"),purple:j("purple"),teal:j("teal"),pink:j("pink"),gray:[k._colors.lightgray[5],k._colors.darkgray[5]],white:[k._colors.lightgray[2],k._colors.darkgray[7]],black:[k._colors.darkgray[8],k._colors.lightgray[5]]},C={tip:{color:"teal",icon:d},success:{color:"green",icon:s},info:{color:"blue",icon:a},warning:{color:"orange",icon:n},danger:{color:"red",icon:h},error:{color:"red",icon:h},help:{color:"purple",icon:p},deprecated:{color:"gray",icon:g}};let q=class Alert extends w{constructor(){super(...arguments),this.__colorSC=new e(this,(()=>{const o=C[this.call]?.color||this.color;if(o in _){const[r,t]=_[o];return i({":host":[[`${$}--color`,`var(${r})`],[`${$}--background`,`var(${t})`]]})}return null})),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=this.call?C[this.call].icon():c("icon");return b`<div part="root" ${l(this.observedRecord)}> <div part="icon" class="start"> ${o} </div> <div part="content"> <strong part="title">${this.title||c("title")}</strong> ${this.content||c()} </div> ${this.hideClose||"blockquote"===this.variant?"":b`<div part="icon close" class="end" tabindex="0" @click="${this.close}"> ${m()} </div>`} </div>`}close(){this.remove(),this.dispatchCustomEvent("close",void 0,{bubbles:!0})}firstUpdated(){this.autoclose&&this.timeouts.add(setTimeout((()=>this.close()),this.autoclose))}static alert(o,r){const t=new this;return Object.assign(t,r),o.appendChild(t),t}};o([v()],q.prototype,"call",void 0),o([v()],q.prototype,"color",void 0),o([v({type:Number})],q.prototype,"autoclose",void 0),o([v()],q.prototype,"title",void 0),o([v()],q.prototype,"content",void 0),o([v({type:Boolean})],q.prototype,"hideClose",void 0),o([v()],q.prototype,"variant",void 0),q=o([r(y),t(u`:host{${$}--border-width:.075em;${$}--blockquote-width:.2em;${$}--blockquote-background:transparent;${$}--gap:.5em}:host,:where(:host([contents]) [part=root]){display:block}[part=root]{align-items:center;background:var(${$}--background);border-color:currentColor;border-radius:inherit;border-style:solid;border-width:var(${$}--border-width);color:var(${$}--color,currentColor);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:var(${$}--gap)}[variant=blockquote]{background:var(${$}--blockquote-background);border-radius:0;border-width:0;border-left-width:var(${$}--blockquote-width)}[part~=icon]{align-items:center;display:grid;height:2em}.start svg{margin-inline-end:var(${$}--gap)}.end svg{margin-inline-start:var(${$}--gap)}svg{height:1.25em;width:1.25em}[part=content]{grid-row:span 2/span 2}`)],q);var x=q;export{q as Alert,x as default};
+import{__decorate as t}from"tslib";import{godown as r,styles as o,StyleController as e,attr as i,htmlSlot as n}from"@godown/element";import{css as s,html as p}from"lit";import{property as a}from"lit/decorators.js";import{cssGlobalVars as d,GlobalStyle as l}from"../../internal/global-style.js";import{RingBuilder as c}from"../../internal/ring.js";let m=class Alert extends l{constructor(){super(),this.ringType="border",new e(this,(()=>new c({type:this.ringType}).css))}render(){return p`<div part="root" ${i(this.observedRecord)}> <div>${n("prefix")}</div> <div part="content"> <strong part="title">${this.title||n("title")}</strong> ${this.content||n()} </div> <div>${n("suffix")}</div> </div>`}static alert(t,r){const o=new this;return Object.assign(o,r),t.appendChild(o),o}};t([a({attribute:"ring-type"})],m.prototype,"ringType",void 0),t([a()],m.prototype,"title",void 0),t([a()],m.prototype,"content",void 0),m=t([r("alert"),o(s`:host{background:var(${d.background})}:host,:where(:host([contents]) [part=root]){display:block}[part=root]{align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:.75em}[part=content],[part=root]{display:grid}`)],m);var g=m;export{m as Alert,g as default};
 //# sourceMappingURL=component.js.map

package/web-components/alert/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/src/web-components/alert/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","genDark","key","cssGlobalVars","_colors","colorDetails","green","blue","orange","red","yellow","purple","teal","pink","gray","lightgray","darkgray","white","black","calls","tip","color","icon","iconLightbulb","success","iconCheckAltCircle","info","iconInfoCircle","warning","iconExclamationCircle","danger","iconXmarkCircle","error","help","iconQuestionCircle","deprecated","iconSlashCircle","Alert","GlobalStyle","constructor","this","__colorSC","StyleController","call","fg","bg","joinRules","autoclose","hideClose","variant","render","htmlSlot","html","attr","observedRecord","title","content","alert","root","option","Object","assign","ai","appendChild","prototype","property","__decorate","type","godown","styles","css"],"mappings":"wvBAcA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAEvBG,EAAWC,GACR,CAACC,EAAcC,QAAQF,GAAK,GAAIC,EAAcC,QAAQF,GAAK,IAG9DG,EAAe,CACnBC,MAAOL,EAAQ,SACfM,KAAMN,EAAQ,QACdO,OAAQP,EAAQ,UAChBQ,IAAKR,EAAQ,OACbS,OAAQT,EAAQ,UAChBU,OAAQV,EAAQ,UAChBW,KAAMX,EAAQ,QACdY,KAAMZ,EAAQ,QACda,KAAM,CAACX,EAAcC,QAAQW,UAAU,GAAIZ,EAAcC,QAAQY,SAAS,IAC1EC,MAAO,CAACd,EAAcC,QAAQW,UAAU,GAAIZ,EAAcC,QAAQY,SAAS,IAC3EE,MAAO,CAACf,EAAcC,QAAQY,SAAS,GAAIb,EAAcC,QAAQW,UAAU,KAGvEI,EAAQ,CACZC,IAAK,CACHC,MAAO,OACPC,KAAMC,GAERC,QAAS,CACPH,MAAO,QACPC,KAAMG,GAERC,KAAM,CACJL,MAAO,OACPC,KAAMK,GAERC,QAAS,CACPP,MAAO,SACPC,KAAMO,GAERC,OAAQ,CACNT,MAAO,MACPC,KAAMS,GAERC,MAAO,CACLX,MAAO,MACPC,KAAMS,GAERE,KAAM,CACJZ,MAAO,SACPC,KAAMY,GAERC,WAAY,CACVd,MAAO,OACPC,KAAMc,IAyEV,IAAMC,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACUC,KAAAC,UAAY,IAAIC,EAAgBF,MAAM,KAC5C,MAAMnB,EAAQF,EAAMqB,KAAKG,OAAOtB,OAASmB,KAAKnB,MAC9C,GAAIA,KAAShB,EAAc,CACzB,MAAOuC,EAAIC,GAAMxC,EAAagB,GAC9B,OAAOyB,EAAU,CACf,QAAS,CACP,CAAC,GAAG/C,WAAmB,OAAO6C,MAC9B,CAAC,GAAG7C,gBAAwB,OAAO8C,SAIzC,OAAO,IAAI,IAcbL,KAAKnB,MAYQ,OAMbmB,KAASO,UAAG,EAoBZP,KAASQ,WAAG,EAQZR,KAAOS,QAA0B,OAEvB,MAAAC,GACR,MAAM5B,EAAOkB,KAAKG,KAAOxB,EAAMqB,KAAKG,MAAMrB,OAAS6B,EAAS,QAC5D,OAAOC,CAAI,oBAAAC,EAAAb,KAAAc,oDAAAhC,sDAAAkB,KAAAe,OAAAJ,EAAA,qBAAAX,KAAAgB,SAAAL,cAAAX,KAAAQ,WAAA,eAAAR,KAAAS,4GAGL,4FAMET,KAAIO,2EAGiB,CACrB,YAAAU,CAAKC,EAAAC,2BAEPC,OAAKC,OAASC,EAAAH,GACdD,EAACK,YAAGD,eAMYzB,EAAA2B,UAAA,YAAA,MAERC,iCAELC,EAAA,qBAERF,UAAA,iBAAA,KACH,CAEAC,OACMD,UAAO,aAAE,GACbE,EAAA,CACFD,OAEsBD,UAAA,eAAA,GACpBE,EAAA,GACM,CAAAC,kBACNH,UAAA,iBAAA,KACF,CAEAC,KACE5B,EAAA2B,UAAe,eAAM,GACrB3B,EAAA6B,EAAa,CACbE,EAAAtE,GACAuE,EAAAC,CAAO,SAAEvE,0BAAAA,4BAAAA,wCAAAA,uHAAAA,sGAAAA,8BAAAA,mHAAAA,+CAAAA,kFAAAA,iHAAAA,4CAAAA,2FAEZsC"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/alert/component.ts"],"sourcesContent":null,"names":["Alert","GlobalStyle","constructor","super","this","ringType","StyleController","RingBuilder","type","css","render","html","attr","observedRecord","htmlSlot","title","content","ai","attribute","property","prototype","__decorate","godown","styles","cssGlobalVars","background","Alert$1"],"mappings":"2VAyCA,IAAMA,EAAN,MAAMA,cAAcC,EAClB,WAAAC,GACEC,QAKFC,KAAQC,SAAa,SAJnB,IAAIC,EAAgBF,MAAM,IAAM,IAAIG,EAAY,CAAEC,KAAMJ,KAAKC,WAAYI,MAkBjE,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAR,KAAAS,yBAAAC,EAAA,6DAAAV,KAAAW,OAAAD,EAAA,qBAAAV,KAAAY,SAAAF,mBAAAA,EAAA,2CAGL,MAAIG,EAAK,IAACb,iDAIa,SAGlBc,0DAEV,CACHC,KAEAnB,EAAAoB,UAAa,aAAyC,GACpDC,EAAA,CACAF,KACAnB,EAAAoB,UAAK,eAAe,GACpBpB,EAAAqB,EAAS,CACXC,EA5EgB,SA6EjBC,EAAAd,CAAA,wBAAAe,EAAAC,gOApCCzB,GADC,IAAA0B,EAAW1B"}

package/web-components/alert/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/web-components/alert/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAInC,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/alert/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAInC,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}

package/web-components/alert/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/src/web-components/alert/definition.ts"],"sourcesContent":null,"names":["Alert","define"],"mappings":"8BAEAA,EAAMC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/alert/definition.ts"],"sourcesContent":null,"names":["Alert","define"],"mappings":"8BAEAA,EAAMC"}

package/web-components/avatar/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/web-components/avatar/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,gCAAgC,CAAC;AAI5E;;;;;;;;GAQG;AACH,cAsCM,MAAO,SAAQ,WAAW;IAC9B;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAWrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAmB5C,UAAU,IAAI,MAAM;IAIpB,SAAS,CAAC,YAAY,IAAI,IAAI;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/avatar/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,gCAAgC,CAAC;AAI5E;;;;;;;;GAQG;AACH,cAsCM,MAAO,SAAQ,WAAW;IAC9B;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAWrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAmB5C,UAAU,IAAI,MAAM;IAIpB,SAAS,CAAC,YAAY,IAAI,IAAI;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/web-components/avatar/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/src/web-components/avatar/component.ts"],"sourcesContent":null,"names":["Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","formatName","htmlSlot","_handleError","src","undefined","prototype","__decorate","type","Boolean","styles","css","cssGlobalVars","passive","Avatar$1"],"mappings":"2RAuDA,IAAMA,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAYEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAC,EAAAN,KAAAO,eAAA,YAAAP,KAAAQ,gDAGDR,2GAITI,CAAA,qBAAAJ,KAAAS,sBAGoBC,GACrB,CACE,UAAAD,oBAGW,YAAAE,GACAX,KAAAY,SAAAC,CACE,KAEZ,MAEHhB,EAAAiB,UAAa,WAAE,GACbC,EAAA,QAECD,UAAA,YAAA,KACH,GACO,CAAAE,KAAAC,aACTH,UAAA,aAAA,KAEUC,EAAA,GAnGM,UAqGhBG,EAAAC,CAAA,wBAAAC,EAAAC,qXAGE,IAAAC,EAAKzB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/avatar/component.ts"],"sourcesContent":null,"names":["Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","formatName","htmlSlot","_handleError","src","undefined","prototype","__decorate","type","Boolean","styles","css","cssGlobalVars","passive","Avatar$1"],"mappings":"2RAuDA,IAAMA,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAYEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAC,EAAAN,KAAAO,eAAA,YAAAP,KAAAQ,gDAGDR,2GAITI,CAAA,qBAAAJ,KAAAS,sBAGoBC,GACrB,CACE,UAAAD,oBAGW,YAAAE,GACAX,KAAAY,SAAAC,CACE,KAEZ,MAEHhB,EAAAiB,UAAa,WAAE,GACbC,EAAA,QAECD,UAAA,YAAA,KACH,GACO,CAAAE,KAAAC,aACTH,UAAA,aAAA,KAEUC,EAAA,GAnGM,UAqGhBG,EAAAC,CAAA,wBAAAC,EAAAC,qXAGE,IAAAC,EAAKzB"}

package/web-components/avatar/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/web-components/avatar/definition.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAIpC,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,MAAM,CAAC;KACzB;CACF"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/avatar/definition.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAIpC,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,MAAM,CAAC;KACzB;CACF"}

package/web-components/avatar/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/src/web-components/avatar/definition.ts"],"sourcesContent":null,"names":["Avatar","define"],"mappings":"8BAEAA,EAAOC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/avatar/definition.ts"],"sourcesContent":null,"names":["Avatar","define"],"mappings":"8BAEAA,EAAOC"}

package/web-components/badge/component.d.ts

@@ -1,30 +1,13 @@
-import { type TemplateResult } from "lit";
-import { GlobalStyle } from "../../internal/global-style.js";
-import type { DirectionCorner } from "../../internal/direction.js";
+import Button from "../button/component.js";
 /**
  * {@linkcode Badge} renders a badge.
  *
  * @slot - Badge content.
  * @category display
  */
-declare class Badge extends GlobalStyle {
-    /**
-     * The position of the badge relative to its parent element.
-     * Possible values are `"top-left"`, `"top-right"`, `"bottom-left"`, and `"bottom-right"`.
-     */
-    position: DirectionCorner;
-    value: number;
-    /**
-     * If `true`, render a dot badge.
-     */
-    dot: boolean;
-    /**
-     * The maximum value that can be displayed in the badge
-     * Values greater than this will be displayed as `max+` by default.
-     */
-    max: number;
-    formatValue(value: number): string;
-    render(): TemplateResult<1>;
+declare class Badge extends Button {
+    plain: never;
+    round: Button["round"];
 }
 export default Badge;
 export { Badge };

package/web-components/badge/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/web-components/badge/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,gCAAgC,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAKnE;;;;;GAKG;AACH,cAoDM,KAAM,SAAQ,WAAW;IAC7B;;;OAGG;IAEH,QAAQ,EAAE,eAAe,CAAe;IAGxC,KAAK,SAAK;IAEV;;OAEG;IAEH,GAAG,UAAS;IAEZ;;;OAGG;IAEH,GAAG,SAAM;IAET,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAe5B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/badge/component.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAK5C;;;;;GAKG;AACH,cAUM,KAAM,SAAQ,MAAM;IACxB,KAAK,EAAE,KAAK,CAAiB;IAC7B,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAQ;CAC/B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/web-components/badge/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as r,htmlSlot as a}from"@godown/element";import{css as i,html as s}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as d,cssGlobalVars as n,GlobalStyle as l}from"../../internal/global-style.js";const f="badge",m=d(f);let c=class Badge extends l{constructor(){super(...arguments),this.position="top-right",this.value=0,this.dot=!1,this.max=99}formatValue(t){return t>this.max?this.max+"+":t+""}render(){return s`<div part="root" ${r(this.observedRecord)}> ${a()} ${this.value||this.dot?s`<div part="badge">${this.dot?"":this.formatValue(this.value)}</div>`:""} </div>`}};t([p()],c.prototype,"position",void 0),t([p({type:Number})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"dot",void 0),t([p({type:Number})],c.prototype,"max",void 0),c=t([o(f),e(i`:host{${m}--background:var(${n.active});${m}--offset:0%;${m}--offset-x:var(${m}--offset);${m}--offset-y:var(${m}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=badge]{background:var(${m}--background);border-radius:calc(infinity*1px);font-size:75%;padding:0 .5em;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}[part=badge]:empty{border-radius:50%;font-size:100%;height:.5em;padding:0;width:.5em}[position^=top] [part=badge]{top:calc(var(${m}--offset-y))}[position$=right] [part=badge]{left:calc(100% - var(${m}--offset-x))}[position^=bottom] [part=badge]{top:calc(100% - var(${m}--offset-y))}[position$=left] [part=badge]{left:calc(var(${m}--offset-x))}`)],c);var v=c;export{c as Badge,v as default};
+import{__decorate as t}from"tslib";import{godown as o,styles as r}from"@godown/element";import e from"../button/component.js";import{css as m}from"lit";let s=class Badge extends e{constructor(){super(...arguments),this.plain=!0,this.round=!0}};s=t([o("badge"),r(m`:host{font-size:.75em}[part=root]{padding:0 .5em}`)],s);var i=s;export{s as Badge,i as default};
 //# sourceMappingURL=component.js.map

package/web-components/badge/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/src/web-components/badge/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Badge","GlobalStyle","constructor","this","position","value","dot","max","formatValue","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Number","prototype","Boolean","godown","styles","css","cssGlobalVars","active","Badge$1"],"mappings":"kSAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GA4D7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAMEC,KAAQC,SAAoB,YAG5BD,KAAKE,MAAG,EAMRF,KAAGG,KAAG,EAONH,KAAGI,IAAG,GAEN,WAAAC,CAAYH,GACV,OAAOA,EAAQF,KAAKI,IAAMJ,KAAKI,IAAM,IAAMF,EAAQ,GAGrD,MAAAI,GACE,OAAOC,CAAI,oBAAAC,EAAAR,KAAAS,oBAAAC,OAAAV,KAAAE,OAAAF,KAAAG,sFAGL,GAEAQ,EAAA,CACAC,iBACM,gBAAA,GACkBD,EAAA,CACrBC,EAAA,CAAAC,KAAAC,UACHjB,EAAAkB,UAAI,aAAA,QAET,CAAAF,KAAAG,aACHD,UAAA,WAAA,KACD,CArCCH,EAAA,CAAAC,KAAAC,UADCjB,EAAAkB,UAAU,WAAA,GAC6BlB,EAAAc,EAAA,CAGxCM,EAAAvB,GADCwB,EAAAC,CAAW,SAAMxB,qBAAQyB,EAAAC,WAAA1B,gBAAAA,mBAAAA,cAAAA,mBAAAA,iIAAAA,0SAAAA,qEAAAA,qEAAAA,6DAAAA,mBAChBE,GAMV,IAAAyB,EAAAzB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/badge/component.ts"],"sourcesContent":null,"names":["Badge","Button","constructor","this","plain","round","__decorate","godown","styles","css"],"mappings":"wJAuBA,IAAMA,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACEC,KAAKC,OAAU,EACfD,KAAKE,OAAoB,IAFrBL,EAAKM,EAAA,CAVVC,EARiB,SASjBC,EAAOC,CAAG"}

package/web-components/badge/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/web-components/badge/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAInC,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}
+{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/badge/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAInC,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}

package/web-components/badge/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/src/web-components/badge/definition.ts"],"sourcesContent":null,"names":["Badge","define"],"mappings":"8BAEAA,EAAMC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/badge/definition.ts"],"sourcesContent":null,"names":["Badge","define"],"mappings":"8BAEAA,EAAMC"}

package/web-components/breath/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/web-components/breath/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,gCAAgC,CAAC;AAOzF;;;;;;;;;;;;;;GAcG;AACH,cAqEM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAStD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAM9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAa7C;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/breath/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAwB,MAAM,KAAK,CAAC;AAGhE,OAAO,EAAE,WAAW,EAA8B,MAAM,gCAAgC,CAAC;AAOzF;;;;;;;;;;;;;;GAcG;AACH,cAqEM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAStD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAM9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAa7C;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}