godown 3.0.0-canary.17 → 3.0.0-canary.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/godown+lit.iife.js +59 -0
- package/build/godown+lit.iife.js.map +1 -0
- package/build/godown+lit.js +59 -0
- package/build/godown+lit.js.map +1 -0
- package/build/godown+lit.umd.js +59 -0
- package/build/godown+lit.umd.js.map +1 -0
- package/build/godown.iife.js +47 -0
- package/build/godown.js +48 -0
- package/build/godown.js.map +1 -0
- package/build/godown.umd.js +48 -0
- package/build/godown.umd.js.map +1 -0
- package/components/badge.d.ts +4 -0
- package/components/badge.d.ts.map +1 -1
- package/components/badge.js +1 -1
- package/components/badge.js.map +1 -1
- package/components/carousel.js +1 -1
- package/components/carousel.js.map +1 -1
- package/components/details.js +1 -1
- package/components/details.js.map +1 -1
- package/components/heading.d.ts +11 -1
- package/components/heading.d.ts.map +1 -1
- package/components/heading.js +1 -1
- package/components/heading.js.map +1 -1
- package/components/time.js +1 -1
- package/components/time.js.map +1 -1
- package/components/typewriter.d.ts +3 -10
- package/components/typewriter.d.ts.map +1 -1
- package/components/typewriter.js +1 -1
- package/components/typewriter.js.map +1 -1
- package/custom-elements.json +1 -1
- package/dev/components/badge.d.ts +4 -0
- package/dev/components/badge.d.ts.map +1 -1
- package/dev/components/badge.js +14 -13
- package/dev/components/badge.js.map +1 -1
- package/dev/components/carousel.js +1 -1
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +1 -0
- package/dev/components/details.js.map +1 -1
- package/dev/components/heading.d.ts +11 -1
- package/dev/components/heading.d.ts.map +1 -1
- package/dev/components/heading.js +34 -17
- package/dev/components/heading.js.map +1 -1
- package/dev/components/time.js +1 -1
- package/dev/components/time.js.map +1 -1
- package/dev/components/typewriter.d.ts +3 -10
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +15 -32
- package/dev/components/typewriter.js.map +1 -1
- package/package.json +4 -3
- package/src/components/badge.ts +16 -13
- package/src/components/carousel.ts +1 -1
- package/src/components/details.ts +1 -0
- package/src/components/heading.ts +34 -18
- package/src/components/time.ts +1 -1
- package/src/components/typewriter.ts +13 -29
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
package/web-types.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"godown","version":"3.0.0-canary.17","description-markup":"markdown","contributions":{"html":{"elements":[{"name":"godown-typewriter","description":"Typewriter renders a typewriter effect to text.\n---\n### **Events:**\n ","doc-url":"","attributes":[{"name":"text","description":"Raw text.","value":{"type":"string","default":"\"\""}},{"name":"stopped","description":"Start immediately after Typewriter.firstUpdated.","value":{"type":"boolean","default":"false"}},{"name":"ended","description":"If true, hide the cursor","value":{"type":"boolean","default":"false"}},{"name":"max","description":"Maximum random time.","value":{"type":"number","default":"100"}},{"name":"min","description":"Minimum random time.","value":{"type":"number","default":"50"}},{"name":"delay","description":"Fixed time.","value":{"type":"number","default":"0"}},{"name":"index","description":"The index at the beginning.","value":{"type":"number","default":"0"}}],"events":[],"js":{"properties":[{"name":"text","description":"Raw text.","type":"string"},{"name":"stopped","description":"Start immediately after Typewriter.firstUpdated.","type":"boolean"},{"name":"ended","description":"If true, hide the cursor","type":"boolean"},{"name":"max","description":"Maximum random time.","type":"number"},{"name":"min","description":"Minimum random time.","type":"number"},{"name":"delay","description":"Fixed time.","type":"number"},{"name":"index","description":"The index at the beginning.","type":"number"},{"name":"content","description":"Internal text.","type":"string"},{"name":"len","description":"Typewriter.text length.","type":"number"}],"events":[]}},{"name":"godown-tooltip","description":"Tooltip provide tooltip for slot elements.\nIf it has the tip property, ignore the slot tip.\n---\n### **Events:**\n - **change**\n### **Slots:**\n - **tip** - Tip element if no `tip` provided.\n- _default_ - Content.","doc-url":"","attributes":[{"name":"tip","description":"Tip text, if there is a value, the slot will be ignored.","value":{"type":"string"}},{"name":"direction","description":"Direction of opening the tip.","value":{"type":"Direction8","default":"\"top\""}},{"name":"align","description":"Content alignment.","value":{"type":"\"center\" | \"flex-start\" | \"flex-end\" | \"start\" | \"end\"","default":"\"center\""}},{"name":"propagation","description":"If true, allow penetration of the tip.","value":{"type":"boolean","default":"false"}},{"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.","value":{"type":"\"hover\" | \"focus\"","default":"\"hover\""}},{"name":"open","description":"Open the content.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"tip","description":"Tip element if no `tip` provided."},{"name":"","description":"Content."}],"events":[{"name":"change","type":"CustomEvent"}],"js":{"properties":[{"name":"tip","description":"Tip text, if there is a value, the slot will be ignored.","type":"string"},{"name":"direction","description":"Direction of opening the tip.","type":"Direction8"},{"name":"align","description":"Content alignment.","type":"\"center\" | \"flex-start\" | \"flex-end\" | \"start\" | \"end\""},{"name":"propagation","description":"If true, allow penetration of the tip.","type":"boolean"},{"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.","type":"\"hover\" | \"focus\""},{"name":"open","description":"Open the content.","type":"boolean"}],"events":[{"name":"change","type":"CustomEvent"}]}},{"name":"godown-time","description":"Time renders a formatting time.\n---\n### **Events:**\n - **time** - Fires when the time changes.","doc-url":"","attributes":[{"name":"escape","description":"Escape symbol.","value":{"type":"string","default":"\"%\""}},{"name":"format","description":"Format strings.","value":{"type":"string","default":"\"YYYY-MM-DD hh:mm:ss UTFZ\""}},{"name":"time","description":"Time.","value":{"type":"Date","default":"new Date()"}},{"name":"timeout","description":"If there is a value, update every gap or timeout.","value":{"type":"any"}},{"name":"gap","description":"The number of milliseconds that change with each update.","value":{"type":"any"}}],"events":[{"name":"time","type":"CustomEvent","description":"Fires when the time changes."}],"js":{"properties":[{"name":"escape","description":"Escape symbol.","type":"string"},{"name":"format","description":"Format strings.","type":"string"},{"name":"time","description":"Time.","type":"Date"},{"name":"timeout","description":"If there is a value, update every gap or timeout.","type":"any"},{"name":"gap","description":"The number of milliseconds that change with each update.","type":"any"}],"events":[{"name":"time","type":"CustomEvent","description":"Fires when the time changes."}]}},{"name":"godown-text","description":"Text renders nowrap text.\n---\n","doc-url":"","attributes":[{"name":"underline","description":"Underline behavior.","value":{"type":"\"none\" | \"hover\" | \"active\" | \"always\"","default":"\"none\""}},{"name":"clip","description":"Set background-clip to text.","value":{"type":"boolean","default":"false"}}],"events":[],"js":{"properties":[{"name":"underline","description":"Underline behavior.","type":"\"none\" | \"hover\" | \"active\" | \"always\""},{"name":"clip","description":"Set background-clip to text.","type":"boolean"}],"events":[]}},{"name":"godown-switch","description":"Switch renders a switch.\nThe switch is rectangular by default,\nset the round property to rounded switch.\n---\n### **Events:**\n - **change** - Fires when the switch is switched.\n- **input**","doc-url":"","attributes":[{"name":"round","description":"Display rounded.","value":{"type":"boolean","default":"false"}},{"name":"checked","description":"Whether this element is selected or not.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Disable this element.","value":{"type":"boolean","default":"false"}},{"name":"default","description":"Default checked state.","value":{"type":"any","default":"\"false\""}},{"name":"value","description":"Input value.","value":{"type":"any","default":"\"on\""}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}}],"events":[{"name":"change","type":"CustomEvent","description":"Fires when the switch is switched."},{"name":"input","type":"CustomEvent"}],"js":{"properties":[{"name":"round","description":"Display rounded.","type":"boolean"},{"name":"checked","description":"Whether this element is selected or not.","type":"boolean"},{"name":"disabled","description":"Disable this element.","type":"boolean"},{"name":"default","description":"Default checked state.","type":"any"},{"name":"value","description":"Input value.","type":"any"},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"type","type":"InputType"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"change","type":"CustomEvent","description":"Fires when the switch is switched."},{"name":"input","type":"CustomEvent"}]}},{"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- **focus** - Fires when the input is focused.\n- **blur** - Fires when the input is blurred.\n- **change** - Fires when the input value changes.\n### **Methods:**\n ","doc-url":"","attributes":[{"name":"len","description":"The number of input boxes.","value":{"type":"number","default":"6"}},{"name":"index","description":"Focus index.","value":{"type":"number","default":"-1"}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"disabled","value":{"type":"boolean","default":"false"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}},{"name":"value","value":{"type":"any"}},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","value":{"type":"any"}}],"events":[{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"focus","type":"CustomEvent","description":"Fires when the input is focused."},{"name":"blur","type":"CustomEvent","description":"Fires when the input is blurred."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}],"js":{"properties":[{"name":"len","description":"The number of input boxes.","type":"number"},{"name":"index","description":"Focus index.","type":"number"},{"name":"current","type":"number"},{"name":"currentValue","type":"(string | void)[]"},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"disabled","type":"boolean"},{"name":"type","type":"InputType"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"value","type":"any"},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","type":"any"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"focus","type":"CustomEvent","description":"Fires when the input is focused."},{"name":"blur","type":"CustomEvent","description":"Fires when the input is blurred."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}]}},{"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.","doc-url":"","attributes":[{"name":"type","description":"If \"image\", render a image placeholder.","value":{"type":"\"text\" | \"image\""}},{"name":"animation","description":"Animation type.\nopacity animation only effect on slotted element and image icon.","value":{"type":"\"position\" | \"opacity\"","default":"\"position\""}}],"slots":[{"name":"loading","description":"The content if loading is true."},{"name":"","description":"The content if loading is false."}],"events":[],"js":{"properties":[{"name":"type","description":"If \"image\", render a image placeholder.","type":"\"text\" | \"image\""},{"name":"animation","description":"Animation type.\nopacity animation only effect on slotted element and image icon.","type":"\"position\" | \"opacity\""},{"name":"loading","description":"If false, render slot only.","type":"boolean"}],"events":[]}},{"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 element.\n---\n### **Events:**\n - **select** - Fires when select an option.\n- **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.\n### **Slots:**\n - _default_ - Options.","doc-url":"","attributes":[{"name":"text","description":"Selected texts.","value":{"type":"string"}},{"name":"direction","value":{"type":"\"top\" | \"bottom\" | undefined"}},{"name":"multiple","value":{"type":"boolean","default":"false"}},{"name":"visible","value":{"type":"boolean","default":"false"}},{"name":"variant","description":"If outline, the outline is always present.","value":{"type":"\"default\" | \"outline\"","default":"\"default\""}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"disabled","value":{"type":"boolean","default":"false"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}},{"name":"value","value":{"type":"any"}},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","value":{"type":"any"}}],"slots":[{"name":"","description":"Options."}],"events":[{"name":"select","type":"CustomEvent","description":"Fires when select an option."},{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}],"js":{"properties":[{"name":"value","type":"any"},{"name":"text","description":"Selected texts.","type":"string"},{"name":"direction","type":"\"top\" | \"bottom\" | undefined"},{"name":"multiple","type":"boolean"},{"name":"visible","type":"boolean"},{"name":"type","type":"InputType"},{"name":"variant","description":"If outline, the outline is always present.","type":"\"default\" | \"outline\""},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"disabled","type":"boolean"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","type":"any"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"select","type":"CustomEvent","description":"Fires when select an option."},{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}]}},{"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\" and \"component\".\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### **Events:**\n - **change**\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.","doc-url":"","attributes":[{"name":"pathname","description":"Current pathname (equals to location.pathname).","value":{"type":"string"}},{"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.","value":{"type":"\"united\" | \"slotted\" | \"field\"","default":"\"united\""}},{"name":"cache","description":"Cache accessed records.\nEmptied at each re-collection.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Display slot when there is no match."},{"name":"*","description":"Matching slot will be displayed."}],"events":[{"name":"change","type":"CustomEvent"}],"js":{"properties":[{"name":"component","description":"Render result.","type":"unknown | TemplateResult"},{"name":"params","description":"Dynamic parameters record.","type":"Record<string, string>"},{"name":"path","description":"Value of matched path in routes.","type":"string"},{"name":"pathname","description":"Current pathname (equals to location.pathname).","type":"string"},{"name":"default","description":"Rendered content when there is no match.","type":"TemplateResult"},{"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.","type":"\"united\" | \"slotted\" | \"field\""},{"name":"cache","description":"Cache accessed records.\nEmptied at each re-collection.","type":"boolean"},{"name":"routes","type":"(Record<string, any> & {\n path: string;\n render?: (ur: ReturnType<Router[\"useRouter\"]>) => unknown;\n component?: unknown;\n })[]"},{"name":"routeChangeCallback","description":"Callback function when the route changes.","type":"(params: {\n pathname: string;\n params: Record<string, string>;\n path: string;\n component: unknown | TemplateResult;\n }, first: boolean) => void"},{"name":"handlePopstate"}],"events":[{"name":"change","type":"CustomEvent"}]}},{"name":"godown-rotate","description":"Rotate Make child elements rotate.\n---\n### **Methods:**\n - **_computeOffset(e: _MouseEvent_): __** - Compute offset.\n```\n`rotateX(${rotateX}rad) rotateY(${rotateY}rad)`\n```","doc-url":"","attributes":[],"events":[],"js":{"properties":[],"events":[]}},{"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 and the minimum is 2.\n---\n### **Events:**\n - **focus** - Fires when the handle is focused.\n- **blur** - Fires when the handle is blurred.\n- **range** - Fires when the value changes.\n- **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.\n### **Methods:**\n \n","doc-url":"","attributes":[{"name":"min","description":"Minimum value.","value":{"type":"number","default":"0"}},{"name":"max","description":"Maximum value.","value":{"type":"number","default":"100"}},{"name":"step","description":"Sliding step length.","value":{"type":"number"}},{"name":"vertical","description":"Display vertically.","value":{"type":"boolean","default":"false"}},{"name":"value","description":"Value, or each of values, will render a handle.\nAccepts number or array of numbers.","value":{"type":"any"}},{"name":"default","description":"The default of `this.value`.","value":{"type":"any"}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"disabled","value":{"type":"boolean","default":"false"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}}],"events":[{"name":"focus","type":"CustomEvent","description":"Fires when the handle is focused."},{"name":"blur","type":"CustomEvent","description":"Fires when the handle is blurred."},{"name":"range","type":"CustomEvent","description":"Fires when the value changes."},{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}],"js":{"properties":[{"name":"min","description":"Minimum value.","type":"number"},{"name":"max","description":"Maximum value.","type":"number"},{"name":"step","description":"Sliding step length.","type":"number"},{"name":"vertical","description":"Display vertically.","type":"boolean"},{"name":"value","description":"Value, or each of values, will render a handle.\nAccepts number or array of numbers.","type":"any"},{"name":"default","description":"The default of `this.value`.","type":"any"},{"name":"lastFocus","type":"number | undefined"},{"name":"reverse","description":"Returns true when the second number is greater than the first number.","type":"boolean"},{"name":"range","description":"If value is array.","type":"boolean"},{"name":"rangeValue","description":"Return values in the form of an array.","type":"number[]"},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"disabled","type":"boolean"},{"name":"type","type":"InputType"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"focus","type":"CustomEvent","description":"Fires when the handle is focused."},{"name":"blur","type":"CustomEvent","description":"Fires when the handle is blurred."},{"name":"range","type":"CustomEvent","description":"Fires when the value changes."},{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}]}},{"name":"godown-progress","description":"Progress similar to `<progress>`.\n---\n### **Methods:**\n - **parsePercent(s: _string | number_): __** - Convert s to a percentage without a percent sign.","doc-url":"","attributes":[{"name":"max","value":{"type":"number","default":"1"}},{"name":"min","value":{"type":"number","default":"0"}},{"name":"value","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"max","type":"number"},{"name":"min","type":"number"},{"name":"value","type":"number"}],"events":[]}},{"name":"godown-link","description":"Link is used for link jumping.\nSet `type` to `\"push\" `or `\"replace\"`,\nwill invoke the history api and trigger the Router.updateAll.\n---\n","doc-url":"","attributes":[{"name":"type","description":"If \"push\", call `history.pushState`.\nIf \"replace\", call `history.replaceState`.\nIf \"normal\", behave like a normal anchor.","value":{"type":"\"push\" | \"replace\" | \"normal\"","default":"\"normal\""}},{"name":"suppress","description":"Suppress the update of the Router.","value":{"type":"boolean","default":"false"}},{"name":"href","description":"A element href.","value":{"type":"string","default":"undefined"}},{"name":"target","description":"A element target.","value":{"type":"\"_blank\" | \"_self\" | \"_parent\" | \"_top\"","default":"\"_self\""}}],"events":[],"js":{"properties":[{"name":"type","description":"If \"push\", call `history.pushState`.\nIf \"replace\", call `history.replaceState`.\nIf \"normal\", behave like a normal anchor.","type":"\"push\" | \"replace\" | \"normal\""},{"name":"suppress","description":"Suppress the update of the Router.","type":"boolean"},{"name":"href","description":"A element href.","type":"string"},{"name":"target","description":"A element target.","type":"\"_blank\" | \"_self\" | \"_parent\" | \"_top\""}],"events":[]}},{"name":"godown-layout","description":"Layout renders slot and optional top header, bottom footer.\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.","doc-url":"","attributes":[{"name":"noHeader","description":"If true, remove the header slot.","value":{"type":"boolean","default":"false"}},{"name":"noFooter","description":"If true, remove the footer slot.","value":{"type":"boolean","default":"false"}},{"name":"sticky","description":"If true, header will sticky.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"The main content of the layout."},{"name":"header","description":"The header of the layout."},{"name":"footer","description":"The footer of the layout."}],"events":[],"js":{"properties":[{"name":"noHeader","description":"If true, remove the header slot.","type":"boolean"},{"name":"noFooter","description":"If true, remove the footer slot.","type":"boolean"},{"name":"sticky","description":"If true, header will sticky.","type":"boolean"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"variant","description":"If outline, the outline is always present.","value":{"type":"\"default\" | \"outline\"","default":"\"default\""}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"disabled","value":{"type":"boolean","default":"false"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}},{"name":"value","value":{"type":"any"}},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","value":{"type":"any"}}],"events":[{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}],"js":{"properties":[{"name":"type","type":"InputType"},{"name":"value","type":"any"},{"name":"variant","description":"If outline, the outline is always present.","type":"\"default\" | \"outline\""},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"disabled","type":"boolean"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","type":"any"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}]}},{"name":"godown-heading","description":"Heading renders a heading.\nIf the id is provided, the anchor will be displayed.\n---\n### **Slots:**\n - _default_ - The content of the heading.","doc-url":"","attributes":[{"name":"as","value":{"type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"","default":"\"h1\""}},{"name":"anchor","value":{"type":"string","default":"\"#\""}}],"slots":[{"name":"","description":"The content of the heading."}],"events":[],"js":{"properties":[{"name":"as","type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\""},{"name":"anchor","type":"string"}],"events":[]}},{"name":"godown-grid","description":"Grid provides gird layout.\n---\n### **Slots:**\n - _default_ - Grid items.","doc-url":"","attributes":[{"name":"gap","description":"CSS property `gap`.","value":{"type":"string"}},{"name":"columns","description":"CSS property `grid-template-columns`.\nIf columns is numerical, divide columns equally.","value":{"type":"string | number"}},{"name":"rows","description":"CSS property `grid-template-rows`.\nIf rows is numerical, divide rows equally.","value":{"type":"string | number"}},{"name":"content","description":"CSS property `place-content` (`align-content justify-content`).","value":{"type":"string"}},{"name":"items","description":"CSS property `place-items` (`align-items justify-items`).","value":{"type":"string"}}],"slots":[{"name":"","description":"Grid items."}],"events":[],"js":{"properties":[{"name":"gap","description":"CSS property `gap`.","type":"string"},{"name":"columns","description":"CSS property `grid-template-columns`.\nIf columns is numerical, divide columns equally.","type":"string | number"},{"name":"rows","description":"CSS property `grid-template-rows`.\nIf rows is numerical, divide rows equally.","type":"string | number"},{"name":"content","description":"CSS property `place-content` (`align-content justify-content`).","type":"string"},{"name":"items","description":"CSS property `place-items` (`align-items justify-items`).","type":"string"}],"events":[]}},{"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","doc-url":"","attributes":[{"name":"name","value":{"type":"string","default":"\"\""}}],"events":[],"js":{"properties":[{"name":"name","type":"string"},{"name":"value","type":"T"},{"name":"nameValue","type":"() => [string, T]"}],"events":[]}},{"name":"godown-flex","description":"Flex provides flex layout.\n---\n### **Slots:**\n - _default_ - Flex items.","doc-url":"","attributes":[{"name":"flex-flow","description":"CSS property `flex-flow` (`flex-direction flex-wrap`).","value":{"type":"string"}},{"name":"gap","description":"CSS property `gap`.","value":{"type":"string"}},{"name":"content","description":"CSS property `justify-content`.","value":{"type":"string"}},{"name":"items","description":"CSS property `align-items`.","value":{"type":"string"}},{"name":"vertical","description":"If true, set flex-direction to \"column\".","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Flex items."}],"events":[],"js":{"properties":[{"name":"flexFlow","description":"CSS property `flex-flow` (`flex-direction flex-wrap`).","type":"string"},{"name":"gap","description":"CSS property `gap`.","type":"string"},{"name":"content","description":"CSS property `justify-content`.","type":"string"},{"name":"items","description":"CSS property `align-items`.","type":"string"},{"name":"vertical","description":"If true, set flex-direction to \"column\".","type":"boolean"}],"events":[]}},{"name":"godown-dragbox","description":"Dragbox does not extend beyond the range of Dragbox.offsetsWidth and Dragbox.offsetsHeight.\n---\n","doc-url":"","attributes":[{"name":"x","description":"Position x.","value":{"type":"string","default":"\"auto\""}},{"name":"y","description":"Position y.","value":{"type":"string","default":"\"auto\""}}],"events":[],"js":{"properties":[{"name":"offsetsWidth","description":"Width of (`this.offsetParent` or `document.body`).","type":"number"},{"name":"offsetsHeight","description":"Height of (`this.offsetParent` or `document.body`).","type":"number"},{"name":"x","description":"Position x.","type":"string"},{"name":"y","description":"Position y.","type":"string"}],"events":[]}},{"name":"godown-divider","description":"Divider similar to `<hr>`.\n---\n","doc-url":"","attributes":[{"name":"vertical","description":"Vertical display.","value":{"type":"boolean","default":"false"}}],"events":[],"js":{"properties":[{"name":"vertical","description":"Vertical display.","type":"boolean"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"direction","description":"Direction of the opening animation.","value":{"type":"Direction9","default":"\"center\""}},{"name":"modal","description":"Enable modal, blocking event penetration.","value":{"type":"boolean","default":"false"}},{"name":"key","description":"Close key.","value":{"type":"string","default":"\"Escape\""}},{"name":"open","description":"Open the content.","value":{"type":"boolean","default":"false"}}],"events":[{"name":"change","type":"CustomEvent","description":"Fires when the open changes."}],"js":{"properties":[{"name":"direction","description":"Direction of the opening animation.","type":"Direction9"},{"name":"modal","description":"Enable modal, blocking event penetration.","type":"boolean"},{"name":"key","description":"Close key.","type":"string"},{"name":"open","description":"Open the content.","type":"boolean"}],"events":[{"name":"change","type":"CustomEvent","description":"Fires when the open changes."}]}},{"name":"godown-details","description":"Details similar to `<details>`.\n---\n### **Events:**\n - **change** - Fired when the open changes.\n### **Slots:**\n - **summary** - Details summary if no `summary` is provided.\n- _default_ - Details content.","doc-url":"","attributes":[{"name":"fill","description":"If it is true, the summary event scope will fill the element.","value":{"type":"boolean","default":"false"}},{"name":"summary","description":"Summary text.","value":{"type":"string","default":"\"\""}},{"name":"open","description":"Open the content.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"summary","description":"Details summary if no `summary` is provided."},{"name":"","description":"Details content."}],"events":[{"name":"change","type":"CustomEvent","description":"Fired when the open changes."}],"js":{"properties":[{"name":"fill","description":"If it is true, the summary event scope will fill the element.","type":"boolean"},{"name":"summary","description":"Summary text.","type":"string"},{"name":"open","description":"Open the content.","type":"boolean"}],"events":[{"name":"change","type":"CustomEvent","description":"Fired when the open changes."}]}},{"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.\nChild elements should maintain the same size.\nIf no width, it will be the width of the first element.\n---\n### **Events:**\n - **change** - Fired when the index changes.\n### **Slots:**\n - _default_ - Carousel items, should maintain the same size.","doc-url":"","attributes":[{"name":"index","description":"The index of the element is displayed for the first time.","value":{"type":"number","default":"0"}},{"name":"autoChange","description":"If autoChange > 0, the rotation will be automated.","value":{"type":"number","default":"0"}},{"name":"width","description":"Element width.","value":{"type":"string"}}],"slots":[{"name":"","description":"Carousel items, should maintain the same size."}],"events":[{"name":"change","type":"CustomEvent","description":"Fired when the index changes."}],"js":{"properties":[{"name":"index","description":"The index of the element is displayed for the first time.","type":"number"},{"name":"autoChange","description":"If autoChange > 0, the rotation will be automated.","type":"number"},{"name":"width","description":"Element width.","type":"string"}],"events":[{"name":"change","type":"CustomEvent","description":"Fired when the index changes."}]}},{"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.","doc-url":"","attributes":[{"name":"footer","value":{"type":"boolean","default":"false"}},{"name":"header","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"The main content of the card."},{"name":"header","description":"The header of the card."},{"name":"footer","description":"The footer of the card."}],"events":[],"js":{"properties":[{"name":"footer","type":"boolean"},{"name":"header","type":"boolean"}],"events":[]}},{"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","doc-url":"","attributes":[{"name":"disabled","description":"Whether to disable this element.","value":{"type":"boolean","default":"false"}},{"name":"ghost","description":"Display ghost.","value":{"type":"boolean","default":"false"}},{"name":"active","description":"Whether this element is active or not.","value":{"type":"boolean","default":"false"}},{"name":"round","description":"Display rounded.","value":{"type":"boolean","default":"false"}},{"name":"color","description":"The primary color.","value":{"type":"\"none\" | keyof typeof colors","default":"\"black\""}},{"name":"content","description":"Content text.","value":{"type":"string"}}],"events":[],"js":{"properties":[{"name":"disabled","description":"Whether to disable this element.","type":"boolean"},{"name":"ghost","description":"Display ghost.","type":"boolean"},{"name":"active","description":"Whether this element is active or not.","type":"boolean"},{"name":"round","description":"Display rounded.","type":"boolean"},{"name":"color","description":"The primary color.","type":"\"none\" | keyof typeof colors"},{"name":"content","description":"Content text.","type":"string"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"text","description":"Strings or array of strings,\nif array, divided each element into chunks,\notherwise split strings by whitespace.","value":{"type":"string | string[]"}},{"name":"duration","description":"Effect duration, ending in s or ms.","value":{"type":"string"}}],"slots":[{"name":"","description":"Breathing parts."}],"events":[],"js":{"properties":[{"name":"text","description":"Strings or array of strings,\nif array, divided each element into chunks,\notherwise split strings by whitespace.","type":"string | string[]"},{"name":"duration","description":"Effect duration, ending in s or ms.","type":"string"}],"events":[]}},{"name":"godown-badge","description":"Badge renders a badge.\n---\n","doc-url":"","attributes":[{"name":"position","value":{"type":"Position","default":"\"top-right\""}},{"name":"value","value":{"type":"number","default":"0"}},{"name":"dot","value":{"type":"boolean","default":"false"}},{"name":"max","value":{"type":"number","default":"99"}}],"events":[],"js":{"properties":[{"name":"position","type":"Position"},{"name":"value","type":"number"},{"name":"dot","type":"boolean"},{"name":"max","type":"number"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"src","description":"Image src.","value":{"type":"string | undefined | null"}},{"name":"name","description":"If the image is not available, display name (call Avatar.format).","value":{"type":"string","default":"\"\""}},{"name":"round","description":"Display rounded.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Display content if no `src` or `name` provided."}],"events":[],"js":{"properties":[{"name":"src","description":"Image src.","type":"string | undefined | null"},{"name":"name","description":"If the image is not available, display name (call Avatar.format).","type":"string"},{"name":"round","description":"Display rounded.","type":"boolean"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"call","description":"If it is a legal value, the icon and preset color will be rendered.","value":{"type":"\"tip\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"error\" | \"help\" | \"deprecated\""}},{"name":"color","description":"The tone of the component.\nOverrides the color of the call.","value":{"type":"| \"white\"\n | \"black\"\n | \"gray\"\n | \"green\"\n | \"teal\"\n | \"blue\"\n | \"red\"\n | \"purple\"\n | \"orange\"\n | \"yellow\"\n | \"pink\"\n | \"none\"","default":"\"blue\""}},{"name":"autoclose","description":"Close delay, if 0, it will not be closed automatically.","value":{"type":"number","default":"0"}},{"name":"title","description":"The title is bold and the icon height is the same as it.","value":{"type":"string"}},{"name":"content","description":"Content, if zero value, will be rendered as an unnamed slot.","value":{"type":"string"}},{"name":"hideClose","description":"Set true to hide the close button.\nThe behavior may change due to the variant property.","value":{"type":"boolean","default":"false"}},{"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.","value":{"type":"\"blockquote\" | \"dark\" | \"light\"","default":"\"dark\""}}],"slots":[{"name":"","description":"Alert content."},{"name":"title","description":"Alert title."},{"name":"icon","description":"Alert icon."}],"events":[{"name":"close","type":"CustomEvent","description":"Fires when the alert is closed."}],"js":{"properties":[{"name":"call","description":"If it is a legal value, the icon and preset color will be rendered.","type":"\"tip\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"error\" | \"help\" | \"deprecated\""},{"name":"color","description":"The tone of the component.\nOverrides the color of the call.","type":"| \"white\"\n | \"black\"\n | \"gray\"\n | \"green\"\n | \"teal\"\n | \"blue\"\n | \"red\"\n | \"purple\"\n | \"orange\"\n | \"yellow\"\n | \"pink\"\n | \"none\""},{"name":"autoclose","description":"Close delay, if 0, it will not be closed automatically.","type":"number"},{"name":"title","description":"The title is bold and the icon height is the same as it.","type":"string"},{"name":"content","description":"Content, if zero value, will be rendered as an unnamed slot.","type":"string"},{"name":"hideClose","description":"Set true to hide the close button.\nThe behavior may change due to the variant property.","type":"boolean"},{"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.","type":"\"blockquote\" | \"dark\" | \"light\""}],"events":[{"name":"close","type":"CustomEvent","description":"Fires when the alert is closed."}]}}]},"css":{"properties":[],"pseudo-elements":[]}}}
|
1
|
+
{"name":"godown","version":"3.0.0-canary.18","description-markup":"markdown","contributions":{"html":{"elements":[{"name":"godown-typewriter","description":"Typewriter renders a typewriter effect to text.\n---\n### **Events:**\n ","doc-url":"","attributes":[{"name":"content","description":"Raw text.","value":{"type":"string","default":"\"\""}},{"name":"ended","description":"If true, hide the cursor","value":{"type":"boolean","default":"false"}},{"name":"max","description":"Maximum random time.","value":{"type":"number","default":"100"}},{"name":"min","description":"Minimum random time.","value":{"type":"number","default":"50"}},{"name":"delay","description":"Fixed time.","value":{"type":"number","default":"0"}},{"name":"index","description":"The index at the beginning.","value":{"type":"number","default":"0"}}],"events":[],"js":{"properties":[{"name":"content","description":"Raw text.","type":"string"},{"name":"ended","description":"If true, hide the cursor","type":"boolean"},{"name":"max","description":"Maximum random time.","type":"number"},{"name":"min","description":"Minimum random time.","type":"number"},{"name":"delay","description":"Fixed time.","type":"number"},{"name":"index","description":"The index at the beginning.","type":"number"},{"name":"contentInternal","type":"string"},{"name":"len","description":"Typewriter.content length.","type":"number"}],"events":[]}},{"name":"godown-tooltip","description":"Tooltip provide tooltip for slot elements.\nIf it has the tip property, ignore the slot tip.\n---\n### **Events:**\n - **change**\n### **Slots:**\n - **tip** - Tip element if no `tip` provided.\n- _default_ - Content.","doc-url":"","attributes":[{"name":"tip","description":"Tip text, if there is a value, the slot will be ignored.","value":{"type":"string"}},{"name":"direction","description":"Direction of opening the tip.","value":{"type":"Direction8","default":"\"top\""}},{"name":"align","description":"Content alignment.","value":{"type":"\"center\" | \"flex-start\" | \"flex-end\" | \"start\" | \"end\"","default":"\"center\""}},{"name":"propagation","description":"If true, allow penetration of the tip.","value":{"type":"boolean","default":"false"}},{"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.","value":{"type":"\"hover\" | \"focus\"","default":"\"hover\""}},{"name":"open","description":"Open the content.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"tip","description":"Tip element if no `tip` provided."},{"name":"","description":"Content."}],"events":[{"name":"change","type":"CustomEvent"}],"js":{"properties":[{"name":"tip","description":"Tip text, if there is a value, the slot will be ignored.","type":"string"},{"name":"direction","description":"Direction of opening the tip.","type":"Direction8"},{"name":"align","description":"Content alignment.","type":"\"center\" | \"flex-start\" | \"flex-end\" | \"start\" | \"end\""},{"name":"propagation","description":"If true, allow penetration of the tip.","type":"boolean"},{"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.","type":"\"hover\" | \"focus\""},{"name":"open","description":"Open the content.","type":"boolean"}],"events":[{"name":"change","type":"CustomEvent"}]}},{"name":"godown-time","description":"Time renders a formatting time.\n---\n### **Events:**\n - **time** - Fires when the time changes.","doc-url":"","attributes":[{"name":"escape","description":"Escape symbol.","value":{"type":"string","default":"\"%\""}},{"name":"format","description":"Format strings.","value":{"type":"string","default":"\"YYYY-MM-DD hh:mm:ss UTFZ\""}},{"name":"time","description":"Time.","value":{"type":"Date","default":"new Date()"}},{"name":"timeout","description":"If there is a value, update every gap or timeout.","value":{"type":"any"}},{"name":"gap","description":"The number of milliseconds that change with each update.","value":{"type":"any"}}],"events":[{"name":"time","type":"CustomEvent","description":"Fires when the time changes."}],"js":{"properties":[{"name":"escape","description":"Escape symbol.","type":"string"},{"name":"format","description":"Format strings.","type":"string"},{"name":"time","description":"Time.","type":"Date"},{"name":"timeout","description":"If there is a value, update every gap or timeout.","type":"any"},{"name":"gap","description":"The number of milliseconds that change with each update.","type":"any"}],"events":[{"name":"time","type":"CustomEvent","description":"Fires when the time changes."}]}},{"name":"godown-text","description":"Text renders nowrap text.\n---\n","doc-url":"","attributes":[{"name":"underline","description":"Underline behavior.","value":{"type":"\"none\" | \"hover\" | \"active\" | \"always\"","default":"\"none\""}},{"name":"clip","description":"Set background-clip to text.","value":{"type":"boolean","default":"false"}}],"events":[],"js":{"properties":[{"name":"underline","description":"Underline behavior.","type":"\"none\" | \"hover\" | \"active\" | \"always\""},{"name":"clip","description":"Set background-clip to text.","type":"boolean"}],"events":[]}},{"name":"godown-switch","description":"Switch renders a switch.\nThe switch is rectangular by default,\nset the round property to rounded switch.\n---\n### **Events:**\n - **change** - Fires when the switch is switched.\n- **input**","doc-url":"","attributes":[{"name":"round","description":"Display rounded.","value":{"type":"boolean","default":"false"}},{"name":"checked","description":"Whether this element is selected or not.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Disable this element.","value":{"type":"boolean","default":"false"}},{"name":"default","description":"Default checked state.","value":{"type":"any","default":"\"false\""}},{"name":"value","description":"Input value.","value":{"type":"any","default":"\"on\""}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}}],"events":[{"name":"change","type":"CustomEvent","description":"Fires when the switch is switched."},{"name":"input","type":"CustomEvent"}],"js":{"properties":[{"name":"round","description":"Display rounded.","type":"boolean"},{"name":"checked","description":"Whether this element is selected or not.","type":"boolean"},{"name":"disabled","description":"Disable this element.","type":"boolean"},{"name":"default","description":"Default checked state.","type":"any"},{"name":"value","description":"Input value.","type":"any"},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"type","type":"InputType"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"change","type":"CustomEvent","description":"Fires when the switch is switched."},{"name":"input","type":"CustomEvent"}]}},{"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- **focus** - Fires when the input is focused.\n- **blur** - Fires when the input is blurred.\n- **change** - Fires when the input value changes.\n### **Methods:**\n ","doc-url":"","attributes":[{"name":"len","description":"The number of input boxes.","value":{"type":"number","default":"6"}},{"name":"index","description":"Focus index.","value":{"type":"number","default":"-1"}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"disabled","value":{"type":"boolean","default":"false"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}},{"name":"value","value":{"type":"any"}},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","value":{"type":"any"}}],"events":[{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"focus","type":"CustomEvent","description":"Fires when the input is focused."},{"name":"blur","type":"CustomEvent","description":"Fires when the input is blurred."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}],"js":{"properties":[{"name":"len","description":"The number of input boxes.","type":"number"},{"name":"index","description":"Focus index.","type":"number"},{"name":"current","type":"number"},{"name":"currentValue","type":"(string | void)[]"},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"disabled","type":"boolean"},{"name":"type","type":"InputType"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"value","type":"any"},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","type":"any"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"focus","type":"CustomEvent","description":"Fires when the input is focused."},{"name":"blur","type":"CustomEvent","description":"Fires when the input is blurred."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}]}},{"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.","doc-url":"","attributes":[{"name":"type","description":"If \"image\", render a image placeholder.","value":{"type":"\"text\" | \"image\""}},{"name":"animation","description":"Animation type.\nopacity animation only effect on slotted element and image icon.","value":{"type":"\"position\" | \"opacity\"","default":"\"position\""}}],"slots":[{"name":"loading","description":"The content if loading is true."},{"name":"","description":"The content if loading is false."}],"events":[],"js":{"properties":[{"name":"type","description":"If \"image\", render a image placeholder.","type":"\"text\" | \"image\""},{"name":"animation","description":"Animation type.\nopacity animation only effect on slotted element and image icon.","type":"\"position\" | \"opacity\""},{"name":"loading","description":"If false, render slot only.","type":"boolean"}],"events":[]}},{"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 element.\n---\n### **Events:**\n - **select** - Fires when select an option.\n- **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.\n### **Slots:**\n - _default_ - Options.","doc-url":"","attributes":[{"name":"text","description":"Selected texts.","value":{"type":"string"}},{"name":"direction","value":{"type":"\"top\" | \"bottom\" | undefined"}},{"name":"multiple","value":{"type":"boolean","default":"false"}},{"name":"visible","value":{"type":"boolean","default":"false"}},{"name":"variant","description":"If outline, the outline is always present.","value":{"type":"\"default\" | \"outline\"","default":"\"default\""}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"disabled","value":{"type":"boolean","default":"false"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}},{"name":"value","value":{"type":"any"}},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","value":{"type":"any"}}],"slots":[{"name":"","description":"Options."}],"events":[{"name":"select","type":"CustomEvent","description":"Fires when select an option."},{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}],"js":{"properties":[{"name":"value","type":"any"},{"name":"text","description":"Selected texts.","type":"string"},{"name":"direction","type":"\"top\" | \"bottom\" | undefined"},{"name":"multiple","type":"boolean"},{"name":"visible","type":"boolean"},{"name":"type","type":"InputType"},{"name":"variant","description":"If outline, the outline is always present.","type":"\"default\" | \"outline\""},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"disabled","type":"boolean"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","type":"any"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"select","type":"CustomEvent","description":"Fires when select an option."},{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}]}},{"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\" and \"component\".\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### **Events:**\n - **change**\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.","doc-url":"","attributes":[{"name":"pathname","description":"Current pathname (equals to location.pathname).","value":{"type":"string"}},{"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.","value":{"type":"\"united\" | \"slotted\" | \"field\"","default":"\"united\""}},{"name":"cache","description":"Cache accessed records.\nEmptied at each re-collection.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Display slot when there is no match."},{"name":"*","description":"Matching slot will be displayed."}],"events":[{"name":"change","type":"CustomEvent"}],"js":{"properties":[{"name":"component","description":"Render result.","type":"unknown | TemplateResult"},{"name":"params","description":"Dynamic parameters record.","type":"Record<string, string>"},{"name":"path","description":"Value of matched path in routes.","type":"string"},{"name":"pathname","description":"Current pathname (equals to location.pathname).","type":"string"},{"name":"default","description":"Rendered content when there is no match.","type":"TemplateResult"},{"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.","type":"\"united\" | \"slotted\" | \"field\""},{"name":"cache","description":"Cache accessed records.\nEmptied at each re-collection.","type":"boolean"},{"name":"routes","type":"(Record<string, any> & {\n path: string;\n render?: (ur: ReturnType<Router[\"useRouter\"]>) => unknown;\n component?: unknown;\n })[]"},{"name":"routeChangeCallback","description":"Callback function when the route changes.","type":"(params: {\n pathname: string;\n params: Record<string, string>;\n path: string;\n component: unknown | TemplateResult;\n }, first: boolean) => void"},{"name":"handlePopstate"}],"events":[{"name":"change","type":"CustomEvent"}]}},{"name":"godown-rotate","description":"Rotate Make child elements rotate.\n---\n### **Methods:**\n - **_computeOffset(e: _MouseEvent_): __** - Compute offset.\n```\n`rotateX(${rotateX}rad) rotateY(${rotateY}rad)`\n```","doc-url":"","attributes":[],"events":[],"js":{"properties":[],"events":[]}},{"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 and the minimum is 2.\n---\n### **Events:**\n - **focus** - Fires when the handle is focused.\n- **blur** - Fires when the handle is blurred.\n- **range** - Fires when the value changes.\n- **input** - Fires when the input value changes.\n- **change** - Fires when the input value changes.\n### **Methods:**\n \n","doc-url":"","attributes":[{"name":"min","description":"Minimum value.","value":{"type":"number","default":"0"}},{"name":"max","description":"Maximum value.","value":{"type":"number","default":"100"}},{"name":"step","description":"Sliding step length.","value":{"type":"number"}},{"name":"vertical","description":"Display vertically.","value":{"type":"boolean","default":"false"}},{"name":"value","description":"Value, or each of values, will render a handle.\nAccepts number or array of numbers.","value":{"type":"any"}},{"name":"default","description":"The default of `this.value`.","value":{"type":"any"}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"disabled","value":{"type":"boolean","default":"false"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}}],"events":[{"name":"focus","type":"CustomEvent","description":"Fires when the handle is focused."},{"name":"blur","type":"CustomEvent","description":"Fires when the handle is blurred."},{"name":"range","type":"CustomEvent","description":"Fires when the value changes."},{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}],"js":{"properties":[{"name":"min","description":"Minimum value.","type":"number"},{"name":"max","description":"Maximum value.","type":"number"},{"name":"step","description":"Sliding step length.","type":"number"},{"name":"vertical","description":"Display vertically.","type":"boolean"},{"name":"value","description":"Value, or each of values, will render a handle.\nAccepts number or array of numbers.","type":"any"},{"name":"default","description":"The default of `this.value`.","type":"any"},{"name":"lastFocus","type":"number | undefined"},{"name":"reverse","description":"Returns true when the second number is greater than the first number.","type":"boolean"},{"name":"range","description":"If value is array.","type":"boolean"},{"name":"rangeValue","description":"Return values in the form of an array.","type":"number[]"},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"disabled","type":"boolean"},{"name":"type","type":"InputType"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"focus","type":"CustomEvent","description":"Fires when the handle is focused."},{"name":"blur","type":"CustomEvent","description":"Fires when the handle is blurred."},{"name":"range","type":"CustomEvent","description":"Fires when the value changes."},{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}]}},{"name":"godown-progress","description":"Progress similar to `<progress>`.\n---\n### **Methods:**\n - **parsePercent(s: _string | number_): __** - Convert s to a percentage without a percent sign.","doc-url":"","attributes":[{"name":"max","value":{"type":"number","default":"1"}},{"name":"min","value":{"type":"number","default":"0"}},{"name":"value","value":{"type":"number"}}],"events":[],"js":{"properties":[{"name":"max","type":"number"},{"name":"min","type":"number"},{"name":"value","type":"number"}],"events":[]}},{"name":"godown-link","description":"Link is used for link jumping.\nSet `type` to `\"push\" `or `\"replace\"`,\nwill invoke the history api and trigger the Router.updateAll.\n---\n","doc-url":"","attributes":[{"name":"type","description":"If \"push\", call `history.pushState`.\nIf \"replace\", call `history.replaceState`.\nIf \"normal\", behave like a normal anchor.","value":{"type":"\"push\" | \"replace\" | \"normal\"","default":"\"normal\""}},{"name":"suppress","description":"Suppress the update of the Router.","value":{"type":"boolean","default":"false"}},{"name":"href","description":"A element href.","value":{"type":"string","default":"undefined"}},{"name":"target","description":"A element target.","value":{"type":"\"_blank\" | \"_self\" | \"_parent\" | \"_top\"","default":"\"_self\""}}],"events":[],"js":{"properties":[{"name":"type","description":"If \"push\", call `history.pushState`.\nIf \"replace\", call `history.replaceState`.\nIf \"normal\", behave like a normal anchor.","type":"\"push\" | \"replace\" | \"normal\""},{"name":"suppress","description":"Suppress the update of the Router.","type":"boolean"},{"name":"href","description":"A element href.","type":"string"},{"name":"target","description":"A element target.","type":"\"_blank\" | \"_self\" | \"_parent\" | \"_top\""}],"events":[]}},{"name":"godown-layout","description":"Layout renders slot and optional top header, bottom footer.\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.","doc-url":"","attributes":[{"name":"noHeader","description":"If true, remove the header slot.","value":{"type":"boolean","default":"false"}},{"name":"noFooter","description":"If true, remove the footer slot.","value":{"type":"boolean","default":"false"}},{"name":"sticky","description":"If true, header will sticky.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"The main content of the layout."},{"name":"header","description":"The header of the layout."},{"name":"footer","description":"The footer of the layout."}],"events":[],"js":{"properties":[{"name":"noHeader","description":"If true, remove the header slot.","type":"boolean"},{"name":"noFooter","description":"If true, remove the footer slot.","type":"boolean"},{"name":"sticky","description":"If true, header will sticky.","type":"boolean"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"variant","description":"If outline, the outline is always present.","value":{"type":"\"default\" | \"outline\"","default":"\"default\""}},{"name":"autocomplete","value":{"type":"string | boolean"}},{"name":"disabled","value":{"type":"boolean","default":"false"}},{"name":"type","value":{"type":"InputType"}},{"name":"placeholder","value":{"type":"string"}},{"name":"name","value":{"type":"string"}},{"name":"value","value":{"type":"any"}},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","value":{"type":"any"}}],"events":[{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}],"js":{"properties":[{"name":"type","type":"InputType"},{"name":"value","type":"any"},{"name":"variant","description":"If outline, the outline is always present.","type":"\"default\" | \"outline\""},{"name":"autofocus","type":"boolean"},{"name":"autocomplete","type":"string | boolean"},{"name":"disabled","type":"boolean"},{"name":"placeholder","type":"string"},{"name":"name","type":"string"},{"name":"default","description":"default property records the default or initial value and is used to reset the input.","type":"any"},{"name":"compositing","description":"Returns true when the input is compositing.","type":"boolean"},{"name":"defaultValue"},{"name":"nameValue","type":"() => [string, any]"}],"events":[{"name":"input","type":"CustomEvent","description":"Fires when the input value changes."},{"name":"change","type":"CustomEvent","description":"Fires when the input value changes."}]}},{"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.","doc-url":"","attributes":[{"name":"as","description":"The heading level.","value":{"type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"","default":"\"h1\""}},{"name":"anchor","description":"The anchor prefix.","value":{"type":"string","default":"\"#\""}},{"name":"side","description":"The anchor side.","value":{"type":"\"left\" | \"right\"","default":"\"left\""}}],"slots":[{"name":"","description":"Heading content."}],"events":[],"js":{"properties":[{"name":"as","description":"The heading level.","type":"\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\""},{"name":"anchor","description":"The anchor prefix.","type":"string"},{"name":"side","description":"The anchor side.","type":"\"left\" | \"right\""}],"events":[]}},{"name":"godown-grid","description":"Grid provides gird layout.\n---\n### **Slots:**\n - _default_ - Grid items.","doc-url":"","attributes":[{"name":"gap","description":"CSS property `gap`.","value":{"type":"string"}},{"name":"columns","description":"CSS property `grid-template-columns`.\nIf columns is numerical, divide columns equally.","value":{"type":"string | number"}},{"name":"rows","description":"CSS property `grid-template-rows`.\nIf rows is numerical, divide rows equally.","value":{"type":"string | number"}},{"name":"content","description":"CSS property `place-content` (`align-content justify-content`).","value":{"type":"string"}},{"name":"items","description":"CSS property `place-items` (`align-items justify-items`).","value":{"type":"string"}}],"slots":[{"name":"","description":"Grid items."}],"events":[],"js":{"properties":[{"name":"gap","description":"CSS property `gap`.","type":"string"},{"name":"columns","description":"CSS property `grid-template-columns`.\nIf columns is numerical, divide columns equally.","type":"string | number"},{"name":"rows","description":"CSS property `grid-template-rows`.\nIf rows is numerical, divide rows equally.","type":"string | number"},{"name":"content","description":"CSS property `place-content` (`align-content justify-content`).","type":"string"},{"name":"items","description":"CSS property `place-items` (`align-items justify-items`).","type":"string"}],"events":[]}},{"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","doc-url":"","attributes":[{"name":"name","value":{"type":"string","default":"\"\""}}],"events":[],"js":{"properties":[{"name":"name","type":"string"},{"name":"value","type":"T"},{"name":"nameValue","type":"() => [string, T]"}],"events":[]}},{"name":"godown-flex","description":"Flex provides flex layout.\n---\n### **Slots:**\n - _default_ - Flex items.","doc-url":"","attributes":[{"name":"flex-flow","description":"CSS property `flex-flow` (`flex-direction flex-wrap`).","value":{"type":"string"}},{"name":"gap","description":"CSS property `gap`.","value":{"type":"string"}},{"name":"content","description":"CSS property `justify-content`.","value":{"type":"string"}},{"name":"items","description":"CSS property `align-items`.","value":{"type":"string"}},{"name":"vertical","description":"If true, set flex-direction to \"column\".","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Flex items."}],"events":[],"js":{"properties":[{"name":"flexFlow","description":"CSS property `flex-flow` (`flex-direction flex-wrap`).","type":"string"},{"name":"gap","description":"CSS property `gap`.","type":"string"},{"name":"content","description":"CSS property `justify-content`.","type":"string"},{"name":"items","description":"CSS property `align-items`.","type":"string"},{"name":"vertical","description":"If true, set flex-direction to \"column\".","type":"boolean"}],"events":[]}},{"name":"godown-dragbox","description":"Dragbox does not extend beyond the range of Dragbox.offsetsWidth and Dragbox.offsetsHeight.\n---\n","doc-url":"","attributes":[{"name":"x","description":"Position x.","value":{"type":"string","default":"\"auto\""}},{"name":"y","description":"Position y.","value":{"type":"string","default":"\"auto\""}}],"events":[],"js":{"properties":[{"name":"offsetsWidth","description":"Width of (`this.offsetParent` or `document.body`).","type":"number"},{"name":"offsetsHeight","description":"Height of (`this.offsetParent` or `document.body`).","type":"number"},{"name":"x","description":"Position x.","type":"string"},{"name":"y","description":"Position y.","type":"string"}],"events":[]}},{"name":"godown-divider","description":"Divider similar to `<hr>`.\n---\n","doc-url":"","attributes":[{"name":"vertical","description":"Vertical display.","value":{"type":"boolean","default":"false"}}],"events":[],"js":{"properties":[{"name":"vertical","description":"Vertical display.","type":"boolean"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"direction","description":"Direction of the opening animation.","value":{"type":"Direction9","default":"\"center\""}},{"name":"modal","description":"Enable modal, blocking event penetration.","value":{"type":"boolean","default":"false"}},{"name":"key","description":"Close key.","value":{"type":"string","default":"\"Escape\""}},{"name":"open","description":"Open the content.","value":{"type":"boolean","default":"false"}}],"events":[{"name":"change","type":"CustomEvent","description":"Fires when the open changes."}],"js":{"properties":[{"name":"direction","description":"Direction of the opening animation.","type":"Direction9"},{"name":"modal","description":"Enable modal, blocking event penetration.","type":"boolean"},{"name":"key","description":"Close key.","type":"string"},{"name":"open","description":"Open the content.","type":"boolean"}],"events":[{"name":"change","type":"CustomEvent","description":"Fires when the open changes."}]}},{"name":"godown-details","description":"Details similar to `<details>`.\n---\n### **Events:**\n - **change** - Fired when the open changes.\n### **Slots:**\n - **summary** - Details summary if no `summary` is provided.\n- _default_ - Details content.","doc-url":"","attributes":[{"name":"fill","description":"If it is true, the summary event scope will fill the element.","value":{"type":"boolean","default":"false"}},{"name":"summary","description":"Summary text.","value":{"type":"string","default":"\"\""}},{"name":"open","description":"Open the content.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"summary","description":"Details summary if no `summary` is provided."},{"name":"","description":"Details content."}],"events":[{"name":"change","type":"CustomEvent","description":"Fired when the open changes."}],"js":{"properties":[{"name":"fill","description":"If it is true, the summary event scope will fill the element.","type":"boolean"},{"name":"summary","description":"Summary text.","type":"string"},{"name":"open","description":"Open the content.","type":"boolean"}],"events":[{"name":"change","type":"CustomEvent","description":"Fired when the open changes."}]}},{"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.\nChild elements should maintain the same size.\nIf no width, it will be the width of the first element.\n---\n### **Events:**\n - **change** - Fired when the index changes.\n### **Slots:**\n - _default_ - Carousel items, should maintain the same size.","doc-url":"","attributes":[{"name":"index","description":"The index of the element is displayed for the first time.","value":{"type":"number","default":"0"}},{"name":"autoChange","description":"If autoChange > 0, the rotation will be automated.","value":{"type":"number","default":"0"}},{"name":"width","description":"Element width.","value":{"type":"string"}}],"slots":[{"name":"","description":"Carousel items, should maintain the same size."}],"events":[{"name":"change","type":"CustomEvent","description":"Fired when the index changes."}],"js":{"properties":[{"name":"index","description":"The index of the element is displayed for the first time.","type":"number"},{"name":"autoChange","description":"If autoChange > 0, the rotation will be automated.","type":"number"},{"name":"width","description":"Element width.","type":"string"}],"events":[{"name":"change","type":"CustomEvent","description":"Fired when the index changes."}]}},{"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.","doc-url":"","attributes":[{"name":"footer","value":{"type":"boolean","default":"false"}},{"name":"header","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"The main content of the card."},{"name":"header","description":"The header of the card."},{"name":"footer","description":"The footer of the card."}],"events":[],"js":{"properties":[{"name":"footer","type":"boolean"},{"name":"header","type":"boolean"}],"events":[]}},{"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","doc-url":"","attributes":[{"name":"disabled","description":"Whether to disable this element.","value":{"type":"boolean","default":"false"}},{"name":"ghost","description":"Display ghost.","value":{"type":"boolean","default":"false"}},{"name":"active","description":"Whether this element is active or not.","value":{"type":"boolean","default":"false"}},{"name":"round","description":"Display rounded.","value":{"type":"boolean","default":"false"}},{"name":"color","description":"The primary color.","value":{"type":"\"none\" | keyof typeof colors","default":"\"black\""}},{"name":"content","description":"Content text.","value":{"type":"string"}}],"events":[],"js":{"properties":[{"name":"disabled","description":"Whether to disable this element.","type":"boolean"},{"name":"ghost","description":"Display ghost.","type":"boolean"},{"name":"active","description":"Whether this element is active or not.","type":"boolean"},{"name":"round","description":"Display rounded.","type":"boolean"},{"name":"color","description":"The primary color.","type":"\"none\" | keyof typeof colors"},{"name":"content","description":"Content text.","type":"string"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"text","description":"Strings or array of strings,\nif array, divided each element into chunks,\notherwise split strings by whitespace.","value":{"type":"string | string[]"}},{"name":"duration","description":"Effect duration, ending in s or ms.","value":{"type":"string"}}],"slots":[{"name":"","description":"Breathing parts."}],"events":[],"js":{"properties":[{"name":"text","description":"Strings or array of strings,\nif array, divided each element into chunks,\notherwise split strings by whitespace.","type":"string | string[]"},{"name":"duration","description":"Effect duration, ending in s or ms.","type":"string"}],"events":[]}},{"name":"godown-badge","description":"Badge renders a badge.\n---\n### **Slots:**\n - _default_ - Badge content.","doc-url":"","attributes":[{"name":"position","value":{"type":"Position","default":"\"top-right\""}},{"name":"value","value":{"type":"number","default":"0"}},{"name":"dot","description":"If `true`, render a dot badge.","value":{"type":"boolean","default":"false"}},{"name":"max","value":{"type":"number","default":"99"}}],"slots":[{"name":"","description":"Badge content."}],"events":[],"js":{"properties":[{"name":"position","type":"Position"},{"name":"value","type":"number"},{"name":"dot","description":"If `true`, render a dot badge.","type":"boolean"},{"name":"max","type":"number"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"src","description":"Image src.","value":{"type":"string | undefined | null"}},{"name":"name","description":"If the image is not available, display name (call Avatar.format).","value":{"type":"string","default":"\"\""}},{"name":"round","description":"Display rounded.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Display content if no `src` or `name` provided."}],"events":[],"js":{"properties":[{"name":"src","description":"Image src.","type":"string | undefined | null"},{"name":"name","description":"If the image is not available, display name (call Avatar.format).","type":"string"},{"name":"round","description":"Display rounded.","type":"boolean"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"call","description":"If it is a legal value, the icon and preset color will be rendered.","value":{"type":"\"tip\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"error\" | \"help\" | \"deprecated\""}},{"name":"color","description":"The tone of the component.\nOverrides the color of the call.","value":{"type":"| \"white\"\n | \"black\"\n | \"gray\"\n | \"green\"\n | \"teal\"\n | \"blue\"\n | \"red\"\n | \"purple\"\n | \"orange\"\n | \"yellow\"\n | \"pink\"\n | \"none\"","default":"\"blue\""}},{"name":"autoclose","description":"Close delay, if 0, it will not be closed automatically.","value":{"type":"number","default":"0"}},{"name":"title","description":"The title is bold and the icon height is the same as it.","value":{"type":"string"}},{"name":"content","description":"Content, if zero value, will be rendered as an unnamed slot.","value":{"type":"string"}},{"name":"hideClose","description":"Set true to hide the close button.\nThe behavior may change due to the variant property.","value":{"type":"boolean","default":"false"}},{"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.","value":{"type":"\"blockquote\" | \"dark\" | \"light\"","default":"\"dark\""}}],"slots":[{"name":"","description":"Alert content."},{"name":"title","description":"Alert title."},{"name":"icon","description":"Alert icon."}],"events":[{"name":"close","type":"CustomEvent","description":"Fires when the alert is closed."}],"js":{"properties":[{"name":"call","description":"If it is a legal value, the icon and preset color will be rendered.","type":"\"tip\" | \"success\" | \"info\" | \"warning\" | \"danger\" | \"error\" | \"help\" | \"deprecated\""},{"name":"color","description":"The tone of the component.\nOverrides the color of the call.","type":"| \"white\"\n | \"black\"\n | \"gray\"\n | \"green\"\n | \"teal\"\n | \"blue\"\n | \"red\"\n | \"purple\"\n | \"orange\"\n | \"yellow\"\n | \"pink\"\n | \"none\""},{"name":"autoclose","description":"Close delay, if 0, it will not be closed automatically.","type":"number"},{"name":"title","description":"The title is bold and the icon height is the same as it.","type":"string"},{"name":"content","description":"Content, if zero value, will be rendered as an unnamed slot.","type":"string"},{"name":"hideClose","description":"Set true to hide the close button.\nThe behavior may change due to the variant property.","type":"boolean"},{"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.","type":"\"blockquote\" | \"dark\" | \"light\""}],"events":[{"name":"close","type":"CustomEvent","description":"Fires when the alert is closed."}]}}]},"css":{"properties":[],"pseudo-elements":[]}}}
|